@charset "utf-8";
/* CSS Document */

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {
	background:#000 url('') repeat-x top left;
	height: 100%;
	font-family:'Arial', Arial, sans-serif;
	font-size:16px;
	color: #fff;
	*text-align:center;
}

a:link, a:visited, a:active {color:#f00;text-decoration:none;}
a:hover {color:#900;}

body > #wrap {height: auto; min-height: 100%;}

/*content layout*/
#invis { position:absolute; z-index:1; width:100%; text-align:center; *top:0;
	*left:0; }

#wrap { 
	position:relative;
	margin:0 auto;
	width:100%;
	min-height:100%;
	background:transparent url('') no-repeat top center; 
	text-align:center;
	z-index:1;
	
}


/* HEADER */	
#header { 
	position:relative;
	background:transparent url('') no-repeat top center;
	width:960px;
	height:200px;
	margin:0 auto;
	z-index:5;
	text-align:left;
	z-index:1;
}

#login { float:right; }

#menu { position:relative; width:960px; margin:0 auto; height:40px; padding-top:1px; background:transparent url('../images/menu/topmenu.png') no-repeat top center; font-size:9pt; color:#fff; z-index:100; }
#menu img { padding:0 2px; }

/* end header */

#main {
	position:relative;
	margin:0 auto;
	width:960px;
	background:transparent url('') no-repeat top center;
	padding-bottom:75px;
	text-align:left;
	z-index:1;

	}


#flash { width:960px; height:140px; margin:0 auto; text-align:center; }


/*Content Layout*/
#menu1 { position:relative; padding:25px 0 50px; *padding-top:0px;*height:120px; width:100%; }
#menu1 img { margin:5px 20px; }

#menu2 { position:relative;padding-bottom:0px; *height:120px; }
#menu2 img { margin:5px 10px; }

#flash_bkg {position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:0;}

/*Admin Login*/
.admin { position:relative; width:100px;text-align:left; }
.admin #admin-login { position:absolute;top:50px;right:0px;color:#ccc; padding: 0; font-size:8pt; display:none;}
.admin #admin-login label { width: 4em; float: left; text-align: right; margin-right: 1em; display: block; }
.admin #admin-login input { background:#000;border-color:#ccc;color:#fff; margin-bottom:5px;}
.admin #admin-login .submit input { margin-left:4.5em;background:#000;border-color:#ccc;color:#fff;}

/*Div1*/
#div1 { position:relative;margin:0;padding:0;width:180px; float:left; background:transparent;display:inline;  }
#div1 .core { padding:10px; }
#div1 .core p, #div1 .core li { padding-bottom:10px; }

/*Div2*/
.title { font-size:24px; padding-top:8px; color:#FC0; text-align:center; padding-bottom:10px; }

#div2 { position:relative;margin:0;padding:0;width:600px; float:left;display:inline; }
#div2 #top { width:100%; height:50px; margin:0;padding:0; background:transparent url('../images/div2/top.png') no-repeat bottom center; }
#div2 #top h3 { text-align:center;color:#fff;padding-top:20px; }
#div2 #middle { width:100%; margin:0;padding:0; background:transparent url('../images/div2/middle.png') repeat-y top center; }
#div2 #middle .core { padding:20px 40px;color:#fff; }
#div2 #bottom { width:100%; height:66px; margin:0;padding:0; background:transparent url('../images/div2/bottom.png') no-repeat top center; }

#div2 .top p { padding:28px 0 0 30px; text-align:left; font-size:18pt; color:#fff; font-family: "Arial", Arial, sans-serif; }

#div2 { color:#000;display:inline;}
#div2 p { padding-bottom:10px;text-align:left; }
#div2 .line { height:6; width:100%; background:transparent url('../images/div2/line.png') no-repeat center; padding:20px 0; }
#div2 h1, #div2 h2, #div2 h3 { padding:10px; }

/*Div3*/
#div3 { position:relative;margin:0;padding:0;width:180px;float:left; background:transparent;  }
#div3 .core { padding:10px; }
#div3 .core p, #div3 .core li { padding-bottom:10px; }

#webisodes {position:absolute; top:88px; *top:88px; left:60px; height:60px; width:175px;}
#login {position:absolute; top:88px; right:60px; height:60px; width:175px;}

#join {*position:absolute;*top:200px;*left:0px;*width:200px;*height:200px;*z-index:100000;*background:transparent;}
#joinButton {position:absolute;top:203px;*top:0;left:40px;width:200px;height:138px;z-index:100000;background:transparent;}
#fadeshow1 {position:absolute;top:215px;*top:13px;left:0px;*left:0px;width:125px;height:97px;overflow:hidden;z-index:10000;background:transparent;}

#webisodes2 {position:absolute;top:340px;*top:135px;left:39px;width:175px;height:60px;z-index:1000000;}

#index-ads {position:absolute;top:10px;right:25px;width:120px;height:auto;z-index:1000000;}



/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

/*Header*/

#admin_menu { position:absolute;top:25px;left:25px; text-align:left; width:350px; z-index:10; }
#admin_menu .sublinks { padding-bottom:5px; color:#C63; }

/*Text Styles*/
h1, h2, h3 { text-align:center; padding-bottom:10px;}
h3.title {padding-bottom:20px;}

/*Footer*/
#footer {
	clear:both;
	background:transparent url('../images/menu/footermenu.png') no-repeat top center;
	position: relative;
	margin:-75px auto 0;
	width:960px;
	height: 75px;
	color:#666;
	font-size:9pt;
	} 
	
