/* CSS Document */

/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }
/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }
/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td,script,hr { margin:0; padding:0; }
/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset {
	border-style: solid;
	size: 0px;
	}

body {
	margin: 0 auto;
	padding: 0;
	background-color: #101504;
	font-family: Arial, Tahoma, Verdana, Arial, "Trebuchet MS", ;
	color: #FFF;	
	font-size:12px;
	text-align:center;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-y;
	background-position:center;
	position: relative;
	}		

.container { width:1024px;
	margin: 0 auto;
	background-color: #1E2214;	
	background-position: 50% 0;
	/* background-image:url(images/bg.jpg);
	background-repeat:repeat-y;	*/

}

#slogan{
	clear:both;
	width: 1024px;
	background-image:url(images/slogan.jpg);
	background-repeat: no-repeat;
	height: 42px;
	margin: 0;
	}

#header{
	clear:both;
	width: 1024px;
	background-image:url(images/header.jpg);
	background-repeat: no-repeat;
	height: 231px;
	margin: 0;
	}

#header-3-column{
	clear:both;
	width: 1024px;
	height: 115px;
	margin: 0;
	}

div#left {
  width:267px;
  float: left; 
  margin-left:0px;
  padding:0; 
	background-image:url(images/spec-1.jpg);
	background-repeat: no-repeat;
	height: 115px;
}
div#mid {
  width:416px;
  float: left;  
  margin-left:0px;
  padding:0;
	background-image:url(images/flash.jpg);
	background-repeat: no-repeat;
	height: 115px;
}
div#right {
  width:341px;
  float: left;  
  margin-left:0px;
  padding:0;
	background-image:url(images/spec-2.jpg);
	background-repeat: no-repeat;
	height: 115px;
}	
	
#nav-button{
	clear:both;
	width: 1024px;
	background-image:url(images/nav.jpg);
	background-repeat: no-repeat;
	height: 69px;
	margin: 0;
	}

	#nav-button span { display: none; } 
	#nav-button li, #nav-button a { height: 69px; display: block; }
	#nav-button li { float: left; list-style: none;}
	
	#nav-button-01 { width: 195px; margin: 0px 0px 0 320px; }
	#nav-button-02 { width: 326px; margin: 0px 0px 0 0px; }
	#nav-button-03 { width: 183px; margin: 0px 0px 0 0px; }		
	
	#nav-button-01 a:hover {background:url(images/nav.jpg) -320px -69px no-repeat;}
	#nav-button-02 a:hover {background:url(images/nav.jpg) -515px -69px no-repeat;}
	#nav-button-03 a:hover {background:url(images/nav.jpg) -841px -69px no-repeat;}		
	
#welcome{
	clear:both;
	width: 1024px;
	background-image:url(images/welcome-spacer.jpg);
	background-repeat: no-repeat;
	height: 125px;
	margin: 0;
	}

#episode-header{
	clear:both;
	width: 1024px;
	background-image:url(images/episode-box-top.jpg);
	background-repeat: no-repeat;
	height: 39px;
	margin: 0;
	}	
	
#episode-body{
	clear:both;
	width: 1024px;
	background-image:url(images/episode-box-mid.jpg);
	background-repeat:repeat-y;
	height:auto;
	margin: 0;
	}
	
#episode-button{
	clear:both;
	width: 1024px;
	background-image:url(images/episode-box-btn.jpg);
	background-repeat: no-repeat;
	height:104px;
	margin: 0px;
	}

	#episode-button span { display: none; } 
	#episode-button li, #episode-button a { height: 83px; display: block; }
	#episode-button li { float: left; list-style: none;}
	
	#episode-button-01 { width: 964px; margin: 10px 0px 0 30px; }
	
	#episode-button-01 a:hover {background:url(images/episode-box-btn.jpg) -30px -114px no-repeat;}	
	
#footer-top{
	clear:both;
	width: 1024px;
	background-image:url(images/footer-top.jpg);
	background-repeat: no-repeat;
	height:31px;
	margin: 0;
	}

#footer-navi{
	clear:both;
	width: 1024px;
	background-image:url(images/footer-btn.jpg);
	background-repeat: no-repeat;
	height:143px;
	margin: 0;
	}
	
	#footer-navi span { display: none; } 
	#footer-navi li, #footer-navi a { height: 143px; display: block; }
	#footer-navi li { float: left; list-style: none;}
	
	#footer-navi-01 { width: 340px; margin: 0px 0 0 0px; }
	#footer-navi-02 { width: 340px; margin: 0px 0 0 344px; }
	
	#footer-navi-01 a:hover {background:url(images/footer-btn.jpg) 0px -143px no-repeat;}
	#footer-navi-02 a:hover {background:url(images/footer-btn.jpg) -684px -143px no-repeat;}
		
