/*--------------------------------------------------------------------------------------------
	Global 
  --------------------------------------------------------------------------------------------*/
/*
html, body {
	margin:10px 0 20px 0;
	padding:0;
	height:100%;
	background-color:#000000;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	font-weight:normal;
	color:#FFFFFF;
	
}
*/

/* Floaters */
.right {float:right;}
.left {float:left;}


.clear {
	clear:both;
	line-height:0px;
	height:0px;
}

/* NB: Must have ie.css if you use this */
.clearfix:after {
    content:"."; 
    display:block;
	height:0;
    clear:both; 
    visibility:hidden;
}

#container {
	position:relative;
	width:800px;
	margin:auto;
	font-size: 1em;
	height: auto;
	overflow:hidden;
	color:#FFFFFF;
}

/*--------------------------------------------------------------------------------------------
	Sections
  --------------------------------------------------------------------------------------------*/


#home {
	width:800px;
	position:relative;
	float:left;
	font-size: 1em;
	height:922px;
	/*margin: 0px 0px 20px 0px;*/
	background:url(../images/bg_home.jpg) no-repeat;
	
}

#facts_of_life {
	width:800px;
	position:relative;
	float:left;
	font-size: 1em;
	height:auto;
	/*margin: 0px 0px 20px 0px;*/
	background:url(../images/facts_of_life/facts_header.jpg) no-repeat;
	background-color:#6a4a67;
	
}

#series {
	width:800px;
	position:relative;
	float:left;
	font-size: 1em;
	height:auto;
	/*margin: 0px 0px 20px 0px;*/
	background:url(../images/series_overview/series-overview_header.jpg) no-repeat;
	background-color:#003a1c;
	
}

#species {
	width:800px;
	position:relative;
	float:left;
	font-size: 1em;
	height:auto;
	/*margin: 0px 0px 20px 0px;*/
	background:url(../images/species/species_header.jpg) no-repeat;
	background-color:#6a4a67;
	
}

#gallery {
	width:800px;
	position:relative;
	float:left;
	font-size: 1em;
	height:auto;
	/*margin: 0px 0px 20px 0px;*/
	background:url(../images/gallery/gallery_header.jpg) no-repeat;
	background-color:#004420;
	
}

#music {
	width:800px;
	position:relative;
	float:left;
	font-size: 1em;
	height:auto;
	/*margin: 0px 0px 20px 0px;*/
	background:url(../images/music/music_header.jpg) no-repeat;
	background-color:#336073;
	
}

#mikes_diary {
	width:800px;
	position:relative;
	float:left;
	font-size: 1em;
	height:auto;
	/*margin: 0px 0px 20px 0px;*/
	background:url(../images/mikes_diary/mikes_diary_header.jpg) no-repeat;
	background-color:#336073;
	
}

#biog {
	width:800px;
	position:relative;
	float:left;
	font-size: 1em;
	height:auto;
	/*margin: 0px 0px 20px 0px;*/
	background:url(../images/biog/biog_header.jpg) no-repeat;
	background-color:#131d73;
	
}


#trailers {
	width:800px;
	position:relative;
	float:left;
	font-size: 1em;
	height:auto;
	/*margin: 0px 0px 20px 0px;*/
	background:url(../images/trailers/trailers_header.jpg) no-repeat;
	background-color:#2c424b;
	
}

#game {
	width:800px;
	position:relative;
	float:left;
	font-size: 1em;
	height:auto;
	/*margin: 0px 0px 20px 0px;*/
	background:url(../images/game/game_header.jpg) no-repeat;
	background-color:#336073;
	
}

#downloads {
	width:800px;
	position:relative;
	float:left;
	font-size: 1em;
	height:auto;
	/*margin: 0px 0px 20px 0px;*/
	background:url(../images/downloads/downloads_header.jpg) no-repeat;
	background-color:#513b33;
	
}

#episodes_home {
	width:800px;
	position:relative;
	float:left;
	font-size: 1em;
	height:auto;
	/*margin: 0px 0px 20px 0px;*/
	background: url(../images/episodes/templates/episodes_home.jpg) no-repeat;
	background-color:#3c7faa;
	
}

#episodes_01_challenges {
	width:800px;
	position:relative;
	float:left;
	font-size: 1em;
	height:auto;
	/*margin: 0px 0px 20px 0px;*/
	background: url(../images/episodes/templates/episodes_01.challenges.jpg) no-repeat;
	background-color:#6a090a;
	
}

#episodes_02_reptiles {
	width:800px;
	position:relative;
	float:left;
	font-size: 1em;
	height:auto;
	/*margin: 0px 0px 20px 0px;*/
	background: url(../images/episodes/templates/episodes_02.reptiles.jpg) no-repeat;
	background-color:#354502;
	
}

#episodes_03_mammals {
	width:800px;
	position:relative;
	float:left;
	font-size: 1em;
	height:auto;
	/*margin: 0px 0px 20px 0px;*/
	background: url(../images/episodes/templates/episodes_03.mammals.jpg) no-repeat;
	background-color:#336073;
	
}

