body {background: #000 url(../images/backgrounds/bg60.jpg) 50% 0 no-repeat;}

#wrapper {width: 1000px;margin: 0 auto;background: url(../images/heads/head22223.png) 50% 0 no-repeat;}

hr {height: 2px;padding: 0;margin: 20px 0;background: url(../images/sep-d.png) 0 0 no-repeat;border: none;}

/* --- Fonts --- */
@font-face {
	font-family: 'Orbitron';
	font-style: normal;
	font-weight: 400;
	src: local('Orbitron'), url(fonts/f010.woff) format('woff');
}

/* --- Head --- */
#head {position: relative;height: 300px;}
	#head .logo_bg {
		position: absolute;
		z-index: 1;
		top: 51px;
		left: -25px;
		width: 184px;
		height: 170px;
		background: url(../images/colors/yl-logo.png) 0 0 no-repeat;
	}
	#head .logo {
		position: absolute;
		z-index: 2;
		top: 102px;
		left: 45px;
		-moz-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		-o-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
		#head .logo a {
			position: relative;
			z-index: 1;
			display: block;
			font: normal 66px/60px 'Orbitron';
			color: #951D1A;
			text-decoration: none;
		}
			#head .logo a span {
				position: absolute;
				z-index: 2;
				top: 0px;
				left: 0px;
				display: block;
				width: 100%;
				height: 100%;
				background: url(../images/dirt.png) 0 0 repeat;
			}
	#head .slogan {
		position: absolute;
		z-index: 2;
		top: 180px;
		left: 80px;
		padding: 0 5px;
		background: url(../images/slogan_bg.png) 0 0 repeat-x;
		font: normal 13px/22px 'Tahoma';
		color: #fff;
		-moz-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		-o-transform: rotate(5deg);
		transform: rotate(5deg);
	}
	#head .user_panel {
		position: absolute;
		top: 50px;
		right: 30px;
		width: 200px;
	}
		#head .user_panel .title {
			position: relative;
			width: 230px;
			font: normal 20px/24px 'Orbitron';
			color: #d28100;
			-moz-transform: rotate(-3deg);
			-ms-transform: rotate(-3deg);
			-webkit-transform: rotate(-3deg);
			-o-transform: rotate(-3deg);
			transform: rotate(-3deg);
		}
			#head .user_panel .title span {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background: url(../images/dirt.png) 0 0 repeat;}
		#head .user_panel .container {position: relative;padding: 7px 0 0 0px;}
			#head .user_panel .container.login_panel input.login_inp {
				position: relative;
				z-index: 2;
				width: 141px;
				height: 23px;
				padding: 0 6px;
				margin: 0 0 7px 0;
				background: url(../images/colors/yl-log.png) 0 0 no-repeat;
				font: bold 14px/23px 'Arial';
				color: #951D1A;
			}
			#head .user_panel .container.login_panel input.login_inp.password {background-position: 0 -23px;}
			#head .user_panel .container .button {
				position: absolute;
				z-index: 1;
				top: 53px;
				right: -29px;
				width: 74px;
				height: 66px;
				background: url(../images/login_btn.png) 0 0 no-repeat;
			}
				#head .user_panel .container .button input, #head .user_panel .container .button a {
					position: absolute;
					right: 10px;
					bottom: 10px;
					display: block;
					width: 20px;
					height: 22px;
					background: url(../images/colors/yl-log.png) -133px -46px no-repeat;
				}
				#head .user_panel .container .button a {background-position: -113px -46px;text-indent: -1000em;}
				#head .user_panel .container .button input:hover, #head .user_panel .container .button a:hover {
					opacity: .8;
					-moz-opacity: .8;
					filter: alpha(opacity=80);
				}
				#head .user_panel .container ul.login_lnk {padding: 0 0 0 40px;}
					#head .user_panel .container ul.login_lnk > li > a {
						display: block;
						padding: 0 0 0 12px;
						background: url(../images/login_lnk.png) 0 0 no-repeat;
						font: bold 11px/13px 'Tahoma';
						color: #444;
						opacity: .7;
						-moz-opacity: .7;
						filter: alpha(opacity=70);
						text-decoration: none;
					}
					#head .user_panel .container ul.login_lnk > li.forgot > a {margin: 0 0 5px 10px;background-position: 0 100%;}
					#head .user_panel .container ul.login_lnk > li.register > a {padding-left: 16px;}
					#head .user_panel .container ul.login_lnk > li > a:hover {
						opacity: 1;
						-moz-opacity: 1;
						filter: alpha(opacity=100);
					}
			#head .user_panel .container.user .avatar {
				margin: 10px 0 0;
				-moz-transform: rotate(-3deg);
				-ms-transform: rotate(-3deg);
				-webkit-transform: rotate(-3deg);
				-o-transform: rotate(-3deg);
				transform: rotate(-3deg);
			}
				#head .user_panel .container.user .avatar img {display: block;width: 52px;}
			#head .user_panel .container.user .info {width: 106px;}
				#head .user_panel .container.user .info .user_title {
					padding: 0 0 6px 0;
					margin: 0 0 6px 0;
					font: bold 14px/17px 'Tahoma';
					color: #951d1a;
					border-bottom: 1px dotted #888;
				}
				#head .user_panel .container.user .info ul.user_nav {position: relative;z-index: 2;}
					#head .user_panel .container.user .info ul.user_nav > li > a {
						display: block;
						font: bold 11px/14px 'Tahoma';
						color: #444;
						opacity: .7;
						-moz-opacity: .7;
						filter: alpha(opacity=70);
						text-decoration: none;
					}
					#head .user_panel .container.user .info ul.user_nav > li > a:hover {
						opacity: 1;
						-moz-opacity: 1;
						filter: alpha(opacity=100);
					}

