@font-face {    font-family: "Hortensia"; src: url("http://usabili.ru/images/Hortensia.ttf") format("truetype");}

html, body {    height: 100%; margin: 0; padding: 0; }
html>body  { height: auto; min-height: 100%; }
body {          height: 100%;
        width:90%;
        max-width:1100px;
        min-width:982px; position: relative; color: #404040;margin:0 auto;
        _width:982px;
        }
#empty, #footer, footer { height: 32px; }
#footer, footer {       bottom: 0; left: 0; margin-bottom:10px; position: absolute;}
#content {      border:0px #376FA7 solid;text-align:center;}
#content table {margin: 0px auto;}
body {          background:url('/images/bg.jpg') #D1EAF4;font-size:14px;font-family: "PT Sans Caption",Arial,sans-serif;}
.bred {         border: 1px red solid;}
#top {          padding-top:20px;width: 972px;height:282px;}
img {           margin:0;border:0;}
.fleft{         float:left;}
.fright{        float:right;}
.logo {         color: #15567E; font-family: Arial; font-size: 1.9em; height: 215px;}
ul {            color: green; margin-left: 15px; list-style: disc url('/images/bullet.gif');}
li {            color: black;}

menu {          width:970px;display:block;height:54px;float:left;margin:0;padding:0;list-style: none;}
menu li{        display:block;float:left;margin:0;width:140px;height:35px;text-align:center;color: #5A897A; padding:19px 0px 0 0px;font-weight: normal; font-family: Arial;}
menu li a {     color: #5A897A; font-weight: normal; font: 17px Hortensia,Arial,sans-serif;text-decoration:underline;}
menu li img,menu li input {   vertical-align:middle;margin-right:3px;}
menu li a:hover{text-decoration:underline;color:black;}
menu li.active{ background:url('/images/menu_active.jpg') #fff; font-weight: bold;}
menu li.active a,menu li.active b {color: #5A897A;font: bold 17px Hortensia,Arial,sans-serif;}

.login_box {background:url('/images/login_box.jpg') #305070;height:179px;float:left;width:220px;padding-left:80px;padding-top:40px;}
#openid_welcome,#user_welcome { padding:5px 0 0 5px; width:70%;  margin-top:1px; }
#openid_welcome a,#user_welcome a {color: #0060e0;}
.openid {background:url('/img/openid-16x16.gif') no-repeat; padding-left: 18px;}
.user {background:url('/favicon.ico') 0px 0px no-repeat; padding-left: 18px;}
.top_r {background:url('/images/top_r.jpg') #305070;height:282px;float:right;width:403px;}

table.newst {  border: 0px #787878 solid;border-collapse:separate;border-spacing:0px 6px;width:100%;text-align:left;}
table.newst td,#the_most {margin: 5px; padding: 26px 20px 26px 12px;clear:both;}
table.newst td a {      color:#0060e0;text-decoration:underline;}
table.newst td a:visited {color:#8019cb;}
table.newst td a:hover {text-decoration:underline;border-bottom:1px #0060e0 solid;margin-bottom:-1px;}
table.newst td {        color:#204050;}
table.newst td p {      color:#204050;text-align:justify;margin-left:3em;padding-right:20px; margin-top:0;margin-bottom:0;}
table.newst td p:first-letter {margin-left:20px;color:#006020;font-weight:bold;text-decoration:none;}
table.newst td h1:first-letter {padding-left:0px;}
table.newst td h2:first-letter {padding-left:40px;}
table.newst td h3:first-letter {padding-left:40px;}
table.newst td b {      font-weight:bold;text-align:center;}
table.newst td table {  border-collapse:collapse;}
table.newst td table td {padding: 5px; color:black;}
table.newst h1, h1{      color: #0B6F2E;font-size:28px;font-family: "Hortensia", Arial,sans-serif;margin:10px 0;padding:0;line-height:25px;}
h2{      color: #0B6F2E;font-size:19px;font-family: "Hortensia", "PT Sans Caption",Arial;margin:5px;padding:0;line-height:21px;}
h3{      color: #0B6F2E;font-size:14px;font-family: "Hortensia", "PT Sans Caption",Arial;margin:5px;padding:0;line-height:15px;}
table.newst h1 a,h1 a,table.newst h1 a:visited {   color: #0B6F2E;text-decoration:none;}
table.newst h1 a:hover {text-decoration:underline;color:black;border:0;}
table.newst td img {    margin:5px;}

table.newst td a img {text-decoration:none;}

table.bordered {border: 3px double black;}
table.bordered td {border: 1px solid black;}

#the_most {     padding: 6px 14px 16px 12px;clear:both;}
.news_tags {    background:url('/images/tag.png') no-repeat;padding:3px 5px 7px 30px; text-shadow: 1px 2px 1px #ccc;clear:left;}

#comments {text-align:left;}
#comments ul {margin:0;padding:0;clear:both;}

li.comment{ display: block; padding:15px; list-style:none;vertical-align:top;clear:both;}
.message {
        float:left;width:64%;
        font: 13px "PT Sans Caption",Arial,sans-serif;
        padding:5px 15px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        opacity:0.8;
/*        background:#f2faff;
        background:-moz-linear-gradient(top, #ffffff 0%,
                                      #f0f8fa 10%,
                                      #e4eaf2 60%,
                                      #f0f8f8 100%);
        _background:#f2faff;*/
        -moz-box-shadow: #ccd 2px 2px 6px;
}
.message ul li {margin-left: 20px;}
.message blockquote {margin: 10px 0px;}
.comment .user {font:13px Arial,Helvetica,sans-serif;}
.comment_info {float:left;  width:240px;position:relative;background: url('/images/bubbles.gif') 5px 0px no-repeat; padding-left:60px;margin:0;}
.comment_info b {margin-left:5px; font:bold 12px Arial,Helvetica,sans-serif;}
.comment_time {margin-left:5px;font:10px "PT Sans Caption",Arial,Helvetica,sans-serif; color:gray;}
.position {position:absolute;left:12px;top:5px;color:gray;font: 11px "PT Sans Caption",Arial,sans-serif;}

table.in_blog { color:black;border-collapse:collapse;}
table.in_blog td {color:black !important; border: 1px #376FA7 solid; padding:4px; margin: 3px;}
table.newst td b.good {color:green !important;}
table.newst td b.bad {color:red !important;}
#for_print {display:none !important;}
.strike {text-decoration: line-through;}
a.external {padding: 0 14px 0 0;background: url('/images/external.png') no-repeat right;}
img.date_pix {float:left;display:inline;padding: 0px 15px 10px 10px;}
.date_text {display:none;}
pre {width:90%;border:#c0d0f0 0px solid;background:#f0f8f8;color:#211;margin:10px 0 10px 30px;padding:10px 30px;clear:both;
     white-space: pre-wrap;       /* css-3 */
     white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
     white-space: -pre-wrap;      /* Opera 4-6 */
     white-space: -o-pre-wrap;    /* Opera 7 */
     word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
code {          margin:0px; padding:0px;background:#e8faff;}
code b.good {   color:green;}
code b.bad {    color:red;}
pre code {      background: transparent;}
blockquote {    background:url('/images/quot_open.gif') no-repeat #e8faff;border:0px #e8eaef solid;padding:5px 50px;white-space: wrap;}
input, textarea, select, option {font: 12px "Courier New", "Sans Serif";}

pre, blockquote { opacity:0.8;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-box-shadow: #a7e0c7 1px 1px 4px;
        box-shadow: 3px 4px #c7dFe7;
        -webkit-box-shadow: 1px 1px #c7dFe7;
}

.css {  background-image:url('/images/css.gif');background-repeat: no-repeat;}
.php {  background-image:url('/images/php.gif');background-repeat: no-repeat;}
.html { background-image:url('/images/html.gif');background-repeat: no-repeat;}
.xml {  background-image:url('/images/xml.gif');background-repeat: no-repeat;}
.xsl {  background-image:url('/images/xsl.gif');background-repeat: no-repeat;}
.js {   background-image:url('/images/js.gif');background-repeat: no-repeat;}

.comments_none,.comments_1,.comments_2,.comments_3,.comments_4 {float:left;width:148px;height:59px;text-align:center;padding: 25px 0 0 5px;
font-size:11px; color:white; text-shadow: 1px 1px 1px #bbb;line-height:10px;text-decoration:none;
}
.comments_none b,.comments_1 b,.comments_2 b,.comments_3 b,.comments_4 b {display:block;font:bold 19px/10px "PT Sans Caption",Tahoma,sans-serif;color:white;}
.comments_none { background:url('/images/comments_none.jpg') no-repeat;}
.comments_1 {   background:url('/images/comments_1.jpg') no-repeat;}
.comments_2 {   background:url('/images/comments_2.jpg') no-repeat;}
.comments_3 {   background:url('/images/comments_3.jpg') no-repeat;}
.comments_4 {   background:url('/images/comments_4.jpg') no-repeat;}
table.newst td .comments_none a,
table.newst td .comments_1 a,
table.newst td .comments_2 a,
table.newst td .comments_3 a,
table.newst td .comments_4 a {color:white;text-decoration:none;}

/*opensearch*/
                #opensearch_input {font:11px Tahoma;padding-left:5px; width:70px;}
                #search_suggestion {border: 1px solid gray; margin:0;list-style:none;padding:0; border-radius:3px;background:#fffffa; background:-moz-linear-gradient(top, #fffffa 0%,#f8f8f0 100%);}
                #search_suggestion li {/*position:relative; */margin:0; padding:3px 90px 3px 7px; font:11px Tahoma;}
                #search_suggestion i {position:absolute; right:0px;padding:1px 7px;}
                #search_suggestion li.active {background:#fff0e8;text-decoration:underline;}
                #search_suggestion li a {color: black; text-decoration:none;}
                #search_suggestion li a:hover {color: #ff4000;text-decoration:underline;}


/* first april styles
table.newst tr:nth-child(3n) .fapril{-webkit-transform: rotate(359deg);-moz-transform: rotate(359deg);-o-transform: rotate(359deg);transform: rotate(359deg);}
table.newst tr:nth-child(3n+1) .fapril{-webkit-transform: rotate(5deg);-moz-transform: rotate(5deg);-o-transform: rotate(5deg);transform: rotate(5deg);}
table.newst tr:nth-child(3n+2) .fapril{-webkit-transform: rotate(3deg);-moz-transform: rotate(3deg);-o-transform: rotate(3deg);transform: rotate(3deg);}

a{-webkit-transform: rotate(176deg);-moz-transform: rotate(176deg);-o-transform: rotate(176deg);transform: rotate(176deg);}
* a:nth-child(4n+1){-webkit-transform: rotate(5deg);-moz-transform: rotate(5deg);-o-transform: rotate(5deg);transform: rotate(5deg);}
a:nth-child(4n+2){-webkit-transform: rotate(3deg);-moz-transform: rotate(3deg);-o-transform: rotate(3deg);transform: rotate(3deg);}

input, iframe, textarea {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
*/


.avatar {float:left;width:32px;padding:2px; margin:1px 10px;}
.avatar {
    float: left;
    margin: 10px;
    background-color: #fff;
    background-position: 50% 50%;
    border-radius: 25px;
    width: 32px;
    height: 32px;
    -webkit-box-shadow:
        0 0 0 5px #fff,
        0 0 0 6px #999,
        0px 1px 1px 7px rgba(0,0,0,.2),
        7px 7px 10px rgba(255,255,255,.5) inset,
        -7px -7px 10px rgba(0,0,0,.2) inset;
    box-shadow:
        0 0 0 5px #fff,
        0 0 0 6px #999,
        0px 1px 1px 7px rgba(0,0,0,.2),
        7px 7px 10px rgba(255,255,255,.5) inset,
        -7px -7px 10px rgba(0,0,0,.2) inset;
}

.operaRounded {
    content: '';
}