/* by fucking-source.com */
/* ===================== reset ===================== */
*{margin:0;padding:0;}

body, html {
	height: 100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fffdf1;
	text-shadow:1px 1px 1px #000;
	min-width: 984px;
	background: #000;
}
a{
	color:#fffdf1;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
fieldset{
	padding:5px;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:100;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#d88020;
}
h3 {
	font-size:16px;
	color:#d88020;
}
img {
	border:none;
}
fieldset {
	border:1px dotted;
}
input,textarea,select{
	outline:none;
}
ol,ul{
	list-style:none;
}
hr{
	border:none;
}
p{
	margin-bottom:12px;
}
table{
	margin:0;padding:0;
}
/* ======================= other ======================== */
.clr{clear:both;}
.bld{font-weight:700;}
.tlc{font-style:italic;}
/* ======================= images ======================== */
/* main page bgs*/
.main .bg1 {
	background: url(/images/main/bg_01.jpg) 50% 0 no-repeat;
}
.main .bg2 {
	background: url(/images/main/bg_02.jpg) 50% 150px no-repeat;
}
.main .bg3 {
	background: url(/images/main/bg_03.jpg) 50% 300px no-repeat;
}
.main .bg4 {
	background: url(/images/main/bg_04.jpg) 50% 450px no-repeat;
}
.main .bg5 {
	background: url(/images/main/bg_05.jpg) 50% 600px no-repeat;
}
.main .bg6 {
	background: url(/images/main/bg_06.jpg) 50% 750px no-repeat;
}
.main .bg7 {
	background: url(/images/main/bg_07.jpg) 50% 900px no-repeat;
}
.main .bg8 {
	background: url(/images/main/bg_08.jpg) 50% 1050px no-repeat;
}
.main .bg9 {
	background: url(/images/main/bg_09.jpg) 50% 1200px no-repeat;
}
.main .bg10 {
	background: url(/images/main/bg_10.jpg) 50% 1350px no-repeat;
}
/* inner page bgs*/
#inner .bg1 {
	background: url(/images/inner/bg_01.jpg) 50% 0 no-repeat;
}
#inner .bg2 {
	background: url(/images/inner/bg_02.jpg) 50% 150px no-repeat;
}
#inner .bg3 {
	background: url(/images/inner/bg_03.jpg) 50% 300px no-repeat;
}
#inner .bg4 {
	background: url(/images/inner/bg_04.jpg) 50% 450px no-repeat;
}
#inner .bg5 {
	background: url(/images/inner/bg_05.jpg) 50% 600px no-repeat;
}
#inner .bg6 {
	background: url(/images/inner/bg_06.jpg) 50% 750px no-repeat;
}
#inner .bg7 {
	background: url(/images/inner/bg_07.jpg) 50% 900px no-repeat;
}
#inner .bg8 {
	background: url(/images/inner/bg_08.jpg) 50% 1050px no-repeat;
}
#inner .bg9 {
	background: url(/images/inner/bg_09.jpg) 50% 1200px no-repeat;
}
#inner .bg10 {
	background: url(/images/inner/bg_10.jpg) 50% 1350px no-repeat;
}
/* =================== other classes ===================== */
img.rus {
	background: url(/images/language.png);
	width:12px;
	height: 11px;
}
img.eng {
	background: url(/images/language.png) 0 -11px;
	width:12px;
	height: 11px; 
}
/* ----------------------------------------- */
.mainTab {
	
}
	.mainTab tr {
		height:25px;
	}
	.mainTab thead th {
		background: url(/images/table.png) repeat-x;
		text-align: left;
		padding: 0 0 0 10px;
	}
	.mainTab tfoot td {
		background: url(/images/table.png) repeat-x;
		text-align: left;
		padding: 0 0 0 10px;
	}
	.mainTab tbody td {
		background: url(/images/table.png) repeat-x 0 -25px;
		padding: 0 0 0 10px;
	}
	.mainTab tbody tr:nth-child(2n+1) td {
		background: url(/images/table.png) repeat-x 0 -50px;
	}
	.ls_box {
		background: url(/images/livestream_box.jpg) no-repeat;
		width:391px;
		height: 274px;
		padding: 0 0 0 4px;
	}
