* {margin: 0; padding: 0;}
html {height: 100%}
body {
	font: 11px Tahoma, Verdana, sans-serif;
	width: 100%;
	height: 100%;
	background: #000 url(images/bg.gif) center top;
	color: #fff;
	text-align: center;
}


a:link, a:visited, a:active, a:hover {color: #fff; text-decoration: underline;}
a:hover { text-decoration: none;}

img {border: none;}
input, select {vertical-align: middle;}
ul li{list-style: none;}
.clear{clear: both;}

#wrapper {
	width: 1225px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align: left;
}


/* Header
-----------------------------------------------------------------------------*/
#header { width: 100%; height: 160px; background: #000 url(images/top_bg.jpg) repeat-x center top; margin: 0 0 -325px; position: relative; z-index: 1;}
#header .hpadd{ width: 1225px; height: 325px; margin: 0 auto; }
#header .hpadd2{ width: 1225px; height: 125px; margin: 0 auto; }
#header .hlogo{ width: 1010px; height: 325px; overflow: hidden; float: left; text-align: left; }
#header .hlogo h1{ font-size: 16px; padding: 0 19px; }
#header .hta{ width: 200px; height: 325px; overflow: hidden; float: right; text-align: right; }
#header .hta2{ width: 200px; height: 200px; overflow: hidden; float: right; text-align: right; }
#header .hta p{ margin: 9px 0 0; }
#header .hta img{ margin: 9px 0 0; border: 2px solid #F7D90C; }
/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	padding: 159px 0 115px;
	height: 1%;
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
}
#content {padding: 0 191px 0 0;}

#content .title{ height: 34px; line-height: 34px; margin: 0 0 0 1px; clear: both; }
#content .title h2{ font-size: 15px; color: #fff; padding: 0 0 0 45px; }

