html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, 
strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}

body { background-color: #0c0c0c; font-family: Arial, Verdana; font-size: 12px; color:#4e4e4e;}
/*--------------------------------
 * Link
 *-------------------------------*/

a:link {text-decoration: none; color:#fff200;}
a:visited {text-decoration: none; color:#fff200;}
a:active {text-decoration: none; color:#fff200;}
a:hover {text-decoration: none; color:#fffbba;}


/*--------------------------------
 * Container
 * ------------------------------*/

#container {min-height:100%;position:relative;}

p.textleft {float:left;}
p.textright {float:right;}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/*--------------------------------
 * Header
 * ------------------------------*/

#header{height:98px;background-image:url('/style/www.joesmut.com/images/header.png');background-repeat:repeat-x;}
	#header .content{ background-image:url('/style/www.joesmut.com/images/top-logo.png'); background-repeat:no-repeat; width:940px; height:97px; margin:0 auto; position: relative; z-index:1; }
	#header ul.navMenu{ position:absolute; z-index:4; bottom:1px; background-image:url('/style/www.joesmut.com/images/menu-border.png'); background-repeat:repeat-x; border-style: solid; border-color:#313131; border-width:1px; width:938px; margin-bottom:-1px; }
		#header ul.navMenu li{ height:30px; float:left; display:inline; white-space:nowrap; position:relative; font-weight:bold; text-align:center; margin:0 2px; }
		#header ul.navMenu li.liright { height:30px; float:right; display:inline; white-space:nowrap; position:relative; font-weight:bold; text-align:center; margin:0 2px; }
			#header ul.navMenu li.last{ background:none; }
			#header ul.navMenu li a{ padding: 7px 10px; display:block; position:relative; }
			#header ul.navMenu li input {border: solid 1px #313131; background: #000; width:200px; font-weight:bold; color:#fff200; margin-top:4px;}
			#header ul.navMenu li input.button {border: solid 1px #313131; background: #000; width:80px; font-weight:bold; color:#fff200; margin-top:4px;}


/*-------------------------------
 * Content Area
 * -----------------------------*/

#body{ padding-bottom:150px;} /* Height of the footer with +6 padding */
	#body .contentArea {width:940px;margin:0 auto;position:relative;}

	#body .leftcontent {float:left;width:640px;}
	#body .leftcontent div.desc {padding:12px 0px 12px 0px;}
	#body .leftcontent div.desc fieldset {border:1px solid #313131; padding:6px;}
	#body .leftcontent div.desc legend {font-size:20px; font-weight:bold;}
	#body .leftcontent div.desc ol {list-style-type:none;}
	#body .leftcontent div.desc ol li {padding-top:3px; padding-bottom:3px;}
	#body .leftcontent div.desc ol li label {font-size:14px;}
	#body .leftcontent div.desc ol li img {width:100%; border:0px;}
        #body .leftcontent div.desc ol li p.left {float:left;}
        #body .leftcontent div.desc ol li p.right {float:right;}
	#body .leftcontent ul {cursor: default;list-style: none;}
	#body .leftcontent strong {font-size:16px;}
	#body .leftcontent a .preview {display: none;}
	#body .leftcontent a:hover .preview {display:block;position:absolute;top: -30px;left: -43px;z-index: 1;}
	#body .leftcontent img.channel {border:0px solid #fff200;width:113px;height:80px;}
	#body .leftcontent ul li.sortitem {border:0px solid white;margin:5px 3px 5px 3px;display:inline;float:left;position:relative;width:119px;height:180px;}
	#body .leftcontent .preview {border-color: #000;width: 240px;height: 180px;z-index:7;}

	#body .leftcontent div.sort {height:20px; padding:6px;}
	#body .leftcontent div.sort ol {list-style-type:disc;width:640px;}
	#body .leftcontent div.sort ol li {display:inline;float:left;position:relative;margin-left:16px;}

        #body .blogcontent {float:left;width:640px;}
        #body .blogcontent ul {list-style-type:none;width:640px;}
        #body .blogcontent fieldset {border:1px solid #313131;margin-top:24px;padding:6px;}
        #body .blogcontent fieldset legend {font-size:20px;font-weight:bold;}
        #body .blogcontent fieldset ol {list-style-type:none;}
        #body .blogcontent fieldset ol li {padding:0px;margin-bottom:6px;font-size:16px;} 
        #body .blogcontent fieldset ol li img {width:240px;height:180px;float:left;border:0px;margin:0px 10px 10px 0px;}

	#body .rightcontent {float:right;width:300px;}
	#body .rightcontent ul {list-style-type:none;}
	#body .rightcontent li {height: 88px; margin: 4px 0px 4px 0px;font-size:10px;}
	#body .rightcontent img.videolistimg {border:0px;width:113px;height:80px;float:left;padding-right:6px;}
	#body .rightcontent fieldset.videolist {border:1px solid #313131; border-top:0px; padding:6px 6px 3px 6px; height:470px;}

        #body #random {float:right;width:100%;border:0px solid red;height:342px;}
        #body #random .randomArea {width:940px;margin:0 auto;position:relative;}
	#body #random .randomArea fieldset {padding:0px;margin:0px;border:1px solid #313131;padding:3px 6px 3px 6px;}
        #body #random .randomArea fieldset legend {font-size:20px; font-weight:bold;color:#fff200;}
	#body #random .randomArea ul {cursor:default;list-style:none;}
	#body #random .randomArea ul li {border:0px solid white;margin:3px 3px 3px 3px;display:inline;float:left;position:relative;width:179px;height:134px;}
        #body #random .randomArea ul li img {width:179px;height:134px;border:0px;}

	#pagenumbers {width:640px;border:0px solid white;margin:16px 0px 16px 0px;}
	#pagenumbers ol {list-style-type:none;}
	#pagenumbers ol li {border:1px solid #434000;display:inline;float:left;position:relative;padding:3px 6px 3px 6px;margin:0px 3px 0px 3px;font-size:10px;}
	#pagenumbers ol li.prevnext {border:0px;}
	#pagenumbers ol li.currentpage {border:1px solid #FFF200;font-weight:bold;font-size:16px;margin-top:-3px;}
/*-------------------------------
 * ADS
 * -----------------------------*/
/*  VIEW PHP PAGE  */
#body #ad_content_right {padding:10px 0px 10px 0px; text-align:center;}
#body #ad_content_right fieldset.tgplist {border:1px solid #313131;margin:1px 0px 6px 12px;padding:0px 12px 6px 0px;}
#body #ad_content_right fieldset.tgplist legend {font-size:16px; font-weight:bold;color:#fff200;padding:6px;}
#body #ad_content_right fieldset.tgplist ul {list-style-type:none;}
#body #ad_content_right fieldset.tgplist ul li {border:0px solid white;display:inline;float:right;position:relative;width:75px;height:112px;margin:6px;color:#FFF200;}
#body #ad_content_right fieldset.tgplist ul li img {width:75px;height:100px;border:0px;}

/*  SORT PHP PAGE  */
#body #ad_sort_right {float:right;width:300px;text-align:center;padding:10px 0px 10px 0px;}
#body #ad_sort_right img {border:0px;}
#body #ad_sort_right fieldset {border:1px solid #313131;margin:10px 0px 10px 10px;padding:0px;}
#body #ad_sort_right fieldset legend {font-size:16px; font-weight:bold;color:#fff200;padding:6px;}
#body #ad_sort_right fieldset ul {cursor:default;list-style:none;}
#body #ad_sort_right fieldset ul li {border:0px solid white;margin:0px 0px 6px 0px;}

/*-------------------------------
 * Footer
 * -----------------------------*/
#footer{clear:both;position:absolute;bottom:0;width:100%;height:150px;}
	#footer .footercontent { width:940px;margin:0 auto;position:relative;text-align:center; }

/*-------------------------------
 * Star
 * -----------------------------*/

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating {
	background: url('/style/www.joesmut.com/images/star.png') left -1000px repeat-x;
}
.star-rating {
	position:relative;
	width:100px;
	height:20px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li {
	display: inline;
}
.star-rating a, 
.star-rating .current-rating {
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:20px;
	line-height:20px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus {
	background-position: left bottom;
}
.star-rating a.one-star {
	width:20%;
	z-index:6;
}
.star-rating a.two-stars {
	width:40%;
	z-index:5;
}
.star-rating a.three-stars {
	width:60%;
	z-index:4;
}
.star-rating a.four-stars {
	width:80%;
	z-index:3;
}
.star-rating a.five-stars {
	width:100%;
	z-index:2;
}
.star-rating .current-rating {
	z-index:1;
	background-position: left center;
}	

/* for an inline rater */
.inline-rating {
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

/* smaller star */
.small-star {
	width:100px;
	height:20px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating {
	background-image: url('/style/www.joesmut.com/images/star.png');
	line-height: 20px;
	height: 20px;
}