/* ======================= styles ======================== */
#wrapper {
	width:984px;
	margin: 0 auto;
	height: auto;
}
/* header --------------------------------------------- */
#header {
	height: 590px;
}
	#header .head {
		height: 150px;
	}
	/* language ----------------------------- */
	#language {
		float: left;
		margin: 28px 0 0 35px;
		width:78px;
		font-size: 11px;
	}
		.vk {
			height: 26px;
			margin: 0 0 8px 0;
		}
			.vk .banner {
				position: relative;
				top:-10px;
				left: -36px;
				float: none;
			}
		#language ul li {
			margin: 4px 0 0;
		}
			#language ul li a {
				text-decoration: none;
				color: #FFF;
				padding: 2px 3px 2px 5px;
			}
				#language ul li a span {
					text-decoration: underline;
				}
					#language ul li a:hover span {
						text-decoration: none;
					}
				#language ul li a img {
					position: relative;
					top:2px;
				}
			#language ul li.active a {
				background: #f9d0a2;
				background: rgba(249,208,162,0.3);
				border-radius:5px;
				-webkit-border-radius:5px;
				-moz-border-radius:5px;
				color: #f9d0a2;
			}
				#language ul li.active a span {
					text-decoration: none;
					
				}
	/* navigation --------------------------- */
	#navigation {
		float: left;
	}
		#navigation ul li {
			float: left;
		}
		.about a, .about a span.n_title, .about a span.n_h {
			width:129px;
		}
		.radio a, .radio a span.n_title, .radio a span.n_h {
			width:96px;
		}
		.livestream a,.livestream a span.n_title, .livestream a span.n_h {
			width:88px;
		}
		.forum a,.forum a span.n_title, .forum a span.n_h {
			width:99px;
		}
		.cp a,.cp .n_title,.cp a span.n_h {
			width:113px;
		}
			#navigation ul li a {
				text-align: center;
				display: block;
				height: 120px;
				position: relative;
			}
				#navigation ul li a span.n_img {
					position: relative;
					top:28px;
					z-index: 2;
				}
				#navigation ul li a span.n_title {
					position: absolute;
					z-index: 4;
					top:80px;
					left: 0;
				}
			#navigation ul li a span.n_h {
				height: 65px;
				display: block;
				position: absolute;
				z-index: 3;
				top:28px;
				opacity: 0;
			}
			.about a span.n_h {
				background: url(/images/about_i_h.jpg) no-repeat center top;
			}
			.radio a span.n_h {
				background: url(/images/radio_i_h.jpg) no-repeat center top;
			}
			.livestream a span.n_h {
				background: url(/images/livestream_i_h.jpg) no-repeat center top;
			}
			.forum a span.n_h {
				background: url(/images/forum_i_h.jpg) no-repeat center top;
			}
			.cp a span.n_h {
				background: url(/images/cp_i_h.jpg) no-repeat center top;
			}
	/* status-servers ----------------------- */
	#status-servers {
		float: left;
		margin: 32px 0 0 70px;
		background: url(/images/ss_bg.png) no-repeat bottom center;
		padding: 0 0 48px 0;
	}
		#status-servers table thead th {
			font-size: 11px;
			color: #ffb0a8;
			font-weight: 100;
			padding: 0 0 6px 0;
		}
		#status-servers table tbody td {
			text-align: center;
			font-weight: 700;
			padding: 3px 0 5px 0;
		}
		#status-servers table tbody td.t_c,#status-servers table thead th.t_c {
			text-align: left;
		}
			#status-servers table tbody td h1 {
				font-size: 14px;
			}
			#status-servers table tbody td img:first-child {
				margin: 0 14px 0 0;
			}
		#status-servers table tbody tr.off td {
			color: #f9d0a2;
		}
		.ss_b {
			position: relative;
			height: 0;
		}
			.ss_bg {
				background: url(/images/ss_b.png) no-repeat;
				width:288px;
				height: 31px;
				position: absolute;
				top:-14px;
				left: -12px;
			}
	/* logo --------------------------------- */
	#logo {
		position: relative;
	}
		#logo h1 a {
			width:268px;
			height: 118px;
			display: block;
			text-indent: -9999px;
			overflow: hidden;
			margin: 80px 0 0 250px;
		}
