@import "reset.css";
@import "base.css";
html{font-size:100.01%;}
body{
	color:#d0cec6;
	font-size:0.75em;
	font-family:Arial;
	background:#000 url(./i/backgrounds/body.jpg) repeat;
	}
.bone{
	min-width:1000px;
	background:url(./i/backgrounds/bone.jpg) repeat-x;
	}
a:hover{text-decoration:none;}
.head, .flash, .menu, .info, .enter, .wrapper{position:relative;}
.logo, .online, .t-l, .b-l, .b-r{position:absolute;}
.menu ul li, .enter li, .info ul li{list-style:none;}
/*head*/
.head{	
	text-align:center;
	z-index:120;
	background:url(./i/backgrounds/head.jpg) no-repeat 50% 15px;
	}	
.logo{
	top:0;
	left:0;
	z-index:120;
	}
#inner .logo{
	top:17px;
	}
.flash{
	padding-top:15px;
	z-index:10;
	}
/*menu*/
.menu{
	font-family:Tahoma;
	background:url(./i/backgrounds/menu_bg.jpg) repeat 0 15px;	
	}
.menu-t{background:url(./i/backgrounds/menu-t.jpg) repeat-x;}
.menu-b{background:url(./i/backgrounds/menu-b.jpg) repeat-x 0 100%;}
.menu-b2{
	text-align:center;
	background:url(./i/backgrounds/menu_b2.gif) no-repeat 50% 100%;
	}
.menu ul{
	margin:0;
	padding:26px 0 29px;
	}
.menu ul li{
	list-style:none;
	display:inline;
	padding:0 15px;
	}
.menu li a{
	color:#a5bbc9;
	font-size:1.33em;
	font-weight:bold;
	}
.online{
	top:30px;
	left:27px;
	color:#ada795;
	}
/*middle*/
.middle{
	max-width:1250px;
	margin-top:8px;
	padding-bottom:18px;
	background:url(./i/backgrounds/middle.jpg) repeat-y;
	}
/*navbar*/
.navbar{
	width:252px;
	float:left;
	}
#inner .navbar{
	padding-top:44px;
	}
.item{	
	margin-bottom:28px;
	background:url(./i/backgrounds/item.jpg) repeat-y 11px 0;
	}
.item-b{background:url(./i/backgrounds/item-bottom.png) no-repeat 0 100%;}
.enter{
	font-family:Tahoma;
	top:-5px;
	padding:40px 0 6px;
	background:url(./i/backgrounds/enter.png) no-repeat;
	}
#inner .enter{
	top:-20px;	
	padding:56px 0 0;
	background:url(./i/backgrounds/enter-inner.png) no-repeat;
	}
.enter form{
	line-height:1em;
	width:230px;
	background:url(./i/backgrounds/search.png) no-repeat 0 0;
	}
.enter input{vertical-align:top;}	
.enter label, .enter legend{display:none;}
.enter ul{margin:0;}
.enter li{
	padding:4px 0 11px 40px;
	background:url(./i/backgrounds/input.jpg) no-repeat 0 0;
	}
.enter .login_name, .enter .login_pass {
	width:162px;	
	color:#999999;
	border:0;
	font-size:0.92em;
	padding:3px 10px 0 0;
	background:transparent;
	}
.enter .login_name, .enter .login_pass { padding:8px 10px 0 0; }
.enter #search-button{margin:7px 0 0;}	
.enter .registr{
	color:#e9e9e9;
	font-weight:bold;
	font-size:0.92em;
	text-decoration:none;
	margin:0px 0 0 15px;
	display:block;
	float:left;
	padding:6px 32px 14px 24px;
	background:url(./i/backgrounds/registr.jpg) no-repeat 0 0;
	}
.enter .registr:hover{
	color:#b1cdf9;
	background:url(./i/backgrounds/registr-hover.jpg) no-repeat 0 0;
	}
.info{
	top:-25px;
	color:#ada795;
	padding:16px 15px 0px 19px;
	background:url(./i/backgrounds/info.png) no-repeat;
	}
.item h4{
	color:#ada795;
	padding:0 0 15px 9px;
	text-transform:uppercase;
	}
.info{line-height:1.2;}
.item  ol{margin-top:0;}
.item  ol dl{
	margin:0;
	line-height:1.5;
	}
.item  ol dt{
	float:left;
	width:70%;
	}
