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


#nav li a {
font-family: 'Roboto Slab', serif;
font-size: 16px;
}

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

* html body {
	font-size: x-small; /* for IE5/Win */
	font-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: 13px auto;
	padding: 0px;
	min-width:1024px;  /* width of the layout -- can be set to any value including percentages */
	max-width:1024px;
	background-color:#FCCD72;
	}

#center {
	text-align:center;
	}
	
#header {
	background-color:#CC5500;
	height: 240px;
 	padding-left: 47px;

	}

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

#message {
	margin:0;
	padding: 5px 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 {
	position:relative;
	margin-top: -35px;
	padding: 0px 0px 0px 15px;
	list-style:none;
	float:left;
	font-size:103%;
	font-family:Verdana, Geneva, sans-serif;
	bgcolor:#FCCD72;
	width:165px;
	min-height: 275px;
	height:100%;
}

#nav li {
	padding:7px;
	color:#FFF;
	float:center;
	
}

#nav a {
		text-decoration:none;
font-weight: 600; 
}

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

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


#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:#FFF;
}
	
	
#content {
	float: left;
	width:75%;
	height: 100%;
	min-height: 835px;
	background:#48141B;
	padding: 10px 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:#FFF;
	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;
	background-image:tile.png;
	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:#79202B;
	list-style:none;
	margin: 0;
	padding: 0;
}


.logocontainer {
padding-left: 65px;
}

.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;
}

.header {
text-align: center;
font-size: 24px;
margin-top: 0px;
color: #FFC388; letter-spacing: 1.5px; font-family: 'Roboto Slab', sans-serif!important;
}

.yellowlink {
color: #FCCD72;
}

div.wrapper{  
    float:left;   
    position:relative;
    padding-right: 10px;   
}  

div.description{  
    position:absolute;   
    bottom:4px;   
    left:0px;  
    width: 380px;
    height: 60px;  
    background-color:black;  
    font-family: 'tahoma';  
    font-size:9px;  
    color:white;  
    opacity:0.6;   
    filter:alpha(opacity=70); 
}  

div.klein {  
    position:relative;   
    bottom:4px;   
    height: 52px;  
    top: 271px;
    width: 400px;  
    background-color:black;  
    font-family: 'tahoma';  
    font-size:8px;  
    color:white;  
    opacity:0.77;   
    filter:alpha(opacity=60); 
}  

p.description_klein{  
    padding:3px;  
    margin:-5px;
position: relative;
top: -265px; 
left: 5px; 
}  


div.nataani {  
    position:relative;   
    bottom:4px;   
    height: 60px;
    left: 368px;  
    top: 271px;
    width: 400px;  
    background-color:black;  
    font-family: 'tahoma';  
    font-size:8px;  
    color:white;  
    opacity:0.77;   
    filter:alpha(opacity=60); 
}  

p.description_nataani{  
    padding:3px;  
    margin:-5px;
position: relative;
top: 0px; 
left: 5px; 
}
  
div.cheyenne {  
    position:relative;   
    bottom:4px;   
    height: 38px;
    left: 368px;  
    top: 271px;
    width: 400px;  
    background-color:black;  
    font-family: 'tahoma';  
    font-size:8px;  
    color:white;  
    opacity:0.77;   
    filter:alpha(opacity=60); 
}  

p.description_cheyenne {  
    padding:3px;  
    margin:-5px;
position: relative;
top: 0px; 
left: 5px; 
}

.attributeleft {
text-align: left;
font-size: 12px;
margin-left: 210px;
}

div.amanda {  
     position:relative;   
    bottom:4px;   
    height: 60px;  
    top: 271px;
    width: 400px;  
    background-color:black;  
    font-family: 'tahoma';  
    font-size:8px;  
    color:white;  
    opacity:0.77;   
    filter:alpha(opacity=60); 
}  