#episodes_04_fish {
	width:800px;
	position:relative;
	float:left;
	font-size: 1em;
	height:auto;
	/*margin: 0px 0px 20px 0px;*/
	background: url(../images/episodes/templates/episodes_04.fish.jpg) no-repeat;
	background-color:#006278;
	
}

#episodes_05_birds {
	width:800px;
	position:relative;
	float:left;
	font-size: 1em;
	height:auto;
	/*margin: 0px 0px 20px 0px;*/
	background: url(../images/episodes/templates/episodes_05.birds.jpg) no-repeat;
	background-color:#6a4a67;
	
}

#episodes_06_insects {
	width:800px;
	position:relative;
	float:left;
	font-size: 1em;
	height:auto;
	/*margin: 0px 0px 20px 0px;*/
	background: url(../images/episodes/templates/episodes_06.insects.jpg) no-repeat;
	background-color:#2c424b;
	
}

#episodes_07_hunters {
	width:800px;
	position:relative;
	float:left;
	font-size: 1em;
	height:auto;
	/*margin: 0px 0px 20px 0px;*/
	background: url(../images/episodes/templates/episodes_07.hunters.jpg) no-repeat;
	background-color:#513b33;
	
}

#episodes_08_creatures {
	width:800px;
	position:relative;
	float:left;
	font-size: 1em;
	height:auto;
	/*margin: 0px 0px 20px 0px;*/
	background: url(../images/episodes/templates/episodes_08.creatures.jpg) no-repeat;
	background-color:#111960;
	
}

#episodes_09_plants {
	width:800px;
	position:relative;
	float:left;
	font-size: 1em;
	height:auto;
	/*margin: 0px 0px 20px 0px;*/
	background: url(../images/episodes/templates/episodes_09.plants.jpg) no-repeat;
	background-color:#1e6237;
	
}

#episodes_10_primates {
	width:800px;
	position:relative;
	float:left;
	font-size: 1em;
	height:auto;
	/*margin: 0px 0px 20px 0px;*/
	background: url(../images/episodes/templates/episodes_10.primates.jpg) no-repeat;
	background-color:#4f4e5d;
	
}


/*--------------------------------------------------------------------------------------------
	Structural 
  --------------------------------------------------------------------------------------------*/
  
#navigation{
	width:98px;
	float:left;
	margin: 180px 0px 0px 48px;
	display: inline;


}

#navigation ul{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1em;
}

#navigation li{
	color:#FFFFFF;
	margin: 0px 0px 8px 0px;
	
}

#navigation li a:link, #navigation li a:active, #navigation li a:visited {
	color:#FFFFFF;
	font-weight:normal;
}

#navigation li a:hover, #navigation li a.selected{
	color:#FFFFFF;
	font-weight:bold;

}

.bbc-earth{
	width:80px;
	height:110px;
	position:absolute;
	top:0px;
	right:10px;
	display: inline;
    

}

.bbc-earth a:link, .bbc-earth a:active, .bbc-earth a:visited{
	width:80px;
	height:110px;
	display: block;
}

.sponsor 
{
    width:80px;
    height:50px;
    position:absolute;
    right:10px;
    top:180px;
    background:url(../images/Dodge_w_url_WHITE.gif) bottom left no-repeat;
    margin:0px;
    font-size:11px;
    text-align:center;
}

.sponsor a
{
    display:block;
    width:80px;
    height:50px;
}
.sponsorHome 
{
    width:300px;
    height:50px;
    position:absolute;
    right:10px;
    bottom:100px;
    background:url(../images/Dodge_w_url_BLACK.gif) bottom right no-repeat;
    margin:0px;
    font-size:11px;
    text-align:center;
}

.sponsorHome a
{
    display:block;
    width:80px;
    height:50px;
    position:relative;
    left:220px;
}

.bbc-earth2{
	width:54px;
	float:right;
	margin: 0px 15px 0px 0px;

}

#main{
	width:569px;
	height:auto;
	margin: 251px 0px 0px 60px;
	float:left;

}

#main a, #main a:hover, #main a:visited 
{
    color:#FFFFFF;
}

#title{
	width:569px;
	height:54px;
	margin: 0px 0px 0px 0px;
	float:left;

}

#title2{
	width:569px;
	height:54px;
	margin: 0px 0px 15px 0px;
	float:left;

}

#game_box{
	width:568px;
	margin: 0px 0px 0px -20px;
	float:left;

}

#episode_nav{
	width:200px;
	height:26px;
	margin: 0px 0px 0px 181px;
	float:left;
	padding: 0px;
	display: inline;


}

#episode_nav ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	display: inline;

}

#episode_nav li{
	color:#FFFFFF;
	margin: 0px 0px 8px 0px;
	display: inline;
	padding: 0px 5px 0px 0px;

	
}