.info ul{
	margin:4px 0 10px 8px;
	line-height:1.6;
	}
.info ul a{
	color:#a5bbc9;
	font-size:1.17em;
	}	
/*content*/
.content{
	float:right;
	width:100%;
	margin-left:-287px;
	}
.content a{color:#a5bbc9;}
.wrapper{
	margin-left:287px;
	background:url(./i/backgrounds/wrapper.jpg);
	}
.t-c{background:url(./i/backgrounds/t-c.jpg) repeat-x;}
.t-l{
	top:-2px;
	left:-6px;
	width:71px;
	height:25px;
	background:url(./i/backgrounds/t-l.png) no-repeat;
	}
.t-r{background:url(./i/backgrounds/t-r.png) no-repeat 100% 0;}
.c-l{background:url(./i/backgrounds/c-l.jpg) repeat-y;}
.c-r{background:url(./i/backgrounds/c-r.jpg) repeat-y 100% 0;}
.b-c{
	padding:25px 30px;
	background:url(./i/backgrounds/b-c.jpg) repeat-x 0 100%;
	}
.b-l{
	bottom:1px;
	left:-4px;
	width:164px;
	height:20px;
	background:url(./i/backgrounds/b-l.png) no-repeat;
	}
.b-r{
	bottom:1px;
	right:0;
	width:161px;
	height:20px;
	background:url(./i/backgrounds/b-r.png) no-repeat;
	}
.content h1, .title{
	color:#ada795;
	font-family:Tahoma;
	}
.content h1{	
	font-size:1.50em;
	font-weight:normal;
	margin:5px 0 0 0;
	}
.title{
	padding:20px 0 0;
	font-size:1.33em;
	}
.title h2{
	float:left;
	font-size:1.00em;
	width:70%;
	margin:0;
	}
.title p{
	display:block;
	float:right;
	text-align:right;
	}	
.archive{
	font-size:1.17em;
	text-align:right;
	}
/*footer*/
.footer{
	background:url(./i/backgrounds/footer.jpg) repeat;
	}
.footer .inner{
	padding:4px 0 22px;
	background:url(./i/backgrounds/inner.png) no-repeat 0 100%;
	}
.footer-t{
	background:url(./i/backgrounds/footer-t.jpg) repeat-x;
	}
.footer-b{
	background:url(./i/backgrounds/footer-b.jpg) repeat-x 0 100%;
	}
.footer-r{
	background:url(./i/backgrounds/middle.jpg) repeat-y;
	}
.footer p{
	padding:0 0 0 35px;
	margin:0;
	}
.footer a{
	color:#326d71;
	}
/* UTIL */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}
	
	
.asptable
{
	border:none;
	border-collapse:separate;
}

.asptable TD
{
	border:none;
	padding-left:0;
}

#buttons
{
	margin-top:5px;
	margin-bottom:0px;
	margin-left:40px;
}
#buttons td
{
	vertical-align:top;
	text-align:center;
	padding-bottom:0px;
}

.logged{
	height:100px;
	text-align:center;
}

.logged #play{
	color:#e9e9e9;
	font-weight:bold;
	font-size:0.92em;
	text-decoration:none;
	margin:7px;
	display:inline-block;
	padding:6px 0px 12px 0px;
	background:url(./i/backgrounds/registr.jpg) no-repeat 0 0;
	width:125px;
	text-align:center;
	}
	
.logged #play:hover{
	color:#b1cdf9;
	padding:7px 0px 11px 0px;
	background:url(./i/backgrounds/registr-hover.jpg) no-repeat 0 0;
}

table.form{
	border:1px solid #727272;
}

table.form th{
	font-weight: bold; 
	color: white;
	border:none;
	border-bottom:1px solid #727272;
	background-color: #6b696b;
}

table.form td{
	border:none;
}

.result{
	font-weight: bold; 
	color: #00C000;
}

.content h3 a{ color:#f0f0f0;}

#about {
 background: url(./i/back1.png) 0 10px no-repeat; padding-bottom: 150px;
}

#about p {
position: relative; line-height: 160%; letter-spacing: 0.02em; width: 420px; font-size: 1em; top: 126px; left: 260px;
}



.info ol {margin-left:30px;}
.info ol li {padding-left:10px;position:relative; }
.info ol span {width:65px;position:absolute; right:0; }