p.description_amanda{  
    padding:3px;  
    margin:-5px;
position: relative;
top: -268px; 
left: 5px; 
}  

div.darenda {  
   position:relative;   
    bottom:4px;   
    height: 50px;
    left: 368px;  
    top: 271px;
    width: 400px;  
    background-color:black;  
    font-family: 'tahoma';  
    font-size:8px;  
    color:white;  
    opacity:0.77;   
    filter:alpha(opacity=60); 
}  

p.description_darenda {  
    padding:3px;  
    margin:-5px;
position: relative;
top: 0px; 
left: 5px; 
}

div.sherri {  
position:relative;   
    bottom:4px;   
    height: 64px;  
    top: 339px;
    width: 400px;  
    background-color:black;  
    font-family: 'tahoma';  
    font-size:8px;  
    color:white;  
    opacity:0.77;   
    filter:alpha(opacity=60); 
}  

p.description_sherri {  
    padding:3px;  
    margin:-5px;
position: relative;
top: -335px; 
left: 5px; 
}  

div.henry {  
    position:relative;   
    bottom:4px;   
    height: 62px;  
    top: -15px;
    left: 173px;
    width: 401px;  
    background-color:black;  
    font-family: 'tahoma';  
    font-size:8px;  
    color:white;  
    opacity:0.77;   
    filter:alpha(opacity=60); 
}  

p.description_content {
padding: -5px 0 0 0px;
margin: 5px 0 0 7px;

}

p.description_henry {  
    padding:3px;  
    margin:-5px;
position: relative;
top: 0px; 
left: 5px; 
}  

div.sally {  
      position:relative;   
    bottom:4px;   
    height: 39px;  
    top: -15px;
    left: 184px;
    width: 400px;  
    background-color:black;  
    font-family: 'tahoma';  
    font-size:8px;  
    color:white;  
    opacity:0.77;   
    filter:alpha(opacity=60); 
}  

p.description_sally {  
    padding:3px;  
    margin:-5px;
position: relative;
top: 0px; 
left: 5px; 
}  

div.matthias {  
   position:relative;   
    bottom:4px;   
    height: 60px;  
    top: 271px;
    width: 400px;  
    background-color:black;  
    font-family: 'tahoma';  
    font-size:8px;  
    color:white;  
    opacity:0.77;   
    filter:alpha(opacity=60); 
}  

p.description_matthias {  
    padding:3px;  
    margin:-5px;
position: relative;
top: -269px; 
left: 5px; 
}  
div.charmayne {  
         position:relative;   
    bottom:4px;   
    height: 50px;  
    top: -15px;
    left: 195px;
    width: 399px;  
    background-color:black;  
    font-family: 'tahoma';  
    font-size:8px;  
    color:white;  
    opacity:0.77;   
    filter:alpha(opacity=60); 
}  

p.description_charmayne {  
    padding:3px;  
    margin:-5px;
position: relative;
top: 0px; 
left: 5px; 
}  

div.elena {  
    position:relative;   
    bottom:4px;   
    height: 50px;  
    top: 330px;
    left: 475px;
    width: 233px;  
    background-color:black;  
    font-family: 'tahoma';  
    font-size:8px;  
    color:white;  
    opacity:0.77;   
    filter:alpha(opacity=60); 
}  

p.description_elena {  
    padding:3px;  
    margin:-5px;
position: relative;
top: 0px; 
left: 5px; 
}  

div.irvilinda {  
       position:relative;   
    bottom:4px;   
    height: 52px;  
    top: 275px;
    left: 368px;
    width: 400px;  
    background-color:black;  
    font-family: 'tahoma';  
    font-size:8px;  
    color:white;  
    opacity:0.77;   
    filter:alpha(opacity=60); 
}  

p.description_irvilinda {  
    padding:3px;  
    margin:-5px;
position: relative;
top: 2px; 
left: 5px; 
}  


