@charset "UTF-8";
*{ margin: 0;padding: 0;}
*::selection{ background:#ffae00; color:#000;}
*::-moz-selection{ background:#ffae00; color:#000;}
html, body{ height: 100%; font: 11px Tahoma, Geneva, sans-serif; color:#d4d2c1; background: #000; overflow-x:auto; overflow-y:hidden;}
img{ border:none;}
ul{ list-style:none;}
textarea{ overflow:auto; font: 11px Tahoma, Geneva, sans-serif;}
input{ font: 11px Tahoma, Geneva, sans-serif;}
a{ color:#cfc993; outline: none;}
a:hover{ text-decoration:none;}
#main { position: relative; top: 0; left: 0; float:left; width: 100%; height: 100%; overflow: hidden; min-width: 1000px;}
*html #main{ width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':'100%'); }
#topPanel{ float:left; width:100%; height:25px; background: #ff8a00; padding:20px 0;}
#topPanel .contBox{ width:650px; margin:0 auto; }
.loginBox{ float:left; padding-right: 50px; color:#000;}
.loginBox a{ font-size: 18px; color:#000; text-decoration:none;}
.loginBox span{ margin-left: 10px; padding-left: 10px; border-left: 1px solid #c97614;}
.authBox{ float:left; padding-top: 3px;}
.authBox .fieldBox{ position:relative; width: 150px; float:left; padding-right: 20px;}
.authBox .fieldBox span{ position:absolute; left: 4px; top: 2px; color:#ff8a00;}
.authBox .fieldBox input{ width: 142px; padding: 2px 4px; color:#ff8a00; background: #000; border:none;}
#comein{ font-weight:bold; cursor:pointer; width: 100px;}
#newPostButton{ float: left; width:67px; height:25px; overflow: hidden; background: url(../images/gif.gif) no-repeat -181px 0;}
#close{ position:relative; float:right; width: 25px; height:25px; background: url(../images/gif.gif) no-repeat -156px 0;}
#scrollingBox{ position:relative; float: left; width:100%; height:100%; overflow: hidden;}
#scrollingCont{ position:relative; top:0; float: left; width:100%; overflow:hidden;}
.topBlock{ float:left; width: 100%;}
.topBlock .contBox{ width:650px; margin:0 auto; padding-top:30px; height:42px; }
.titleContacts{ position:relative; top: -10px; float:left; width: 600px; text-align:center; }
.titleContacts p{ padding-top: 10px; color:#7d7d7d; font-size:9px;} 
.titleContacts p a{ color:#7d7d7d; text-decoration:none; }
.titleContacts p a:hover{ text-decoration:underline; }
.title{ display:block; width:388px; height:11px; margin:0 auto; overflow:hidden; background: url(../images/gif.gif) no-repeat 0 -40px; text-indent:-1000px;}
#tagsBox{ display:none; position:relative; float:left; width:100%; overflow:hidden; padding-top: 25px; height:47px;}
#tagsBox .list{ position:relative; left:100%; float:left; white-space:nowrap;}
#tagsBox .list a{ float:right; margin-right: 20px; font-size: 17px; text-transform:uppercase; font-weight:bold; color:#393834; text-decoration:none;}
#tagsBox .list a:hover{ color:#e3e1cf;}
#tagsButton{ position:relative; z-index:2; float:right; width: 13px; height: 13px; overflow:hidden; margin-right: -20px; background: url(../images/gif.gif) no-repeat -81px -13px;}
#rssButton{ position:relative; z-index:2; float:right; width: 13px; height: 13px; overflow:hidden; margin-right: 6px; background: url(../images/gif.gif) no-repeat -81px 0;}
#illustrationBox{ position:relative; float: left; width: 100%; height:210px; background:url(../images/ill1.jpg) no-repeat center 0;}
#ill{ position:relative; z-index:1; float: left; width: 100%; height:210px;}
#illustrationBox .borderTop{ position:absolute; z-index:3; left:0; top:0; width:100%; height:1px; overflow:hidden; background: url(../images/dotted2.gif) repeat-x 0 0;}
#illustrationBox .borderBot{ position:absolute; z-index:3; left:0; bottom:0; width:100%; height:1px; overflow:hidden; background: url(../images/dotted2.gif) repeat-x 0 0;}
#illustrationBox .slide{ position:relative; top: 127px; left:50%; margin-left: 252px; }
#illustrationBox .slide.active{ margin-left: 255px;}
#illustrationBox .slide img{ width:40px; height:13px; background: url(../images/gif.gif) 0 -27px;}
#illustrationBox .slide:hover img{ height:12px;}
#illustrationBox .slide.active img{ width:33px; height:13px; background: url(../images/gif.gif) -40px -27px;}
#illustrationBox .slide.active:hover img{ height:12px;}
.contentBlock{ position:relative; float:left; width:100%;}
#postsList{ position:relative; float:left; width:100%;}
#postsList li{ float:left; width: 100%; }
#postsList li.border{ position: relative; z-index:10; height:2px; padding: 0; overflow:hidden; margin:-1px 0; background: url(../images/dotted.gif) repeat-x left top;}
#postsList li .widthBox{ position:relative; width: 650px; margin:0 auto;}
#postsList li .postPadding{ float:left; width: 100%; padding: 31px 0 28px 0; margin:0; }
#postsList .postNumber{ position:relative; top:-3px; left: -80px; z-index:5; float:left; margin-right: -100%; font-size:24px; font-weight:bold; color:#111; text-decoration:none; line-height:24px;}
#postsList .postNumber:hover{ color:#252525;}
.postButtons{ position:relative; z-index:2; float:right; width: 120px; margin-right:-130px; padding: 6px 0 0 10px;}
.postButtons a{ float: left; width:27px; height:27px; overflow:hidden; margin-left: 13px;}
.postButtons a img{ width:27px; height:27px; overflow:hidden; }
.postButtons a.slide{ background: url(../images/gif.gif) no-repeat -27px 0;}
.postButtons a.slide.a1{ background: url(../images/gif.gif) no-repeat 0 0;}
.postButtons a.edit{ background: url(../images/gif.gif) no-repeat -54px 0;}
.postButtons a.comment{ background: url(../images/gif.gif) no-repeat -102px 0;}
.postButtons a.comment.a2{ background: url(../images/gif.gif) no-repeat -129px 0;}
#postsList .contBox{ float:left; width:100%;}
#postsList .postTitle{ float:left; width: 100%; padding-bottom: 7px;}  
.tags{ float:left; width: 350px; color:#393834;}
.tags a{ color:#393834; text-decoration:none;}
.tags a:hover{ color:#cfc993; }
.author{ position:relative; top: -16px; float:right; color:#393834;} 
.author img{ width: 7px; height:7px; margin: 0 10px; background: url(../images/gif.gif) no-repeat -195px -25px;}
.author a{ color:#393834; text-decoration:none; }
.author a:hover{ color:#e3e1cf;}
.authorComment{ display:none; position:relative; top: -25px; left: 9px; float:right; width: 213px; color:#393834;}
.authorComment .contBox{ float:left; width: 213px!important; background: url(../images/dotted4.gif) repeat-y 209px 0!important;}
.authorComment .contBox2{ float:left; width: 195px!important; padding: 2px 9px; background: url(../images/dotted4.gif) repeat-y 3px 0;}
.authorComment img{ width: 7px; height:7px; margin: 0 10px; background: url(../images/gif.gif) no-repeat -195px -25px;}
.authorComment input{ width: 39px; border:none; background: none; line-height: 11px; color:#393834;}
.authorComment span.fuck{ font-weight:bold; color:#ffae00;}
/*.fuck{ display:none; position:absolute; z-index:5; left:100px; top: -45px; width: 84px; height:47px; background: url(../images/gif.gif) no-repeat 0 -51px;}*/
.postCont{ float:left; width: 100%; padding: 21px 0 0 0; margin:0;}
.postCont p{ position:relative;}
.bottomBlock{ float:left; width: 100%; padding-bottom: 2px;}
#pages{ float:left; width: 100%; padding-top: 2px; background: url(../images/dotted.gif) repeat-x left top; }
#pages li{ float:left; width:100%; padding-bottom: 2px; background: url(../images/dotted.gif) repeat-x left bottom; }
#pages li a{ float:left; width:100%; text-align:center; padding: 25px 0;}
#prevPage img{ width: 14px; height:11px; overflow:hidden; background: url(../images/gif.gif) -287px -13px;}
#nextPage img{ width: 14px; height:11px; overflow:hidden; background: url(../images/gif.gif) -287px -24px;}
#prevPage:hover img{ width: 47px; background: url(../images/gif.gif) -248px 0;}
#nextPage:hover img{ width: 22px; background: url(../images/gif.gif) -248px -11px;}
.parameters{ display:none;}

#mover{ position:relative; z-index:1000; float:right; margin-bottom: -57px; right:0; top: 0; width: 22px; height:57px; overflow:hidden; background: url(../images/mover.gif) no-repeat; cursor:move;}

#addBox{ display:none; float:left; width: 100%; padding: 20px 0; }
#addFormBox{ position:relative; width: 650px; margin:0 auto;}
.subject{ float:left; width: 126px; height:24px; overflow:hidden; background: url(../images/edit.gif) no-repeat; cursor:pointer;}
.subject input{ position: relative; left:-240px; font-size: 30px; border:none; cursor:pointer; opacity:0; filter: alpha(opacity=0);}
.dateBox{ float:left; width:378px; height:24px; overflow:hidden; margin-left: 10px; background:#2f2f2f url(../images/edit.gif) no-repeat right -72px;}
.dateBox2{ float:left; width:368px; height:22px; padding:2px 0 0 10px; overflow:hidden; background: url(../images/edit.gif) no-repeat 0 -48px;}
.dateBox2 div{ float:left;}
.dateBox2 span{ float:left; padding: 0 3px; font-size:18px; color:#838383; line-height:18px; text-align:center;}
#hour span{ width: 20px;}
#day{ padding:0 15px;}
#day span{ width: 20px;}
#month{ padding-right: 15px;}
#month span{ width: 90px;}
.dateBox2 .pointD{ float:left; width: 15px; height: 15px; margin-top: 3px; overflow:hidden; background: url(../images/edit.gif) no-repeat 0 -148px;}
.dateBox2 .pointU{ float:left; width: 15px; height: 15px; margin-top: 3px; overflow:hidden; background: url(../images/edit.gif) no-repeat -15px -148px;}

.authorFieldBox{ float:right; width:126px; height:24px; overflow:hidden; background:#2f2f2f url(../images/edit.gif) no-repeat right -72px;}
.authorFieldBox div{ float:right; width:116px; height:20px; padding:4px 0 0 10px; overflow:hidden; background: url(../images/edit.gif) no-repeat 0 -48px;}
.authorFieldBox p{ float:left; padding-top: 2px; color:#000;}
.authorFieldBox input{ float:left; width: 55px; padding-left:5px; color:#000; border:none; background:none; }
.tagsFieldBox{ float:left; width: 515px; height:26px; overflow:hidden; margin: 10px 0; background: url(../images/edit.gif) no-repeat right -122px;}
.tagsFieldBox div{ float:left; width: 495px; padding: 0 10px; height:26px; overflow:hidden; background: url(../images/edit.gif) no-repeat 0 -96px;}
.tagsFieldBox input{ float:left; width: 495px; height:14px; padding: 6px 0; border:none; overflow:hidden; background: url(../images/inpBg.gif) repeat-x; color:#6a6a6a;}
#addDescription{ float:right; width: 126px; height:24px; overflow:hidden; margin:10px 0; background: url(../images/edit.gif) no-repeat 0 -211px;}
.textFieldBox{ float:left; width: 650px; padding-bottom: 10px;}
.textFieldBox textarea{ width:628px; padding: 5px 10px; height:150px; border:1px solid #2f2f2f; color:#6a6a6a; background:none;}
.textFieldBox textarea.rss{ width:628px; padding: 5px 10px; height:50px; border:1px solid #2f2f2f; color:#6a6a6a; background:none;}
.colorBox{ float:right; width:126px; height:24px; overflow:hidden; margin-left: 10px; background:#2f2f2f url(../images/edit.gif) no-repeat right -72px;}
.colorBox div{ float:right; width:116px; height:20px; padding:4px 0 0 10px; overflow:hidden; background: url(../images/edit.gif) no-repeat 0 -48px;}
.colorBox p{ float:left; color:#000;}
.colorBox input{ float:left!important; width: 55px!important; height:auto!important; padding-left:5px; color:#000; border:none; background:none; cursor:text!important; }
.submitField{ float:left; width:650px; padding-top: 10px;}
.submitField input{ float:right; width:126px; height:24px; margin-left: 10px; cursor:pointer; border:none; }
.submitField input.addButton{ background: url(../images/edit.gif) no-repeat 0 -24px; }
.submitField input.editButton{ margin-left: 5px; background: url(../images/edit.gif) no-repeat 0 -163px; }
.submitField input.delButton{ background: url(../images/edit.gif) no-repeat 0 -187px; }
.submitField .colorBox input{ margin-left:0!important;}
#imagesBox{ float:left; width: 280px;}
.imgBox{ float:left; width:280px; height:24px; overflow:hidden; margin-bottom: 5px; background:#2f2f2f url(../images/edit.gif) no-repeat right -72px;}
.imgBox div{ float:left; width:270px; height:23px; padding:1px 0 0 10px; overflow:hidden; background: url(../images/edit.gif) no-repeat 0 -48px;}
.imgBox p{ float:left; padding-top: 4px; color:#000;}
.imgBox div div.file{ float:right; width: 65px; padding:0 10px 0 0; background: none;}
.imgBox div a.imgName{ display:none; float:right; padding:4px 10px 0 0; text-align:right; color:#000;}
.imgBox div a.imgNameShow{ display:block; float:right; padding:4px 10px 0 0; text-align:right; color:#000;}
.imgBox input{ float:right;}

.postComment{ display:none; position:relative; top: -9px; left:-10px; width: 670px; margin-right:-20px; }
.editBox .topBox{ float:left; width: 100%; background: url(../images/dotted3.gif) repeat-x 0 3px;}
.editBox .topBox div{ width:7px; height:7px; overflow:hidden; background: url(../images/gif.gif) no-repeat -195px -32px; }
.editBox .botBox{ float:left; width:100%; background: url(../images/dotted3.gif) repeat-x 0 3px;}
.editBox .botBox div{ width:7px; height:7px; overflow:hidden; background: url(../images/gif.gif) no-repeat -195px -32px; }
.editBox .lt{ float:left; }
.editBox .rt{ float:right; }
.editBox .lb{ float:left; }
.editBox .rb{ float:right; }
.editBox .contBox{ float:left; width: 670px; background: url(../images/dotted4.gif) repeat-y 666px 0;}
.editBox .contBox2{ float:left; width: 650px; padding: 2px 10px; background: url(../images/dotted4.gif) repeat-y 3px 0; overflow:hidden; }
.postComment textarea{ width: 650px; height:105px; max-width: 650px; max-height:100px; overflow:auto; background:none; border:none; color:#d4d2c1; margin-bottom: 5px;}
.save{ float:right; display:none; width:34px; height:11px; background: url(../images/gif.gif) no-repeat -202px -25px; cursor:pointer;}

.descriptionBox{ position:relative;}
.descriptionBox div{ position:relative; z-index:5; display:none; float:left; padding: 10px; margin-bottom: -100%; }
.descriptionBox span{ color:#393834; background:#ffae00; font-size:10px;}