/*
	Theme Name: HTV2
	Theme URL: http://www.heroestv.com
	Description: Custom HeroesTV.com Theme V2.
	Version: 1.0
	Author: HTV Admin
	Author URL: http://www.heroestv.com
	Tags: HTV, heroestv.com
*/

img, div { behavior: url('http://www.heroestv.com/iepngfix.htc') }

/* whole page */
body {
	margin: 0px auto;
	padding: 0px;

	color: black;
	background: #000000 url(http://www.heroestv.com/template2/bg.jpg) center top no-repeat;
	
	font-family: Arial, sans-serif;
	font-size: 12px;
	
	line-height: 1.5em;
}

#page {
	margin: 0px auto;
	padding: 0px;
	width: 970px;
}

a {
	color: #1070c0;
	background: inherit;

	text-decoration: none;
}

a:hover {
	color: #68BBDD;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

blockquote {
	margin: 0px;
	font-size: 0.9em;
}
/* end whole page */

/* header */

#hh3 {
        margin: 15px 0px 5px 0px;
	padding: 0px;
        border: 1px solid #666666;
        background: #000000;
	background-image: url('http://www.heroestv.com/images/bg_countdown.jpg');
	background-repeat: no-repeat;
        background-position: 180px 0px;
        width: 240px;
        height: 88px;
	float: right;
}

#h4 {
	margin: 6px 0px 15px 0px;
	padding: 0px;
        width: 728px;
        height: 90px;
	float: left;
}

/* end header */

/* content area */

#contentwrap {
        margin: 0px auto;
        padding: 10px;
        min-height: 100%;
	width: 950px;
	background: #FFF;
}

* html #contentwrap {height: 100%;} 

#content {
	margin: 0px;
	padding-right: 10px;
	width: 640px;
        height: 100%;
	background: #FFFFFF;
	float: left;
        text-align: justify;
}

#contentforum {
	margin: 0px;
	padding: 10px;
	width: 930px;
        height: 100%;
	background: #FFFFFF;
	float: left;
        text-align: justify;
}

#content h2 {
	margin: 0px;
	padding: 0em;
	
	font-size: 20px;
}

#content .post {
	margin: 0px 0px 0px 0px;
}

#content h3 {
	padding: 0px;
	margin: 0px 0px 5px 0px;
	font-size: 20px;
        font-weight: bold;
}

#content .postmetadata {
	margin-left: 2px;
	color: #777777;
	background: inherit;
	
	font-size: 0.9em;
}

#content .navigation {
	margin: 0em 0em 0em;
	padding: 0em;
	
	display: block;
}

#content .goback {
	margin: 0em 0.5em 0em 0em;
	padding: 0em;
	
	float: left;
	
	font-size: 1.25em;
}

#content .goforward {
	margin: 0em 0em 0em 0.5em;
	padding: 0em;
	
	float: right;
	
	font-size: 1.25em;
}

#content #comments {
	margin: 0px;
	padding: 0em;
	
	clear: both;
}

#content .commentlist {	
	margin: 0em;
	padding: 0em;

	font-size: 12px;
}

#content .commentlist li {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 5px;
	background: #EEEEEE;
        border: 1px solid #999999;
	list-style-type: none;
}

#content .commentlist img.avatar {
	float: right;
	margin-left: 1em;
}

#content .commentmetadata {
	margin: 0em 0em 0em;
	color: #777777;
	background: inherit;
}

#content #respond {
	margin: 0em 0em 0em;
	padding: 0em;
	
	clear: both;
}

/* end content area */

/* these rules are added for compatibility with WordPress Theme Directory */

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;

}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;

	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* end Theme Directory compatibility */


/* sidebar */
#sidewrap {
	margin: 0px;
	padding: 0px;
	width: 300px;
	float: right;
}

#adbox {
	padding: 0px;
	width: 300px;
        height: 250px;
}

#categories {
        width: 108px;
        border: 1px solid #999999;
        background-color: #E9E9E9;
	padding: 5px;
        float: left;
        list-style: none;
}

#categories ul, li {
        list-style: none;
}


#latestnews {
	margin-top: 10px;
	padding: 10px;


        background: #000000;

	width: 142px;
        float: right;

}

#latestforum {
	margin-top: 10px;
	padding: 10px;

        background: #000000;

	width: 142px;
        float: right;

}

#links {
	margin-top: 10px;
	padding: 10px;
        background: #000000;
	width: 110px;
        height: 400px;
        float: left;
}

#poll {
	border: 1px solid #66B5FF;
	margin-top: 10px;
	margin-left: 10px;
	padding: 10px;
        background: #e6f2ff;
	width: 164px;
        height: 228px;
        float: left;
}

#adsky {
	margin-top: 10px;
	padding: 0px;
	width: 160px;
        height: 600px;
	float: right;
}

/* end sidebar */

/* footer */

#recentpics {
	border: 1px solid #999999;
	margin-top: 10px;
	padding: 10px;
        background: #E9E9E9;
	width: 292px;
        float: left;
}

#randompics {
	border: 1px solid #999999;
	margin-top: 10px;
	margin-left: 10px;
	padding: 10px;
        background: #E9E9E9;
	width: 292px;
        float: left;
}

#footer {
        margin: 0px auto;
        margin-top: 10px;
	padding: 10px;
        border-top: 1px solid #666666;
	border-left: 1px solid #666666;
        border-right: 1px solid #666666;
	background: #000000 url(http://www.heroestv.com/images/footerbg.jpg) left top no-repeat;
	width: 948px;
	clear: both;
}

#footer p {
        margin: 0px auto;
	padding: 0px;
	
	font-size: 0.8em;
	
	text-align: center;
}
/* end footer */