#episode_nav li a:link, #episode_nav li a:active, #episode_nav li a:visited {
	color:#FFFFFF;
	font-weight:normal;
}

#episode_nav li a:hover, #episode_nav li a.selected{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;

}

#half_col{
	width:256px;
	height:auto;
	margin: 0px 39px 0px 0px;
	float:left;
	padding: 0px;
	display:inline;
}

#half_col2{
	width:256px;
	height:auto;
	margin: 0px;
	float:left;
	padding: 0px;
	display:inline;

}

#half_col2a{
	width:256px;
	height:auto;
	margin: 40px 0px 0px 0px;
	float:left;
	padding: 0px;
	display:inline;

}

#half_col3{
	width:272px;
	height:auto;
	margin: 0px 25px 0px 0px;
	float:left;
	padding: 0px;
	display: inline;
}

#half_col4{
	width:265px;
	height:auto;
	margin: 0px;
	float:left;
	padding: 0px;
	display: inline;
}

.episodes_col{
	width:143px;
	height:auto;
	margin: 0px 41px 0px 0px;
	float:left;
	padding: 0px;
	text-align:center;
	display:inline;
}

.episodes_col2{
	width:143px;
	height:auto;
	margin: 0px 0px 0px 0px;
	float:left;
	padding: 0px;
	text-align:center;
	display:inline;
}


#facts{
	width:569px;
	height:auto;
	margin: 0px;
	float:left;
	/*
	font-size:1.2em;
	font-style:italic;
	color:#6a4a67;
    */
}

#diary{
	width:397px;
	height:664px;
	padding: 40px 85px 0px 30px;
	float:left;

}


#diary_nav{
	width:250px;
	height:20px;
	float:left;
	font-size:0.9em;
	display:inline;
	margin-left:155px;
}

#diary_nav a, #diary_nav a:visited, #diary_nav a:hover 
{
    color:#FFFFFF;
}



#footer-original{
	width:654px;
	margin: 25px 0px 15px 146px;
	float:left;
	font-size:0.75em;
	display: inline;

}

#footer-home{
	width:654px;
	margin: 25px 0px 15px 146px;
	float:left;
	font-size:0.75em;
	display: inline;
	position:absolute;
	bottom: 0px;
}

#footer-text{
	margin:18px 0px 0px 0px;
	width:560px;
	float:left;
}






/*--------------------------------------------------------------------------------------------
	Typography
  --------------------------------------------------------------------------------------------*/
/* Headings */
/*
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.92em;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	line-height: 140%;
}



b {
	margin: 0px;
	padding: 0px;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;	
}
*/

.episodeNumber 
{
    font-size: 1em;
    font-weight: bold;
}

.episodeTitle 
{
    font-size: 1.2em;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 10px;
}

.episodeTitle a {
    color: #FFFFFF;
}

.padding_bottom {
	padding: 0px 0px 15px 0px;
	
}

.read-more {
	font-style:italic;
	font-size:0.8em;
	padding-top: 7px;
	color: #FFFFFF;
}

.read-more a {
    color: #FFFFFF;
}

.read-more a:link .read-more a:visited, .read-more a:active   {
	color:#FFFFFF;
}

.read-more a:hover   {
	color:#FFFFFF;
	font-weight:bold;
}

.images{
	border:#FFFFFF solid 1px;
	margin: 10px 0px 10px 0px;

}

.images-notopmargin{
	border:#FFFFFF solid 1px;
	margin: 0px 0px 10px 0px;

}


.facts_images{
	border:#FFFFFF solid 1px;
	margin: 0px 10px 10px 0px;
	float:left;

}

.facts_text{
	color:#6a4a67;
	font-size:0.92em;
	line-height: 130%;
}

.facts_text_box{
	width:174px;
	padding:8px;
	border:#FFFFFF solid 1px;
	background-color:#c5cbdb;
	margin-bottom:10px;
	margin-left: 10px;
	float:right;
}

#diary p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	color: #000000;
	margin: 0px;
	padding: 0px;
	line-height: 140%;
}

#diary h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	
}

.dairy{
	padding: 40px 85px 0px 30px;
	display:inline;

}

/* Generic Links */

/*
a:link {
	color: #FFFFFF ;
	text-decoration: none;
}

a:visited {
	color: #FFFFFF ;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
}	

a:active {
	color: #FFFFFF ;
	text-decoration: none;
}
*/


#facts a:link {
	color: #c5cbdb ;
	text-decoration: underline;
}

#facts a:visited {
	color: #FFFFFF ;
	text-decoration: none;
	text-decoration: underline;
}

#facts a:hover {
	color: #FFFFFF;
	text-decoration: none;
	text-decoration: underline;
}	

#facts a:active {
	color: #c5cbdb ;
	text-decoration: none;
	text-decoration: underline;
}


/* Facts of Life Popups */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 5px;
left: -1000px;
border: 1px solid #c5cbdb;
visibility: hidden;
color: #000000;
font-size:0.8em;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
top: -90px;

}