/* --- Toolbar --- */
#toolbar {height: 53px;background: url(../images/toolbar_bg.png) 0 0 no-repeat;}
	#toolbar ul.navigation > li {float: left;}
		#toolbar ul.navigation > li > a {
			display: block;
			padding: 0 10px;
			font: normal 16px/51px 'Orbitron';
			color: #555;
			text-decoration: none;
		}
		#toolbar ul.navigation > li > a:hover {background: url(../images/navigation_hov.png) 0 100% repeat-x;color: #fff;}
		#toolbar ul.navigation > li.current > a {background: url(../images/colors/yl-nav.png) 0 100% repeat-x;color: #fff;}
	#toolbar .search_box {width: 192px;padding: 11px 18px 0 0;}
		#toolbar .search_box input.search_inp {
			width: 140px;
			height: 27px;
			padding: 0 10px;
			font: bold 12px/27px 'Arial';
			color: #555;
		}
		#toolbar .search_box input.search_sbm {width: 27px;height: 27px;background: url(../images/colors/yl-sch.png) 50% 3px no-repeat;cursor: pointer;}
		#toolbar .search_box input.search_sbm:hover {
			opacity: .8;
			-moz-opacity: .8;
			filter: alpha(opacity=80);
		}

/* --- Container --- */
#container {
	background: url(../images/container_bg.png) 0 0 repeat-y;
}

	/* --- Slider --- */
	#slider {position: relative;width: 702px;height: 392px;padding: 4px;margin: 0 auto;background: url(../images/slider_bg.png) 0 0 no-repeat;}
		#slider ul.slides {position: relative;z-index: 1;width: 702px;height: 392px;overflow: hidden;}
			#slider ul.slides > li {position: absolute;width: 702px;height: 392px;overflow: hidden;}
				#slider ul.slides > li img.img {position: absolute;z-index: 1;width: 702px;height: 392px;}
				#slider ul.slides > li .caption {
					display: none;
					position: absolute;
					z-index: 2;
					bottom: 0px;
					width: 662px;
					padding: 20px;
					background: url(../images/slider_caption.png) 0 0 no-repeat;
					font: normal 11px/15px 'Tahoma';
					color: #fff;
					text-shadow: 1px 1px 0 rgba(0,0,0,.2);
				}
					#slider ul.slides > li .caption .title {
						margin: 0 0 15px;
						font: normal 18px/20px 'Orbitron';
					}
						#slider ul.slides > li .caption .title a {color: #D28100;text-decoration: none;}
						#slider ul.slides > li .caption .title a:hover {color: #951d1a;}
		#slider .arr {
			position: absolute;
			z-index: 2;
			width: 40px;
			height: 40px;
			top: 160px;
			cursor: pointer;
			background: url(../images/colors/yl-slid.png) 0 0 no-repeat;
			opacity: 0;
			-moz-opacity: 0;
			filter: alpha(opacity=0);
			-webkit-transition: opacity .2s ease-in-out;
			-moz-transition: opacity .2s ease-in-out;
			-ms-transition: opacity .2s ease-in-out;
			-o-transition: opacity .2s ease-in-out;
			transition: opacity .2s ease-in-out;
		}
		#slider:hover .arr {opacity: .7;-moz-opacity: .7;filter: alpha(opacity=70);}
		#slider .arr:hover {opacity: 1;-moz-opacity: 1;filter: alpha(opacity=100);}
		#slider .prev:hover {background-position: 0 100%;}
		#slider .next {right: 4px;background-position: 100% 0;}
		#slider .next:hover {background-position: 100% 100%;}

		/* --- Shortstory --- */
		.shortstory {margin: 0 0 50px;}
			.shortstory .title {font: normal 18px/20px 'Orbitron';color: #555;}
				.shortstory .title a {color: #951D1A;text-decoration: none;}
				.shortstory .title a:hover {color: #555 !important;}
			.shortstory .content {padding: 10px 0 0;font: normal 13px/16px 'Tahoma';color: #555;}
				.shortstory .content a {color: #951D1A;}
				.shortstory .content a:hover {text-decoration: none;}
			.shortstory .bottom, .fullstory .top {margin: 10px 0 0;background: url(../images/sep-d.png) 0 0 no-repeat;}
				.shortstory .bottom ul.info, .fullstory .top ul.info {padding: 10px 0 0;}
					.shortstory .bottom ul.info > li, .fullstory .top ul.info > li {
						float: left;
						padding: 0 0 0 20px;
						margin: 0 0 0 10px;
						font: bold 11px/14px 'Tahoma';
						color: #BBB;
						background: url(../images/shortstory_info.png) 0 0 no-repeat;
					}
					.shortstory .bottom ul.info > li.date, .fullstory .top ul.info > li.date {background-position: 0 100%;}
					.shortstory .bottom ul.info > li.author, .fullstory .top ul.info > li.author {background-position: 0 -14px;}
					.shortstory .bottom ul.info > li.views, .fullstory .top ul.info > li.views {padding-left: 22px;background-position: 0 -28px;}
						.shortstory .bottom ul.info > li a, .fullstory .top ul.info > li a {color: #BBB;}
						.shortstory .bottom ul.info > li a:hover, .fullstory .top ul.info > li a:hover {text-decoration: none;}
				.shortstory .bottom .more {padding: 10px 0 0;}
					.shortstory .bottom .more a {
						display: block;
						padding: 0 7px;
						background: url(../images/colors/yl-nav.png) 50% 100% no-repeat;
						font: bold 10px/18px 'Tahoma';
						color: #fff;
						text-decoration: none;
					}
					.shortstory .bottom .more a:hover {background: url(../images/navigation_hov.png) 50% 100% no-repeat !important;}

		/* --- Fullstory --- */
		.fullstory {margin: 0 0 30px;}
			.fullstory .title {font: normal 24px/30px 'Orbitron';color: #951D1A;}
				.fullstory .title a {color: #D28100;text-decoration: none;}
				.fullstory .title a:hover {color: #951D1A;}
			.fullstory .top .rating {margin: 5px 0 0;}
			.fullstory .content {padding: 20px 0;font: normal 13px/18px 'Tahoma';color: #555;}
				.fullstory .content a {color: #951D1A;}
				.fullstory .content a:hover {text-decoration: none;}
			.fullstory .social {background: url(../images/sep-d.png) 0 0 no-repeat;border: none;font: normal 13px 'Tahoma';color: #555;}
				.fullstory .social > div {padding: 10px 0;background: url(../images/sep-d.png) 0 100% no-repeat;border: none;}

		/* --- Box --- */
		.box {margin: 0 0 30px;}
			.box .title {padding: 0 0 10px;margin: 0 0 10px;background: url(../images/sep-d.png) 0 100% no-repeat;font: normal 18px/20px 'Orbitron';color: #555;}
			.box .content {font: normal 13px/16px 'Tahoma';color: #555;}
				.box .content a {color: #951D1A;}
				.box .content a:hover {text-decoration: none;}

		/* --- Comments --- */
		.comment {margin: 10px 0 10px 70px;background: url(../images/sep-d.png) 0 0 no-repeat;font: normal 13px/18px 'Tahoma';color: #555;}
			.comment a {color: #951D1A;}
			.comment a:hover {text-decoration: none;}
			.comment > div {background: url(../images/sep-d.png) 0 100% no-repeat;}
				.comment > div > div {background: url(../images/sep-dv.png) 0 0 repeat-y;}
					.comment > div > div > div {position: relative;padding: 10px 15px 20px 15px;background: url(../images/sep-dv.png) 100% 0 repeat-y;}
						.comment .avatar {
							position: absolute;
							top: 15px;
							left: -30px;
							width: 46px;
							height: 46px;
							padding: 3px;
							background: #fff url(../images/comments_avatar.png) 0 0 no-repeat;
							-moz-transform: rotate(-5deg);
							-ms-transform: rotate(-5deg);
							-webkit-transform: rotate(-5deg);
							-o-transform: rotate(-5deg);
							transform: rotate(-5deg);
						}
							.comment .avatar img {width: 46px;height: 46px;}
						.comment .head {
							margin: 0 0 15px 20px;
							padding: 0 0 12px 0;
							background: url(../images/sep-d.png) 0 100% no-repeat;
							font: normal 11px 'Tahoma';
							color: #999;
						}
							.comment .head a {font-weight: bold;font-size: 13px;color: #d28100;}
						.comment ul.actions {position: absolute;right: 0px;bottom: 0px;background: url(../images/inp.png) 0 0 repeat-x;}
							.comment ul.actions > li {float: left;}
								.comment ul.actions > li > a {
									display: block;
									padding: 0 5px;
									font: bold 11px/20px 'Tahoma';
									color: #888 !important;
									text-decoration: none;
								}
								.comment ul.actions > li > a:hover {color: #555 !important;}

	#main {width: 710px;padding: 20px 0 20px 20px;}
	#sidebar {width: 250px;}
		#sidebar .module {padding: 0 5px 0 0;}
			#sidebar .module .title {
				position: relative;
				padding: 0 20px;
				background: url(../images/sep-w.png) 0 100% no-repeat;
				font: normal 20px/44px 'Orbitron';
				color: #555;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}
				#sidebar .module .title span {
					position: absolute;
					top: 0px;
					left: 0px;
					width: 100%;
					height: 100%;
					background: url(../images/dirt.png) 50% -14px repeat-x;
				}
			#sidebar .module .content {
				background: url(../images/sep-w.png) 0 100% no-repeat;
				padding: 20px 15px 20px 20px;
				font: normal 13px 'Tahoma';
				color: #555;
			}
				#sidebar .module .content a {color: #951d1a;}
				#sidebar .module .content a:hover {text-decoration: none;}
				#sidebar .module .content ul.top_list > li {padding: 0 0 9px 0;margin: 0 0 7px 0;background: url(../images/sep-d.png) 50% 100% no-repeat;}
				#sidebar .module .content ul.top_list > li:last-child {padding: 0;margin: 0;background: none;}
					#sidebar .module .content ul.top_list > li .img {
						position: relative;
						width: 64px;
						height: 44px;
						padding: 3px;
						background: url(../images/top_list_img.png) 0 0 no-repeat;
					}
						#sidebar .module .content ul.top_list > li .img img {display: block;width: 64px;height: 44px;}
						#sidebar .module .content ul.top_list > li .img a {
							position: absolute;
							top: 3px;
							left: 3px;
							display: block;
							width: 64px;
							height: 44px;
							background: url(../images/thmb-m.png) 50% 50% repeat;
							opacity: 0;
							-moz-opacity: 0;
							filter: alpha(opacity=0);
							-webkit-transition: opacity .2s ease-in-out;
							-moz-transition: opacity .2s ease-in-out;
							-ms-transition: opacity .2s ease-in-out;
							-o-transition: opacity .2s ease-in-out;
							transition: opacity .2s ease-in-out;
						}
						#sidebar .module .content ul.top_list > li .img a:hover {
							opacity: 1;
							-moz-opacity: 1;
							filter: alpha(opacity=100);
						}
							#sidebar .module .content ul.top_list > li .img a span {
								display: block;
								width: 100%;
								height: 100%;
								background: url(../images/thmb-v.png) 50% 50% no-repeat;
							}
					#sidebar .module .content ul.top_list > li .descr {
						width: 125px;
						height: 50px;
						overflow: hidden;
					}
						#sidebar .module .content ul.top_list > li .descr a {font-weight: bold;color: #555 !important;text-decoration: none;}
						#sidebar .module .content ul.top_list > li .descr a:hover {color: #951d1a;}
				#sidebar .module ul.list > li {background: url(../images/sep-d.png) 0 100% no-repeat !important;}

/* --- Page navigation --- */
.page_navigation {
	font: bold 11px/20px 'Tahoma';
	color: #555;
	text-align: center;
}
	.page_navigation a {color: #555;}
	.page_navigation a:hover {text-decoration: none;}
	.page_navigation span {padding: 5px;background: url(../images/navigation_hov.png) -60px -4px no-repeat;color: #fff;}

/* --- Footer --- */
#footer {padding: 10px 0 0;background: url(../images/footer_top.png) 0 0 no-repeat;}
	#footer > div {background: url(../images/footer_bg.png) 0 100% no-repeat;}
		#footer .module {font: normal 13px 'Tahoma';color: #555;}
			#footer .module a {color: #888;}
			#footer .module a:hover {text-decoration: none;}
			#footer .module > div {padding: 0 15px 10px 15px;}
				#footer .module .title {
					position: relative;
					padding: 10px 0;
					font: normal 20px/24px 'Orbitron';
					color: #999;
					background: url(../images/sep-b.png) 0 100% no-repeat;
				}
					#footer .module .title span {
						position: absolute;
						top: 0px;
						left: 0px;
						display: block;
						width: 100%;
						height: 100%;
						background: url(../images/dirt-b.png) 50% 50% repeat;
					}
				#footer .module .content {padding: 20px 0;}
					#footer .module .content ul.list > li, #sidebar .module ul.list > li {
						padding: 7px 0 9px 0;
						background: url(../images/sep-b.png) 0 100% no-repeat;
					}
						#footer .module .content ul.list > li > a, #sidebar .module ul.list > li > a {
							padding: 0 0 0 20px;
							background: url(../images/arrs.png) 0 50% no-repeat;
							font-weight: bold;
							color: #888 !important;
							text-decoration: none;
							opacity: .7;
							-moz-opacity: .7;
							filter: alpha(opacity=70);
						}
						#footer .module .content ul.list > li > a:hover, #sidebar .module ul.list > li > a:hover {
							opacity: 1;
							-moz-opacity: 1;
							filter: alpha(opacity=100);
						}

ul.list > li {
	padding: 7px 0 9px 0;
	background: url(../images/sep-d.png) 0 100% no-repeat;
}
	ul.list > li > a {
		padding: 0 0 0 20px;
		background: url(../images/arrs.png) 0 50% no-repeat;
		font-weight: bold;
		color: #888 !important;
		text-decoration: none;
		opacity: .7;
		-moz-opacity: .7;
		filter: alpha(opacity=70);
	}
	ul.list > li > a:hover {
		opacity: 1;
		-moz-opacity: 1;
		filter: alpha(opacity=100);
	}

/* --- Copy --- */
#copy {padding: 20px 0;font: normal 11px 'Tahoma';color: #ddd;opacity: .5;-moz-opacity: .5;filter: alpha(opacity=50);text-align: center;}
	#copy a {color: #ddd;}
	#copy a:hover {text-decoration: none;}

/* --- Forms --- */
label {cursor: pointer;}

.row {
	margin: 2px 0;
	line-height: 24px;
}
	.row.w180 .label {width: 180px;}
	.row.w180 .value {width: 530px;}
		.row.w180 .value input[type=text], .row.w180 .value input[type=password] {width: 520px;}
		.row.w180 .value textarea {width: 530px;}
	.row.w200 .label {width: 200px;}
	.row.w200 .value {width: 510px;}
		.row.w200 .value input[type=text], .row.w200 .value input[type=password] {width: 500px;}
		.row.w200 .value textarea {width: 510px;}

#container input[type=text], #container input[type=password] {
	background: url(../images/inp.png) 0 0 repeat-x;
	padding: 0 5px;
	font: bold 14px/24px 'Tahoma';
	color: #555;
	height: 30px;
width: 500px;
}

#container textarea {
	border: none;
	background: url(../images/text.png) 0 0 repeat-x;
	padding: 0 5px;
	font: normal 11px/24px 'Tahoma';
	color: #000;
}
#container textarea:focus {outline: none;}

.captcha input {
	float: left;
	width: 120px !important;
	height: 50px;
	padding: 0 10px !important;
	background: url(../images/text.png) 0 0 repeat-x !important;
	font-size: 20px !important;
	text-align: center;
}
.captcha .arr {width: 50px;height: 50px;background: url(../images/captcha_arr.png) 0 0 no-repeat;}
.captcha .code {position: relative;width: 120px;height: 50px;}
	.captcha .code img {width: 120px;height: 50px;}
	.captcha .code a {
		position: absolute;
		top: 0px;
		display: block;
		width: 120px;
		height: 50px;
		text-indent: -1000em;
		background: rgba(0,0,0,.2) url(../images/captcha_refresh.png) 50% 0 no-repeat;
		opacity: 0;
		-moz-opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transition: opacity .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out;
		-ms-transition: opacity .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out;
		transition: opacity .2s ease-in-out;
	}
	.captcha .code a:hover {
		opacity: 1;
		-moz-opacity: 1;
		filter: alpha(opacity=100);
	}

#container input[type=submit], #container input[type=button], #container button {
	background: url(../images/colors/yl-nav.png) 50% 0 no-repeat;
	padding: 0 10px;
	font: bold 13px/30px 'Tahoma';
	color: #fff;
}
#container input[type=submit]:hover, #container input[type=button]:hover, #container button:hover {background: url(../images/navigation_hov.png) 50% 0 no-repeat !important;}

.info_box {
	padding: 8px 10px 8px 10px;
	background: #FFE6DF;
	border-top: 1px solid #FFD9CF;
	border-bottom: 1px solid #FFD9CF;
	font: normal 12px 'Tahoma';
	color: #646464;
}
	.info_box a {color: #646464;}
	.info_box a:hover {text-decoration: none;}

/* ************** ColorPicker **************** */
.colorpicker {
	width: 356px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	background: url(../images/colorpicker_img/colorpicker_background.png);
	font-family: Arial, Helvetica, sans-serif;
	display: none;
}
.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 14px;
	top: 13px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}
.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url(../images/colorpicker_img/colorpicker_overlay.png);
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(../images/colorpicker_img/colorpicker_select.gif);
	margin: -5px 0 0 -5px;
}
.colorpicker_hue {
	position: absolute;
	top: 13px;
	left: 171px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
}
.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(../images/colorpicker_img/colorpicker_indic.gif) left top;
	margin: -4px 0 0 0;
	left: 0px;
}
.colorpicker_new_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 213px;
	top: 13px;
	background: #f00;
}
.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: #f00;
}
.colorpicker input {
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	top: 4px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 11px;
}
.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url(../images/colorpicker_img/colorpicker_hex.png) top;
	left: 212px;
	top: 142px;
}
.colorpicker_hex input {
	right: 6px;
}
.colorpicker_field {
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute;
}
.colorpicker_field span {
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
}
.colorpicker_rgb_r {
	background-image: url(../images/colorpicker_img/colorpicker_rgb_r.png);
	top: 52px;
	left: 212px;
}
.colorpicker_rgb_g {
	background-image: url(../images/colorpicker_img/colorpicker_rgb_g.png);
	top: 82px;
	left: 212px;
}
.colorpicker_rgb_b {
	background-image: url(../images/colorpicker_img/colorpicker_rgb_b.png);
	top: 112px;
	left: 212px;
}
.colorpicker_hsb_h {
	background-image: url(../images/colorpicker_img/colorpicker_hsb_h.png);
	top: 52px;
	left: 282px;
}
.colorpicker_hsb_s {
	background-image: url(../images/colorpicker_img/colorpicker_hsb_s.png);
	top: 82px;
	left: 282px;
}
.colorpicker_hsb_b {
	background-image: url(../images/colorpicker_img/colorpicker_hsb_b.png);
	top: 112px;
	left: 282px;
}
.colorpicker_submit {
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(../images/colorpicker_img/colorpicker_submit.png) top;
	left: 322px;
	top: 142px;
	overflow: hidden;
}
.colorpicker_focus {
	background-position: center;
}
.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_slider {
	background-position: bottom;
}

ul#ts-mc > li {
	float: left;
	width: 20px;
	height: 20px;
	margin:2px;
	border: 1px solid #555;
	cursor: pointer;
	text-indent: -1000em;
}


