body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px; color:#000; line-height:1.5em;
}

/* base */
h2 {font-size:14px; line-height:17px; color:#000}
a {text-decoration:none; color:#3272a0}
a:hover {text-decoration:underline}
p { margin-bottom:2em }
blockquote {
    margin: 8px 32px; font-style:italic;
    border-left:3px solid #D4D4D4; padding-left:16px;
}
.block-title {font-size:13px; line-height:15px; color:#202020; font-weight:bold}
.gray {background-color: #ededed}
.white {background-color: #fff}
.no-list {padding:0; margin:0; list-style:none}

.gray-f {color:#959595}
.pic { float:left }
.pic-video { float: left; width:120px; height:110px }

.scroll-container {
    max-height:510px;
    overflow-y: auto;
    margin-top:10px; padding-right:20px
}
* html .scroll-container { height:510px }

.score {background:#ffc0cb; width:120px; height:95px; padding-top:25px} 
.score .ball {font-size:4em; line-height:1em; font-weight:bold; text-align:center}
.score .count {font-size:1.2em; font-weight:bold; padding-top:5px; text-align:center}
.score-mini {
    background:#ffc0cb; width:80px; height:70px; padding-top:10px;
    font-size:2.3em; line-height:1em; font-weight:bold; text-align:center;
} 
.score-mini span {font-size:12px; line-height:1em; font-weight:normal}

/* top line */
.top-line {
    height:33px;
    background:#000;
    font-size:12px;
    position:relative;
}
.top-line strong {
    color:#6E6E6E;
    font-weight:normal;
}
.top-line a {
    color:#B7B7B7;
}
.top-line form {
    position:absolute; top:7px; right:100px;
    width:24px; width:380px;
    overflow:hidden;
}
.top-line form div {
    background: url(/media/i/login_field.png);
    height:15px; width:149px;
    padding:2px 6px;
    float:left; margin-right:6px

}
.username-password {
    color:#A6A6A6; font-size:11px; line-height:10px;
    border:0; height:14px; width:140px; margin:0; padding:0;
    background:none
}
.top-line strong { position:absolute; left:115px; top:7px }

/* logo */
#logo { height:84px; padding-top:6px; background:url(/media/i/logo_bg.gif) }
#logo a { display:block; margin:0 auto; width:333px; height:77px; background:url(/media/i/logo.png) no-repeat }


/* реклама */
.publicity-line { display:block; height:300px }
.publicity-body { background:url(/media/publ.jpg) no-repeat 50% 123px }

/* главное поле */
#bg-top-line {height:11px; width: 1000px; margin:0 auto; overflow:hidden; background:url(/media/i/bg_top_line.png) no-repeat 0 0}
#bg-bottom-line { height:7px; width:974px; margin:0 auto; overflow:hidden; background:url(/media/i/bg_line_bottom.png) no-repeat 0 0}
.main-container {
    width:954px; padding:43px 23px 43px 23px;
    margin:0 auto; position:relative;
    background:url(/media/i/main_bg.gif) repeat-y center top;
    /* Нельзя задавать overflow:hidden иначе косячится главное меню */
}
.shadow-left, .shadow-right { width:18px; height:410px; position:absolute; top:0}
.shadow-left {left:0; background:url(/media/i/shadow_left.png) no-repeat 0 0}
.shadow-right {right:0; background:url(/media/i/shadow_right.png) no-repeat 0 0}


/* главное меню */
.main-menu {width:971px; height:38px; position:absolute; top:-6px; left:16px; background:url(/media/i/menu_bg.png) no-repeat 0 0 }
.main-menu ul {padding:0; margin:-17px 0 0 0; list-style:none; overflow:hidden; height:37px}
.main-menu ul li {float:left; height:37px; background:url(/media/i/menu_border.gif) no-repeat top right; padding:0 10px}
.main-menu ul li a {color:#000; font-size:14px; line-height:37px; font-weight:bold}

/* search форма поиска */
.search {
    height:24px; width:171px; float:right;
    background:url(/media/i/search.gif) no-repeat;
    margin:6px 2px 0 0; padding:0 5px
}
.search input { float:left }
.search .q, .search .g {border:0; background:none}
.search .q { width:135px }
.search .g {width:24px; height:24px; background:url(/media/i/search_go.gif)}


/* sidebar */
#sidebar {
    float:right;
    width:173px;
}

/* block "first" */
.block-first {width: 100%}
.block-first .mw {position: relative; overflow: hidden}
.block-first .mw .l {
    background: url(/media/i/block_border.gif) no-repeat 0 0;
    position: relative;
    top: -55px;
    left: -14px;
    padding-top: 55px;
    margin-bottom: -55px;
    padding-left: 27px;
}
.block-first .mw .r {
    background: url(/media/i/block_border.gif) no-repeat 0 0;
    position: absolute;
    top: -55px;
    left: -14px;
    margin-left: 100%;
    width: 14px;
    height: 3000px;
}
.block-first .content {background-color: #fff; padding-bottom: 1px}
.block-first .tw,
.block-first .bw {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.block-first .tw {height: 45px;}
.block-first .bw {height: 10px;}
.block-first .tw h2 {position:absolute; top:19px; left:34px}
.block-first .tw .cn,
.block-first .bw .cn {
    background: url(/media/i/block_border.gif) no-repeat 0 0;
    display: block;
    height: 55px;
    top: 0;
    left: -14px;
    overflow: hidden;
    position: absolute;
    width: 100%;
}
.block-first .tw .cn {top: -10px}
.block-first .tw .cn.r,
.block-first .bw .cn.r {
    margin-left: 100%;
    width: 14px;
}

/* block-second new */
.block-second-new {}
.block-second-new .bs-top { height:4px; background:url(/media/i/block_second_top.gif) no-repeat 0 0 }
.block-second-new .bs-top ins {height:4px; width:4px; float:right; background:url(/media/i/block_second_top.gif) no-repeat 100% 0}
.block-second-new .bs-bottom {height:4px; background:url(/media/i/block_second_bottom.gif) no-repeat 0 0}
.block-second-new .bs-bottom ins {height:4px; width:4px; float:right; background:url(/media/i/block_second_bottom.gif) no-repeat 100% 0}
.block-second-new .bs-data {background:url(/media/i/block_second_bg_left.gif) repeat-y 0 0}
.block-second-new .bs-cnt {margin-left:2px; padding:5px; background:#fff url(/media/i/block_second_bg_right.gif) repeat-y 100% 0}


/* data - контентная область */
#data { margin-right:183px}
.right-index-col {float:right; width:258px }
.left-index-col { margin-right:270px }

.game-mini-list { padding:0; margin:0; list-style:none }
.game-mini-list li { overflow:hidden; height:1%; margin-bottom:20px }
.game-mini-list li .line-score {
    float:right; width:40px;
    height:5px;
    background:url(/media/i/game_score.gif) no-repeat;
    overflow:hidden
}
.game-mini-list li .score-a {
    height:5px; overflow:hidden;
    background:url(/media/i/game_score.gif) no-repeat left bottom;
}

.game-mini-list li img { float:left }
.game-mini-list li a,
.game-mini-list li  span {display:block; margin:0 54px 0 50px}
.game-mini-list li a {color:#040404; font-size:12px; line-height:14px; overflow:hidden}
.game-mini-list li  span {color:#838383; font-size:10px; line-height:14px}


.video-mini-list {padding:0; margin:0; list-style:none}
.video-mini-list li { overflow:hidden; height:1%; margin-bottom:20px }
.video-mini-list li img {float:left}
.video-mini-list li a,
.video-mini-list li  span {display:block; margin-left:75px}
.video-mini-list li a {color:#040404; font-size:12px; line-height:14px; overflow:hidden}
.video-mini-list li span {color:#838383; font-size:10px; line-height:14px}

.blog-mini-list {padding:0; margin:0; list-style:none}
.blog-mini-list li {overflow:hidden; height:1%; margin-bottom:20px}
.blog-mini-list li img {float:left}
.blog-mini-list li .comment-count {float:right; width:20px; height:15px; background:url(/media/i/comment.png) no-repeat; font-size:10px; line-height:10px; color:#848484; text-align:center}
.blog-mini-list li a { display:block; margin:0 25px 0 55px; font-size:12px; line-height:14px; color:#040404 }
.blog-mini-list li a.user { font-size:10px; line-height:17px; color:#467eca}
.blog-mini-list li .text {color:#515151; font-size:12px; line-height:15px}


.video-anons {padding:0; margin:11px 0 0 0; list-style:none; overflow:hidden; height:1%}
.video-anons li {float:left; width:97px; height:72px; margin-right:3px}
.video-anons li.last {margin:0}
.video-anons li b {display:block; width:97px; height:72px; background:url(/media/i/anons_video_item.png) no-repeat; font-weight:normal }
.video-anons li b a {display:block; width:97px; height:72px; position:relative }
.video-anons li b a:hover { text-decoration:none }
.video-anons li b a span {
    display:block; width:95px; height:16px;
    position:absolute; bottom:3px; left:2px;
    color:#505050; font-size:11px; line-height:14px
}


/* таблица (последние обсуждения, статьи) */
.table_first {/*width:494px*/ width:100%}
.table_first td {vertical-align:top; text-align:left}
.table_first .col1 { padding-left:10px }
.table_first .col2 { width:101px;}
.table_first .author, .table_first .title {height:38px; padding-top:7px }
.table_first .author {background:url(/media/i/top_table_first.gif) no-repeat 100% 0}
.table_first .title {background:url(/media/i/top_table_first.gif) no-repeat 0 0}
.table_first .gray td, .table_first .white td {padding-top:5px; padding-bottom:5px}
.table_first .gray td {background-color: #ededed}
.table_first .white td {background-color: #fff}
.table_first .gray td.col1 {background: url(/media/i/gray.gif) repeat-y 0 0}
.table_first .gray td.col2 {background: url(/media/i/gray.gif) repeat-y 100% 0}
.table_first .white td.col1 {background: url(/media/i/white.gif) repeat-y 0 0}
.table_first .white td.col2 {background: url(/media/i/white.gif) repeat-y 100% 0}
.table_first .bottom td {height:13px}
.table_first .bottom .col1 {background:url(/media/i/bottom_table_first.gif)}
.table_first .bottom .col2 {background:url(/media/i/bottom_table_first.gif) no-repeat 100% 0}
.table_first a {color:#202020}
.table_first a span {color:#6f6f6f; font-size:12px}
.table_first .col2 a {display:block; margin:0 3px 0 10px}
.table_first .author b {display:block; margin-left:30px}


/* Последние новости (news) */
.last-news { width:494px; background:url(/media/i/last_news_top.gif) no-repeat 0 0 }
.last-news ins { display:block; height:39px; width:30px; float:right; background:url(/media/i/last_news_top.gif) no-repeat 100% 0}
.last-news h2 {font-size:14px; line-height:33px; margin-left:10px; margin-bottom:6px}
.last-news ul {
    padding:0; margin:0; list-style:none;
    background:url(/media/i/last_news_bg.gif) repeat-y 0 0;
}
.last-news ul li {margin-left:2px; background:url(/media/i/last_news_bg.gif) repeat-y 100% 0}

.last-news ul .first {
    height:91px; padding:5px 8px;
    background:#fff url(/media/i/last_news_bg.gif) repeat-y 100% 0;
}
.last-news ul .first img {float:left}
.last-news ul .first div { margin-left:100px; height:90px; font-size:12px; line-height:16px; color:#7e7e7e}
.last-news ul .first div a { font-size:14px; line-height:18px; color:#000}

.last-news ul .over {}
.last-news ul .over div {
    margin-right:2px; padding-left:10px;
    padding-top:5px; padding-bottom:5px;
    border-top:1px solid #DFDFDF;
    position:relative
}
.last-news ul .over img {float:left}
.last-news ul .over a {display:block; margin-left:35px; color:#000; font-size:12px;line-height:25px}
.last-news ul .over a span {color:#989898}

.last-news-bottom {
    width:494px; height:13px;
    background:url(/media/i/bottom_table_first.gif) no-repeat 0 0;
}
.last-news-bottom ins {
    width:20px; height:13px; float:right;
    background:url(/media/i/bottom_table_first.gif) no-repeat 100% 0;
}
.tip_container {
    width:450px; position:absolute; padding:10px;
    border:1px solid #D9D9D9; background:#fff;
    font-size:12px; line-height:14px; z-index:1000;
}
.tip_container img {float:left}

/* footer */
#footer {width:974px; margin:12px auto 40px auto; padding:0 15px 0 17px }
#footer .text {float:right; width:314px; font-size:12px; color:#5F5F5F;	line-height:16px}
#footer .menu {font-size:12px; line-height:22px; color:#000}
#footer .menu a {color:#000}
#footer .copy {font-size:12px; color:#5F5F5F; line-height:22px}


/* новости (news) */
.news_listing li.item-news {overflow:hidden; height:1%; margin-bottom:30px}
.news_listing li.item-news .data { margin-left:120px; overflow:hidden; height:1% }
.news_listing li.item-news .data h2 { font-size:16px; margin:0; padding:0}
.news_listing li.item-news .data .text {margin:10px 0}
.news_listing li.item-news .data small {color:#9c9fa4; font-size:11px; line-height:17px}
.news_listing li.item-news .data .links { float:right; font-weight:bold}

.sep { height:8px; margin:10px 0; background:url(/media/i/sep_bg.gif) repeat-x}
.sep ins { display:block; width:28px; height:8px; margin:0 auto; background:url(/media/i/separator.gif) no-repeat }


/* игры (games) */
.gray-block {}
.gray-block .gb-top { height:10px; background:url(/media/i/gray_block_top.gif) no-repeat 0 0 }
.gray-block .gb-top ins {height:10px; width:10px; float:right; background:url(/media/i/gray_block_top.gif) no-repeat 100% 0}
.gray-block .gb-bottom {height:10px; background:url(/media/i/gray_block_bottom.gif) no-repeat 0 0}
.gray-block .gb-bottom ins {height:10px; width:10px; float:right; background:url(/media/i/gray_block_bottom.gif) no-repeat 100% 0}
.gray-block .gb-data {background:url(/media/i/gray_block_left.gif) repeat-y 0 0}
.gray-block .gb-cnt {margin-left:10px; padding:5px; background:#e8e8e8 url(/media/i/gray_block_right.gif) repeat-y 100% 0}

#allgames td {
    padding:2px; vertical-align:middle; text-align:center;
    border:1px solid #D8D8D8
}
.game-head-line {background:url(/media/i/game_h_bg.gif) repeat-x}
.game-head-line th {
    color:#2d2d2d; font-size:12px; font-weight:normal;
    vertical-align:middle; text-align:center;
    border:1px solid #D8D8D8; padding:1px 2px 0 2px;
}
.game-title-col { width:200px; text-align:left }

.row1{background-color:#eaeaea}
.row2{background-color:#f5f5f5}

.green-sq,.orange-sq {text-decoration:none; display:block; width:15px; height:16px; float:left}
.green-sq {background:url(/media/i/green_sq.gif) 50% 50% no-repeat}
.orange-sq {background:url(/media/i/orange_sq.gif) 50% 50% no-repeat}

/* иконки */
.buy { width:40px; height:11px; background:url(/media/i/buy.png) no-repeat; margin:1px 0 }
.download { width:40px; height:11px; background:url(/media/i/download.png) no-repeat; margin:1px 0 }
.on { width:17px; height:19px; background:url(/media/i/on.png)}
.off {width:17px; height:19px; background:url(/media/i/off.png)}
.rvr {width:17px; height:19px; background:gray}
.rvr_pvp {width:17px; height:19px; background:yellow}
.micro_on {width:16px; height:18px; background:url(/media/i/micro_on.png)}
.micro_off {width:16px; height:18px; background:url(/media/i/micro_off.png)}
.ma {margin:0 auto}

/* фото (photo) */
.list-pic {overflow:hidden; height:1%}
.list-pic li {
    float:left;
    width:133px;
    height:104px;
    margin:0 10px 20px 0;
    background:url(/media/i/pic_bg.png) no-repeat 0 0;
    position:relative;
}
.list-pic li a {display:block; width:125px; height:78px; overflow:hidden; margin:4px auto 0 auto}
.list-pic li .comment { position:absolute; width:17px; height:15px; font-size:10px; right:5px; bottom:5px; text-align:center }
.list-pic li .ball {position:absolute; color:#878e91; font-size:11px; left:4px; bottom:2px;}

.list-items {
    border:1px solid #CCCCCC;
    margin:0;
    overflow-x: scroll;
    overflow-y: hidden;
    padding:10px 0;
    position:relative;
    text-align:center;
    width:100%; height:115px;
}
.list-items td { padding:0 10px }


.block-game-info {}
.block-game-info .bg-top {height:5px; background:url(/media/i/game_info_top.png) no-repeat 0 0}
.block-game-info .bg-top ins {height:5px; width:5px; float:right; background:url(/media/i/game_info_top.png) no-repeat 100% 0}
.block-game-info .bg-bottom {height:5px; background:url(/media/i/game_info_bottom.png) no-repeat 0 0}
.block-game-info .bg-bottom ins {height:5px; width:5px; float:right; background:url(/media/i/game_info_bottom.png) no-repeat 100% 0}
.block-game-info .bg-data {background:url(/media/i/game_info_left.png) repeat-y 0 0}
.block-game-info .bg-cnt {margin-left:2px; padding:5px; background:#efefef url(/media/i/game_info_right.png) repeat-y 100% 0; overflow:hidden; height:1%}


.block-game-info .bg-cnt .game-info { margin-left:110px }
.game-info h2 {color:#004bb2; line-height:20px}

.game-menu {background:url(/media/i/game_menu_bg.png) repeat-x 0 0; height:30px; overflow:hidden}
.game-menu .left { float:left; width:5px; height:30px; background:url(/media/i/game_menu_left.png) no-repeat 0 0}
.game-menu .right {float:right; width:5px; height:30px; background:url(/media/i/game_menu_right.png) no-repeat 0 0}

.game-menu ul {overflow:hidden; height:30px}
.game-menu ul li {float:left; height:30px}
.game-menu ul li a,
.game-menu ul li span { display:block; height:30px; line-height:30px; color:#1b1b1b; padding:0 10px; background:url(/media/i/game_menu_border.png) no-repeat top right; text-decoration:none}
.game-menu ul li a:hover, .game-menu ul li .active {background:url(/media/i/game_menu_active.png) repeat-x; color:#fff}

/* статьи (article) */
.article-list {}
.article-list li {overflow:hidden; height:1%; margin-bottom:10px;}
.article-copy {padding:10px; background:pink}
.article-source {padding:5px; background:#cccccc; font-size:.8em}
.article-source a {text-decoration: none; color:inherit}

/* Общий рейтинг */
.rating_block { padding:10px; width:220px }
.rating_block p {font-size:36px; margin:0}
.rating_block p span {
    color:#666; font-size:12px;
    margin-left:5px
}
p.rating_user_text {margin:0; font-size:14px}
ul.rating_user {
    list-style:none; padding:0; margin:0;
    background:url('/media/i/rating_bg.gif') 0 22px;
    width:130px; height:22px; overflow:hidden; zoom:1;
}
ul.rating_user li {
    background-image:url('/media/i/rating_bg.gif');
    cursor:pointer;float:left;height:22px;width:13px
}
.rating_denied {color:#c03}
.rating0 {background:none !important}
.rating1 {background-position:top left}
.rating2 {background-position:-13px 0}
.rating3 {background-position:-26px 0}
.rating4 {background-position:-39px 0}
.rating5 {background-position:-52px 0}
.rating6 {background-position:-65px 0}
.rating7 {background-position:-78px 0}
.rating8 {background-position:-91px 0}
.rating9 {background-position:-104px 0}
.rating10 {background-position:-117px 0}


/* рейтинг игры */
.block-rating {}
.block-rating .br-top {height:9px; background:url(/media/i/b_rating_top.gif) no-repeat 0 0}
.block-rating .br-top ins {height:9px; width:9px; float:right; background:url(/media/i/b_rating_top.gif) no-repeat 100% 0}
.block-rating .br-bottom {height:9px; background:url(/media/i/b_rating_bottom.gif) no-repeat 0 0}
.block-rating .br-bottom ins {height:9px; width:9px; float:right; background:url(/media/i/b_rating_bottom.gif) no-repeat 100% 0}
.block-rating .br-data {background:url(/media/i/b_rating_left.gif) repeat-y 0 0}
.block-rating .br-cnt {margin-left:8px; padding:5px; background:#e8e8e8 url(/media/i/b_rating_right.gif) repeat-y 100% 0; overflow:hidden; height:1%}

.table_rating {width:100%}
.table_rating td {border:1px solid #d8d8d8; padding:5px 15px; text-align:left; vertical-align:middle}

.count_voters {
    background:url(/media/i/count_voters.gif) no-repeat 0 0;
    height:15px; float:left;
    padding-left:3px;
    line-height:14px;
}
.count_voters span {
    display:block; float:right; margin-left:2px;
    height:15px; width:3px; overflow:hidden;
    background:url(/media/i/count_voters.gif) no-repeat top right;
}

.rating_avg {float:left; margin-right:15px; line-height:15px}

/* пользователи */
.peoples, .peoples_list { overflow:hidden; height:1%}
.peoples  li { width:100px; height: 120px; overflow:hidden; float:left; margin:0 10px 20px 0 }
.peoples_list li {float:left; margin:0 15px 20px 0; overflow:hidden}
.peoples_list li small {font-size:10px; line-height:10px; color:#656565}

.people_operation {float:right}

/* личные сообщения (messages) */
.message-headers { overflow: hidden; height:1%; margin-bottom:20px }
.message-headers dt { float:left; width:100px }
.message-headers dd { clear:right }
table.messages {width:99%}
table.messages th, table.messages td, table.create_message td { text-align: left; padding:2px }

/* registration */
.registration {
    width:500px;
    margin:50px auto;
}

.registration td,
.registration th {
    text-align:left;
    vertical-align:top; padding:10px 5px
}
.registration th { width:200px; font-weight:normal; font-size:16px }
.registration td {font-size:11px}
.registration #id_username,
.registration #id_email,
.registration #id_captcha_1
{width:90%; font-size:16px}
.captcha {display:block; clear:both; margin-bottom:5px}


.errorlist {list-style:none; margin:0; padding:0}
.errorlist li {color:red; font-size:16px; margin:5px 0}