html, body {margin:0;height:100%;background-color:#efefe7;font-size:11px;font-family:tahoma;color:#545454;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:1140px;}
#header {height:196px;background:url(../img/header_bg.jpg) repeat-x; margin-bottom:18px;}
#left {float:left;width:224px; margin:0 0 10px 25px;}
#right {float:right;width:224px; margin:0 25px 10px 0;}
#center {margin:0 264px 0 264px;}
#spacer {height:351px;}
#footer {height:351px;margin-top:-351px;min-width:1140px;}
.clear {clear:both;}
/* mozilla-fix */
a, img {outline:none; border:none;}
input, img {outline:none; border:none;}
#easyTooltip {
    padding:5px;
    border:1px solid #999999;
    background:#f1f1f1;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
  box-shadow: 1px 1px 5px #000;
    -webkit-box-shadow: 1px 1px 5px #000;
    -moz-box-shadow: 1px 1px 5px #000;
    color: #666666;
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
  z-index:999 !important;
    }
hr {border-top: 1px dotted #A9A9A9; border-left: 1px #fff;height:1px;margin:4px 0 3px 0; color:fff;}

/* header */
.header_bg_l {height:136px; background:url(../img/header_bg_l.jpg) no-repeat;}
.header_bg_r {height:136px; background:url(../img/header_bg_r.png) no-repeat right;}

a.top_menu {display:block;float:left;color:#3c8dbb;font-weight:bold;text-decoration:none;background:url(../img/top_menu2.jpg) top right no-repeat;padding-right:3px;outline:none;margin:0px 0 0 0px; font-size:12px;}
a.top_menu span {display:block;padding:11px 25px 8px 25px;}
a.top_menu:hover {background-position:100% 0px;color:#de8b1f;}
a.top_menu:hover span {background:url(../img/top_menu.jpg) no-repeat top center;}

.vote-block { padding: 10px 12px 12px 12px; }
.vote-titl { border-top:1px dotted #949494; border-bottom: 1px dotted #949494; padding: 7px 7px 7px 7px; }
.vote-list { padding: 7px 7px 7px 7px; }
.vote-rezult { font-size:12px; text-align:right; }


/* left col */
.left_menu {background:url(../img/navig.jpg) no-repeat;}
.navig_bg {background:url(../img/navig_bg.gif) repeat-y;}
.navig_bot {background:url(../img/navig_bot.jpg) no-repeat bottom; padding:43px 0 30px 0;}


.but {font-weight:bold; font-size:12px; margin:0 0 5px 13px;}
.but a {color:#6b6b6b;text-decoration:none;text-indent:30px;background:url(../img/but.gif);display:block;width:198px;line-height:34px;height:30px;}
.but a:hover{text-decoration:none; color:#f3951b;}


.bnavi li {margin:0 0 -6px -27px; list-style:none;}

.but2 {font-weight:bold; text-transform:uppercase;}
.but2 a {color:#FFF; font-size:10px;text-decoration:none;text-indent:14px;background:url(../img/but2.gif);display:block;width:198px;line-height:23px;height:21px;}
.but2 a:hover{color:#225473;}

.bnavi ul b a, .bnavi ul b span {background: url(../img/sublinks.gif) no-repeat;text-indent:30px;display:block;height:30px;line-height:34px;text-decoration:none;color: #6b6b6b; font-size:12px; cursor:pointer;font-weight:normal;}
.bnavi ul b a:hover, .bnavi ul b span:hover, .bnavi ul b a.active {color:#f3951b;}

.bnavi ul b span.closed { background-position: 0 0px; }
.bnavi ul b span.closed:hover { background-position: 0 -30px; }
.bnavi ul b span.opened { background-position: 0 -60px; margin: 0; color:#f3951b;}

.botnavi {padding:7px 0 9px 0;background: url(../img/botnavi.jpg) no-repeat bottom left;}
.botnavi2 {background: url(../img/botnavi2.jpg) repeat-y;}

.magaz {height:56px; margin:15px 0 9px 0; background: url(../img/magaz.jpg) no-repeat;}


.lastcomm_cen {background:url(../img/lastcomm_cen.gif) repeat-y; margin-top:17px;}
.lastcomm_top {background:url(../img/lastcomm_top.gif) no-repeat;}
.lastcomm_bot {background:url(../img/lastcomm_bot.gif) no-repeat bottom; padding:45px 12px 11px 12px;}

.lass {border-bottom:1px solid #c58a4f; padding:5px 3px 7px 3px; color:#FFF; font-weight:bold;}
.lass a {color:#984c00; text-decoration:none;}


.online_cen {background:url(../img/online_cen.gif) repeat-y; margin-top:17px;}
.online_top {background:url(../img/online_top.gif) no-repeat;}
.online_bot {background:url(../img/online_bot.gif) no-repeat bottom; padding:45px 12px 11px 12px;}
.online_to {background:url(../img/online_to.gif) no-repeat;}

.onl {padding:5px 3px 0 3px; color:#dee99f; font-weight:bold;}
.onl a {color:#FFF; text-decoration:none;}

.full_search {margin:-15px 0 3px -4px;}
.full_search a {font-size:10px; color:#6497bb; text-decoration:none;}

.sear_cen {background:url(../img/sear_cen.gif) repeat-y; margin-top:17px;}
.sear_top {background:url(../img/sear_top.gif) no-repeat;}
.sear_bot {background:url(../img/sear_bot.gif) no-repeat bottom; padding:45px 12px 11px 12px;}

.onl2 {padding:5px 3px 0 3px; color:#5a5a5a; font-weight:bold; font-size:12px; line-height:18px;}
.onl2 a {color:#868686; text-decoration:none;}



/* right col */
.ruless {color:#FFF; font-weight:bold; font-size:12px; background:url(../img/ruless_li.gif) no-repeat 0 3px; padding:0px 0 2px 20px; margin:8px 0 0 0;}
.ruless_top {background:url(../img/ruless_top.gif) no-repeat;}
.ruless_cen {background:url(../img/lastcomm_cen.gif) repeat-y;}

.rul {color:#b5451f; font-weight:bold; font-size:12px; padding:12px 0 8px 20px;}

.chat_top {background:url(../img/chat.gif) no-repeat;}
.onl3 {padding:5px 3px 0 3px; color:#5a5a5a; font-size:12px; line-height:18px;}
.onl3 a {color:#438dc1; text-decoration:none; font-weight:bold;}

.popular_cen {background:url(../img/popular_cen.gif) repeat-y; margin-top:17px;}
.popular_top {background:url(../img/popular_top.gif) no-repeat;}
.popular_bot {background:url(../img/popular_bot.gif) no-repeat bottom; padding:45px 12px 11px 12px;}

.pop {padding:15px 10px 8px 10px; line-height:14px;}
.pop a {color:#308fc6; text-decoration:none;}
.pop a:hover {color:#6caace;}

.onl4 {padding:5px 3px 0 3px; color:#FFF; font-weight:bold; font-size:11px; line-height:16px;}
.onl4 a {color:#868686; text-decoration:none;}

.reklama_top {background:url(../img/reklama.jpg) no-repeat;}

.vote_menu {background:url(../img/vote.jpg) no-repeat;}

.vovut {color:#6b6b6b; font-size:12px; font-weight:bold; background-color:#f2f2f2; border:1px solid #b9c7d4; padding:17px 10px 17px 12px; margin:8px 9px 0 8px;}
.vote_list {margin:8px 14px 8px 20px;}



/* footer */
.foot_bg {background:url(../img/foot_bg.gif) repeat-x; background-color:#466f88; padding:15px 110px 0px 110px; color:#c3e2ff; height:187px;}
.foot_bg a {color:#FFF; text-decoration:none;}
.foot_bg a:hover {text-decoration:underline;}
.tag {border-left:4px solid #355260; padding:0 25px 2px 25px; height:169px; float:left; width:204px;}
.tag2 {border-left:4px solid #355260; border-right:4px solid #355260; padding:0 25px 2px 25px; height:169px; float:left; width:205px;}
.tag_title {font-size:12px; font-weight:bold;}

.foot_bg_nav {background:url(../img/foot_bg_nav.gif) repeat-x; margin:0 25px 0 25px;}
.foot_bg_nav_r {background:url(../img/foot_bg_nav_r.gif) no-repeat 666px; height:30px;}


.foot_bg_bot {background:url(../img/foot_bg_bot.gif) repeat-x;}
.foot_bg_bot_left {background:url(../img/foot_bg_bot_left.gif) no-repeat left;}
.foot_bg_bot_right {background:url(../img/foot_bg_bot_right.gif) no-repeat right;}
.foot_bg_bot_line {background:url(../img/foot_bg_bot_line.png) repeat-x 0 12px;}
.foot_bg_bot_line2 {background:url(../img/foot_bg_bot_line.png) repeat-x 0 105px;}


.logo2 {background:url(../img/logo2.png) no-repeat right 2px; margin-right:42px;}


.copyr {height:20px; color:#FFF; font-weight:bold; padding:2px 2px 0 0;}
.s-arts {background:url(../img/s-arts.png) no-repeat 35px 33px; padding:33px 0 0 35px; float:left;}
.foot_info_r {background:url(../img/foot_info_r.png) no-repeat right 25px; width:980px;}
.foot_info {height:70px;background:url(../img/foot_info.png) no-repeat 10px; margin:0px 0 0 340px; padding:30px 0 0 77px; color:#FFF; font-size:10px; font-weight:bold;}


a.menu_top {display:block;float:left;color:#FFF;font-weight:bold;text-decoration:none;background:url(../img/menu_top2.gif) top right no-repeat;padding-right:3px;outline:none;margin:0px 0 0 0px; font-size:12px;}
a.menu_top span {display:block;background:url(../img/menu_top.gif) repeat-x;padding:8px 10px 8px 10px;}
a.menu_top:hover {background-position:100% 0px;}
a.menu_top:hover span {background-position:0% -30px;}


.scroll {height:30px;background:url(../img/scroll.gif) no-repeat right; margin-right:110px; padding-right:75px;}


.first_col {float:left; margin:17px 25px 0 0;}
.second_col {margin:17px 0 0 0;}

.fr {color:#FFF; margin:13px 0 0 0; line-height:15px;}
.fr a {color:#FFF; text-decoration:none;}


/* shortstory fullstory */
.full_top_bg {background:url(../img/full_top_bg.gif) repeat-x;}
.full_top_bg_r {background:url(../img/full_top_bg_r.gif) no-repeat right;}
.full_top_bg_l {background:url(../img/full_top_bg_l.gif) no-repeat left;}

.short_top {color:#FFF; height:25px; padding:7px 0 0 38px; float:left;}
.short_top a {color:#FFF; text-decoration:none; font-weight:bold;}
.short_top2 {height:25px; padding:7px 0 0 38px;}

.aut a {color:#dbeffa;}

.full_top_bg_rate {height:21px;background:url(../img/full_top_bg_rate.gif) no-repeat; padding:9px 0 0 40px; margin:-10px 40px 0 0;}

.full_top_bg2 {background:url(../img/full_top_bg2.gif) repeat-x;}
.full_top_bg_r2 {background:url(../img/full_top_bg_r2.gif) no-repeat right;}
.full_top_bg_l2 {background:url(../img/full_top_bg_l2.gif) no-repeat left;}

.short_title {color:#FFF; font-size:16px; font-weight:bold; padding:17px 0 0 20px; height:40px;}
.short_title a {color:#FFF; text-decoration:none;}

.short {background-color:#FFF; border-left:1px solid #89b0c0; border-right:1px solid #89b0c0; margin:0 9px 0 8px; padding:10px 12px 14px 12px;}
.short a {color:#4e8198; text-decoration:none;}

.short_bot {height:30px;background-color:#f6f6f6; border-left:1px solid #89b0c0; border-top:1px dashed #c7c7c7; border-right:1px solid #89b0c0; border-bottom:1px dashed #c7c7c7; margin:0 9px 0 8px;}

.full-link {height:24px; width:101px; margin:3px 0 3px 25px; float:left;}
.full-link {background:url(../img/full-link.gif) no-repeat;}
.full-link:hover {background-position:0 -24px;}

.thanks {height:32px; width:118px; margin:-1px 0 3px 25px; float:left;}
.thanks {background:url(../img/thanks.gif) no-repeat;}
.thanks:hover {background-position:0 -32px;}

.view {color:#4e8198; padding:8px 25px 0 0;}
.view a {color:#4e8198; text-decoration:none;}

.full_bot_bg {background:url(../img/full_bot_bg.gif) repeat-x; margin:0 9px 5px 8px;}
.full_bot_bg_l {background:url(../img/full_bot_bg_l.gif) no-repeat left;}
.full_bot_bg_r {background:url(../img/full_bot_bg_r.gif) no-repeat right; height:15px;}

.full_bot {height:34px;background-color:#FFF; border-left:1px solid #89b0c0; border-right:1px solid #89b0c0; margin:0 9px 0 8px;}


/* rec */
.rec_top_bg {background:url(../img/rec_top_bg.gif) repeat-x; background-color:#efefe7;}
.rec_bot_bg {background:url(../img/rec_bot_bg.gif) repeat-x bottom;}
.rec_top_bg_l {background:url(../img/rec_top_bg_l.gif) no-repeat top left;}
.rec_top_bg_r {background:url(../img/rec_top_bg_r.gif) no-repeat top right; height:37px;}
.rec_bot_bg_l {background:url(../img/rec_bot_bg_l.gif) no-repeat bottom left;}
.rec_bot_bg_r {background:url(../img/rec_bot_bg_r.gif) no-repeat bottom right; height:19px; margin:0 0 3px 0;}
.rec {border-left:1px solid #a6bac4; border-right:1px solid #a6bac4; padding-top:14px;}
.recl {margin:0 8px 0 9px;}



/* comment */
.comm_top_bg {background:url(../img/comm_top_bg.gif) repeat-x; background-color:#f5f5f5; margin:0 8px 5px 9px;}
.comm_top_l {background:url(../img/comm_top_l.gif) no-repeat;}
.comm_top_r {background:url(../img/comm_top_r.gif) no-repeat top right;}
.comm_bot_bg {background:url(../img/comm_bot_bg.gif) repeat-x bottom;}
.comm_bot_l {background:url(../img/comm_bot_l.gif) no-repeat bottom left;}
.comm_bot_r {background:url(../img/comm_bot_r.gif) no-repeat bottom right;}

.comm_l_bg {background:url(../img/comm_r_bg.gif) repeat-y left;}
.comm_r_bg {background:url(../img/comm_r_bg.gif) repeat-y right;}

.com_aut {color:#3c8bb8; padding:13px 0 0 16px; float:left;}
.com_aut a {color:#48758b; font-weight:bold; text-decoration:none;}
.mass {padding:11px 10px 0 0;}
.mass a {color:#48758b; text-decoration:none;}

.foto {font-size:10px; color:#626262; width:130px; margin-top:14px;}
.com_n {min-height:164px; padding:0 20px 0 140px; margin:-154px 0 0 0;}
.com_m {background-color:#FFF; border:1px dashed #d7d7d7; padding:8px 14px 8px 14px;}
.com_s {color:#48758b; padding:3px 8px 11px 0;}
.com_s a {color:#48758b; text-decoration:none;}


/* login */

.s_field {color:#c1c1c1; font-size:11px; font-family:tahoma; height:16px; padding-left:3px; border:0px; background-color:transparent; width:225px;}

.w_field {padding:60px 0 0 42px; padding-bottom:61px; float:left;}

.search-bot {height:23px; width:55px; margin:0px 0 -7px 10px;}
.search-bot {background:url(../img/search-bot.jpg) no-repeat;}
.search-bot:hover {background-position:0 -23px;}

.log_out {height:28px; width:95px; margin:-30px 18px 0px 0px;}
.log_out {background:url(../img/log_out.jpg) no-repeat;}
.log_out:hover {background-position:0 -28px;}

.log_in {height:28px; width:95px; margin:17px 0px 0px 45px;}
.log_in {background:url(../img/log_in.jpg) no-repeat;}
.log_in:hover {background-position:0 -28px;}


.l_field {height:47px; width:333px; margin:0px 0 0 375px; background:url(../img/foot_info_l.png) no-repeat; font-size:14px; font-style:italic; line-height:20px;}
.q_field {height:47px; text-align:center; color:#FFF;background:url(../img/foot_info_r.png) no-repeat right; padding-top:4px;}


.m_field {margin:-44px 31px 0 0; color:#707070;}

.j_field {background:url(../img/login_bg.png) no-repeat right 3px;}

.t_field {font-size:12px; text-align:center; width:320px;}
.t_field a {color:#767676; text-decoration:none;}
.t_field a:hover {color:#638397; text-decoration:underline;}

.e_field {width:262px; text-align:left; padding-top:2px;}
.e_field a {color:#767676; text-decoration:none;}
.e_field a:hover {color:#638397; text-decoration:underline;}

.a_field {color:#c1c1c1; font-size:11px; font-family:tahoma; background-image:url(../img/field_a.gif); background-repeat:no-repeat; height:21px; padding:0 15px 0 7px; border:0px; background-color:transparent; width:106px;}

.log_link {float:left; margin:16px 0 0 3px; line-height:14px;}
.log_link a {color:#767676; text-decoration:none;}
.log_link a:hover {color:#638397; text-decoration:underline;}



.masage {text-align:center;}
.masage a {color:#4f7e98; text-align:center; text-decoration:none;}

.masage2 a {color:#4f7e98; text-align:center; text-decoration:none;}



.f_input {
  color: #555555;      /* ! */
  font-size: 11px;    /* ! */
  font-family: tahoma;  /* ! */
  background-image: url(../images/dlet_field_o.gif);
  background-repeat: repeat-x;
  width: 300px;
  height: 16px;
  border: 1px solid #e0e0e0;
  background-color: #ffffff;
}

.f_textarea {
  color: #555555;      /* ! */
  font-size: 11px;    /* ! */
  font-family: tahoma;  /* ! */
  background-image: url(../images/dlet_field_o.gif);
  background-repeat: repeat-x;
  margin: 0px 1px 0px 0px;
  padding: 0px;
  width: 459px;
  height: 156px;
  border: 1px solid #e0e0e0;
  background-color: #ffffff;
}

.r_news li {  display: block;  position: relative;  border-bottom: 1px solid #ddd;   padding: 0 7px 5px 7px;  color: #514f51;  font: normal 10px/14px "Trebuchet MS", Tahoma, serif;}
.r_news li:first-line { font: normal 13px/16px Arial, serif;}
.r_news li b { color: #2d9dff;}
.r_news li:hover b, .r_news li:hover a{ color: #000;}
.r_news li a { text-decoration: none;}
.lcommbox {display: none;position: absolute;z-index: 3;left: 195px;top: 0px;padding:10px;border: 1px solid #ccc;background: #fff;
font-size: 12px;}
.lcomment.hover div[class="lcommbox"] {display: block;}
.lcommbox p {color: #2d9dff; background: #F5F5F5;  
margin: -9px -9px 10px -9px; padding: 5px 9px; font-size: 12px;}
.lcommbox p:first-child { margin-bottom: 0;}
.lcomment a {color: #000; font-size: 11px;}
.lcomment b a {color: #2d9dff; font-size: 13px;}


.footlinks { line-height: 1.4em; padding-left: 18px; height: 100px; font-size: 0.9em; color: #ffffff;
}
  .footlinks a { color: #ffffff;
}
#share42 {
  display: inline-block;
  padding: 6px 0 0 6px;
  background: #FFF;
  border: 1px solid #E9E9E9;
  border-radius: 4px;
}
#share42:hover {
  background: #F6F6F6;
  border: 1px solid #D4D4D4;
  box-shadow: 0 0 5px #DDD;
}
#share42 a {
  opacity: 0.5;
  vertical-align: bottom;
}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}
#hintbox {
    text-align : left;
    width : 150px;
    font-size : 10px;
    border : 1px solid #99a1ab;
    background-color : #fff;
    layer-background-color : #a396d9;
    color : #282828;
    margin : 10px 0 0 10px;
    padding : 3px 5px;
    position : absolute;
    visibility : hidden;
    z-index : 998;
    -moz-opacity : 0.9;
    -moz-border-radius : 5px;
    filter : alpha(opacity="90");
}

.onl_table {
    width : 100%;
    font-size : 10px;
}
.onl_table td {
    padding-right : 5px;
    font-size : 10px;
/* Раскомментировать, если у Вас в две колонки*/ /*    width : 50%;
*/ }

.a_link, .a_link a:link, .a_link a:visited, .a_link_on {
    color : #ff0000;
}
.a_link_on a:hover, .a_link_on a:active {
    color : #ff0000;
}

.u_link, .u_link a:link, .u_link a:visited, .u_link_on {
    color : #666666;
}
.u_link_on a:hover, .u_link_on a:active {
    color : #4b73d4;
}

.e_link, .e_link a:link, .e_link a:visited, .e_link_on {
    color : #00a400;
}
.e_link_on a:hover, .e_link_on a:active {
    color : #00a400;
}

.j_link, .j_link a:link, .j_link a:visited, .j_link_on {
    color : #0000ff;
}
.j_link_on a:hover, .j_link_on a:active {
    color : #0000ff;
}

.b_link, .b_link a:link, .b_link a:visited, .b_link_on {
    color : #666666;
}
.b_link_on a:hover, .b_link_on a:active {
    color : #666666;
}

/* Яндекс апдейты */
.ya_block {padding:0}
.ya_block div.ya_title, .ya_block div.gog_title {color: #CCC; font-size: 13px; font-weight:bold}
.ya_block img { width:16px; height:16px; margin-top:-2px; margin-right:2px;}
.ya_block div.ya_title span {color:#E90000;}
.ya_block div.gog_title span {color:#3D3BEF;}
.ya_block span.ya_one {color: #0C0; font-size: 13px;}
.ya_block span.ya_two {color: #090; font-size: 12px;}
.ya_block span.ya_tree {color: #060; font-size: 11px;}
.ya_block div.dotted {border:1px dotted #CCC; padding:5px; width:180px}
.errorya {color:#E90000; font-size: 13px; padding:55px 0; text-align:center;}

/* tooltip */
/* стили дя всплывающей подсказки. 
Вставить этот кусок кода в ваш файл стилей CSS */
 
.tooltip { position: relative; }
.tooltip span {
  position: absolute;
  right: 0;
  top: 20px;
  display: none;
  
  
  padding: 3px 8px;
  white-space: nowrap;
  font-size: 14px;
  font-weight:500;
  text-align: right;
  background-color: #FFFFAA;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #000;
  border: 1px solid #FFAD33;
}
.tooltip span small {
  position: absolute;
  right: 10px;
  bottom: -6px;
  border-top: 6px solid rgba(0,0,0,.8);
  border-left: 6px solid transparent;
}
.tooltip:hover span { display: block; }
.tooltip img{padding-bottom:5px;}
/* END tooltip */
#repa_ava {float:left;padding-right:10px;width:80px;height:80px;}
#repa_info {float:left;padding-right:10px;height:80px;}


/*---NaviBar---*/

.basenavi { width: 100%; margin: 6px; text-align: center; }
.basenavi { width: 100%; }
.bvtop {float: right; margin-right: 31px;}
  .bnnavi { display: inline; font-size: 20px;}
  .navigation { display: inline; }
  .nextprev { display: inline; }