ul#navigation {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 0px;
    right: 10px;
    list-style: none;
    z-index:999999;
    width:568px;
	background: #fff;
    border-radius: 5px;
}
ul#navigation li {
    width: 103px;
    display:inline;
    float:left;    
}
ul#navigation li a {
    display: block;
    float:left;
    margin-top: -2px;
    width: 100px;
    height: 25px;
    background-color:#E7F2F9;
    background-repeat:no-repeat;
    background-position:50% 10px;
    border:1px solid #BDDCEF;
    -moz-border-radius:0px 0px 10px 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    text-decoration:none;
    text-align:center;
    padding-top:80px;
    opacity: 0.7;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);  
}
ul#navigation li a:hover{
     background-color:#CAE3F2;
}
ul#navigation li a span{
    letter-spacing:2px;
    font-size:10.4px;
    color:#60ACD8;
    text-shadow: 0 -1px 1px #fff;      
}
ul#navigation .dayz a{
    background-image: url(../images/menu/dayz.png);
}
ul#navigation .css a      {
    background-image: url(../images/menu/css.png);
}
ul#navigation .tf2 a      {
    background-image: url(../images/menu/tf2.png);
}
ul#navigation .warface a      {
    background-image: url(../images/menu/warface.png);
}
ul#navigation .kino a   {
    background-image: url(../images/menu/kino.png);
}
ul#navigation .portal a     {
    background-image: url(../images/menu/portal.png);
}
ul#navigation . a    {
    background-image: url(../images/menu/...png);
}