.lcdstyle{ /*Example CSS to create LCD countdown look*/
color: #0082F1;
font: bold 25px Verdana;
}

.time {
	color: #FFFFFF;
	font-weight: normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.timediv {
	color:#FFFFFF;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.lcdstyle sup{ /*Example CSS to create LCD countdown look*/
font-size: 80%
}
.style20 {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.style21 {
	color: #FFCC00;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}


#nav1 {
	height:15px;
        margin-top: 34px;
}

.navfont {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.navfont:hover { color: #68BBDD; background: none; }

.post-date {
width: 50px;
height: 50px;
margin-right: 7px;
background: url('http://www.heroestv.com/images/date.png') no-repeat;
}

.month {
        margin-left: 1px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
}

.day {
        margin-top: 6px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
        font-weight: bold;
        text-transform: uppercase;
        font-style: italic;
}

.breadcrumb {
        width: 628px;
        padding: 5px;
        border: 1px solid #999999;
        background-color: #E9E9E9;
	margin-bottom: 0px;
}

#logo {
	float:left;
        height: 45px;
}

#menu {
	float:right;
	margin-right: 5px;
	margin-top: 9px;
}

#catNav	{ overflow: hidden; margin: 0; }
#catNav li { display: inline; }

#catNav li a#nav-home		{ 
	display: block; 
	width: 43px; 
	height: 20px; 
	text-indent: -9999px;
	background:url(http://www.heroestv.com/template2/nav.png);
	float: left;
	border: none; padding: 0;
	background-position: -5px 0px;
}
	
#catNav li a#nav-home:hover { background-position: -5px -20px; }

#catNav li a#nav-news		{ 
	display: block; 
	width: 39px; 
	height: 20px; 
	margin-left: 9px;
	text-indent: -9999px;
	background:url(http://www.heroestv.com/template2/nav.png);
	float: left;
	border: none; padding: 0;
	background-position: -57px 0px;
}

#catNav li a#nav-news:hover { background-position: -57px -20px; }

#catNav li a#nav-episodeguide		{ 
	display: block; 
	width: 100px; 
	height: 20px; 
	margin-left: 9px;
	text-indent: -9999px;
	background:url(http://www.heroestv.com/template2/nav.png);
	float: left;
	border: none; padding: 0;
	background-position: -105px 0px;
}

#catNav li a#nav-episodeguide:hover { background-position: -105px -20px; }

#catNav li a#nav-spoilers		{ 
	display: block; 
	width: 62px; 
	height: 20px; 
	margin-left: 9px;
	text-indent: -9999px;
	background:url(http://www.heroestv.com/template2/nav.png);
	float: left;


	border: none; padding: 0;
	background-position: -213px 0px;
}

#catNav li a#nav-spoilers:hover { background-position: -213px -20px; }

#catNav li a#nav-cast		{ 
	display: block; 
	width: 37px; 
	height: 20px; 
	margin-left: 9px;
	text-indent: -9999px;
	background:url(http://www.heroestv.com/template2/nav.png);
	float: left;
	border: none; padding: 0;
	background-position: -283px 0px;
}

#catNav li a#nav-cast:hover { background-position: -283px -20px; }

#catNav li a#nav-pictures		{ 
	display: block; 
	width: 64px; 
	height: 20px; 
	margin-left: 9px;
	text-indent: -9999px;
	background:url(http://www.heroestv.com/template2/nav.png);
	float: left;
	border: none; padding: 0;
	background-position: -328px 0px;
}

#catNav li a#nav-pictures:hover { background-position: -328px -20px; }

#catNav li a#nav-media		{ 
	display: block; 
	width: 47px; 
	height: 20px; 
	margin-left: 9px;
	text-indent: -9999px;
	background:url(http://www.heroestv.com/template2/nav.png);
	float: left;
	border: none; padding: 0;
	background-position: -396px 0px;
}

#catNav li a#nav-media:hover { background-position: -396px -20px; }

#catNav li a#nav-links		{ 
	display: block; 
	width: 40px; 
	height: 20px; 
	margin-left: 9px;
	text-indent: -9999px;
	background:url(http://www.heroestv.com/template2/nav.png);
	float: left;
	border: none; padding: 0;
	background-position: -450px 0px;
}

#catNav li a#nav-links:hover { background-position: -450px -20px; }

#catNav li a#nav-contests		{ 
	display: block; 
	width: 69px; 
	height: 20px; 
	margin-left: 9px;
	text-indent: -9999px;
	background:url(http://www.heroestv.com/template2/nav.png);
	float: left;
	border: none; padding: 0;
	background-position: -498px 0px;
}

#catNav li a#nav-contests:hover { background-position: -498px -20px; }

#catNav li a#nav-forum		{ 
	display: block; 
	width: 50px; 
	height: 20px; 
	color: #FFFFFF;
}

#catNav li a#nav-forum:hover { background-position: -575px -20px; }

#subscribe {
	width: 300px;
        height: 50px;
}

#search {
	width: 290px;
	height: 37px;
	margin-top: 10px;
	padding-top: 13px;
	padding-right: 10px;
	background-image:url('http://www.heroestv.com/template2/search.png');
}

#ad125 {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 2px;
	padding-right: 10px;
	background: #000000 url('http://www.heroestv.com/template2/ad125.png') left top no-repeat;
	width: 290px;
        height: 133px;
}

#hovermenu {
	float:right;
	margin-top: 9px;
}

.navlink {
	color: #FFFFFF;
	background: inherit;
	text-decoration: none;
        font-weight: bold;
        margin-right: 10px;
        font-size: 13px;
}

.navlink:hover {
	color: #3686D6;
        font-weight: bold;
}

#search-area	{ width: 640px; background: white; min-height: 500px; }