#footer-bottom{
	clear:both;
	width: 1024px;
	background-color:#1E2214;
	background-image:url(images/footer-bottom.jpg);
	background-repeat: no-repeat;
	height:56px;
	margin: 0;
	}	
	

/* -------------------------------------------------------------------------- PICS */
		
img.bigthumb1 {border: 1px solid #101504; margin: 0px 5px 0px 10px;}
img.bigthumb2 {border: 1px solid #101504; margin: 5px 10px 0px 0px;}
img.smlthumb1 {border: 1px solid #101504; margin: 0px 5px 0px 0px;}
img.smlthumb2 {border: 1px solid #101504; margin: 0px 5px 0px 0px;}
img.smlthumb3 {border: 1px solid #101504; margin: 0px 10px 0px 0px;}

img.nada {border: 0px dotted #E4E4E4; margin: 0px; padding:0px;}

/* -------------------------------------------------------------------------- TEXTS */

p.welcome-text { font-size: 12px; font-weight: normal; text-align:justify; color: #FEF3C6; text-decoration: none; padding: 17px 20px 0px 20px;}

p.episode-title { font-size: 26px; font-weight: normal; text-align:left; color: #222B0B; text-decoration: none; padding: 0px 0 0 10px;}
p.episode-text { font-size: 12px; font-weight: normal; text-align:justify; color: #222B0B; text-decoration: none; padding: 10px 20px 0 10px;}

p.episode-text-link { font-size: 12px; font-weight: bold; text-decoration: underline; padding: 10px 10px 20px 10px;color: #222B0B; }
p.episode-text-link a{ font-size: 12px; font-weight: bold; text-decoration: underline; color: #222B0B; }
p.episode-text-link a:hover{ font-size: 12px; font-weight: bold; text-decoration: underline; color:#161D04;}

p.copy { font-size: 11px; font-weight: normal; text-align:center; color: #FEF3C6; text-decoration: none; padding: 16px}
p.copy a{color: #FEF3C6; text-decoration: underline;}
p.copy a:hover{color: #FFF; text-decoration: underline;}

/* ------------------------------------------------------------------- end of TEXTS */

/* -------------------------------------------------------------------------- JOIN */

#join-header{
	clear:both;
	width: 1024px;
	background-image:url(images/join-header.jpg);
	background-repeat: no-repeat;
	height: 333px;
	margin: 0;
	}
	
#table-header{
	clear:both;
	width: 1024px;
	background-image:url(images/episode-box-top.jpg);
	background-repeat: no-repeat;
	height: 39px;
	margin: 0;
	}	
#table-body{
	clear:both;
	width: 1024px;
	background-image:url(images/episode-box-mid.jpg);
	background-repeat:repeat-y;
	height:auto;
	margin: 0;
	}
#table-footer{
	clear:both;
	width: 1024px;
	background-image:url(images/table-footer.jpg);
	background-repeat: no-repeat;
	height: 46px;
	margin: 0;
	}
	
#text-box{
	clear:both;
	width: 1024px;
	font-size:14px;

	}
#text-box a{
	color: #FEF3C6;
	}

#copyright{
	clear:both;
	width: 1024px;
	font-size:14px;

	}	
/* -------------------------------------------------------------------------- TEXTS */

p.header-text { font-size: 36px; font-weight: normal; text-align:center; color: #FEF3C6; text-decoration: none; padding: 10px 0px 20px 0px;}

p.join-nada { font-size: 24px; font-weight: normal; text-align:center; color: #222B0B; text-decoration: none; padding: 2px 0px 20px 0px;}

p.subscription { font-size: 14px; font-weight: normal; text-align:left; color: #222B0B; text-decoration: none; padding: 0px 0 0 10px;}


/* ------------------------------------------------------------------- end of TEXTS */	
	
	#text-box ul{
	list-style-type: disc;
	list-style-position: outside;
	text-align: left;
	padding: 10px 70px 10px 70px;
	}
	
	.ul{
	list-style-type: disc;
	list-style-position: outside;
	text-align: left;
	font-size:12px;
	color:#222B0B;
	font-weight: bold;
	}