/*  dcls типа  */
.btTbl {
    BORDER-RIGHT: #98aab1 0px solid; 
    BORDER-TOP: #98aab1 0px solid; 
    BORDER-LEFT: #98aab1 0px solid; 
    BORDER-BOTTOM: #98aab1 0px solid; 
    BACKGROUND-COLOR: #6699cc
}
.row1 {
    BACKGROUND-COLOR: #f4f8fb
}
.row3 {
    BACKGROUND-COLOR: #AACCFF;
    font-weight: bold;
}
.gen {
    FONT-SIZE: 10pt
}
.genmed {
    FONT-SIZE: 9pt
}
.gensmall {
    FONT-SIZE: 8pt
}
.spoiler-wrap {
    CLEAR: both; 
    BORDER-RIGHT: #c3cbd1 1px solid; 
    BORDER-TOP: #c3cbd1 1px solid; 
    BACKGROUND: #AACCFF; 
    MARGIN: 6px auto; 
    BORDER-LEFT: #c3cbd1 2px solid; 
    WIDTH: 95%; 
    BORDER-BOTTOM: #c3cbd1 1px solid;
}

.spoiler-wrap-title a{
    color: #3030BB;
}
.spoiler-wrap-title a:visited{
    color: #3030BB;
}
.spoiler-wrap-title a:active{
    color: #3030BB;
}


