body, textarea, input { background-color: white; color: black; font-family: Verdana, Tahoma, Geneva, sans-serif }
img { border: 0 }

.gentime {
    background: #888888; font-size: 9px; color: white; padding: 2px; width: 44px;
    text-align: center;
    position: absolute;
    left: 0px;
}

div.sape { font-family: 'Arial Narrow', Arial, sans-serif; font-size: 10px; margin-top: 10px }
div.sape div { width: 655px; background: #f0f0f0; padding: 10px 0; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); zoom: 1; -khtml-opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

a {text-decoration: none }
a:link { color: #06c; }
a:visited { color: #800880; }

a.lang_e:hover { padding-right: 16px; background: url(/i/flag-e.png) right center no-repeat}

a.mm  { font-family: Arial, sans-serif; font-size: 14px; color:#666;
       font-family: Verdana, Tahoma, Geneva, sans-serif;
       letter-spacing: -1px; font-weight: bold;
       text-transform: lowercase;
}
table.mm {
    background-color: #E7E7E7;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    height: 35px;
}

@media all and (resolution = 0dpi) {
     /* 9.50 <= Opera < 10.50 */

    noindex:-o-prefocus, :root table.mm {
        border: none !important;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPG1hc2sgaWQ9Im1hc2siPg0KICAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgcng9IjE1IiByeT0iMTUiIGZpbGw9IiNFN0U3RTciIHN0cm9rZT0iI0U3RTdFNyIgc3Ryb2tlLXdpZHRoPSIyIi8+DQo8L21hc2s+DQo8cmVjdCBzdHJva2U9IiNFN0U3RTciIGZpbGw9IiNFN0U3RTciIHN0cm9rZS13aWR0aD0iNCIgbWFzaz0idXJsKCNtYXNrKSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgcng9IjE1IiByeT0iMTUiLz4NCjwvc3ZnPg==);
    }
} 

a.mm { text-decoration: underline; }

.small { font-family: 'Arial Bold', Arial, sans-serif; font-size:10px; color:#7B7B7B;text-decoration: none !important}
.line { background-color: #E7E7E7 }

.head { color: #0A4736; font-family: Verdana, Tahoma, Geneva, sans-serif;
    font-size:19px; letter-spacing:-1px; font-weight: bold;
    background: url(/i/pod-bg.gif) repeat-x 0 100%; height: 30px;
    float: left; clear: both; position: absolute; margin-left: -45px;
}

.head-page { position: static; margin: 0; }

.bottom_nav { color: #0A4736; font-family: Verdana, Tahoma, Geneva, sans-serif; font-size:15px; letter-spacing:-1px; font-weight: bold; }

.head_s { color: #0A4736; font-family:'Arial Black', Arial, sans-serif; font-size:10px; letter-spacing:-1px  }

table, .text { font-family: Verdana, Tahoma, Geneva, sans-serif; font-size: 13px }
.text a { text-decoration: underline }

.gray { color: #888888 }
.mail { color: black; font-family: Arial, sans-serif; font-size: 12px; text-decoration: none }
.textlink { font-family: Verdana, Tahoma, Geneva, sans-serif; font-size: 12px; color: #5a5a50;text-decoration:none }
.w { font-family: Arial, sans-serif; color: #0A4736; font-weight: bolder; text-decoration:none !important; }

.verse { margin: 0 0 0 20px; color: #2e2e2e; font-size: 12px }
.bq { font-size: 12px; border-left: 7px solid #aaa; padding-left: 10px; display: block; margin: 0 0 10px 15px }
tt .bq { margin-top: 10px }

form.search { padding: 0; margin: 0 }

form.search input { font-family: Arial, sans-serif; font-size: 12px; width:160px; height:20px; border: 1px solid #9c9c9c }

/* FF, Opera, IE8, Safari */
.b { background: url(data:image/gif;base64,R0lGODlhJQARALMAAKmpqfj4+PLy8sTExJycnKOjo+vr69fX197e3r29vcrKyrCwsOXl5ba2ttHR0f///yH5BAAAAAAALAAAAAAlABEAQASV8MlJq734Nib3GRMgbAHQOAIwHQ8hFEEmz3Rt01vHIQDRGI9GQ+JwPAwNAgDRkgA4t+jsUCwKHoLBKXa4PhycgKIxiBkDKEsuyHAoQkgHrGhYTBABgkEk7fv/gIGCN2RFTwEFYAlDOQwERmQMWk0DCV4UaxtFExuaA0UMQxRKRhpQGy8cDioNBSybAEYMMARfIIO4uBEAOw==) white no-repeat }
.b:focus { background: none white; }

.divider { border-top: solid #ddd 1px; width:90%; margin: 10px 0px 20px -20px; }

.tcomment { float: right }
.tcomment span { padding: 10px; background: #DEC67B url('/i/comment.gif') no-repeat center center; position: absolute; margin-top: -14px; margin-left: -20px; font-size: 11px }
.tcomment a { text-decoration: underline; }

.comment_block, .comment_block tt { font-family: Verdana, Tahoma, Geneva, sans-serif; font-size: 13px; background: white }
.comment_block textarea { border: 1px solid #ccc; width:100%; height: 120px; font-size: 13px }
.comment_block input    { border: 1px solid #ccc; width:50% }
.comment_block .submit  { width: 100px }
.comment_block .error   { color: red }
.comment_block .nick    { color: #ccc; margin-right: 20px }
.comment_block tt { margin-bottom: 40px; display: block;  }
.comment_block form { margin-top: 50px; background: #e7e7e7; padding: 10px  }
.comment_block .no { margin-right: 10px }
.comment_block .openid_login { background: url(/i/openid-login-bg.gif) no-repeat; background-color: #fff; background-position: 0 50%; color: #000; padding-left: 18px; margin-right: 10px }
.comment_block .avatar { float: right; max-width: 41px; max-height: 41px; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc; margin-left: 10px }
.comment_block .favatar { float: right; width: 16px; height: 16px; padding: 12px; display: block; border: 1px solid #eee }

.anon_text {  }

.comment_email { /* bot protect */
    display: none; 
}


/* Аватары */

.bavatar, .bavatar * {
    padding: 0;
    border: 0;
    margin: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

.bavatar {
    border: 1px solid gray;
    width: 40px; height: 40px;
    table-layout: fixed;
    text-align: center;
    -webkit-box-shadow: 3px 3px 5px #888;
    -moz-box-shadow: 3px 3px 5px #888; 
    box-shadow: 3px 3px 5px #888;
    background: white;
    float: right;
    margin-left: 10px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#888888, direction=135, strength=3);
}

/* если браузер поновее, есть надежда, что поддерживается box-shadow */
.bavatar:not(:root) {
    border: 0;
}


.bavatar img {
    max-width: 40px;
    max-height: 40px;
    zoom: expression(this.width > 40 || this.height > 40 ? runtimeStyle.zoom = 40 / Math.max(this.width, this.height) : null);
    -ms-interpolation-mode: bicubic;
}

.ans_avatar {  display: block; float: right; clear: both; margin: 7px -2px 10px 10px; width: 44px;}
.ans_avatar img { width: 44px; height: 12px; }
.ans_avatar:hover { background: black }

.user_url strong { color: black }

html>body .canv { display: none }
html>body .obj  { display: block }

.canv, .obj { width: 20px; height: 60px; position: absolute; margin: -30px 0 5px -20px; overflow: hidden }

.old_canv { 
    font-family: 'Arial Narrow', Arial, sans-serif;
    font-size: 8px;
    width: 40px;
    margin-top: 40px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

/* mobile webkit correction */
body:not([x|x]) .old_canv {
    margin: 15px 0 0 -10px;
    font-family: small;
    width: 50px;
}

h3 { margin: 0 0 10px 0; clear: both; font-weight: normal }
h1 { font-family: Verdana, Tahoma, Geneva, sans-serif; font-size: 18px; margin: 10px 0 10px 0; font-weight: normal }
h1 a { text-decoration: underline }

.cal { background: #eee; text-align: center; width: 27px; height: 22px; float: left; padding-top: 5px }
.cal a:link, .cal a:visited { text-decoration: underline }
.caladd { background: #999 }
.caladd a:link { color: white }
.caladd a:visited { color: #ccc }

.vspace { clear: both; height: 25px; display: block }

a.blk { display: inline; text-decoration: none; width: 8px; height: 8px; font-size: 8px }

.calendar-icon { width: 19px; height: 18px; border: 0; margin-left: 4px }
.calendar-icon-10 { width: 12px; height: 12px; border: 0; margin-left: 2px }

.comment_block i { width: 15px; height: 15px; background-image: url(/i/emoji.gif); display: -moz-inline-box; vertical-align: middle; display: inline-block; }

.image-lost { width: 200px; height: 100px; border: 1px solid black; margin: 10px; padding: 20px; text-align: center; }

sup { vertical-align: baseline; position: relative; top: -0.4em }
sub { vertical-align: baseline; position: relative; bottom: -0.4em }

.hl_comment .to_user { outline: #ccc dashed 1px; -moz-outline: black dotted 1px; -webkit-outline: black dotted 1px; padding: 5px; background: #f0f0f0 }

/* block «ваш персональный RSS» */

.your_rss_block {
    background: #ccc;
    padding: 10px;
    margin: 0;
}

.your_rss_block a {
    text-decoration: underline;
}

.your_rss_block .warn {
    float: left;
    font-size: 23px;
    width: 27px;
    height: 27px;
    background: navy;
    border: 3px solid white;
    margin-right: 10px;
    text-align: center;
    border-radius: 40px; -moz-border-radius: 40px; -khtml-border-radius: 40px;
    color: white;
    font-weight: bold;
}

/* highlighter.js */

pre code {
  display: block;
  background: #F0F0F0;
  padding: 5px;
  border: 1px dotted #ccc;
  font-size: 11px;
  font-family: 'Trebuchet MS', 'Tahoma', sans-serif
}

pre code,
pre .ruby .subst,
pre .xml .title,
pre .lisp .title {
  color: black;
}

pre .string,
pre .title,
pre .parent,
pre .tag .attribute .value,
pre .rules .value,
pre .rules .value .number,
pre .preprocessor,
pre .ruby .symbol,
pre .instancevar,
pre .aggregate,
pre .template_tag,
pre .django .variable,
pre .smalltalk .class,
pre .addition,
pre .flow,
pre .stream,
pre .bash .variable,
pre .apache .tag,
pre .apache .cbracket {
  color: #800;
}

pre .comment,
pre .annotation,
pre .template_comment,
pre .diff .header,
pre .chunk {
  color: #888;
}

pre .number,
pre .date,
pre .regexp,
pre .literal,
pre .smalltalk .symbol,
pre .smalltalk .char,
pre .change {
  color: #080;
}

pre .label,
pre .javadoc,
pre .ruby .string,
pre .decorator,
pre .filter .argument,
pre .localvars,
pre .array,
pre .attr_selector,
pre .pseudo,
pre .pi,
pre .doctype,
pre .deletion,
pre .envvar,
pre .shebang,
pre .apache .sqbracket {
  color: #88F;
}

pre .keyword,
pre .id,
pre .phpdoc,
pre .title,
pre .built_in,
pre .aggregate,
pre .smalltalk .class,
pre .winutils,
pre .bash .variable,
pre .apache .tag {
  font-weight: bold;
}

pre .html .css,
pre .html .javascript,
pre .html .vbscript {
  opacity: 0.5;
}

/* gallery */

.gallery {
    font-family: Tahoma, Geneva, sans-sarif;
    font-size: 23px;
}

.gallery li {
    list-style: none;
    margin: 0;
}

.gallery ul {
    padding: 0;
}

.gallery a:active {
    outline: 0;
}

.gallery a {
    position: absolute;
    z-index: 3;
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    text-align: center;
    text-decoration: none;
    margin-top: 5px;
   -moz-user-select: none; -khtml-user-select: none; user-select: none;
   display: none;
   opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 0.7;
}

:root .gallery a:nth-child(n):not([unknown]) {
    display: block;
}


.gallery :target a, .gallery li:not(:target) ~ li:last-child a {
    background: #fff;
    color: #000;
}

.gallery a, .gallery li:target ~ li:last-child a {
    background: #aaa;
    background: rgba(170, 170, 170, 0.5);
    color: #fff;
}

/* turn off buggy Safari and Chrome */
@media all and (-webkit-min-device-pixel-ratio:0) {
    .gallery li:not(:target) a {
        background: gray !important;
        color: white !important;
    }
}


.gallery li:nth-last-child(1) a {
    margin: 15px 0 0 5px;
} 

.gallery li:nth-last-child(2) a {
    margin: 15px 0 0 40px;
} 

.gallery li:nth-last-child(3) a {
    margin: 15px 0 0 75px;
} 

.gallery li:nth-last-child(4) a {
    margin: 15px 0 0 110px;
} 

.gallery li:nth-last-child(5) a {
    margin: 15px 0 0 145px;
} 

.gallery li:nth-last-child(6) a {
    margin: 15px 0 0 180px;
} 

.gallery li:nth-last-child(7) a {
    margin: 15px 0 0 215px;
} 

.gallery li:nth-last-child(8) a {
    margin: 15px 0 0 250px;
} 

.gallery img {
    display: none;
    z-index: 2;
    position: absolute;
    margin-top: 10px;
}

.gallery :target img {
    display: block;
}

.gallery li:last-child img {
    display: block;
    z-index: 1;
}

comment.gallery {
    display: block !important;
}