/* middle -------------------------------------------- */
#middle {
	height: 770px;
}
	/* mainbar ------------------------------ */
	#mainbar {
		float: left;
	}
	.title {
		text-indent: -9999px;
	}
	#news {
		height: 350px;
	}
		/* content ------------------- */
		#content {
			margin: 14px 0 0 0;
			opacity: 0.9;
			color: #000 !important;
			background: #FFF;
			text-shadow: none;
			padding: 9px 13px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		#content a {
			color: #B43D35;
			text-decoration: none;
		}
		#content a:hover{
			text-decoration: underline;
		}
		#content .eTitle {
			font-size: 24px;
			color: #d88020;
			margin: 8px 0;
		}
		#content .eTitle a  {
			color: #d88020;
			text-decoration: underline;
			font-family: Arial, Helvetica, sans-serif;
		}
		#content .eTitle a:hover  {
			text-decoration: none;
		}
		/* forumnews ----------------- */
		#forum-news {
			float: left;
			margin: 40px 0 0 124px;
			background: url(/images/f_bg.jpg) no-repeat right top;
			width:248px;
		}
			#forum-news .title {
				background: url(/images/forum-news.png) no-repeat;
				width:113px;
				height: 20px;
				margin: 0 0 6px 0;
			}
			.en #forum-news .title {
				background: url(/images/forum-news_en.png) no-repeat;
				width:168px;
			}
			
			#forum-news ul li {
				height: 48px;
				clear: both;
				position: relative;
				background: url(/images/f_h_i.png) 92% 50% no-repeat;
			}
				.f-side {
					width:42px;
					float: left;
					opacity: 0.5;
				}
					.f-side img {
						position: relative;
						top:2px;
						left:-2px;
						z-index: 4;
						
					}
				.f-main {
					float: left;
					width:192px;
					margin: 8px 0 0;
					position: relative;
					z-index: 3;
					height: 29px;
					overflow: hidden;
				}
					.f-body {
						width:166px;
						overflow: hidden;
					}
					.f-header {
						color: #c3a2e2;
						font-size: 11px;
					}
					.f-main .arr {
						background: url(/images/f_h_i.png) no-repeat;
						width:9px;
						height: 13px;
						display: block;
						position: absolute;
						right: 8px;
						top:10px;
						z-index: 5;
						display: none;
					}
						.f-header a {
							color: #c3a2e2;
						}
				.f-bg {
					background: url(/images/f_h.png) no-repeat;
					width:238px;
					height: 48px;
					opacity: 0.22;
					position: absolute;
					top:0;
					left:-10px;
					z-index: 2;
				}
		/* hotsnews ------------------ */
		#hots-news {
			float: left;
			margin: 40px 0 0 12px;
		}
			#hots-news .title {
				background: url(/images/hots-news.png) no-repeat;
				width:85px;
				height: 18px;
				margin: 0 0 9px 0;
			}
			.en #hots-news .title {
				background: url(/images/hots-news_en.png) no-repeat;
				width:105px;
			}
			#hots-news .h-archive {
				font-size: 9px;
				margin: 8px 0 0 30px;
			}
			#hots-news ul li {
				position: relative;
				width:186px;
				clear: both;
				height: 48px;
			}
				.h-side {
					float: left;
					width:19px;
					margin: 12px 0 0 6px;
					position: relative;
					z-index: 4;
					opacity: 0.55;
				}
				.h-main {
					width:150px;
					float: left;
					font-size: 11px;
					height: 29px;
					overflow:  hidden;
					position: relative;
					z-index: 4;
					margin: 10px 0 0 6px;
				}
					.h-main a {
						color: #ffeebe;
					}
				.h-bg {
					background: url(/images/f_h.png) no-repeat right ;
					width:220px;
					height: 48px;
					opacity: 0.22;
					position: absolute;
					top:0;
					left:-10px;
					z-index: 2;
				}
				.h-open {
					cursor: pointer;
				}
			.h-content {
				position: absolute;
				background: #000;
				z-index: 6;
				padding: 10px;
				width:150px;
				height: 140px;
				font-size: 11px;
				overflow: hidden;
				text-shadow: none;
				top:0;
				left:30px;
				display: none;
			}
				.h-content a {
					color: #ffd45b;
				}
			.as_content {
				padding: 12px;
			}
				.as_content p {
					margin: 0 0 18px 0;
				}
				.as_content .as_first {
					width:288px;
					margin: 0;
				}
	/* sidebar ------------------------------ */
	#sidebar {
		float: right;
		width:300px;
	}
		/* quickstart ---------------- */
		#quickstart {
			position: relative;
			width:260px;
			height: 58px;
			margin: 50px 0 0 28px;
		}
		#inner #quickstart {
			margin: 394px 0 0 28px;
		}
			#quickstart a {
				display: block;
				background: url(/images/quickstart.jpg) 0 0;
				width:260px;
				height: 58px;
				text-indent: -9999px;
				z-index: 5;
				position: relative;
			}
			#quickstart a:hover {
				display: block;
				background: url(/images/quickstart.jpg) 0 58px;
				width:260px;
				height: 58px;
				text-indent: -9999px;
				z-index: 5;
				position: relative;
			}
			.en #quickstart a,.en #quickstart span {
				background: url(/images/quickstart_en.jpg);
			}
			#inner #quickstart a,#inner #quickstart span {
				background: url(/images/quickstart_vn.jpg);
			}
			#inner.en #quickstart a,#inner.vn #quickstart span {
				background: url(/images/quickstart_vn_en.jpg) !important;
			}
			#quickstart span {
				background: url(/images/quickstart.jpg) 0 -58px;
				top:0;
				position: absolute;
				z-index: 4;
			}
			.en #quickstart span {
				background: url(/images/quickstart_en.jpg) 0 -58px;
			}
			#inner #quickstart span {
				background: url(/images/quickstart_vn.jpg) 0 -58px;
			}
			#inner.en #quickstart span {
				background: url(/images/quickstart_vn_en.jpg) 0 -58px !important;
			}
		/* promovideo ---------------- */
		#promo-video {
			margin: 84px 0 0 30px;
		}
			#promo-video .title {
				background: url(/images/promo.png) no-repeat;
				width:103px;
				height: 17px;
				margin: 0 0 9px 0;
			}
			.en #promo-video .title {
				background: url(/images/promo_en.png) no-repeat;
			}
			.promo-video-box {
				background: url(/images/video_box.jpg) no-repeat;
				width:255px;
				height: 174px;
				position: relative;
			}
				.promo-video-box .pvb-play {
					width:255px;
					height: 174px;
					display: block;
					text-indent: -9999px;
					background: url(/images/v_h.jpg) no-repeat center;
					position: absolute;
					opacity:0;
					left:-1px;
				}
		/* banners ------------------- */
		#banners {
			margin: 164px 0 0 30px;
		}
		#inner #banners {
			margin: 100px 0 0 30px;
		}
			.banner {
				float: left;
				margin: 0 0 0 15px;
			}
			#banners .banner:first-child {
				margin: 0;
			}
		/* support ------------------- */
		#support {
			margin: 36px 0 0 32px;
			height: 136px;
			overflow: hidden;
		}
			#support .title {
				background: url(/images/support.png) no-repeat;
				width:85px;
				height: 18px;
			}
			.en #support .title {
				background: url(/images/support_en.png) no-repeat;
			}
			#support table th {
				text-align: left;
				font-size: 11px;
				color: #ffb0a8;
				font-weight: 100;
				padding: 6px 0;
			}
			#support table td {
				font-size: 14px;
				opacity: 0.5;
				-moz-transition:all 0.4s ease;
				-webkit-transition:all 0.4s ease;
				-o-transition:all 0.4s ease;
				-ms-transition:all 0.4s ease;
				cursor: default;
			}
			#support table td:hover {
				opacity: 1;
			}
				#support table td img {
					position: relative;
					top:2px;
				}
