@charset "windows-1251";
/* CSS Document */

html, body {margin: 0px; font: 11px Tahoma; color: #606465; background: #d7d7d7; background-image: url (../images/bg.gif) }

a {color: #067f9e; font: 11px Tahoma; text-decoration: underline;}
a:hover {font: 11px Tahoma; text-decoration: nocne;}

img {border: 0px;}
.clear {clear: both;}

#navs {background: url(../images/navs.gif); height: 34px; position: relative; min-width: 955px; width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 955? "955px":"100%");}
#navs2 {background: url(../images/navs2.gif); height: 6px; position: relative; min-width: 955px; width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 955? "955px":"100%");}
#head {background: url(../images/header_bg.gif); height: 128px; position: relative; min-width: 955px; width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 955? "955px":"100%");}
#logo {width: 250px; height: 73px; position: absolute; left: 4px; top: 0px; z-index: 1;}
#beta {background: url(../images/beta.gif); width: 74px; height: 62px; position: absolute; left: 235px; top: 0px; z-index: 2;}

#tm {position: absolute; right: 5px; top: 5px;}
#tm ul {padding: 0px; margin: 0px;}
#tm li {display: inline;}
#tm li a, #tm li a:hover { padding: 6px 16px 0px 15px; float: left; font: bold 12px Tahoma; color: #fff; background: url(../images/tmr.gif) right no-repeat; text-decoration: none; border: 0px;}
#tm li a:hover {text-decoration: underline;}

#main {margin: 20px 0px 0px 0px; min-width: 975px; width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 955? "955px":"100%"); border: 0px; border-collapse: collapse; width: 100%;}

#left {width: 212px; vertical-align: top; padding: 0px; margin: 0px;}
#right {width: 212px; vertical-align: top; padding: 0px; margin: 0px;}
#center {vertical-align: top; padding: 0px; margin: 0px; width: auto;}
#center2 {margin: 0px 5px 0px 5px; background: #fff; border: 6px solid #eeeeee; padding: 5px;}

#block {background: #fff; border: 6px solid #eeeeee; padding: 5px; margin: 0px 0px 6px 0px;}
#block-2 {background: url(../images/block-2.gif); height: 18px; font: bold 11px Tahoma; _height: 23px; color: #fff; padding: 5px 0px 0px 8px;}
#block-3 {padding: 10px 6px 10px 6px; background: #eeeeee;}
#block-3 a {color: #555;}
#block-3 a:hover {none;}

.search0 {background: url(../images/bg2.gif); height: 18px; _height: 23px; font: bold 11px Tahoma; color: #fff; padding: 5px 0px 0px 8px;}
.search-2 {margin: 5px 0px 10px 0px; background: #fbfbfb; height: 37px; _height: 55px; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; text-align: center; padding: 18px 0px 0px 0px;}

.t1 {border: 0px; border-collapse: collapse;}
.t1 td {padding: 0px; margin: 0px; vertical-align: middle;}

table, table td {font: 11px Tahoma; line-height: 14px;}

.search-3 {height: 15px; background: #fff; border: 1px solid #ebebeb; margin: 0px 6px 0px 6px; width: 300px; font: 11px Tahoma; color: #606465;}

.news {background: url(../images/bg2.gif); height: 18px; _height: 23px; font: bold 11px Tahoma; color: #fff; padding: 5px 0px 0px 8px;}
.news a, .news a:hover {font: bold 11px Tahoma; color: #fff; text-decoration: none; border: none;}
.news a:hover {border-bottom: 1px dotted #fff;}

.news2 {padding: 19px 12px 12px 12px; line-height: 14px;}
.news2 p {padding: 0px; margin: 0px;}

.news3 {background: #fbfbfb; clear: both; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; padding: 5px 8px 5px 0px; margin-bottom: 10px; position: relative; height: 13px; }
.news3 img {margin: 0px 5px 0px 8px; vertical-align: text-top; padding: 1px 0px 0px 0px;}

.news3 a, news3 a:hover {color: #606465; text-decoration: underline; border: none;}
.news3 a:hover {text-decoration: none; color: #606465;}

.fr {float: right;}
.fl {float: left;}

#nav {text-align: center;}
#nav span, #nav a, #nav a:hover {background: #fbfbfb; border: 1px solid #ebebeb; display: inline-block; padding: 2px 6px 3px 6px; margin: 1px; color: #606465; text-decoration: none;}
#nav a:hover {border: 1px solid #CCCCCC;}

#footer {background: #fff; border: 6px solid #eeeeee; border-bottom: 0px; padding: 5px; margin: 20px 0px 0px 0px; height: 55px; _height: 65px; position: relative; min-width: 955px;}
#f-l {left: 20px; top: 15px; position: absolute; font: 11px Tahoma;}
#f-l a, #f-l a:hover {margin-right: 10px; font: 12px Tahoma; border: none; text-decoration: underline; color: #0099cc; line-height: 15px;}
#f-r {right: 20px; top: 15px; position: absolute;}

p {padding: 5px 0px 0px 0px; margin: 0px;}

#menu {padding: 0px; margin: 0px;}
#menu a {border-bottom: 1px dashed #fff; padding: 6px 0px 6px 0px; color: #606465; text-decoration: none; display: block;}
#menu a:hover {border-bottom: 1px dashed #fff; padding: 6px 0px 6px 0px; color: #ff6600; text-decoration: none; display: block;}

ul {padding: 0px; margin: 0px; list-style-type: none;}
ul li {padding: 0px; margin: 0px; list-style-type: none;}

#login {padding: 0px;}
#login a, #login a:hover {font: 11px Tahoma; color: #606465; text-decoration: none; border: 0px;}
#login a:hover {text-decoration: underline;}
#login span {display: block;}
#login input {background: #fff; border: none; margin: 3px 0px 6px 0px;}
.login-1 { width: 150px; font: 11px Tahoma; color: #606465;}
.login-2 {margin: 6px 0px 12px 0px;}

input {font: 11px Tahoma; color: #606465;}

#podkast {text-align: center;}
#podkast span {margin: 0px 0px 7px 0px; display: block;}
#podkast a, #podkast a:hover {margin-right: 3px; border: none;}

#t2 {border: 0px; border-collapse: collapse;}
#t2 td {padding: 0px; margin: 0px;}

#rel-news {background: url(../images/bg2.gif); height: 18px; _height: 23px; font: bold 11px Tahoma; color: #fff; padding: 5px 0px 0px 8px;}
#rel-news2 {padding: 19px 12px 12px 12px; line-height: 14px;}

#tags {background: #fbfbfb; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; padding: 5px 8px 5px 0px; margin-bottom: 5px; margin-top: -5px; position: relative; height: 13px; }
#tags img {margin: 0px 5px 0px 8px; vertical-align: text-top; padding: 1px 0px 0px 0px;}

#tags a, news3 a:hover {color: #606465; text-decoration: underline; border: none;}
#tags a:hover {text-decoration: none; color: #606465;}

table {border: 0px; border-collapse: collapse; width: auto;}
table {margin: 0px;}

.post-date {
 width: 45px;
 height: 49px;
 float:right;
 background: url(../images/date-bg.gif) no-repeat;
 margin-right:5px;
}
.post-month {
 font-size: 10px;
 color: #FFFFFF;
 text-align: center;
 display:block;
 line-height: 11px;
 padding-top: 2px;
 margin-left: -3px;
}
.post-day {
 font-size: 18px;
 text-transform: uppercase;
 color: #999999;
 text-align: center;
 display:block;
 line-height: 18px;
 padding-top: 7px;
 margin-left: -3px;
}

.post-title {
 float: left;
 margin-left: 10px;
}
/* Короткая новость */
.date {padding:0px 10px 10px 0px; background: url(../images/date-bg.gif) no-repeat;  float: left;	font: 22px/100% Arial, Helvetica, sans-serif; width: 45px; color:#666;	height: 40px; text-align: center;}
.date span {display: block; font: 11px Arial, Helvetica, sans-serif; color: #ffffff; padding-top: 1px; height: 16px; text-align: center;}
#news {padding:0 0 10px 0;  font:1.2em tahoma; color:#333;}
#news h1 a:link {color:#53abd7; text-decoration:underline;}
#news h1 a:visited {color:#53abd7; text-decoration:none;}
#news h1 a:hover {color:#53abd7; text-decoration:underline;}
#news h1 a:active {color:#53abd7;  text-decoration:underline;}
#news-date {padding:5px 0 0 0; color:#ff6600; font:11px verdana; width:100%;}
#news-date a:link {color:#ff6600; text-decoration:underline;}
#news-date a:visited {color:#ff6600; text-decoration:underline;}
#news-date a:hover {color:#000; text-decoration:none;}
#news-date a:active {color:#ff6600;  text-decoration:underline;}
#news-date-left {float:left; width:50%;}
#news-date-rig {float:right; width:40%; text-align:right;}

#news-full {padding:5px 0 0 0; width:100%;}
#news-full-left {font:11px verdana; float:left; width:50%;}
#news-full-rig {float:right;}

#news-text {clear:both; padding:8px 0 0 0; text-align:justify;} 
#news-text img {border:0px solid #d2e8f3;}
#news-text a:hover img {border:0px solid #e3f3ae; text-decoration: none;}
#news-link {padding:5px 0 0 0; width:100%;}
#news-fulled {width:100%; font:11px verdana;}

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 11px verdana;
width: 100%;
border: 0px solid #000000;
border-width: 0px 0;
background: black url(../images/blockdefault.gif) center center repeat-x;
}
.solidblockmenu li{
display: inline;
}
.solidblockmenu li a{
float: left;
color: #d2d2d2;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid #3b3c3e;
}
.solidblockmenu li a:visited{
color: #d2d2d2;
}
.solidblockmenu li a:hover, .solidblockmenu li .current{
color: #d2d2d2;
background: transparent url(../images/blockactive.gif) center center repeat-x;
}


<!--[Если Internet Explorer 4.*-5.*]>

p.iepara{ 
padding-top: 1em;
}

/* ==================== Облако тегов */
.clouds_xsmall {
    font-size: x-small;
}
.clouds_small {
    font-size: small;
}
.clouds_medium {
    font-size: medium;
}
.clouds_large {
    font-size: large;
}
.clouds_xlarge {
    font-size: x-large;
}

/* ==================== Онлайн */
#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;
}
div.title_quote
{
 	font-size:11px;
 	padding:4px;
 	border-top:1px solid #c4c4c4;
 	border-left:5px solid #c4c4c4;
 	border-right:1px solid #c4c4c4;
 	background-color:#FFF;
}

div.quote
{
	background: url(../images/bgcode.gif);
	padding:6px;
	padding-left:15px;
	font-style: italic;
	font:11px Tahoma, Verdana, Sans-Serif;
/*	font: normal 1em "Lucida Sans Unicode",serif;*/
	background-color:white;
	border:1px solid #c4c4c4;
	border-left:5px solid #c4c4c4;
	/*white-space: pre;*/
}

.tabs  { 
  width: 100%;
}

ul.tabNavigation {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.tabNavigation li {
  display: inline;
}

ul.tabNavigation li a {
  padding: 3px 5px;
  background-color: #fbfbfb;
  color: #828282;
  text-decoration: none;
}

ul.tabNavigation li a.selected,
ul.tabNavigationli a:hover {
  background-color: #eeeeee;
  color: #606465;
  padding-top: 7px;
}
		
ul.tabNavigation li a:focus {
  outline: 0;
}

#first {
  background-color: #fbfbfb;
  background-image: url(http://www.cgames.in.ua/templates/cybergames/bg-cs.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  min-height: 110px;
  color: #606465;
  font-size: 14px;
  margin-top: 3px;
  border: 3px solid #eeeeee;
}

#second {
  background-color: #fbfbfb;
  background-image: url(http://www.cgames.in.ua/templates/cybergames/bg-wc3.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  min-height: 110px;
  color: #606465;
  font-size: 14px;
  margin-top: 3px;
  border: 3px solid #eeeeee;
}

#third {
  background-color: #fbfbfb;
  background-image: url(http://www.cgames.in.ua/templates/cybergames/bg-fifa.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  min-height: 110px;
  color: #606465;
  font-size: 14px;
  margin-top: 3px;
  border: 3px solid #eeeeee;
}
.lastcomm {
	padding: 3px 2px 3px 2px;
	border-bottom:1px solid #E6E6E6;
}

.lastcomm_over {
	padding: 3px 2px 3px 2px;
	border-bottom:1px solid #E6E6E6;
	background:#F5F5F5;
	cursor: hand;
}
#hintbox {
	text-align:left;
 	width:150px;
	font-size: 11px;
 	border: 1px solid #000000;
	background-color: #FFFFFF;
 	filter:alpha(opacity="95");
	font-family: tahoma;
 	layer-background-color:#a396d9;
	color:#000;
	z-index: 3;
	margin: 0px 15px 0px 0px;
	-moz-opacity : 0.9;
	-moz-border-radius : 5px;
	margin: 10px 0 0 10px;
	padding:3px 5px;
	position:absolute;
	visibility:hidden;
	z-index: 3;
}