@charset "windows-1251";

/* Global resets */

html, html#nojs {height: 100%;}
html#js {height: 100%;}
a img {border: 0;}
form {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;margin: 0 0 1em; padding: 0;}
h1 {font-size: 16pt}
input, select, textarea {font-family: inherit; font-size: inherit;margin: 0;}
p {margin: 0 0 1em 0;padding: 0;}
.no-float {clear: both;}
.sep {width: 100%; height: 0px; border-top: 1px solid black; border-bottom: 1px solid #353434; margin-bottom: 15px;}

/* - Global resets */

/* - ��������� ������� ��� ����������� ���� - */

body {font-size: 75%; font-family: Arial, Helvetica, sans-serif; min-height: 100%; margin: 0; padding: 0; position: relative; 
		background: black url(../images/bg.jpg) top center no-repeat; /* ��� ����� */
}

a {color: #e1e1e1; text-decoration: underline;} /* ������ */
a:hover {color: yellow;} /* ������ ��� ��������� */

#main, #main strong {background-image:url("../images/main.png");} /* ������� ���� - ����� */
#forum, #forum strong {background-image:url("../images/forum.png");} /* ������� ���� - ������� */
#cs, #cs strong {background-image:url("../images/cs.png"); width: 60px !important;}
#css, #css strong {background-image:url("../images/css.png"); width: 60px !important;}
#l4d, #l4d strong {background-image:url("../images/l4d.png"); width: 60px !important;}
#tf, #tf strong {background-image:url("../images/tf.png"); width: 60px !important;}
#hl, #hl strong {background-image:url("../images/hl.png"); width: 60px !important;}
#cod, #cod strong {background-image:url("../images/cod.png"); width: 60px !important;}
#bt, #bt strong {background-image:url("../images/bt.png"); width: 60px !important;}
#pb, #pb strong {background-image:url("../images/pb.png"); width: 60px !important;}
#dod, #dod strong {background-image:url("../images/dod.png"); width: 60px !important;}
#torrent, #torrent strong {background-image:url("../images/torrent.png");} /* ������� ���� - ����� */

.result-btn {color: #8e8e8e; width: 150px; text-decoration: underline !important; background: #282727; /* ������ "���������� �����������" */
			border: 0; font-size: 11px; margin-top: 10px;  
			*margin-bottom: -20px;}
.result-btn:hover {color: white; text-decoration: none; cursor: pointer;} /* ������ "���������� �����������" (��� ���������) */

.news-title {font-size: 16px; color: red;}   /* ���� �������� ������� */
.news-title a {font-size: 16px; color: white;}  /* ������ - ���� �������� ������� */

.related li {list-style-image: url(../images/icon_cs.jpg);}  /* ������ � ������ � ����� "������� �������" */

/* - ��������� ������� ��� ����������� ���� - */

#loading {width: 100px; height: 100px; position: absolute; top: 130px; right: 150px; display: none; background: url(../images/loading.gif) no-repeat;}

#menu {list-style: none; margin: 0; padding: 0;}
#menu li {float: left; position: relative;}
#menu li a, #menu li strong {display: block; width: 70px; height: 44px; background-repeat: no-repeat; background-position: 0 0; cursor: pointer;}
#menu li strong, #menu li.current a{background-position: 0 -44px;}
#menu li ul {display: none; position: absolute; background: #121212; margin: 0; padding: 0; border: 1px solid #444; border-bottom: 0;}
#menu li:hover ul {display: block;}
#menu li ul li {display: list-item; list-style-type: none;}
#menu li ul li a {width: 130px; height: 18px; text-align: left !important; padding: 5px 10px; border-bottom: 1px solid #444; text-decoration: none;}
#menu li ul li a:hover {background-color: #155087;}

.login {width: 187px; height: 181px; background: url(../images/login-bg.png) no-repeat; float: right; margin-top: -70px; margin-bottom: 20px; padding: 10px; position: relative;}
.text-form {width: 178px; height: 21px; background: url(../images/login-input.png) no-repeat; border: 0; padding: 5px;}
.text {color: #ffffff;}

.user-block {color: #acacac;}
.user-block a {font-size: 11px; text-decoration: none;}
.user-block a:hover {font-size: 11px; text-decoration: underline;}
.avatar img {border: 1px solid #333; background: gray; padding: 3px; margin: 5px;}

.nav-block {width: 184px; background: url(../images/block_1_5F25.png); margin-bottom: 20px;}
.nav-block h3 {width: 164px; height: 17px; background: url(../images/block_1_23.png); font-size: 12px; color: white; font-weight: bold; padding: 10px;}
.marg-bimg {background: url(../images/block_1_27.png) bottom no-repeat;}

#nav-menu {list-style: none; margin: -10px 10px 0 10px; padding: 0 0 20px 0;}
#nav-menu li a {display: block; width: 152px; color: #8e8e8e; padding: 5px 0 5px 10px; background: url(../images/sep_2.png) bottom no-repeat; text-decoration: none;}
#nav-menu li a:hover {display: block; width: 152px; background: #232323 url(../images/sep_2.png) bottom no-repeat; padding: 5px 0 5px 10px; color: #CCC; text-decoration: none;}

.block {width: 182px; background-color: #272727; margin-bottom: 15px;}
.block h3 {width: 172px; height: 18px; background: #333 url(../images/block.png) no-repeat; color: white; font-weight: bold; padding: 5px; font-size: 12px; margin-bottom: 10px;}
.block p {padding: 0 10px 10px 10px; color: #acacac;}
#vote-layer {margin-top: -25px; color: #acacac; padding: 0 10px 10px 10px;}
.vote-btn {width: 106px; height: 26px; background: url(../images/vote.png) no-repeat; color: #575757; text-shadow: #0d0d0d 0px -1px 0px; border: 0; padding-bottom: 1px;}
.vote-btn:hover {color: #6d6c6c; cursor: pointer;}
#calendar-layer {margin-top: -25px;}

.search-text {width: 97%; height: 18px; border: 1px solid #212121; background: #2e2e2e url(../images/srch-icon.png) left no-repeat; padding-left: 15px; color: #acacac;}

.page {width: 597px; background-color: #282727; t1ext-align: left; color: #acacac;}
.page-header {width: 587px; height: 18px; text-align: left; background: #333 url(../images/news.png) no-repeat; color: white; font-weight: bold; padding: 5px; font-size: 12px; margin-bottom: 10px;}
.preview img {}
.news-text {padding: 10px 0; font-size: 11px; color: #858585;}
.news-text-full {padding: 10px 0; font-size: 12px; color: #858585; line-height: 20px;}
.news-info {font-size: 10px; color: #5e5e5e;}
.news-info a {color: #acacac; text-decoration: underline;}
.news-info a:hover {text-decoration: none;}
.related {background: #202020; text-align: left; padding: 10px 30px; color: #acacac;}
.related ul {padding-left: 25px;}

.comm table[class$="0"], .comm table[class$="2"], .comm table[class$="4"], .comm table[class$="6"], .comm table[class$="8"] {background: #202020; color: #acacac;}
.comm table[class$="1"], .comm table[class$="3"], .comm table[class$="5"], .comm table[class$="7"], .comm table[class$="9"] {color: #acacac;}

.pmlist table {color: #acacac;}
.pmlist td {padding: 5px; }

.navigation {height: 30px;}
.navigation span {padding: 5px; background: #1f1f1f; color: #404040;}
.navigation a {padding: 5px; background: #8e8e8e; color: #333; text-decoration: none;}
.navigation a:hover {background: #a6a6a6;}

#footer {color: #acacac;}

ul#menu2 {
  list-style: none; margin: -10px 10px 0 10px; padding: 0 0 20px 0;
}

ul#menu2 ul {list-style: none; margin: 0; padding: 0;}

ul#menu2 li a {
  display: block; width: 152px; color: #8e8e8e; padding: 5px 0 5px 10px; background: url(../images/sep_2.png) bottom repeat-x; text-decoration: none;
}

ul#menu2 li a:hover {
  display: block; width: 152px; background: #232323 url(../images/sep_2.png) bottom repeat-x; padding: 5px 0 5px 10px; color: #CCC; text-decoration: none;
}

ul#menu2 li ul li a {
  display: block; width: 142px; background: #232323 url(../images/sep_2.png) bottom repeat-x; padding: 5px 0 5px 20px; color: #CCC; text-decoration: none;
}

ul#menu2 li ul li a:hover {
  display: block; width: 142px; background: #155087 url(../images/sep_2.png) bottom repeat-x; padding: 5px 0 5px 20px; color: #CCC; text-decoration: none;
}

.counters {float: right;}
.counters img {opacity: 0.2;}
.counters img:hover {opacity: 1;}

#logo {display: block; width: 138px; height: 137px; background-image: url('../images/pic_04.png');}

div#footer a.anchor {
	margin: 5px 0px 0px 0px;
	width: 30px;
	height: 5px;
	background: #000000;
	display: block;
	float: right;
	text-decoration: none;
}
  
.btizer { 
    width: 598px;
    height: 155px; 
    background: #1f1f1f;
    margin-bottom: 25px;
   }

#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");
}

#easyTooltip{
    padding:10px;
    border:1px solid #999999;
    background:#f1f1f1;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    color: #666666;
    filter:alpha(opacity=90);
    -moz-opacity: 0.9; 
    -khtml-opacity: 0.9; 
    opacity: 0.9; 
z-index:1000;
    }

.menu_list {width: 152px; margin-left: 10px; padding-bottom: 10px; margin-top: -10px;}
.menu_head {display: block; width: 152px; color: #8e8e8e; padding: 5px 0 5px 10px !important; margin: 0; background: url(../images/sep_2.png) bottom repeat-x; text-decoration: none;cursor: pointer;position: relative;}
.menu_list a {display: block; width: 152px; color: #8e8e8e; padding: 5px 0 5px 10px; background: url(../images/sep_2.png) bottom repeat-x; text-decoration: none;}
.menu_list a:hover {display: block; width: 152px; background: #232323 url(../images/sep_2.png) bottom repeat-x; padding: 5px 0 5px 10px; color: #CCC; text-decoration: none;}
.menu_body {display:none;}
.menu_body a{display: block; width: 142px; background: #232323 url(../images/sep_2.png) bottom repeat-x; padding: 5px 0 5px 20px; color: #ffe179; text-decoration: none;}
.menu_body a:hover{display: block; width: 142px; background: #155087 url(../images/sep_2.png) bottom repeat-x; padding: 5px 0 5px 20px; color: #ffe179; text-decoration: none;}

.date {width: 48px; height: 49px; background: url(../images/date.png) no-repeat; color: black; font-size: 24px; text-align: center;}
.date span {font-size: 9px; margin-bottom: 9px; color: white; height: 9px;}
.date p {margin: 5px 0 0 0; padding: 0;}