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



body {
	color:#f5f5f5;
	margin:0;
	pdding:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size: small;
	background-color:#000;
	line-height:160%;
	}

* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
	}

h1 {
	font-size:135%;
	line-height:.75em;
	font-weight:normal;
	padding-bottom:.5em;
	padding-top: 0px;
	margin-top: 0px;
	color:#FFF;
	}
	
h2 {
	font-size:108%;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	color:#79c5e1;
	margin:0;
	}
	

h4 {
	color:#1074d6;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:lighter;
	font-size:115%;
	margin:0;
	padding:0;
	}


#container {
	margin: 0px auto;
	padding: 0px;
	min-width:1024px;  /* width of the layout -- can be set to any value including percentages */
	max-width:1024px;
	background-color:#2f2f2f;
	}

#center {
	text-align:center;
	}
	
#header {
	background-color:#000;
	height: 205px;
	}

#header a {
	font-size:150%;
}

#message {
	margin:0;
	padding: 10px 0 10px 0;
	font-size:105%;
	font-family:Verdana, Geneva, sans-serif;
	font-style:normal;
	color:#CCC;
	text-align: center;
	background:#222 url(img/messagebar.gif) repeat-x top left;
	width: 100%;
}


#nav {
	list-style:none;
	font-size:103%;
	font-family:Verdana, Geneva, sans-serif;
	float:left;
	width:175px;
	padding:15px 0 0 5px;
}

#nav li {
	padding:3px;
	color:#FFF;
}

#nav a {
		text-decoration:none;
}

#nav a:link {
	color:#FFF;
}

#nav a:visited {
	color:#FFF;
}


#nav a:hover, body#order #nav-order a, body#intro #nav-intro a, body#view #nav-view a, body#airdates #nav-airdates a, body#synopsis #nav-synopsis a, body#credits #nav-credits a, body#directors #nav-directors a, body#characters #nav-characters a, body#news #nav-news a, body#links #nav-links a, body#contact #nav-contact a, body#about #nav-about a, a {
	color:#39B4FF;
}
	
	
#content {
	float: left;
	width:580px;
	background:#2f2f2f;
	padding: 50px 20px 20px 20px;
	height: 1%; /* IE6 hack... it's very minor, though */
}

#content-filmcredits {
	float: left;
	width:550px;
	background:#000;
	padding: 50px 20px 20px 20px;
	height: 1%; /* IE6 hack... it's very minor, though */
	font-size:107%;
	margin: 30px 0 30px 0;
}
	

p {
	font-size:108%;
	font-weight:normal;
	line-height: 169%;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
}

p.center { 
	text-align: center; 
	font-size:100%;
	color:#09F;
	margin-top:-5px;
	}

a {
	text-decoration: none;
	}
	
	
.hyperlinks-white a {
	color:#FFF;
	text-decoration: underline;
	}
	
.hyperlinks-white a:hover {
	color:#79c5e1;
	text-decoration: underline;
	}
	

.hyperlinks a:hover {
	text-decoration:underline;
}

.italics {
	font-style:italic;
}

.bold {
	font-weight:bold;
}
	
	
.names {
	font-size:110%;
	color:#6CF;
}

.photo {
	float:right;
	padding-left: 10px;
}

.highlightitalic {
	font-style:italic;
	color:#79c5e1;
}

.highlightitalic a {
	text-decoration:none;
	color:#79c5e1;
}





#sidebar-right {
	float: right;
	width:185px; /* width of the right sidebar -- can be set to any value including percentages */
	font-size:105%;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	margin: 0;
	padding: 36px 30px 0 0;
	line-height: +20px;
}

.hr {
	margin:0;
	padding:0;
	color:#222;
	position: relative;
	width: 960px;
}

#footer {
	clear:both;
	text-align: left;
	color:#999;
	background-color:#000;
	list-style:none;
	margin: 0;
	padding: 0;
}

.note {
	font-size: 88%;
}

#copyright {
	float: left;
	padding: 25px 0 25px 15px;
}

#msri {
	float:right;
	padding: 25px 15px 25px 25px;
}

#zala {
	float:right;
	padding: 18px 0 25px 25px;
}

#simons {
	float:right;
	padding: 25px 0 25px 25px;
}

img {  
	border-style: none;
}


function captionizeImages() {
  if (!document.getElementsByTagName) return false;
  if (!document.createElement) return false;
  var images = document.getElementsByTagName("img");
  if (images.length < 1) return false; 
  for (var i=0; i<images.length; i++) {
    if (images[i].className.indexOf("captioned") != -1) {
      var title = images[i].getAttribute("title");
      var divCaption = document.createElement("div");
      divCaption.className = "caption";
      var divCaption_text = document.createTextNode(title);
      divCaption.appendChild(divCaption_text);
      var divContainer = document.createElement("div");
      divContainer.className="imgcontainer";
      images[i].parentNode.insertBefore(divContainer,images[i]);
      divContainer.appendChild(images[i]);
      insertAfter(divCaption,images[i]);
    }
  }
}


.imgcontainer {
	position:relative;
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	}

	
.caption {
	font: bold 1em/1.3em arial;
	background:#2f2f2f;
	color:#09F;
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
	width:100%;
	opacity:100%;
	filter:alpha(opacity=100);
	margin-bottom:0px;
	padding:6px;
	}




/* alternating tiny images*/

#headshot {
	float: left;
	width:580px;
	padding: 5px 0;
}

#headshot dl {
	float: left;
	width:580px;
	margin:10px 20px 10px 0;
	padding:0;
	display: inline; /*fixes IE/Win double margin bug*/
}

#headshot dt {
	float:right;
	width:448px;
	margin:0;
	padding:0;
	font-size: 110%;
	letter-spacing: 1px;
	color:#6CF; 
}

#headshot dd {
	margin: 0;
	padding: 0;
	font-size: 108%;
	font-family:Verdana, Geneva, sans-serif;
	line-height: 1.5em;
	color:#FFF;
}

#headshot dd.img img {
	float:left;
	margin: 0 8px 15px 0;
	padding: 1px;
	border: 1px solid #666;
	border-bottom-color: #666;
	border-right-color:#666;
	background: #666;
}

/* reverse float */

#headshot .alt dt {
	float:left;
}

#headshot .alt dd.img img {
	float:right;
	margin: 0 0 0 8px;
}
	
.langChoice{
z-index: 10;
position: absolute;
float: right;
right: 0;
padding-right: 10px;
padding-top: 5px;
}


/*Air Dates chart*/

table {
	position: relative;
	top: -4px;
	left: -4px;
	width: 100%;
	border: 1px solid #000;
	background: #fff;
}

table caption {
	margin: 0;
	padding: 8px 20px;
	text-align: left;
	border: 1px solid #000;
	border-bottom: none;
	background: #fff;
	font-size:16px;
}

table th, table td {
	margin: 0;
	padding: 8px 10px;
	text-align: center;
	border-bottom: 1px solid #b5b5b5;
}

table th {
	color:#000;
	text-transform:capitalize;
}

table .name {
	text-align: left;
}

#data {
	margin: 0;
	padding: 8px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#000;
	font-size:small;
}

.airdates {
	background: #919191;
}


/* old air date */

.pastdate {
	color:#999;
}