* {margin: 0; padding: 0;}

html {height: 100%}
body {
	font: 12px Arial, Tahoma, Verdana, sans-serif;
	width: 100%;
	height: 100%;
	text-align: center;
	background: #202020 url(images/bg.jpg) center;
}

a:link, a:visited, a:active, a:hover {color: #911111; text-decoration: underline;}
a:hover {text-decoration: none;}

img {border: none;}
select, input{vertical-align: middle;}
ul li{list-style: none;}
.clear{ clear: both;}

table{ margin: 0 auto; border: 0; border-collapse: collapse; }

#wrapper, #wrapper2 {
	width: 1000px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: #fff url(images/cont_bg.gif) repeat-y left;
	text-align: left;
}
#wrapper2{ background: #fff; }

/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 143px;
	background: url(images/top_bg.gif) repeat-x top;
}
#header .logo{ width: 380px;  height: 109px; overflow: hidden; float: left; }
#header .search{ width: 285px; height: 70px; overflow: hidden; float: right; }
#header .search form{ padding: 0 10px 0 0; margin: 30px 0 0; height: 37px; line-height: 34px; text-align: center; background: url(images/search_bg.png) no-repeat left }
*html .search form input{ margin: 4px 0 0; }
#header .search .bttn{ width: 61px; height: 24px; border: 0; background: url(images/bttn_search.png); cursor: pointer; }
#header .search .text{ width: 195px; padding: 3px 2px; border: 1px solid #000; }

.menu{ width: 98%; clear: both; line-height: 27px; padding: 3px 0 0; margin: 0 auto; font-size: 14px; font-weight: 700; }
.menu li{ width: 126px; height: 27px; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; position: relative; z-index: 99; text-align: center; *margin: 0 2px;}
.menu li a:link, .menu li a:visited, .menu li a:active, .menu li a:hover {color: #000; text-decoration: none; background: #EFF2F5 url(images/mi_bg.png) no-repeat left top; display: block;}
.menu li a:hover { background: #C8B500 url(images/mi_bg.png) no-repeat right top;}
/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	padding: 0 0 104px;
	height: 1%;
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
}
#content {
	padding: 6px 0 0 172px;
}
#wrapper2 #content{ padding: 6px 0; }
#wrapper2 #content h1{ font-size: 26px; color: #ae0b06; padding: .4em 10px 0; }
#wrapper2 #content h2{ font-size: 16px; color: #000; padding: 0 10px .4em; }

.title{ float: left; background: url(images/title_bg.gif) repeat-x bottom; height: 24px; line-height: 24px; margin: 0 0 0 20px; width: 220px; text-align: center; }
.title_left{ width: 100%; background: url(images/title_left.gif) no-repeat left bottom; height: 24px; }
.title_right{ width: 100%; background: url(images/title_right.gif) no-repeat right bottom; height: 24px; }
.title h3{ font-size: 14px; font-weight: 400; color: #fff; }

.frame{ border: 1px solid #8C8C8C; background: #eee; width: 822px; margin: 0 auto; }
#wrapper2 .frame{  width: 994px; margin: 0 auto; border: 1px solid #8C8C8C; background: #eee; }

.thumbs{ width: 100%; text-align: center; }
.thumbs ul li{display: -moz-inline-stack; display: inline-block; margin: 3px 0px; zoom: 1; vertical-align: top; *display: inline; position: relative; z-index: 99; text-align: center;}
.thumbs ul li { *margin: 3px 1px 3px 2px; }
.thumbs ul li .ti{ width: 202px; color: #1c1313; font-size: 11px; }
#wrapper2 .thumbs ul li .ti{ width: 195px; }
.thumbs ul li .ti span{display: block;}
.thumbs ul li .ti img{ background: #282828 url(images/thumb_bg.jpg) no-repeat center; display: block; }
.thumbs ul li .ti a img{ border: 1px solid #1C1313; }
.thumbs ul li .ti a:hover img{ border: 1px dashed #DE3131; }
.thumbs ul li .ti a:hover{border: 0;}
.thumbs ul li .ti .descr{text-align: left;}
.thumbs ul li .ti .lside{float: left; text-align: left; line-height: 16px;}
.thumbs ul li .ti .rside img{ display: inline; background: transparent; padding: 0 0 0 1px; }
.thumbs ul li .ti .rside{float: right; text-align: right;}

.thumbs ul li .ti a:link span, .thumbs ul li .ti a:visited span, .thumbs ul li .ti a:active span, .thumbs ul li .ti a:hover span{color: #D0D0D0; text-decoration: underline;}
.thumbs ul li .ti a:hover span{text-decoration: none;}

.thumbs ul li .ti a:link .descr, .thumbs ul li .ti a:visited .descr, .thumbs ul li .ti a:active .descr, .thumbs ul li .ti a:hover .descr{color: #911111; text-decoration: none; font-weight: 700;}
.thumbs ul li .ti a:hover .descr{text-decoration: underline;}

.pagination{ width: 100%; text-align: center; }
.pagination ul li{display: -moz-inline-stack; display: inline-block; margin: 3px 0px; *margin: 3px 2px 3px 2px; zoom: 1; vertical-align: top; *display: inline; position: relative; z-index: 99; text-align: center; width: 22px; line-height: 21px;}
.pagination ul li.fst{ width: 80px; }
.pagination ul li a:link, .pagination ul li a:visited, .pagination ul li a:active, .pagination ul li a:hover {color: #000; text-decoration: none; display: block; background: #D3C83A url(images/arch_bg.gif) repeat-x center; border: 1px solid #E03B3B;}
.pagination ul li a:hover { color: #E03B3B; border: 1px solid #000; background: #D3C83A url(images/arch_bg_hover.gif) repeat-x center; }

.player_area{ width: 535px; float: left; }
.player_area .player{ padding: 0 0 0 10px; }
.click{ text-align: center; font-size: 30px; padding: 0 15px 0 0; }
.player_area .descr{ width: 93%;  }
.player_area .descr span{ font-size: 20px; color: #ff0505; }

.vote_form select{ width: 82px; margin: 0 0 2px}
.vote_form input{ width: 80px; }
.vote_form .text{ margin: 1px 0; width: 250px; }



.banner_area{ width: 460px; float: right; }
.banner_area img{ border: 1px solid #986C6B; }

/* Sidebar Left
-----------------------------------------------------------------------------*/
.sl {
	float: left;
	width: 172px;
	margin-left: -100%;
	position: relative;
	color: #fff;
	font-size: 14px;
}
.sidebar .padd{ padding: 12px 8px; }
.sidebar h2{ font-family: Georgia; font-size: 20px; font-weight: 400; text-transform: uppercase; color: #fff228; }
.sidebar a:link, .sidebar a:visited, .sidebar a:active, .sidebar a:hover {color: #fff; text-decoration: none;}
.sidebar a:hover {text-decoration: underline;}
.sidebar ul{ width: 100%; padding: 5px 0; }
.sidebar ul li{ background: url(images/bullet.gif) no-repeat 5px 6px; padding: 1px 0 1px 18px; }
/* Footer
-----------------------------------------------------------------------------*/
#footer {
	width: 1000px;
	margin: -104px auto 0;
	height: 104px;
	background: url(images/footer_bg.gif) repeat-x bottom;
	text-align: left;
}
#footer .padd{ width: 100%; height: 104px; background: url(images/footer_img.png) no-repeat right bottom; }
#footer .fta{ padding: 10px 300px 0 20px; text-align: center; color: #7b7b7b; height: 58px; overflow: hidden; }
