/* #326342, #487858, #94CE4A, #9AEF3F */
BODY { font: 14px arial, helvetica, sans-serif; background-color: #326342; margin: 0px; }
FORM { margin: 0px; }
P { font: 12px arial; color: white; line-height: 1.5; }
H1.title { font: 32px arial; font-weight: bold; color: #9AEF3F; }
H2.title { font: 24px arial; font-weight: bold; color: #9AEF3F; }
H3.title { font: 20px arial; font-weight: bold; color: #9AEF3F; }
H4.title { font: 18px arial; font-weight: bold; color: #9AEF3F; }
HR { border: 1px dotted #9AEF3F; }
CODE.systemitem { color: brown; }
A { color: #FFC757; }
IMG { behavior: url("http://djbook.ru/css/png.htc"); }

.content { background-color: #487858; margin: 0.5em; padding: 0.5em; }

.topic { background-color: #94CE4A; }
.footer { background-color: #94CE4A; }
.footer .line{ color: #487858; text-align: center; }

/* стили для поисковой формы */
.search { padding: 2px 1em; font: 12px arial; vertical-align: middle; }
.search .soon { position: absolute; top: 130px; left: 250px; }
.search .field { width: 60%; }
.searchbutton { color: #9AEF3F; background: #487858;
   font-size: 10px;
   margin: 1px; padding: 1px 2px; border: 1px solid gray;
   -moz-border-radius: 4px; cursor: default; }

.wide { width: 100%; }
.claim { position: absolute; top: 100px; left: 100px; z-index: 20;
   border: 1px solid red; width: 400px;
   background-color: gray; }
.claim .padd { padding: 4px; }
.claim .border { border: 1px solid black; }
.claim-title { font: 12px arial; color: white; background: black; padding: 2px 4px; }
.claim-context { font: 10px arial; background-color: white; }
.claim-error { background-color: red; }
.claim-comment { font-family: monospace; font-size: 10px; width: 100%; height: 100px; }
.claim-button { text-align: right; }
.claim-button BUTTON { cursor: pointer; }

.splashwidget { position: absolute; top: 20px; left: 20px;
   font: 12px arial; padding: 1em;
   border: 1px solid red; background-color: gray; }

.informer { border: 0px; background-color: #94CE4A; color: black;
   font: 10px arial; text-align: center; padding: 4px; }
.informer .title { font-size: 12px; font-weight: bold; text-align: center; }
.informer A { color: blue; }

.informer .spelling { cursor: pointer; }
.informer .current { border-color: orange; }

.pending { margin: 1em 2px; }
#spelling_error_count_pending { border: 1px solid yellow; font-weight: bold; padding: 0px 2px; }
#spelling_error_count_assigned { border: 1px solid orange; font-weight: bold; padding: 0px 2px; }
#spelling_error_count_fixed { border: 1px solid green; font-weight: bold; padding: 0px 2px; }
#spelling_error_count_invalid { border: 1px solid red; font-weight: bold; padding: 0px 2px; }
#readers_count { border: 1px solid lightgreen; font-weight: bold; padding: 0px 2px; }

.archive-block { border-top: 2px solid #94CE4A; border-bottom: 2px solid #94CE4A; margin-bottom: 0.5em; }
.archive-block .title { margin: 0.5em; font-size: 1.5em; text-align: center; }
.archive-block .year-list { margin: 0.5em; font-family: verdana; font-size: 1em; text-align: center; }
.archive-block .current { font-weight: bold; }
.archive-block .month-list { margin: 0.5em 1em; font-family: verdana; font-size: 1em; text-align: left; }

.news-block { margin-bottom: 0.5em; }
.news-block .title { margin: 0.5em; font-size: 1.5em; text-align: left; }

.news-inc .text {font-family: "trebuchet MS",sans-serif;
		 font-size: 12px;
		 letter-spacing: 0.2pt;
		 word-spacing: 1pt;
		 line-height: 1.5;
		 padding: 0px 4px; margin-bottom: 4px;}
.yandex-money { border: 0px; background-color: #487858; text-align: center; }
.yandex-money .webmoney { color: white; font-family: monospace; font-size: 12px; text-align: center; }

.accesskeys { border: 0px; background-color: #94CE4A; color: black;
   font: 10px arial; text-align: center; padding: 4px; }
.accesskeys .title { font: 12px arial; font-weight: bold; margin-bottom: 0.5em; }

/* стили для книги */
.navheader { font-family: verdana; color: #9AEF3F; }
.navheader TD { font-size: 10px; }
.navheader TH { font-size: 12px; }
.navheader TABLE { border: 0px; }
.navfooter TD { font: 10px verdana; }
.navfooter TH { font: 12px arial; }
.navfooter TABLE { border: 0px; }

.toc { font: 14px arial; color: white; }
.toc P B { font: 20px sans-serif; font-weight: bold; color: #9AEF3F;}
.toc .chapter A { font: 16px arial; color: white; }
.toc .section A { font: 14px arial; color: white; }
.toc .appendix A { font: 14px arial; color: white; }
dt { margin: 4px 0px;}

.area-title { color: white; background-color: #94CE4A;
	      font: 14px arial; font-weight: bold;
	      padding: 4px; margin-bottom: 0.5em; }
.tocmini-chapter { margin: 0.4em 0em; overflow: auto; }
.tocmini-chapter A { font: 12px arial; color: white; }
.tocmini-sections { padding-left: 1em; }
.tocmini-section A { font: 12px arial; color: white; }

.subtitle { font: 24px helvetica, sans-serif italic; }

.list-of-figures P B { font: 16px arial; }
.list-of-figures { font: 14px arial; color: white; }
.list-of-figures A { color: white; }

.list-of-tables P B { font: 16px arial; }
.list-of-tables { font: 14px arial; color: white; }
.list-of-tables A { color: white; }

.bibliography {}

.figure { text-align: center; }
.figure .title { font: 12px verdana; color: #9AEF3F; text-align: center; }

.productname { font: 14px arial italic; }

.filename { font: 12px courier; color: #FFC757; }

.firstterm { font: 14px helvetica, sans-serif italic; color: darkred; }

.note {	border: 1px solid black; background: #234F32; padding: 0px 2em; margin: 0px; }
.note .title { font: 14px arial; font-weight: bold; color: #9AEF3F; }

.emphasis { font-style: italic; }

.quote { }

.orderedlist { color: white; padding-left: 10px; }
.orderedlist .title { font: 16px arial; }
.orderedlist P { font: 12px arial; line-height: 1.5; }

.itemizedlist { color: white; padding-left: 10px; }
.itemizedlist .title { font: 16px arial; }
.itemizedlist P { font: 12px arial; line-height: 1.5; }

.command { font: 12px courier; color: #FFC757; padding: 2px 4px; white-space: nowrap; }
.token { font: 12px courier; font-weight: bold; white-space: nowrap; color: #FFC757; }
.classname { font: 12px courier; white-space: nowrap; background-color: #486953; padding: 0px 2px; }
.function { font-family: monospace; font-size: 12px; color:#aceffd; padding: 0px 2px; }
.varname { font: 12px courier; color: #FFC757; }


.screenshot { }
.screenshot IMG { border: 1px solid black; text-align: center }

.guibutton { color: #9AEF3F; background: #487858;
   font-size: 10px;
   margin: 1px; padding: 1px 2px; border: 1px solid gray;
   -moz-border-radius: 4px; cursor: default; }

.guilabel { color: brown; }
.guimenu { }

.computeroutput { font: 14px courier small-caps; color: brown; }
.screen { font-family: monospace; font-size: 12px; white-space: pre; color: #FFC757; padding-left: 4em; }

TABLE { font: 12px arial; color: white;border-collapse: collapse; }
.table .title { font: 14px arial italic; color: #9AEF3F; }

/*


.titlepage { font: 12px helvetica, sans-serif; }
.title { font: 18px helvetica, sans-serif; }

.zsection {
	font-family: helvetica, sans-serif;
	font-size: 18px;
}



.topic .sections { font: 10px arial; background-color: #487858;
   padding: 2px 1em; }


.news { margin: 0.5em 0em; }
.news .title { background-color: #94CE4A; padding: 2px 0.5em;
   font: 12px arial; }
.news .body { padding: 0.5em; font: 10px arial; color: white; line-height: 1.5; }



*/

/* Стили для highlight.js - BEGIN */
pre code {
    display: block;
    background-color: #326342;
    border: 1px solid #94CE4A;
    padding: 4px;
    white-space: wrap;
    overflow: auto;
    max-width: 800px;
}

.subst, .title {
    font-weight: bold;
    color: #fdf1ac;
    font-size: 1.1em;
}

.built_in {
    font-weight: bold;
    color: #fce770;
}

.comment, .template_comment, .javadoc, .diff .header {
    color: lightgray;
    font-style: italic;
}

.annotation, .decorator, .preprocessor, .doctype, .pi, .chunk, .shebang, .apache .cbracket {
    color: yellow;
}

.pi {
    background: #efefef;
}

.tag .title, .id, .attr_selector, .literal, .keyword, .hexcolor, .css .function, .ini .title, .css .class, .list .title {
    font-weight: bold;
    color: #FFC757;
}

.attribute, .rules .keyword, .number, .date, .regexp {
    font-weight: bold;
    color: #FFFF88;
}

.number, .regexp {
    font-weight: normal;
}

.string {
    color: #6cf74f;
}

.value, .filter .argument, .css .function .params, .apache .tag {
    color: #ed8282;
    font-weight: bold;
}

.symbol, .char {
    color: #000;
    background: #d0eded;
    font-style: italic;
}

.phpdoc, .javadoctag {
    text-decoration: underline;
}

.variable, .envvar, .apache .sqbracket {
    color: #a8f7e7;
}

.addition {
    background: #baeeba;
}

.deletion {
    background: #ffc8bd;
}

.diff .change {
    background: #bccff9;
}
/* Стили для highlight.js - END */

/* Стили для комментариев */
.comments {
    margin-top: 10px;
}

.comments .comment {
    border-bottom: 1px solid #94CE4A;
    margin-bottom: 5px;
    padding-bottom: -5px;
}

.comments .user_thumb {
    float: left;
    margin-right: 5px;
}

.comments .table_user_deets {
    float: left;
}

.comments .link, .comments .reply, .comment .delete, .comment .edit {
    float: right;
    margin-right: 5px;
}

.comments .replied {
    clear: right;
    border: 1px dotted rgb(148, 206, 74);
    margin: 5px 5px 5px 85px;
    padding: 4px;
}

.comments .content {
    clear: right;
}
/* Стили для комментариев - END */

.edit-form {
    width: 320px;
}

.edit-form input[type="text"], .edit-form textarea {
    border: 1px solid #333;
    width: 300px
}
.edit-form input[type="password"]{
    border: 1px solid #333;
    width: 280px
}
.edit-form label{
    display:block;
}
.edit-form p{
    line-height:1.1
}
.login-link {
    display: block;
    float: left;
    margin: 3px;
    width: 113px;
    height: 32px;
    text-decoration: none;
}

.login-link.open-id {
    background: url(../img/login.png) 0 0px no-repeat;
}

.login-link.twitter {
    background: url(../img/login.png) -120px 0px no-repeat;
}

.login-link.google {
    background: url(../img/login.png) -222px 0px no-repeat;
}

.login-link.securelayer {
    background: url(http://djbook.ru/static/img/securelayer_button.png) 0px 0px no-repeat;
}

ul.messages, ul.errorlist {
    list-style: none;
    margin-left: 0px;
    padding: 0px;
}

ul.errorlist li {
    color: #ff8080;
}

ul.messages li {
    padding: 5px;
    font-size: 1.2em;
    margin: 2px;
    font-weight: bold;
}

ul.messages li.error {
    background: #ff8080;
}

ul.messages li.success {
    background: #94CE4A;
}

/* spelling form */
#spelling_form p{
    margin: 0 0 10px 0;

}
#spelling_form .spelling_error{
    background-color:red;
}

#spelling_form .display{
    border: 1px solid #092e20;
    padding:4px;
    width: 342px;
    font-size: 10px;
    background-color: #c8d48d;
    display: block;
    color: #092e20;
}
#spelling_form p label {
    color: #000;
}
#spelling_form textarea{
    width: 350px; height: 80px;
    border: 1px solid #092e20;
}
#spelling_form input[type="text"]{
    width: 350px;
    border: 1px solid #092e20;
}
#spelling_form input[type="checkbox"]{
    margin-right: 10px;
}
/* spelling form - END*/
.comments-number {
    color: #fff;
    text-decoration: none;
    font-size: 0.9em;
}

.sociallinks img{
	border: none;
}

/* form-as-p */
.form-as-p label, .form-as-p textarea, .form-as-p input, .form-as-p select{
    display: block;
}
.form-as-p label{
    color: #fff;
    font-weight: bold;
}
.form-as-p textarea{
    width: 70%;
}
.form-as-p input{
    width: 70%;
}
.form-as-p p{
    color: #add8e6;
}
/*******/
textarea#id_content{
    height: 300px;
}
a img {
    border: none;
}
textarea.markItUpEditor{
    width: 643px;
}
/* author-avatar */
.author-avatar {
    float: right;
    background-color: #cbf6bc;
    padding: 5px;
}
.author-avatar a {
    color: #326342;
}

.markItUpPreview p {
    color: #000;
}