.spoiler-head {
    PADDING-RIGHT: 14px; 
    PADDING-LEFT: 14px; 
    FONT-SIZE: 11px; 
    PADDING-BOTTOM: 3px; 
    MARGIN-LEFT: 6px; 
    LINE-HEIGHT: 15px; 
    PADDING-TOP: 1px;
}
.spoiler-body {
    PADDING-RIGHT: 6px; 
    BORDER-TOP: #c3cbd1 1px solid; 
    DISPLAY: none; 
    PADDING-LEFT: 6px; 
    BACKGROUND: #f5f5f5; 
    PADDING-BOTTOM: 2px; 
    PADDING-TOP: 1px;
}

.nik_images {max-width:150px; vertical-align: bottom; margin-top:-6px}

/* поиск rutor */
.restable {

        
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
}

.restable th {
        width: 100px;
	padding: 6px;
	text-align: left;
}

.restable thead tr {
        
	cursor: pointer;
	background: #AACCFF;
	border: 1px solid #98aab1;
	border-radius: 5px;
	color: #fff;
	text-shadow: 1px 1px 2px black;
}

.restable a {
	text-decoration:none;
}

.restable a:hover {
	text-decoration:underline;
}

.restable tr:nth-child(2n) {
	background-color:#f7f7f7;
}