div.dawnlei {  
  position:relative;   
    bottom:4px;   
    height: 50px;  
    top: 313px;
    width: 400px;  
    background-color:black;  
    font-family: 'tahoma';  
    font-size:8px;  
    color:white;  
    opacity:0.77;   
    filter:alpha(opacity=60); 
}  

p.description_dawnlei {  
    padding:3px;  
    margin:-5px;
position: relative;
top: -310px; 
left: 5px; 
}  


div.tatiana {  
    position:relative;   
    bottom:4px;   
    height: 65px;  
    top: 300px;
    width: 400px;  
    background-color:black;  
    font-family: 'tahoma';  
    font-size:8px;  
    color:white;  
    opacity:0.77;   
    filter:alpha(opacity=60); 
}  

p.description_tatiana {  
    padding:3px;  
    margin:-5px;
position: relative;
top: -295px; 
left: 5px; 
}  


p.description_george {  
    padding:3px;  
    margin:-5px;
position: relative;
top: 0px; 
left: 5px; 
}  

div.george {  
    position: relative;   
    bottom:4px;   
    height: 63px;  
    top: 373px;
    left: 535px;
    width: 233px;  
    background-color:black;  
    font-family: 'tahoma';  
    font-size:8px;  
    color:white;  
    opacity:0.77;   
    filter:alpha(opacity=60); 
}  

p.description_george{  
    padding:3px;  
    margin:-5px;
position: relative;
top: 0px; 
left: 5px; 
}  

.nextstory {
margin-top: 0px;
width: 70%;
}


.noitalic {
text-decoration: none;
}

.attribute {
text-align: right;
font-size: 12px;
}

.contentwrapper1 {
font-size: 14px;
}

.blockquote {
    color: #a5a4a4;
    font-style:italic;
    margin: 10px;
    padding: 0px 10px 0px 45px;   
    vertical-align: middle;
} 

.blockquotesherri {
    width: 45%;
    margin-top: -20px;
    margin-left: 420px;
    color: #a5a4a4;
    font-style:italic;

    padding: 0px 5px -5px 45px;   
    vertical-align: middle;
} 
.blockquotecenter {
    color: #a5a4a4;
    font-style:italic;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 35px;   
    vertical-align: top;
} 


.blockquoteamanda {
    color: #a5a4a4;
    font-style:italic;
    margin: -37px 0px 0px 0px;
    padding: 0px 0px 10px 35px;   
    vertical-align: top;
} 

.blockquotedawnlei {
    color: #a5a4a4;
    font-style:italic;
    margin: -5px 0px 0px 0px;
    padding: 0px 0px 10px 35px;   
    vertical-align: top;
} 


.blockquotematthias {
    color: #a5a4a4;
    font-style:italic;
    margin: -15px 0px 0px 0px;
    padding: 0px 0px 10px 35px;   
    vertical-align: top;
} 


.blockquotetatiana {
    color: #a5a4a4;
    font-style:italic;
   margin: 0px 0px 0px 0px;
   padding-left: 418px;
    position: static;
} 


.blockquoteright {
    color: #a5a4a4;
    font-style:italic;
    margin: 15px;
    padding: 0px 0px 0px 0px;  
    width: 50%;  
    vertical-align: middle;
} 


.blockquotenataani {
    color: #a5a4a4;
    font-style:italic;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 15px 20px;  
    text-align: left;
} 


.blockquotecheyenne {
    color: #a5a4a4;
    font-style:italic;
    margin: 15px 0px 0px 0px;
    padding: 50px 0px 15px 20px;  
    text-align: left;
} 


.blockquotedarenda {
    color: #a5a4a4;
    font-style:italic;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 15px 20px;  
    text-align: left;
} 

.announce {
text-align: center;
font-size: 16px;
width: 75%;
background-color: #CF5300;
text-color: white;
margin: auto;
padding: 1rem 2rem 2rem 2rem;
font-family: Ubuntu;
border-radius: 5px;
}