@import url(http://fonts.googleapis.com/css?family=Cuprum:400,400italic&subset=latin,cyrillic);

body {background:url(../images/bg.jpg) repeat; margin:0px; margin-top:-13px; padding:0px; color:#fff; text-align:left; font: 11px Tahoma, Geneva, sans-serif;}
.clr {clear:both;}
a img {border: 0 none;}
* {margin:0px; padding:0px; outline:none;}
#wrapper {background:url(../images/wrapper.png) repeat-x; overflow:hidden;}
#wrapper-in {background:url(../images/wrapper_in.png) no-repeat 0 0; width:1032px; margin:0px auto; padding:20px 0 0 0;}
.article_in h1 {font-size: 16px; color: #76AC21; margin-bottom:7px; text-align:center; text-shadow:#243c0e 0px -2px 0px;}
a:link,
a:active,
a:visited {color:#719f3d; text-decoration:none;}
a:hover {text-decoration:underline;}

/* ========= HEADER ========= */

#header {background:url(../images/header.jpg) no-repeat top center; height:274px; overflow:hidden;}
#header-in {width:1032px; margin:0px auto; overflow:hidden; position:relative; height:274px;}
#header-activity {height:73px; width:1032px; margin:166px auto 0px auto; overflow:hidden;}
#header-activity .h-left {width:235px; height:73px; float:left;}
#header-activity .h-right {width:237px; height:73px; float:right;}
#header-activity .h-center {margin:0 0 0 235px; width:560px; height:73px;}

a.hlogo {width:282px; height:56px; top:123px; left:375px; position:absolute; display:block;}

.hAuth {width:216px; height:28px; margin:36px 0 0 11px;}
.hAuth input[type="text"] {background:url(../images/form.png) no-repeat 0 -15px; width:76px; height:28px; margin:0px; padding:0 25px 0 7px; border:0px; float:left; font:11px Tahoma, Geneva, sans-serif; color:#fff;}
.hAuth input[type="password"] {background:url(../images/form.png) no-repeat -111px -15px;width:73px;height:28px;margin:0 0 0 3px; padding:0 25px 0 7px; border:0px;float:left;font:11px Tahoma, Geneva, sans-serif; color:#fff;}
.NotLogged {height:27px; line-height:27px; text-align:center;}
.NotLogged a {color:#72a13e; text-decoration:underline;}
.NotLogged a:hover {text-decoration:none;}
.NotLogged ul {margin:0px; padding:0px; list-style:none;}
.NotLogged ul li {border-right:2px solid #0f2804; padding:0 0 0 0; margin:0px; display:block; float:left; height:27px; width:110px;}
.NotLogged ul li:last-child {padding:0px; border:0px;}
.NotLogged ul li a {color:#fff; line-height:27px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; display:block; float:left; text-align:center; width:110px; text-decoration:none;}
.NotLogged ul li a:hover {background:url(../images/hProf.png) no-repeat top center;}

.hIcons {background:url(../images/form.png) no-repeat 0 -43px; height:28px; width:216px; margin:36px 0 0 11px;}

.hSearch {margin:43px 0 0 23px;}
.hSearch input[type="submit"] {background:none; border:0px;}
.hSearch_text {width:181px; height:15px; font:11px Tahoma, Geneva, sans-serif; background:none; margin:0px; padding:0px; border:0px; float:left; color:#fff;}
.hSearch input[type="submit"], .hSearch_submit {width:15px; height:15px; margin:0px; padding:0px; float:left; text-indent:-9999px; cursor:pointer; background:url(../images/form.png) no-repeat; border:0px;}

.topnav {background:url(../images/topnav.png) no-repeat 0 0; width:1030px; height:35px; overflow:hidden; margin:0px; padding:0 0 0 2px; list-style:none;}
.topnav li {height:28px; float:left; margin:2px 2px 0 2px; list-style:none; padding:0px;}
.topnav li a {height:28px; float:left; padding:0px; text-decoration:none; color:#fff; font-family:Tahoma, Geneva, sans-serif; font-size:11px; display:block;}
.topnav li a span {background:url(../images/topnav.png) no-repeat bottom; height:28px; display:block; padding:0 15px 0 15px; line-height:28px;}
.topnav li a:hover {background:url(../images/topnav.png) no-repeat right -63px; padding:0 15px 0 0;}
.topnav li a:hover span {background:url(../images/topnav.png) no-repeat 0 -35px; padding:0 0 0 15px;}

#hnav {height:44px; margin:2px auto 0 auto; padding:0px; list-style:none; float:left;}
#hnav li {background:url(../images/hnav.png) no-repeat bottom right; padding:0 2px 0 0; margin:0px; list-style:none; float:left;}
#hnav li:last-child {background:none; padding:0px;}
#hnav li a {height:44px; margin:0px; padding:0px; font-size:14px; font-family:Tahoma, Geneva, sans-serif; display:block; float:left; color:#fff;}
#hnav li a span {padding:0 15px; margin:0px; display:block; height:44px; line-height:44px; text-shadow:#243c0e 0px -1px 0px;}
#hnav li:last-child a span {padding:0 18px;}
#hnav li a:hover {background:url(../images/hnav.png) no-repeat right -44px; text-decoration:none;}
#hnav li a:hover span {background:url(../images/hnav.png) no-repeat 0 0;}

/* ========= CONTENT ========= */

#content {background:url(../images/content.jpg) repeat-y; width:1014px; margin:0px auto; overflow:hidden; padding:0 9px; position:relative;}
#side_left {width:219px; float:left; overflow:hidden; margin:0 0 20px 0;}
#side_right {width:219px; float:right; overflow:hidden; margin:0 0 20px 0;}
#side_center {width:560px; margin:0 0 0 227px; position:relative; z-index:10;}

.nazad {width:22px; height:22px; background:url(../images/nazad.png) no-repeat; float:left;}
.vpered {width:22px; height:22px; background:url(../images/vpered.png) no-repeat; float:left; margin-left:1px;}
.navigation {float:left;}
.navigation span {color:#ffffff; text-align:center; text-shadow:#000000 0px -1px 0px; margin-left:1px; padding-top:3px; width:22px; height:19px; background:url(../images/phover.png) no-repeat; display:block; float:left;}
.navigation a {color:#ffffff; text-align:center; text-shadow:#000000 0px -1px 0px; margin-left:1px; padding-top:3px; width:22px; height:19px; background:url(../images/perek.png) no-repeat; display:block; float:left;}
.navigation a:hover {text-decoration:none; background:url(../images/plink.png) no-repeat;}

.editorcomm {width:100%;}

.block {width:219px; background:url(../images/block.png) repeat-y center; overflow:hidden;}
.block-top {background:url(../images/title.png) no-repeat 0 0; height:32px ;font-size:14px; font-family:Tahoma, Geneva, sans-serif; color:#fff; text-shadow:#243c0e 0px -1px 0px; line-height:32px; text-align:center;}
.block-cont {background:url(../images/block.png) no-repeat right bottom; width:219px; padding:0 0 34px 0;}
.block-cont-in {background:url(../images/block.png) no-repeat 0 0; width:209px; padding:5px 5px 0 5px;}

/* ========= Block Content ========= */

#bnav {width:209px; margin:0px; padding:3px 0 4px 0; list-style:none; background:url(../images/bnav.png) no-repeat bottom right;}
#bnav li {height:25px; margin:0px; padding:0px; list-style:none;}
#bnav li a {background:url(../images/bnav.png) no-repeat 0 0; width:209px; height:25px; overflow:hidden; display:block; font-size:11px; color:#72a13e; line-height:25px; text-indent:30px;}
#bnav li a:hover {background-position:0 -25px; color:#fff; text-decoration:none;}

.speedbar, span#dle-speedbar {background:url(../images/view_texture.png) repeat; border:1px dotted #73563d; padding:7px; margin:0 0 10px 0; font-size:10px; color:#a6885c; display:block;}

.view {background:url(../images/view_texture.png) repeat;}
.view_top {background:url(../images/title.png) no-repeat 0 0; height:32px; line-height:32px; text-indent:20px;}
.view_top, .view_top a, view_top h1 {font-size:14px; font-family:Tahoma, Geneva, sans-serif; color:#fff; text-shadow:#243c0e 0px -1px 0px; text-decoration:none;}
.view_top a:hover {text-decoration:underline;}
.view_top h1 {font-size:13px;}
.view_cont {background:url(../images/view_shadow.png) no-repeat 0 0; border:1px dotted #73563d; border-top:0px; border-bottom:0px; overflow:hidden;}
.view_cont_in {padding:0 10px 5px 10px; font-size:12px; color:#a6885c;}
.view_info1 {height:24px; line-height:24px; padding:0 10px; overflow:hidden; font-size:10px; color:#72a13e; text-decoration:underline;}
.view_info1 a {color:#a6885c; text-decoration:underline;}
.view_info1 a:hover {opacity:0.8;}
.view_info1 span {float:right; text-decoration:none; color:#a6885c;}
.mimg img {padding: 5px;border: none;}
.view_img {background:url(../images/view_img.png) no-repeat 0 0; width:440px; height:142px; padding:2px 2px 17px 2px; margin:0px auto; clear:bottom;}
.view_bottom {background:url(../images/view_bottom.png) no-repeat 0 0; width:560px; height:64px; line-height:36px;}
.bot_link {background:url(../images/view_footlink.png) no-repeat 0 0; width:92px; height:22px; display:block; float:right; font-size:10px; font-family:Tahoma, Geneva, sans-serif; color:#fff; text-shadow:#243c0e 0px -1px 0px; text-decoration:none; line-height:22px; text-indent:10px; margin:7px 10px 0 0;}
.bot_link:hover {background-position:0 -22px; text-decoration:none;}
.view_bottom span.info1 {background:url(../images/view_ico1.png) no-repeat left center; padding:0 0 0 27px; float:left; margin:0 0 0 10px; color:#a6885c;}
.view_bottom span.info2 {background:url(../images/view_ico2.png) no-repeat left center; padding:0 0 0 22px; float:left; margin:0 0 0 15px; color:#a6885c;}

.view_full_cont {border-bottom:1px dotted #73563d; padding:0 10px 10px 10px; margin:0 -10px 10px -10px; font-size:11px;}
.view_full_cont ul {margin:0px; list-style:none;}
a.dwnload {background:url(../images/dwnload.png); width:112px; height:35px; display:block; float:right; margin:20px 0 0 0; padding:0px; text-indent:-9999px;}

.view_related {border-bottom:1px dotted #73563d; border-top:1px dotted #73563d; padding:10px; margin:10px -10px 10px -10px; font-size:14px; color:#a6885c;}
.related {margin:10px auto 0px auto; width:533px; padding:0px; list-style:none;}
.related li {margin:0px; padding:0px; list-style:none;}
.related li a {background:url(../images/related.png); width:533px; height:21px; display:block; text-indent:30px; color:#72a13e; line-height:20px; font-size:11px;}
.related li a:hover {color:#fff; text-decoration:none;}

.video {width:530px; height:298px; margin:0px auto 5px auto; background:#463522;}

#comm_body {padding:0 10px; border-bottom:1px dotted #73563d;}
.comm {overflow:hidden; margin:0 0 10px 0;}
.comm_top {background:url(../images/title.png) no-repeat 0 0; height:32px; margin:0 0 5px 0; line-height:32px; padding:0 0 0 10px;}
.comm_top, .comm_top a {font-size:13px; font-family:Tahoma, Geneva, sans-serif; color:#fff; text-shadow:#243c0e 0px -1px 0px; text-decoration:none;}
.comm_top a:hover {text-decoration:underline;}
.comm_ava {background:url(../images/comm_ava.png); width:83px; height:100px; float:left; margin:0px;}
.comm_ava .avatar {width:75px; height:75px; margin:4px 4px 0 4px;}
.comm_ava .num {height:21px; line-height:21px; padding:0 0 0 39px; color:#9d875e;}
.comm_text {margin:0 0 0 90px; text-align:left; color:#a6885c; font-size:13px;}

.article {margin:0;}
.article_in {padding:10px;background:url(../images/view_texture.png) repeat; border:1px dotted #73563d;border-bottom:0px; max-width:560px; font-size:11px; color:#a6885c;}
.article_bot {background:url(../images/view_bottom.png) no-repeat bottom left; height:37px;}

/* DLE Rating*/
.rating {float:right; height:13px; width:70px; margin:5px 10px 0 0;}
ul.unit-rating {list-style: none;margin: 0;padding: 0;width: 70px;height: 13px;position: relative;background: url(../images/rating.png) repeat-x;}
ul.unit-rating li {text-indent: -90000px; padding: 0; margin: 0; float: left;}
ul.unit-rating li a {display:block; width:14px; height:13px; text-decoration:none; text-indent:-9000px; z-index:17; position:absolute; padding:0;}
ul.unit-rating li a:hover {background: url(../images/rating.png) 0 -13px; z-index: 2;left: 0;}
ul.unit-rating a.r1-unit {left: 0;}
ul.unit-rating a.r1-unit:hover {width:14px;}
ul.unit-rating a.r2-unit {left: 14px;}
ul.unit-rating a.r2-unit:hover {width: 28px;}
ul.unit-rating a.r3-unit {left: 28px;}
ul.unit-rating a.r3-unit:hover { width: 42px;}
ul.unit-rating a.r4-unit { left: 42px;}
ul.unit-rating a.r4-unit:hover {width: 56px;}
ul.unit-rating a.r5-unit {left: 56px;}
ul.unit-rating a.r5-unit:hover {width: 70px;}
ul.unit-rating li.current-rating {background: url(images/ratestar.png) 0 -34px; position: absolute; height: 13px; display: block; text-indent: -9000px ;z-index: 1;}


/* ========= FOOTER ========= */
#footer {background:url(../images/footer.png); width:1032px; height:67px; margin:0 0 0 -9px;}
#footer_in {height:42px; margin:25px 0 0 0; position:absolute; bottom:0px; width:1032px; line-height:42px; text-indent:10px;}
#footer_in .banner {height:31px; float:right; margin:7px 10px 0 0;}

/* About */
#dle-content {}
#dle-content input[type="submit"],
#dle-content input[type="button"],
#dle-content input[type="reset"],
.fbutton, a.addcombtn {background:url(../images/view_texture.png) repeat; border:1px dotted #73563d; font:11px Tahoma, Geneva, sans-serif; padding:2px 5px; color:#fff; cursor:pointer;}
a.addcombtn {margin-bottom:5px; display:block;}
.fbutton {margin-top:10px}
.bbcodes {border-radius:0px;}
.mass_comments_action {margin:0 0 5px 0;}

#tooltip { background:#000; padding:5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position:absolute; z-index:50; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70) progid:DXImageTransform.Microsoft.Shadow(color=#ffffff, direction=135, strength=0)"; filter: alpha(opacity=70, enabled=1)}
#tooltip h3 {display:block; margin:0; padding:0 5px; font-size:11px; color:#fff; font-family: Tahoma; font-weight:normal;}

.topnews {list-style: none;margin: 0;padding: 5px;border: 1px solid #457C3B;}
.topnews li a:hover {color:#ffffff;}
.topnews li {margin-bottom:4px;}

.swchItem {   
  color : #478223;   
  border : 1px solid #B2D397;   
  background : #F7FAF4;   
}
.swchItemA, .swchItem { 
  -moz-border-radius : 3px ;   
  -webkit-border-radius : 3px ;   
  border-radius : 3px ; 
  padding : 6px 9px ;   
  margin-left : 3px ;   
  text-decoration : none ; 
}   
.swchItemA, .swchItem:hover {   
  font-weight : normal ;   
  color : #fff;   
  text-shadow : 0px 1px #4E802C;   
  box-shadow : 0px 1px #EDEDED;   
  -webkit-box-shadow : 0px 1px #EDEDED;   
  -moz-box-shadow : 0px 1px #EDEDED;   
  border : 1px solid #478223;   
  background : #599F2F;   
  background :-moz-linear-gradient(top , #9FE355 1px, #79BF4A 1px,#599F2F);   
  background :-webkit-gradient( linear , 0 0 , 0 100 %, color-stop ( 0.02 , #9FE355),color-stop(0.02,#79BF4A),color-stop(1,#599F2F));

#/*CITATA
.bbQuoteBlock {background:#d9ff6c;border-bottom:2px solid #c3e561;padding:20px;padding-bottom:50px;position:relative;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px}  
.bbQuoteName {position:absolute;font-size:11px !important;padding:5px 10px !important;background:#FFF;left:20px;bottom:15px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px} 
.quoteMessage {border:0px !Important}

*/OPROS
<script type="text/javascript">  
var a = ['http://wallaby.ucoz.ru/jv/ic1.png','http://wallaby.ucoz.ru/jv/ic2.png','http://wallaby.ucoz.ru/jv/ic3.png','http://wallaby.ucoz.ru/jv/ic4.png','http://wallaby.ucoz.ru/jv/ic5.png','http://wallaby.ucoz.ru/jv/ic1.png','http://wallaby.ucoz.ru/jv/ic2.png','http://wallaby.ucoz.ru/jv/ic3.png','http://wallaby.ucoz.ru/jv/ic4.png','http://wallaby.ucoz.ru/jv/ic5.png'];  
for(var i = 0; i < a.length; i++){$('div.answer div').eq(i).addClass('progress').css({height: '18px'});$('div.answer div div').eq(i).addClass('progress progress_'+a).css({background: 'url(' + a[i] + ')', marginTop: '-3px', marginBottom: '-3px', height: '25px', backgroundRepeat: 'repeat-x'});}  
$('div.answer span').each(function(){$(this).html($(this).html()+' - <span class="procent">'+$(this).attr('title').split(':')[1]+'</span>')});  
</script>