.restable tr {
	background-color:#fefefe;
}

.restable tbody tr:hover {
	background-color:#e7e7e7;
}

.restable td {
	padding:6px;
	vertical-align:middle;
	border-bottom: 1px solid #cccccc;
	color: #333333;
	font-size:12px;
}

#pselect {
	display: inline;
	padding: 5px 12px;
	background: #ebebeb;
	border-bottom: 1px solid rgba(0, 0, 0, 0.251);
	cursor: pointer;
	border-radius: 5px;
	color: #808080;
	text-shadow: white 0px 1px 2px;
	margin: 3px;
	font-size: 15px;
}

#pselect.active, #pselect:hover {
	background: #97d234 !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.251);
	text-shadow: 1px 1px 2px black;
	color: #fff !important;
}

.restable th {
        
	white-space: inherit;
}

.restable th > span { 
    background: url("../images/torrent/nosorted.gif") 0px 50% no-repeat; 
	padding-left: 8px;
}
.restable .up > span { 
    background: url("../images/torrent/down.gif") 0px 50% no-repeat; 
	padding-left: 8px;
}
.restable .down > span { 
    background: url("../images/torrent/up.gif") 0px 50% no-repeat; 
	padding-left: 8px;
} 

.restable b {
	background: #e4ffb5;
}

.restable a:hover {
	color: #5f8f0b;
 }