* {padding:0; margin:0;}

/* The body tag sets the background colour and the base font. */

body { 
	font-family: Arial, Helvetica, sans-serif; 
	background: black url(images/background.jpg) repeat-y center 0; 
	text-align: center;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	}
	
p { 
	margin-bottom: 15px;
	}	

.container {
  margin: 0 auto;
  width: 780px;
  text-align: left;
  padding: 5px 0px 0px 10px; 
  color: black;
  font-size: 14px;
  line-height:120%
  }
  
.header {
  margin: 0 auto;
  position: relative;
  width: 820px;
  text-align: left;
  background: url(images/header.jpg) center no-repeat;
  height: 248px
  }
  
  .navmenu {
  margin: 0 auto;
  position: relative;
  top: -24px;
  left: 50px;
  width: 820px;
  text-align: left;
  }
  
  .footer {
  margin: 0 auto;
  width: 790px;
  text-align: center;
  padding: 5px 0px 0px 10px; 
  color: #6d3208;
  font-size: 10px;
  }


/* I tried to play around with the tables here, but I'm not sure if it worked. */

table.layout {
	vertical-align: top;
	margin-bottom: 0%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
	position: absolute;
	top: 0;
	left: 0;
}



td.content {
	padding-top: 1px;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 1px;
	background-color: Black;
}



td.side {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	background-image: url(images/side.jpg);
	background-repeat: repeat-y;
}



td.footer {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	background-image: url(images/footer.jpg);
}


/*This class is used to set apart the subtitles in the sidebar. It's also used in the episodes page for seasons. */

.navatitles {
	text-align: left;
	color: white;
	font-weight: bold;
	padding-bottom: 50px;
}


/*This class is to set apart the active page on the sidebar, but also to match the sidebar links */

.currenttitle 
{
	text-align:left;
	text-indent: 8px;
	color:White;
	font-size: smaller;
}



/*This class is to format the anchor links. For example, they appear on the episodes page */  

.anchors 
{
	text-align: center;
	color: White;
}

	

/*This is to format the subtitles in the main text area. */	

.subtitles {
	text-align: left;
	color: #ae5a03;
	font-weight: bold;
	font-size: medium;
	margin-bottom: 5px;
}	



.pagetitles 
{
	text-align: left;	
	color: #6f3207;
	font-weight: bold;
	font-size: 200%;
	margin-bottom: 15px;
}	


/* Suckerfish dropdown menus! */

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;

}

#nav a {
	display: block;
	width: 9em;
	text-align: left;
	color: white;
	font-weight: bold;
	font-size: 16px;
}

#nav li ul li a {
	color: #ffffff;
	font-size: 13px;
}

#nav li ul li a:hover {
	color: #d6b23c;
	font-size: 13px;
}

#nav li {
	float: left;
	width: 9em;	
}

#nav li ul {
	position: absolute;
	width: 9em;
	left: -999em;
	border-top-style: solid;
	border-top-color: #da7501;
	border-width: 4px 0px 0px 0px;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	background-color: #703306;
	padding: 5px;
	width: 130px;
}

#nav li:hover, #nav li.hover {  
   position: static;  
}  


/*These styles are for the links that appear on the sidebar. They are smaller than the other links. */ 

a.sidebar:link 
{
	font-size: smaller; 
	text-indent: 8px;
	color: #FF8C00;  
	text-decoration: none;
}

a.sidebar:visited 

{
	font-size: smaller; 
	text-indent: 8px;
	color: #EE4200;  
	text-decoration: none;
}  



a.sidebar:hover 

{
	font-size: smaller;
	text-indent: 8px;
	color: #FFD2A4;
	text-decoration: none;
}



a.sidebar:active 

{
	font-size: smaller;
	text-indent: 8px;
	color: White;
	text-decoration: none;
}



/*These styles are for the links that appear in the main bulk of the site. They are standard links. */

a:link 

{
	color: #703306; 
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
}

a:visited 

{
	color: #EE4200; 
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
}  

a:active 

{
	color: #EE4200; 
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
}

a:hover 

{
	color: #FFD2A4; 
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
}



a img {
	border: 0px;
}



img {
	margin: 5px 5px 5px 5px;
}