/* Start Blog */
.clear {clear:both;}

.blog_body {font-weight: 400;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    line-height: 1.5;
    color: #2c2f37;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga", "kern";
    text-rendering: optimizelegibility;}

/* setup */
#setup .intro {text-align:right;margin:10px 10px -10px 0;}
#setup h2 {text-decoration:underline;}
#setup ul .on {color:red;}
#setup ul .off {color:blue;}
#setup select,
#setup input,
#setup options {width:200px;}
#setup input[type='submit'] {width:125px;}
#setup textarea {width:99%;height:300px;float:left;margin:5px auto;padding:5px;resize:vertical;}
#setup table {margin:0;width:98%;}
#setup table td {width:100%;border-bottom:1px silver solid;padding:2px;margin:0px;}

/* anonce */
#anonce {
   margin:0;
   padding:3px 0 10px 0;
   border-top:1px solid #ddd;
   border-bottom:1px solid #ddd;
}
#anonce .date {
   color:#777;
   margin:5px;
   text-align:right;
   clear:both;
}
#anonce .date span {
   color:red;
   border:1px red solid;
   padding:3px 5px;
}
#anonce .blog_body {
   padding:0px;
}
#anonce h2 {
   margin:5px;
   padding:0;
   font-size: 1.4rem;
}
#anonce .text {
   margin:10px 5px;
   text-align:justify;
   display: -webkit-box;
   display: box;
}
#anonce .text img {
   float:left;
   margin:0 15px 5px 0;
   border:0;
   -o-transform:scale(1);
   -o-transition-duration:1s;
     -webkit-transform:scale(1);
   -webkit-transition-duration:1s;
   -moz-transform:scale(1);
   -moz-transition-duration:1s;
   opacity:0.95;
}
#anonce .text img:hover {
   -webkit-transform:scale(1.1);
   -webkit-transition-duration:1s;
   -moz-transform:scale(1.1);
   -moz-transition-duration:1s;
   -o-transform:scale(1.1);
   -o-transition-duration:1s;
   opacity:1;
}
#anonce .link {
   margin-right:5px;
   text-align:right;
}
#anonce .link a {color:rgb(5,122,214);}
#anonce .last {
   padding-left:15px;
   border-left:1px solid #ddd;
   color:#222;
   text-align:left;
}
#anonce .last span {color:red;}
#anonce .last a {display:block;color:rgb(5,122,214);}
#anonce .last a.new {color:green;}
#anonce .last a.wait {color:#777;}
#anonce .last a:hover,
#anonce .link a:hover,
#anonce .last a span:hover {color:blue;}

/* post */
#post {
   margin-top:10px;
   padding-top:3px;
   border-top:1px solid #ddd;
   border-bottom:1px solid #ddd;
   margin-bottom: 60px;
}
#post .date {
   color:#555;
   margin-right:5px;
   text-align:right;
}
#post .date span {
   color:red;
   border:1px red solid;
   padding:3px 5px;
}
#post .blog_body {
   padding:0px;
}
#post h2 {
   margin:5px;
   padding:0 0 10px 0;
}
#post .postimg img {
   float:left;
   margin:0 15px 5px 0;
   border:0;

}
.to_comments, .to_comments h5, .to_cat, .to_cat h5 {
   margin-top:10px;
   padding:0px;
}
.to_comments h5, .to_cat, .to_cat h5 {
   margin:0;
   padding:0px;
}
#post form.editor {
   display:inline;
}

/* comment */
#comment {
   margin-top:20px;
   padding:0;
}
#comment .date {
   margin-right:2px;
   text-align:right;
   padding:0;
}
#comment .blog_body {
   overflow:hidden;
   margin:0;
   padding:5px;
   border:1px silver solid;
}
#comment h3 {
  background-color:#fff;
  color:#22a;
  font:bold 1.2rem helvetica;
  margin:0 5px;
  padding:0;
}
#comment h3 span {
   color:#888;
   float:right;
   font:1.00rem arial,verdana,"Trebuchet MS",sans-serif;
}
#comment .comment {
   margin-top:10px;
   padding:5px;
   text-align:justify;
}
#comment .faxim {
   clear:both;
   color:#339;
   text-align:right;
   margin-top:10px;
}
#comment .faxim a {color:rgb(5,122,214);}
#comment .faxim a:hover {color:blue;}
#comment .autor {
   clear:both;
   margin:10px 0;
   color:green;
}
#comment .comment .waiting,
#comment .comment .userpic {
   background:url(../i/blog/user.png) no-repeat;
   border:0;
   float:left;
   margin:2px 10px 2px 2px;
   padding:0;
   width:96px;
   height:96px;
}
#comment .comment .waiting {
   background:url(../i/blog/wait.png) no-repeat;
}
#comment .autor .userpic {
   background:url(../i/blog/autor.png) no-repeat;
}
#comment .postlink {margin:5px;text-align:right;}
#comment .postlink a {color:rgb(5,122,214);}
#comment .postlink a:hover {color:blue;}
#comment form.editor {
   display:inline;
}

/* Editors */
.error  p {color:red;font:15px Verdana;}
.error h2 {color:red;}
#editor {
   border:1px silver solid;
   overflow:hidden;
   margin:10px 0;
   padding:0 0 5px 5px;
   width:99%;
}
#editor div {
   position:relative;
   overflow:hidden;
}
#editor input,
#editor textarea,
#editor select {
   border:1px silver solid;
   outline:0;
   font:1.2rem Arial;
   color:black;
   background-color:white;
   margin-top:5px;
   padding:5px;
}
#editor input {
   width:99%;
}
#editor select {
   width:98%;
}
#editor .postarea {height:550px;}
#editor .macros {height:100px;}
#editor .icon {
   position:relative;
   clear:both;
   border:0;
   margin:5px 0 0 0;
   padding:0;
   overflow:hidden;
   width:98%;
   height:97px;
   background:url(../i/blog/download.png) repeat-x;
}
#editor input[type="file"] {
   width:2000px;
   height:97px;
   margin:0px;
   padding:0px;
   cursor:pointer;
   direction:rtl;
   font-size:18px;
   z-index:22;
   -moz-opacity:0.35;
   filter:alpha(opacity:0.5);
   opacity:0.35;
   -o-transform:scale(1);
   -o-transition-duration:1s;
   -webkit-transform:scale(1);
   -webkit-transition-duration:1s;
   -moz-transform:scale(1);
   -moz-transition-duration:1s;
}
#editor input[type="file"]:hover {
   -moz-opacity:0;
   filter:alpha(opacity:0);
   opacity:0;
}
#editor textarea {
   resize:vertical;
   height:400px;
   width:98%;
}
#editor textarea:focus {
   background-color:#ffc;
   border-color:orange;
   color:black;
}
#editor input[type="submit"] {
   background-color:#fff;
   cursor:pointer;
   width:99%;
}
#editor input[type="submit"].red,
#editor input[type="submit"]:hover,
#editor input:focus, 
#editor select:focus {
   background-color:#ffc;
   border-color:orange;
   color:red;
}
#editor input[type="checkbox"] {
   text-align:left;
   width:20px;
   height:20px;
   margin:10px;
   padding:0;
}
#editor #mydiv {margin:0 10px;}
/* Стили для пагинации заимствованы от Наны Общительной, и определены там. */
/* End Blog */