.thumbs{ width: 100%; text-align: center; margin: 0 0 10px; }
.thumbs .ti{ width: 196px; height: 170px; border: 1px solid #535353; float: left; text-align: left; background: #121212; margin: 1px; padding: 1px; }
.thumbs .tibord{ background: #292929; width: 100%; height: 170px; overflow: hidden; }
.thumbs .pic{ text-align: center; font-weight: 700; }
.thumbs .pic img{ display: block; margin: 1px auto; border: 1px solid #FDAC0E; width: 190px; height: 140px; }
.thumbs .pic a:hover img{ border: 1px solid #fff; }
.thumbs .pic span{ display: block; line-height: 22px; }
.thumbs .pic a:link span, .thumbs .pic a:visited span, .thumbs .pic a:active span, .thumbs .pic a:hover span{color: #fabe1c; text-decoration: none; background: url(images/tb_title_bg.jpg) no-repeat 5px 4px; padding: 0 0 0 15px;}
.thumbs .pic a:hover span{ text-decoration: underline;}
.thumbs .descr{ padding: 2px 5px; }
.thumbs .descr span{ color: #7b7b7b;  }
.thumbs .descr_left{ width: 99%; float: left; line-height: 18px; }
.thumbs .descr_left img{ display: block; }
.thumbs .descr_right{ width: 1%; float: right; text-align: right; line-height: 16px; *line-height: 17px; }

.cbanners{ border: 1px solid #535353; padding: 1px; background: #121212; margin: 2px 0 10px 1px; width: 1002px; }
.cbannerspadd{ background: #292929; width: 100%; }
.cbthumbs{ padding: 5px; text-align: center; }
.cbthumbs img{ border: 2px solid #F7D90C; }

.pagination{ width: 100%; padding: 5px 0; text-align: center; clear: both; }
.pagination li{ width: 18px; line-height: 16px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; *margin: 0 2px 0 0; }
.pagination li.spec1{ width: 38px; font-size: 12px; }
.pagination li.spec2{ width: 60px; font-size: 12px; }
.pagination li a:link, .pagination li a:visited, .pagination li a:active, .pagination li a:hover {color: #fff; text-decoration: none; background: #313131; border: 1px solid #A9AAAA; display: block; }
.pagination li a:hover { text-decoration: none; background: #D46B00; border: 1px solid #FFE411; }
.pagination li a.cur:link, .pagination li a.cur:visited, .pagination li a.cur:active, .pagination li a.cur:hover {color: #fff; text-decoration: none; background: #D46B00; border: 1px solid #FFE411; }
.pagination li a.cur:hover { text-decoration: none; background: #D46B00; border: 1px solid #FFE411; }
.pagination li.spec1 a:link, .pagination li.spec1 a:visited, .pagination li.spec1 a:active, .pagination li.spec1 a:hover {color: #b5b4b4; text-decoration: none; background: transparent; border: 0; display: block; }
.pagination li.spec1 a:hover { text-decoration: underline; background: transparent; border: 0; }
.pagination li.spec2 a:link, .pagination li.spec2 a:visited, .pagination li.spec2 a:active, .pagination li.spec2 a:hover {color: #b5b4b4; text-decoration: none; background: transparent; border: 0; display: block; }
.pagination li.spec2 a:hover { text-decoration: underline; background: transparent; border: 0; }


.player{ width: 625px; height: 450px; margin: 0 auto; padding: 5px 0; }
.description{ width: 625px;  margin: 0 auto; font-size: 13px; }
.description .dscr{ font-size: 18px; font-weight: 700; color: #fbd713; line-height: 40px; }
.description .lside{ width: 350px; float: left; }
.description .rside{ width: 250px; float: right; }
.description span{ font-weight: 700; color: #7d7d7d; }
.description a:link, .description a:visited, .description a:active, .description a:hover {color: #f32d13; text-decoration: underline;}
.description a:hover { text-decoration: none;}
.description .lside .dtags a:link, .description .lside .dtags a:visited, .description .lside .dtags a:active, .description .lside .dtags a:hover {color: #fff; text-decoration: none;}
.description .lside ul li{ padding: 1px 0; }
.description .lside .dtags a:hover { text-decoration: underline;}
.description .rside .text{ width: 235px; padding: 2px 4px; background: url(images/field3.png) no-repeat; border: 0; font-size: 13px; font-family: Tahoma; }
.description .rside textarea{ width: 235px; height: 100px; padding: 2px 4px; background: url(images/ta1.png) no-repeat; border: 0; font-size: 13px; font-family: Tahoma; }

.comments { padding: 0 35px; font-size: 13px; }
.comments li{ padding: 2px 0; }
.comments .ctitle h2{ font-size: 13px; color: #7d7d7d; }
.comments .text{ width: 167px; padding: 2px 4px; background: url(images/field4.png) no-repeat; border: 0; font-size: 13px; font-family: Tahoma; }
.comments textarea{ width: 235px; height: 100px; padding: 2px 4px; background: url(images/ta1.png) no-repeat; border: 0; font-size: 13px; font-family: Tahoma; }
.comments .bttn{ width: 187px; height: 25px; background: url(images/bttn_post.png) no-repeat; border: 0; cursor: pointer; color: #fff; font-size: 13px; font-family: Tahoma; }
/* Sidebar Right
-----------------------------------------------------------------------------*/
#sideRight {
	float: left;
	margin-right: -3px;
	width: 191px;
	margin-left: -191px;
	position: relative;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.sidebar .spadd{ padding: 0 1px 0 0; }
.sidebar .title{ width: 100%; height: 34px; background: url(images/cat_bg.png) no-repeat; line-height: 34px; }
.sidebar .title h2{ font-size: 15px; color: #fff; padding: 0 0 0 45px; font-family: Tahoma; }
.sidebar ul{ width: 100%; }
.sidebar ul li{ background: url(images/side_bullet.gif) no-repeat 4px 4px; padding: 0 0 0 15px; }

.sidebar a:link, .sidebar a:visited, .sidebar a:active, .sidebar a:hover {color: #fff; text-decoration: none;}
.sidebar a:hover { text-decoration: underline;}

.tags{ font-weight: 700; font-family: Tahoma; }
.tags .tag-9{ font-size: 9px; }
.tags .tag-10{ font-size: 10px; }
.tags .tag-11{ font-size: 11px; }
.tags .tag-12{ font-size: 12px; }
.tags .tag-13{ font-size: 13px; }
.tags .tag-14{ font-size: 14px; }
.tags .tag-15{ font-size: 15px; }
.tags .tag-16{ font-size: 16px; }
.tags .tag-17{ font-size: 17px; }
.tags .tag-18{ font-size: 18px; }
.tags .tag-19{ font-size: 19px; }
.tags .tag-20{ font-size: 20px; }

.ssearch{ width: 100%; }
.ssearch .text{ border: 0; background: url(images/field1.png) no-repeat center; padding: 2px; width: 151px; }
.ssearch .bttn{ border: 0; background: url(images/bttn_search.gif) no-repeat; width: 19px; height: 18px; cursor: pointer; }

.sbttns a:link, .sbttns a:visited, .sbttns a:active, .sbttns a:hover {color: #000; text-decoration: none; background: url(images/field2.png) no-repeat center; display: block; line-height: 18px; margin: 3px 0; padding: 0 10px;}
.sbttns a:hover { font-weight: 700;}

.tb_t{ width: 100%; background: #000 url(images/tb_hor.gif) repeat-x top; margin: 2px 0 5px; }
.tb_b{ width: 100%; background: url(images/tb_hor.gif) repeat-x bottom; }
.tb_l{ width: 100%; background: url(images/tb_ver.gif) repeat-y left; }
.tb_r{ padding: 7px; background: url(images/tb_ver.gif) repeat-y right; }

.sidebar .tb_r{ padding: 7px 5px; }

.sbanners{ text-align: center; }
.sbanners img{ border: 2px solid #F7D90C; }

.bbanners{ text-align: center; padding: 10px 0; width: 100%; }
.bbanners img{ border: 2px solid #F7D90C; }
/* Footer
-----------------------------------------------------------------------------*/
#footer {
	width: 100%;
	margin: -71px auto 0;
	height: 71px;
	background: #000 url(images/bg.gif) repeat-x center bottom;
}
#footer .fpadd{ width: 1300px; height: 71px; margin: 0 auto; }
#footer p{ padding: 30px 40px 0; }


/* 
-----------------------------------------------------------------------------*/
/* 
-----------------------------------------------------------------------------*/
/* 
-----------------------------------------------------------------------------*/



.comment {
	width: 650px;
	border-bottom: 1px solid #666;
}

legend {
	font-size:14px;
    color: #fff;
}

.enterbutton {
	border:solid 2px #999;
	background-color: #030;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	margin:10px;
	width:100px;	
}

.exitbutton {
	border:solid 2px #999;
	background-color: #4E0507;
	color:#fff;
	font-size:14px;	
	font-weight:bold;
	margin:10px;	
	width:100px;	
}

.online_now {
	color: #0F6;	
	font-weight: bold;	
}

.online_today {
	color: #09F;	
	font-weight: bold;	
}

.online_yest {
	color: #F90;	
	font-weight: bold;	
}

.online_days {
	color: #FF0;	
	font-weight: bold;	
}

.framebg {
	background: transparent;
}

.frameselbg {
	background: red;
}



.errormsg
{
   color: #FF3535;
   font-weight: bold;
}

.succmsg
{
   color: #006600;
   font-weight: bold;
}


.tag_sz1{
	font-size:12px;
}

.tag_sz2{
	font-size:14px;
}

.tag_sz3{
	font-size:16px;
}

.tag_sz4{
	font-size:18px;
}

.tag_sz5{
	font-size:20px;
}

.message {
	font-size:12px;
	padding:3px;
	margin-top:3px;
	border:1px solid #666;
	background-color: #333;
	color:#fff;
	width:500px;
	height:180px;
}



.ratingblock {
	display:block;
	padding-bottom:3px;
	margin-bottom:3px;
}

.loading {
	height: 30px;
	background: url('../../ratings/loading.gif') 50% 50% no-repeat;
}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 30px;
	position: relative;
	background: url('../../ratings/starrating.png') top left repeat-x;		
}

.unit-rating li {
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	float: left;
}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:30px;
	height: 30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
	
.unit-rating li a:hover {
	background: url('../../ratings/starrating.png') left center;
	z-index: 2;
	left: 0px;
}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:30px;}
.unit-rating a.r2-unit:hover{width: 60px;}
.unit-rating a.r3-unit{left: 60px;}
.unit-rating a.r3-unit:hover{width: 90px;}
.unit-rating a.r4-unit{left: 90px;}	
.unit-rating a.r4-unit:hover{width: 120px;}
.unit-rating a.r5-unit{left: 120px;}
.unit-rating a.r5-unit:hover{width: 150px;}
.unit-rating a.r6-unit{left: 150px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}

.unit-rating li.current-rating {
	background: url('../../ratings/starrating.png') left bottom;
	position: absolute;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#fff;}
.thanks {color:#006600;}
.static {color:#5D3126;}

/*
###########################
###########################
*/


.pre_ratingblock {
	display:block;
	padding-bottom:2px;
	margin-bottom:2px;
}

.pre_loading {
	height: 16px;
	background: url('../../ratings/loading.gif') 50% 50% no-repeat;
}
	
.pre_unit-rating { 
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 16px;
	position: relative;
	background: url('../../ratings/prestarrating.png') top left repeat-x;		
}

.pre_unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	float: left;
}
	
.pre_unit-rating li a {
	outline: none;
	display:block;
	width:16px;
	height: 16px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
	
.pre_unit-rating li a:hover{
	background: url('../../ratings/prestarrating.png') left center;
	z-index: 2;
	left: 0px;
}

.pre_unit-rating a.r1-unit{left: 0px;}
.pre_unit-rating a.r1-unit:hover{width:16px;}
.pre_unit-rating a.r2-unit{left:16px;}
.pre_unit-rating a.r2-unit:hover{width: 32px;}
.pre_unit-rating a.r3-unit{left: 32px;}
.pre_unit-rating a.r3-unit:hover{width: 48px;}
.pre_unit-rating a.r4-unit{left: 48px;}	
.pre_unit-rating a.r4-unit:hover{width: 64px;}
.pre_unit-rating a.r5-unit{left: 64px;}
.pre_unit-rating a.r5-unit:hover{width: 80px;}
.pre_unit-rating a.r6-unit{left: 80px;}
.pre_unit-rating a.r6-unit:hover{width: 96px;}
.pre_unit-rating a.r7-unit{left: 96px;}
.pre_unit-rating a.r7-unit:hover{width: 210px;}
.pre_unit-rating a.r8-unit{left: 210px;}
.pre_unit-rating a.r8-unit:hover{width: 240px;}
.pre_unit-rating a.r9-unit{left: 240px;}
.pre_unit-rating a.r9-unit:hover{width: 270px;}
.pre_unit-rating a.r10-unit{left: 270px;}
.pre_unit-rating a.r10-unit:hover{width: 300px;}

.pre_unit-rating li.pre_current-rating {
	background: url('../../ratings/prestarrating.png') left bottom;
	position: absolute;
	height: 16px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}
	
input.button {

	margin-top:3px;
	width: 187px; height: 25px; background: url(images/bttn_post.png) no-repeat; border: 0; cursor: pointer; color: #fff; font-size: 13px; font-family: Tahoma;
}


input.button40 {
	font-size:10px;
	padding:2px;
	border:1px solid #CCC;
	background-color: #666;
	color:#FFF;
	width:40px;
	cursor: pointer;
}

input.button60 {
	font-size:10px;
	padding:2px;
	border:1px solid #F90;
	background-color: #333;
	color:#FFF;
	width:60px;
	margin-top:3px;
	cursor: pointer;	
}


input.input40 {
	font-size:12px;
	padding:3px;
	border:1px solid #666;
	background-color: #F1F1F1;
	color:#000;
	width:40px;
}

input.input80 {
	font-size:12px;
	padding:3px;
	border:1px solid #666;
	background-color: #F1F1F1;
	color:#000;
	width:80px;
}

input.input120 {
	vertical-align:text-top;
	margin-top:2px;
	font-size:12px;
	padding:3px;
	width:120px;
}

input.input300 {
	font-size:12px;
	padding:3px;
	width:300px;
}

fieldset{ padding: 5px; }