/* footer -------------------------------------------- */
#footer {
	height: 60px;
	padding: 60px 0 0;
}
	#copyright {
		float: left;
		opacity: 0.5;
		font-size: 11px;
		color: #ffeebe;
		margin: 0 0 0 138px;
	}
	#unsimple {
		float: right;
		font-size: 11px;
		color: #8f5e3e;
		width:230px;
		margin: 0 34px 0 0;
		opacity: 0.5;
	}
		#unsimple a {
			color: #c994ab;
		}
		.unsimple {
			background: url(/images/unsimple.png);
			width:118px;
			height: 18px;
		}
/* example ---------------------------------------- */
.example h3 {
	margin: 10px 0;
}
/* uCoz Systems -------------------------------------------- */
#puzadpn {
	text-shadow: none;
}

/* Forum Style -------------------------------------------- */
.forumContent a {text-shadow: 1px 1px 1px #FFF;}

.forumContent table {}

.gTable, .postTable {
 background: #ffffff;
}

.gTable td {
 background: #ffffff;
 border: 1px solid #e1e1e1;
 border-radius: 5px;
 -moz-border-radius: 5px;
}

.postTable td {
 border-collapse: collapse;
 border: 1px solid #e1e1e1;
 border-radius: 5px;
 -moz-border-radius: 5px;
}

td.postRest1, td.postRest2, td.postFirst {
 border: 0px;
}

.gTable td.gTableTop {
 padding: 0px 16px;
 border: 1px solid #4954A4;
 background: #A0A5E9;
 font: 16px/32px 'Tahoma';
 color: #FFF;
 border-radius: 5px;
 -moz-border-radius: 5px;
}

.gTableTop a {
 color: #8b6438;
}

.gTableTop a:hover {}

.gTable td.gTableSubTop {
 background: #e1e1e1;
 color: #848484;
 border: 0px;
 font-size: 10px;
}

.gTableSubTop a {
 color: #848484;
}

.gTableTop, .gTableSubTop, .forumNameTd, .forumThreadTd, .forumPosrTd, .forumLastPostTd, .threadNametd, .threadPostTd, .threadAuthTd, .threadViewTd, .threadLastPostTd, td.threadsDetails, td.forumOnlineBar {
 padding: 4px 10px;
}

#frM6 td, #frM14 td, #frM50 td, #frM56 td, #frM59 td, #frM3 td, #frM45 td {
 padding: 4px 10px;
}

.postBottom table td {
 border: 0px;
}

.postTable td {
 padding: 4px 10px;
}

.postSeparator {
 display: none;
}

.posttdMessage {
 text-align: justify;
}

.threadPostTd, .threadViewTd, .threadAuthTd, .forumThreadTd, .forumPostTd {
 text-align: center !important;
}

a.TopSortLink {}

a.TopSortLink:hover {}

a.postUser {
 font-weight: bold;
}

a.forum, a.threadLink {
 font-size: 12px;
 color: #c48b49;
}

.quoteMessage {}

.forumDescr, .threadDescr {
 font-size: 10px;
 color: #a1a1a1;
}

td.postTdTop {
 background: #e1e1e1;
}

td.postTdTop a {}

td.forumIcoTd, td.forumThreadTd, td.forumPostTd, td.gTableRight, td.threadIcoTd, td.threadPostTd, td.threadViewTd {
 padding: 2px;
}

td.pollQuestion, .pollResults td, td.pollResults, td.pollTotal, td.pollAnswer, td.pollButtons, .smiles td{
 border: 0px;
}

td.pagesInfo, td.switch, td.switchActive {}

td.switch, td.switchActive {}

td.switch a {}

.switchActive {
 font-weight: bold;
}