#footer table { padding:20px;font-size:10px;color:#999; }
#footer table tr td { text-align:left; }

#footer a:link, #footer a:visited, #footer a:active { color:#fff; }
#footer a:hover { color:#F90; }


/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.label { padding-right:10px; font-size:14px; }
.form input, .form textarea, .form select { width:300px; margin-bottom:5px; border:1px solid #000; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; background:#fff; }

table.admin_panel { font-size:14px; }


#validEmail
{
margin-top: 4px;
margin-left: 9px;
position: absolute;
width: 16px;
height: 16px;
}

td.email_link { cursor:pointer; }
td.email_link a:link, td.email_link a:visited, td.email_link a:active { color:#fff; }
td.email_link a:hover { text-decoration:underline; }

/* Forum */
.forum { font-size:12px; padding:2px; background:transparent url('../images/forum/bkg.png') repeat; margin-bottom:50px; color:#ccc; border:1px solid #900; }
.forum td { padding:2px 10px; background:transparent url('../images/forum/bkg2.png') repeat; }
.forum td.title { background:transparent; color:#fff; padding:2px 4px; font-size:12px; }
.forum td.link { cursor:pointer; }
.forum td.create { background:transparent; }

.forum a:link, .forum a:visited, .forum a:active {color:#fff;font-weight:bold;text-decoration:none;}
.forum a:hover {color:#f00;}

.forum2 { font-size:12px; padding:2px; background:transparent url('../images/forum/bkg.png') repeat; margin-bottom:50px; color:#ccc; border:1px solid #900; }
.forum2 td { padding:0px 5px; }
.forum2 td.title { background:transparent url('../images/forum/bkg2.png') repeat; color:#000; padding:0px 2px; }
.forum2 td.create { background:#FFF; }

.forum2 a:link, .forum2 a:visited, .forum2 a:active {color:#000;font-weight:bold;text-decoration:none;}
.forum2 a:hover {color:#036;}

.topic { font-size:12px; padding:2px; background:transparent url('../images/forum/bkg2.png') repeat; color:#fff; border:1px solid #900; }
.topic td { padding:10px; background:transparent url('../images/forum/bkg.png') repeat; margin-bottom:50px; color:#ccc;  }
.topic td.title { background:transparent; color:#fff; padding:2px 4px; font-size:16px; }
.topic td.sub { background:transparent; color:#000; padding:2px 4px; }

.replies { font-size:12px; padding:2px; background:transparent url('../images/forum/bkg3.png') repeat; }
.replies td { padding:10px; background:transparent url('../images/forum/bkg.png') repeat; color:#ccc; }
.replies td.title {  color:#fff; padding:2px 4px; background:transparent; font-size:16px; }

.post { font-size:12px; padding:2px; background:transparent url('../images/forum/bkg2.png') repeat; color:#fff; border:1px solid #900; }
.post td.title { background:transparent; padding:2px 4px; text-align:center; font-size:16px; color:#fff; }
.post td { padding:10px; background:transparent; }

/* Store */

#storeControls { width:960px;height:25px; }

#store { position:relative;width:960px;height:550px;margin-top:-40px;background:url('../images/div2/store/bkg.png') no-repeat top center; }
#storeContent { position:absolute; top:24px; left:-1px; width:960px; height:500px;border:2px solid #fff; background:transparent url('../images/div2/store/store.png') no-repeat center; z-index:100;display:none;}
#storeBkg { position:absolute; width:960px; top:25px; left:0px; height:500px; border:1px solid #fff; z-index:0; }

#storeContent { color:#fff; }
#storeContent p { color:#fff; padding-bottom:10px;}
#storeContent #storeSubtitle { padding-top:5px; }
#storeContent td a:link, #storeContent td a:visited { color:#FFF;font-weight:bold;text-decoration:none; }
#storeContent td a:hover { color:#990000;font-weight:bold; text-decoration:none; }