* {margin: 0; padding: 0;}
html {height: 100%}
body {
	font: 12px Arial, Tahoma, Verdana, sans-serif;
	width: 100%;
	height: 100%;
	background: #010101 url(images/bg.jpg) center; 
	color: #000;
	text-align: center;
}

a:link, a:visited, a:active, a:hover {color: #3b3a3a; text-decoration: underline;}
a:hover {text-decoration: none;}

img {border: none;}
input {vertical-align: middle;}
ul li{list-style: none;}
#wrapper{width: 100%;min-width: 1000px; text-align: left;}
.clear{clear: both;}

#wrapper {
	width: 1000px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align: left;
	background: #fff url(images/cont_bg.gif) repeat-y;
}
#wrappervid {
	width: 1000px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align: left;
	background: #fff;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 110px;
	background: url(images/header_bg.jpg) no-repeat top;
	overflow: hidden;
}
.hlogo{ float: left; }

.auth_menu{ float: right; padding: 13px 0 0; }
.auth_menu li{ float: left; padding: 0 0 0 3px; }


.top_menu{ width: 100%; height: 45px; overflow: hidden; background: #000102; }
.top_menu ul{ width: 585px; float: left; padding: 6px 0 0 10px; font-size: 14px; }
.top_menu ul li{ width: 132px; height: 32px; float: left; text-align: center; margin: 0 6px; }
.top_menu ul a:link, .top_menu ul a:visited, .top_menu ul a:active, .top_menu ul a:hover {color: #f3f3f3; text-decoration: none; font-weight: 700; background: url(images/mi_bg.png) no-repeat center top; display: block; line-height: 32px;}
.top_menu ul a:hover { color: #000; background: url(images/mi_bg.png) no-repeat center bottom; }

.book{ width: 165px; line-height: 45px; background: url(images/ico_book.png) no-repeat left center; float: left; padding: 0 0 0 40px; font-size: 14px; font-weight: 700; }
.book a:link, .book a:visited, .book a:active, .book a:hover {color: #f7c70b; text-decoration: underline;}
.book a:hover {text-decoration: none;}

.search{ width: 170px; float: right; padding: 10px 10px 0 0; text-align: right; }
.search input{ width: 140px; padding: 4px 4px 4px 19px; border: 0; background: #fff url(images/ico_search.gif) no-repeat 3px center; }

/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	padding: 0 0 40px;
	height: 1%;
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
}
#content {
	padding: 15px 175px 0 5px;
	background: url(images/cont_top.gif) no-repeat left top;
}

#content .title{ width: 100%; background: url(images/title_bg.png) no-repeat; line-height: 29px; }
#content .title h1{ font-size: 18px; font-weight: 400; padding: 0 0 0 30px; float: left; }
#content .title h4{ font-size: 12px; font-weight: 400; padding: 0 5px 0 0; float: right; }
#content .title2{ width: 100%; line-height: 29px; }
#content .title2 h2{ font-size: 18px; font-weight: 400; padding: 0 0 0 5px; float: left; color: #d23200; text-decoration: underline; }
#content .title2 h3{ font-size: 14px; float: right; }
#content .title2 h3 a{ margin: 0 5px; }

#content .thumbs{ width: 100%; text-align: center; }
#content .thumbs li{ width: 202px; float: left; padding: 0 2px 1px 1px ; overflow: hidden; }
#content .thumbs img{ background: #fff; }
#content .thumbs a img{ border: 1px dotted #000; }
#content .thumbs a:hover img{ border: 1px solid #000; }
#content .thumbs span{ display: block; }
#content .thumbs p{ color: #b5b5b5; }
#content .thumbs a:link span, #content .thumbs a:visited span, #content .thumbs a:active span, #content .thumbs a:hover span {color: #000; text-decoration: none;}
#content .thumbs a:hover span{text-decoration: underline;}
/* Sidebar Right
-----------------------------------------------------------------------------*/
.sr {
	float: left;
	margin-right: -3px;
	width: 174px;
	margin-left: -174px;
	position: relative;
	color: #fff;
}
.sidebar .title{ width: 100%; height: 35px; background: #9C2C06 url(images/cat_bg.png) no-repeat; overflow: hidden; line-height: 33px; }
.sidebar .title h1{ font-size: 12px; color: #fff; padding: 0 0 0 15px; }
.sidebar ul{ width: 100%; padding: 5px 0; }
.sidebar ul li{ background: url(images/bullet.gif) no-repeat left 5px; padding: 0 0 0 10px; }
.sidebar a:link, .sidebar a:visited, .sidebar a:active, .sidebar a:hover {color: #f8d009; text-decoration: none;}
.sidebar a:hover { color: #fff; text-decoration: underline;}
.sidebar ul a{ padding: 2px; }
.sidebar ul a:hover{ background: #7E7E7E; }
.sidebar p{ padding: .4em 10px .4em 13px; }
.sidebar .sdate{ color: #70706f; text-align: right; }
.sidebar img{ border: 1px solid #646363; }

.wide_block{ width: 100%; }
.wide_block .title{ width: 100%; line-height: 29px; margin: 0 0 10px; }
.wide_block .title h2{ font-size: 18px; font-weight: 400; padding: 0 0 0 10px; color: #d23200; }
.nav{ width: 100%; background: #DADADA url(images/cont_vtop.png) no-repeat top; line-height: 40px; }
.nav a{ margin: 0 10px; }

.play_col{ width: 520px; float: left; padding: 0 0 0 10px; }
.thumb_col{ width: 445px; float: right; padding: 0 10px 0 0; }

.links{ font-size: 14px; line-height: 30px; }
.links .heart{ background: url(images/ico_heart.jpg) no-repeat left; padding: 10px 0 10px 35px; }
.links .stop{ background: url(images/ico_stop.jpg) no-repeat left; padding: 10px 0 10px 35px; }
.links .down{ background: url(images/ico_down.jpg) no-repeat left; padding: 10px 0 10px 35px; }
.links a{ margin: 0 5px; }

.stats{ line-height: 30px; }
.stats span{ font-style: italic; }
.stats img{ vertical-align: middle; }

.pagi li{ float: left; width: 25px; text-align: center; margin: 2px; font-weight: 700; }
.pagi a:link, .pagi a:visited, .pagi a:active, .pagi a:hover {color: #000; text-decoration: none; line-height: 22px; background: #B7B7B7 url(images/pagi_bg.gif) repeat-x top; display: block; border: 1px solid #DBDBDB;}
.pagi a:hover, .pagi .cur a:link, .pagi .cur a:visited, .pagi .cur a:active, .pagi .cur a:hover { color: #fff;  background: #882201 url(images/pagi_cur.gif) repeat-x top; border: 1px solid #FB0000; }

.comments .author{ line-height: 24px; background: #FFF6B5; }
.comments .author h3{ float: left; padding: 0 10px; font-size: 12px; color: #000 }
.comments .author h4{ float: right; padding: 0 10px; font-size: 12px; font-weight: 400; color: #a79300; }
.comments img{ float: left; margin: 0 10px 10px 0; }
.comments p{ padding: .4em 0; }

.tbpadd{ background: #ECEBEA; padding: 5px; }
.thumb_col .thumbs{ width: 100%; text-align: center; }
.thumb_col .thumbs li{ width: 142px; float: left; padding: 0 2px 1px 1px ; overflow: hidden; }
.thumb_col .thumbs img{ background: #fff; }
.thumb_col .thumbs a img{ border: 1px solid #A69999; }
.thumb_col .thumbs a:hover img{ border: 1px solid #000; }
.thumb_col .thumbs span{ display: block; }
.thumb_col .thumbs p{ color: #b5b5b5; }
.thumb_col .thumbs a:link span, .thumb_col.thumbs a:visited span, .thumb_col .thumbs a:active span, .thumb_col .thumbs a:hover span {color: #000; text-decoration: none;}
.thumb_col .thumbs a:hover span{text-decoration: underline;}
/* Footer
-----------------------------------------------------------------------------*/
#footer {
	width: 1000px;
	margin: -40px auto 0;
	height: 40px;
	background: url(images/footer_bg.jpg) no-repeat;
}
#footer p{ line-height: 40px; }
#footer .fleft{ float: left; padding: 0 0 0 20px; }
#footer .fright{ float: right; padding: 0 10px 0 0; }
#footer a:link, #footer a:visited, #footer a:active, #footer a:hover {color: #00; text-decoration: underline; margin: 0 10px;}
#footer a:hover {text-decoration: none;}