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


/*
Darkgrey 		#303030
MidGrey			#424242
LightGey		#e0e0e0
BrightBlue		#63bff5
LogoBlue		#498bce
LightBlue		#a6deff
TitleTextBlue	#29879a
Orange			#f56516


*/



/* --------------------------------------------------------------------- OVERALL STRUCTURE -----------------*/
body			{ font-family:Arial, Verdana, Geneva, sans-serif; background:#303030; }
#mainFrame		{ position:relative; width:100%; background:url(../images/bg.png) repeat-y center; }
#whiteTop		{ position:relative; top:-13px; width:1085px; height:13px; background:#FFF; margin-bottom:-5px; z-index:4}

#AlertBox{ position:absolute; left:200px; top:800px; background:url(../images/alert.png) no-repeat; height:79px; width:590px; z-index:99; text-align:center;}
.alert { display:none; padding:20px 10px 0px 40px; font-size:150%; width:580px; font-weight:bold;}
#alertButton { position:relative; left:-10px;}
a { color:#303030}
.small 			{ font-size:70%;}



/* ------------------------------------------------------------------- BASIC DESIGN SETTINGS ----------------*/
a				{ text-decoration:none;}						a:active 	{ outline: none;}
a:hover			{ text-decoration:underline;}					a:focus		{ -moz-outline-style: none; outline: none;}

.hide 			{ display:none;}
img, a img 		{ border:none}

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

h1, h3, h4		{ margin:0; padding:0}


/* -------------------------------------------------------------------------- HEADER ------------------------*/
#header			{ position:relative; text-align:left; width:1000px; height:155px; }
#logo			{ position:absolute; top:-17px; left:-10px; width:338px; height:226px; z-index:99}

#woodpanel		{ position:absolute; background:url(../images/woodPanel.png) no-repeat; width:578px; height:197px; left:375px; top:-14px; z-index:3}
#woodpanel #title 	{ position:absolute; top:10px; left:60px; font-size:95%; letter-spacing:-2px; }
#woodpanel #title2 	{ position:absolute; top:11px; left:61px; font-size:95%; letter-spacing:-2px; color:#979797 }
#woodpanel #desc 	{ position:absolute; font-size:71%; font-weight:bold; width:300px; top:43px; left:45px;  word-spacing:1px; }
#woodpanel #subscribeBTN { position:absolute; top:90px; left:70px; width:276px; height:76px}

#social			{ position:absolute; width:125px; left:340px;  height:200px; }
#social #title 	{ position:absolute; top:15px; left:0px; font-size:89%; letter-spacing:-2px; line-height:140%; text-align:right }
#social #title2 { position:absolute; top:16px; left:2px; font-size:89%; letter-spacing:-2px; line-height:140%; text-align:right; color:#979797 }

#links 			{ position:absolute; top:115px; left:20px; width:130px; z-index:10}
#links img		{ margin:0px -2px 0px -3px}



/* ------------------------------------------------------------------------ MAIN CONTENT --------------------*/
#cornersTop		{ position:relative; background:url(../images/topCorner.png) no-repeat center; width:959px; height:57px; z-index:7; margin-bottom:-60px;}
#contentTop		{ position:relative; background:url(../images/contentTop.png) no-repeat center; height:29px; z-index:5}
#content		{ position:relative; text-align:left; width:900px; background:url(../images/contentBg.png) repeat-y center; 
					min-height:70px; z-index:5; padding:0px 50px 5px 50px; margin-bottom:-10px; }
#contentBottom	{ position:relative; background:url(../images/contentBottom.png) no-repeat center; height:36px; z-index:5; margin-bottom:-73px;}
#cornersBottom	{ position:relative; background:url(../images/bottomCorner.png) no-repeat center; width:959px; height:61px; z-index:7;}



/* -------------------------------------------------------------------------- FOOTER ------------------------*/
#footer			{ position:relative; left:5px; width:1090px; background:url(../images/footer.png) no-repeat; height:95px; margin-top:10px; margin-bottom:-10px; }
#footerContent	{ position:absolute; width:940px; height:60px; top:10px; left:70px; font-size:80%}
#footerContent p	{ width:800px;}	
#lowerNav		{ position:relative; margin-top:-10px;}




/* ---------------------------------------------------------------------- INDIVIDUAL PAGES -------------------*/

/* INDEX */
#videoBase		{ position:relative; width:944px; height:469px; background:url(../images/videoBase.png) no-repeat center; top:-25px; left:-25px; margin-bottom:-40px;}
#videoBase #mov	{ position:absolute; width:640px; height:365px; left:42px; top:44px; display:none}
#videoBase #mImage	{ position:absolute; width:640px; height:365px; left:42px; top:44px;}
 #videoBase #silverBar { position:absolute; width:650px; height:25px; left:37px; top:398px;}

#videoBase #title{position:absolute; width:170px; height:25px; top:40px; left:720px; font-size:90%; color:#FFF;}
#videoBase #desc {position:absolute; width:170px; height:280px; top:80px; left:720px; font-size:80%; color:#FFF; letter-spacing:-1px; line-height:150%;}
#videoBase #watch{position:absolute; width:189px; height:62px; top:315px; left:715px;}
#videoBase #episode {position:absolute; width:189px; height:62px; top:375px; left:715px; color:#FFF; font-style:italic; text-align:right; font-size:70%;}
#videoBase #release {position:absolute; width:189px; height:62px; top:390px; left:715px; color:#FFF; font-style:italic; text-align:right; font-size:70%;}


#featuredGuest { position:relative; width:486px; height:268px; background:url(../images/featuredGuestBg.png) no-repeat; left:-250px; margin-bottom:-265px; font-family:Arial, Helvetica, sans-serif;}
#featuredGuest #pict { position:absolute; width:119px; height:145px; top:75px; left:70px;}
#featuredGuest #frame{ position:absolute; width:167px; height:174px; top:62px; left:45px; background:url(../images/frame.png)}
#featuredGuest h2 { margin:0px; padding:0px;}
#featuredGuest #name { position:absolute; width:250px; height:30px; top:70px; left:205px; text-align:left; }
#featuredGuest #company { position:absolute; width:250px; height:30px; top:95px; left:205px; text-align:left; font-style:italic; color:#494949; font-size:110%; }
#featuredGuest #company a	{color:#494949;} 		#featuredGuest #company a:hover { color:#498bce}
#featuredGuest #bio { position:absolute; width:250px; height:100px; top:125px; left:205px; text-align:left; font-size:71%; font-weight:bold; line-height:135%; }
#featuredGuest #contact { position:absolute; width:120px; height:30px; top:225px; left:70px; text-align:center; font-style:italic; color:#c93e1e; font-size:100%; }
#featuredGuest #contact a	{color:#c93e1e;} 		#featuredGuest #contact a:hover { color:#f56516}		

#displayBlock	{ position:relative; width:441px; height:331px; left:220px;}

#woodBase			{ position:relative; width:488px; height:326px; background:url(../images/woodBase.png); left:-250px; margin-top:-70px; margin-bottom:-260px}
#woodBase #topImage { position:absolute; top:10px; left:20px;}
#woodBase #fanRes	{ position:absolute; top:115px; left:0px; width:488px; height:87px;}
#woodBase #bottomImage { position:absolute; top:165px; left:20px;}

#askQuestion 	{ position:relative; width:514px; height:232px; top:0px; left:220px; background:url(../images/askQuestion.png) no-repeat;}
#askText		{ position:absolute; width:222px; height:140px; top:25px; left:45px; font-size:70%; text-align:left; line-height:145%;}
#askForm		{ position:absolute; width:250px; height:140px; top:19px; left:285px; font-size:65%; font-weight:bold; letter-spacing:-1px; text-align:left; }
#askForm p		{ margin:0px; padding:0px;}
#askName input, #askEmail input	{ width:180px; height:12px;} #askQuest textarea { width:184px; height:60px;}
#askSubmit		{ position:absolute; width:99px; height:45px; top:132px; left:95px;}





/* FORMS */
.field 	input	{ padding:3px; height:20px; font-size:120%; }
.field p, .upload p	{ font-size:60%; color:#666; margin:0; padding:0; width:300px;}
.label			{ font-size:120%; padding-right:10px;}
#uploadForm h3 	{ color:#498bce}



/* LOGIN */
#login			{ position:relative; width:350px;}

/* addVideo.php */
#uploadForm		{ position:relative; width:600px; border:1px solid #000}
#showDesc		{ width:290px; height:70px; font-size:100%;}



/* videoList.php */
#videoList				{ position:relative; width:550px; border:1px solid #000; height:110px;}
#videoList #video		{ position:relative; width:150px; height:110px;  margin-bottom:-110px;}
#videoList #dateRec		{ position:relative; width:70px;  height:20px; left:420px; font-size:70%; margin-bottom:-20px; text-align:right}
#videoList #episode		{ position:relative; width:80px;  height:20px; left:330px; font-size:70%; margin-bottom:-20px; text-align:right}
#videoList #showTitle	{ position:relative; width:165px; height:20px; left:160px; font-size:110%;}
#videoList #showDesc	{ position:relative; width:330px; height:55px; left:160px; font-size:60%; padding:3px 0px 5px 0px}
#videoList #url			{ position:relative; width:150px; height:20px; left:320px; margin-top:5px; font-size:80%; }
#videoList #guest		{ position:relative; width:150px; height:20px; left:160px; margin-top:5px; font-size:80%; margin-bottom:-25px;}
#videoList #thumb1		{ position:absolute; width:50px;  height:50px; left:500px; top:0px;}
#videoList #thumb2		{ position:absolute; width:50px;  height:50px; left:500px; top:60px;}
#actions				{ position:relative; width:550px; height:20px; text-align:right; font-size:70%;}
#actions a	 			{ padding-left:5px;}




/* Easy Slider */
#slider					{ position:relative; left:55px; margin-bottom:5px; }
#slider ul, #slider li	{ margin:0; padding:0;list-style:none;}
#slider					{ width:820px; height:157px; overflow:hidden;}
#slider li 				{ width:410px; height:157px; overflow:hidden;}		
		
#prevBtn				{ position:absolute; top:440px; left:50px; width:68px; height:128px;  z-index:10;}
#nextBtn				{ position:absolute; top:440px; left:920px; width:36px; height:128px; z-index:10}	
#mostRec 				{ position:absolute; top:440px; left:50px; width:68px; height:128px;}

#episodeList			{ position:relative; width:417px; height:156px; background:url(../images/episodeBarBg.png) no-repeat; font-family:Arial, Helvetica, sans-serif;}
#episodeList #thumb		{ position:absolute; left:35px; top:25px; width:180px; height:100px; background:#333; overflow:hidden;}
#episodeList #eTitle	{ position:absolute; left:220px; top:30px; width:160px; height:30px; text-align:center; color:#29879a; font-weight:bold; font-size:160%; letter-spacing:-1px;}
#episodeList #eRel	{ position:absolute; left:220px; top:58px; width:160px; height:20px; text-align:center; color:#757575; font-size:80%; letter-spacing:-1px; font-style:italic;}
#episodeList #sq	{ position:absolute; left:220px; top:82px; width:160px; height:20px; text-align:center; color:#6c6c6c; font-size:75%; letter-spacing:-1px; font-weight:bold; }
#episodeList #gName	{ position:absolute; left:220px; top:95px; width:160px; height:20px; text-align:center; color:#424242; font-size:110%; letter-spacing:-1px; font-weight:bold;  }
#slider a:hover	{ text-decoration:none}

/* // Easy Slider */






/* Wallpapers */
#wallpapers		{ position:relative; width:900px; height:440px; z-index:15;}
#wallpapers	p 	{ margin:-30px 0px 0px 0px; font-size:80%; font-weight:bold} 		
#wallpapers	a 	{ padding:0px 10px 0px 10px; color:#000}
#logoWall		{ position:absolute; left:-10px; height:375px} 						.logoWall 	{ padding:0px 0px 0px 0px}
#IntroWall		{ position:absolute; left:430px; height:375px; top:2px;}			.IntroWall 	{ padding:7px 0px 0px 0px}
#designStudio	{ position:relative; z-index:50; top:-80px; left:170px; width:674px; height:119px; margin-bottom:-70px; }


/* hosts */
#hostHeader	{ position:absolute; height:80px; width:100%; top:-15px; left:43px; z-index:5; }
#hostFrame	{ position:relative; text-align:left; width:900px; height:890px; top:50px; }
.hosts 		{ text-align:center; font-size:400%; margin:0; font-weight:bold;}
#hosts		{ position:relative; width:900px; height:440px; z-index:15;}

#joelC		{ position:absolute; left:-40px;  }		
#joelBio	{ position:absolute; height:100px; top:70px; left:400px; width:500px;  text-align:left; }
#danN		{ position:absolute; top:421px; left:-51px; z-index:6}							
#danBio		{ position:absolute; height:100px; top:90px; left:100px; width:500px;  text-align:left; }