/* INFO
Site : Nature dev1
url : http://dev1.cf.bbc.co.uk/wales/nature/sites/content/
Barlesque version :
Function : set all structure, aesthetics, typography
Filename : nature_layout.css	
Created : April 4th 2008
Last update :  07/04/2008 12:23:22
Author: Ollie Wells
*/

/* SECTIONS
=STANDARDISE
=NAVIGATION
  >Navigation - local
  >Navigation - sub
=CONTENT
	>Slideshow
	>Accordion
=IMAGES
*/



/*FONT SIZES
10px = 0.835em
12px = 1em
14px = 1.165em
16px = 1.335em
18px = 1.5em
20px = 1.665em
22px = 1.835em
24px = 2em
*/

/* COLOURS
Content bg:     #e0e0e0 - light grey
Headers:        #666665 - dark grey
Text:           #666665 - dark grey
Links:          #c11d1d - red
*/


/*=STANDARDISE
*********************************************************************/
body {
  margin:0;
  line-height:1;
  font-family:verdana,helvetica,arial,sans-serif;
  color:#333333;
  }
/***************************/

/*=NAVIGATION
*********************************************************************/

/*>navigation - local*/
#local-navigation {
  background:#def4f8 url(/staticarchive/445b9ae7ee243c6ad05cd16a09ccaf6f6bf88311.gif) left -100px;
  height:4em;
 
  }
  
* html #local-navigation {margin-left:0px;} 
  
 #local-navigation ul {padding:0; margin:0;}
 
 #local-navigation .navigation-button.selected a, #local-navigation .navigation-button-first.selected a, #local-navigation .navigation-button-last.selected a {
	background-position:0 -50px;
	color:#fff;
	font-size:1.6em;
}

#navigation-list li  {margin:0; padding:0; display:block; float:left;}

.navigation-button a, .navigation-button-first a, .navigation-button-last a  {
	background:url(/staticarchive/445b9ae7ee243c6ad05cd16a09ccaf6f6bf88311.gif) 0 0;
	color:#FFF;	

	}	
.navigation-button a:hover, .navigation-button-first a:hover, .navigation-button-last a:hover  {
	background-position:0 -50px;
	color:#FFF;	

	}	
  
.navigation-button a, .navigation-button-first a,  .navigation-button-last a  {
	color:#FFF;
	font-size:1.6em;
	display:block;
	padding:11px 15px 13px 14px;
	border-right:1px solid #fff; 
}
/**/ 

/*>Navigation - sub*/

#content .sub-navigation li {
  list-style-type:none;
  margin:0;
  padding-left:0;
  border-top:1px solid #eeeedd;
  line-height:1.6em;
  }

#content .sub-navigation ul.sub-accordion li {
background:url(/staticarchive/445b9ae7ee243c6ad05cd16a09ccaf6f6bf88311.gif) no-repeat left -230px;
  }

#content .sub-navigation ul.sub-accordion li.selected{
background:transparent url(/staticarchive/445b9ae7ee243c6ad05cd16a09ccaf6f6bf88311.gif) left -151px no-repeat;
  }


#content  ul.sub-navigation {
  margin:0;
  padding:10px 0 0 0;
  border-bottom:1px solid #eeeedd;
  }

#content .sub-navigation li a {
  display:block;
  width:auto;
  padding:9px 0;
  padding-left:10px;
  padding-right:10px;
  color:#98141b;
  font-family:arial;
  font-size:1.335em;
  }

#content .sub-navigation li.selected {
	background:url(/staticarchive/445b9ae7ee243c6ad05cd16a09ccaf6f6bf88311.gif) 0px -151px;
	border-bottom:0px;
  }
#content .sub-navigation li a:hover {
	background:url(/staticarchive/445b9ae7ee243c6ad05cd16a09ccaf6f6bf88311.gif) -156px -151px;
	border-bottom:0px;
}

/*----IE fixes----*/
* html #content ul.sub-navigation {
  border-top:1px solid #eeeedd;
  border-bottom:0px;
  padding-top:0;
  margin-top:10px;
  }
* html #content .sub-navigation li {
  border-bottom:1px solid #eeeedd;
  border-top:none;
  }
* html #content .sub-navigation li.selected {
  background:url(/staticarchive/445b9ae7ee243c6ad05cd16a09ccaf6f6bf88311.gif) 0px -151px;
  border-bottom:1px solid #FFF;}

/*----IE fixes----*/

/**/ 

/*>Slideshow*/
#slideshowtext h2 {
	color: #333333;
	padding:0;
	line-height: 1.3em;
}

#slideshow-nav {
	border-top: none;
	margin-top:-6px
}
.slideshow-numbers {
	margin-top:0px;
	margin-left:20px;
}
.slideshow {
	margin: 10px 20px 0 20px;
	padding: 0px 0 0px 0;
	width:446px;
	border-top: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc;
}
.slideshow-image{}
.content-no-left-hand-nav .slideshow-image img {margin:10px 0 10px 0;padding:0;}
.slideshow-number-on a.slideshow-number{
	padding:3px 6px 3px 6px; 
	background:#3A3E2F; 
	color:#FFF;
}
a.slideshow-number{
	padding:3px 6px 3px 6px;
	background:#EDEEDC;
	font-size:1em
	}
a.slideshow-next{
	padding:3px 6px 3px 6px;
	font-size:1.335em
	}
a.slideshow-back{
	padding:3px 6px 3px 6px;
	font-size:1.335em 
	}
/**/

/*>Accordion*/
ul.sub-accordion{
	display:block;
	}

#content .sub-navigation ul.sub-accordion li a {
	font-size:1em
	}
/**/



/* A -Z
---------------------------------*/
.A-z {
	margin:0 8px 10px 0px;
      }
      
.A-zNav {
	margin:0 0 10px 0;
	text-transform:uppercase;
      }
      
.A-zNav .selectedletter {
	font-weight:normal;
      }
      
.A-zNav a {
	font-weight:normal;
      }
      
.A-zNav a:hover {
	font-weight:normal;
      }
      
.A-zNavTop {
	text-transform:none;
      }

.AzEntry li a {
	font-weight:normal;
      }
      
.AzEntry li {
	list-style:none;
      }

.A-zNav {
	border-bottom:1px dashed #ccc;
	margin:0pt 0pt 10px;
	padding:0pt 0pt 10px;
      }

.atoz li {
	display:inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
      }
ul.atoz li {
	padding-right:20px
	}
.AzEntry {
	margin:0px;
	padding:0px;
	line-height:2em
      }

.AzEntry li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0px 0px 8px 0px;
	line-height:1.4em
      }

.AzEntry li a{
	font-size:1.165em;
	font-weight:normal;
	font-family: Arial, Verdana, Helvetica, sans-serif;
      }

.A-zNav .selectedletter {
	font-weight:bold;color:#333333
      }

.atoz {
	margin:5px 0pt 0pt 5px;
	padding:0pt;
	line-height:46px;
      }

.centre-content ul.atoz  {
	margin-left:0px
	}
.centre-content ul.AzEntry  {
	margin-left:0px
	}

.centre-content ul.AzEntry {
	margin-left:0px
	}


.atoz li a.selected {
	background:#3a3e31 none repeat scroll 0% 50%; 
	border:1px solid;
	color:#fff;
	font-size:1.1em;
	margin:0pt 7px 0 0;
	padding:6px 12px;
	text-transform:uppercase;
	text-decoration:none;
      }

.atoz li a {
	background:#FFFFFF none repeat scroll 0%; 
	border:1px solid #ccc;
	color:#cc0000;
	font-size:1.1em;
	margin:0pt 7px 0 0;
	padding:6px 12px;
	text-transform:uppercase;
	text-decoration:none;
      }
      
.atoz li a:hover {
	background:#EEEEDD none repeat scroll 0%; 
	border:1px solid #ccc;
	color:#666;
	font-size:1.1em;
	margin:0pt 7px 0 0;
	padding:6px 12px;
	text-transform:uppercase;
	text-decoration:none
      } 
      

.atoz li a.selected {
	background:#3a3e31 none repeat scroll 0% 50%; 
	border:1px solid;
	color:#fff;
	font-size:1.1em;
	margin:0pt 7px 0 0;
	padding:6px 12px;
	text-transform:uppercase;
	text-decoration:none
      }

/*--misc TODO > put in right place in right stylesheet*/


ul.programmeguidelinks li{
	list-style-image:none;
	list-style-type:none
	}

.centre-content ul.programmeguidelinks {
	margin-left:0px
	}

a.watch, a.watch-bullet {
	background:url(/staticarchive/9dac23c705b13636ed8303dfff69a0d8394db23b.gif) no-repeat 0px 0px;
	padding-left:24px
}

a.listen, a.listen-bullet {
	background:url(/staticarchive/a6226d4f656417d08773e5292b69ceb6b6dd8923.gif) no-repeat 0px 0px;
	padding-left:24px
}

a.standard-bullet {
	background:url(/staticarchive/84ef5e0398e18c55abda03c67d39709da3fdb224.gif) left -4px;
	padding-left:10px
	}

.content-thumb img{
	float:left
	}
p.txdetails {}

.programme_info {
	clear:both
	}
.centre-content .LinksboxArchive ul {
	margin-left:0px
	}

.centre-content .LinksboxArchive ul li{
	list-style-type:none;
	list-style-position:outside;margin-bottom:5px
	}
.LinksboxArchive ul li a{
	font-size:1.165em
	}
.LinksboxArchive ul li .linksdate {
	font-size:1em;
	color:#333333
	}



/*------/


/*Accordion ----------------------------*/

#programmeguideautumn_safari2007,
#programmeguidesafari_2006,
#programmeguidesafari_2005,
#programmeguidenature_of_britain {
	clear:both
	}

#programmeguideautumn_safari2007 h3,
#programmeguidesafari_2007 h3,
#programmeguidesafari_2006 h3,
#programmeguidesafari_2005 h3,
#programmeguidenature_of_britain h3 {
	padding-bottom:16px;
	}

.programmeguidedate {
	margin-top:6px;
	font-size:normal
	}
#programmeguidesafari_2007 {
	padding-top:40px
	}
.centre-content .accordion_toggle {
	margin:0px 0 16px 0;
	border-top:1px dashed #ccc;
	padding-top:6px;
	background:url(/staticarchive/39919774fcc3417a854d96b06785ea2fa7a143ef.gif) 436px -306px no-repeat;
	}
.centre-content .accordion_toggle.accordion_toggle_active {
	background:url(/staticarchive/39919774fcc3417a854d96b06785ea2fa7a143ef.gif) 436px -352px no-repeat;
	}

.centre-content .episodelistsummary {
	display:none
	}

.centre-content .accordion_content p 
	margin:0px
	}

.centre-content ul.programmeguidelinks li {
	margin:8px 0 16px 0
	}
.centre-content .accordion_content.programmeguideinfo p {
	margin:0px 0pt 20px;
	}

#linksboxdropdowni_player a{
	padding-left:24px;
	background:url(/wales/images/site/av/iplayer-play-13.gif) no-repeat 0 1px
	}

#linksboxdropdownradio_cymru.linksboxdropdown.basic {}

#linksboxdropdownradio_cymru h3 {
	padding:0 0 6px 0
	}

.content-thumb {}

.tx-details {
	background:#fff
	}

.programme-details {
	background:#fff;
	float:left;
	clear:both;
	padding-bottom:12px
	}

#linksboxdropdownspringwatch2008.linksboxdropdown.basic {
	background:#fff;
	padding-top:20px
	}

#linksboxdropdownspringwatch2008.linksboxdropdown.basic h3{
	padding:0 0 6px 0
	}
.linksboxdropdown-content p{
	padding-bottom:10px
	}
.linksboxdropdown.basic {
	border-bottom:1px dashed #ccc;
	padding:20px 0 20px 0
	}
.centre-content .slideshowpreview-head h2{
	padding: 10px 0 10px 0
	}
#flashholder {
	padding:10px;
	background:#fff
	}

#flashholder ul {
	padding-left:16px
	}

#flashholder ul li{
	list-style-type:disc;
	line-height:1.4em;
	padding-bottom:14px
	}

#flashholder h3 {
	font-size:2em;
	padding:10px 0 6px 0;
	margin-bottom:10px;
	border-bottom:2px solid #ccc}


#blq-content{background:#baf0fa;}

/*hplayout ----------------------------*/
#content .primary_content{
  float: left;
  background: none;
  width: 626px;
  padding:0px 0px 0 0;
  margin-bottom:0;
  }
#content .secondary_content{
  float: right;
  width: 306px;
  margin-bottom: -3000px;
  padding-bottom: 3010px;
  padding-left:0px;
  display:inline;
  margin-left:14px;
}
/*hplayout ----------------------------*/

/*mainpromo ----------------------------*/
#containerMainpromo {height:300px;}
* html #containerMainpromo {padding-right:0;}
#containerMainpromo  ul.mpStriplist li , #mainpromo ul.mpStriplist li {margin-right:20px;}
#containerMainpromo li a, #mainpromo li a {font-size:1.2em;}
#containerMainpromo p, #mainpromo p {margin-bottom:0;}
#containerMainpromo .mpBlock, #mainpromo .mpBlock  {
	width:226px;
	height:300px;
	position:absolute;
	top:0;
	left:400px;
	opacity: 0.8;
	background:#000;
	}
	
#mainpromo-article {
	margin:0;
	padding:0;
	}
#mainpromo-article .mpBlock {
	position:relative;
	background:#FFFFFF;
	font-family:arial,sans-serif;
	margin:0 0 0 0;
	left:0;
	width:600px;
	padding:0 0 0 0;
	}
#mainpromo-article h1 {
	padding:5px 10px 6px 10px;
	color:#333333;
	}
#mainpromo-article p {
	font-size:1.4em;
	color:#333333;
	margin-left:10px;margin-right:10px;margin-bottom:0;padding-bottom:0;
	}
#mainpromo-article .promo-image-446x251 {margin-bottom:0;padding-bottom:7px;margin-left:10px;}
/*mainpromo ----------------------------*/

/*Textbox ----------------------------*/
.Textblock {color:#333333;}
.Textblock p {font-size:1.4em;color:#333333;padding-left:10px;padding-right:10px;}
.Textblock ul {margin:0 10px 0 14px;padding:0;font-size:1.4em;}
.Textblock li {margin:0;padding:0;line-height:1.6em;}
.Textblock a {color:#e32040;}
.Textblock a:hover {text-decoration:underline;color:#333333;}
/*Textbox ----------------------------*/

/*linksbox ----------------------------*/
.Linksbox {
	background:#FFFFFF;
	border-bottom:10px solid #baf0fa;
	margin-top:0px;
	clear:both;
}
.Linksbox h2{
	font-size:2.2em;
	margin:0 10px 0 10px;
	padding:5px 0 3px 0;
	border-bottom:2px solid #6bc7d2;
}
.Linksbox h2 a{
	color:#6bc7d2;
}
#MultipleIncludesbox .contentBlock h2{
	border-bottom:2px solid #6bc7d2;
}
#MultipleIncludesbox .contentBlock h2 a{
	color:#6bc7d2;
}
.Linksbox h2 a:hover{
	color:#333333;
}
.Linksbox ul{
	margin:8px 10px 0 10px;
	padding:0 0 10px 0;
}
.Linksbox li{
	line-height:1.6em;
	font-size:1.2em;
	padding:0;
}
.Linksbox li a{
	color:#e32040;
}
.Linksbox li a:hover{
	text-decoration:underline;
	color:#333333;
}
/*linksbox ----------------------------*/

/*listenlive ----------------------------*/
/*.listenlive {width:140px;float:right;padding:0;margin:10px 10px 0 0;padding:0 0 0 0;background:#a8fbe9 url(/staticarchive/445b9ae7ee243c6ad05cd16a09ccaf6f6bf88311.gif) left -411px no-repeat}
.listenlive p {padding:7px 0 7px 10px;margin:0;background:transparent url(/staticarchive/445b9ae7ee243c6ad05cd16a09ccaf6f6bf88311.gif) left -240px no-repeat}
.listenlive a {font-size:1.3em;margin:0;padding:0 0 10px 32px;background: url(/staticarchive/445b9ae7ee243c6ad05cd16a09ccaf6f6bf88311.gif) left -330px no-repeat}
.listenlive a:hover {text-decoration:underline;color:#333333;}*/
.contentBlock p.livestream {padding-bottom:5px;padding-top:5px;margin:0;}
/*listenlive ----------------------------*/

/*twohomepromos ----------------------------*/
.homepromo1 {float:left;margin:0;}
.primary_content .contentBlock h2 {border-bottom:2px solid #6bc7d2;color:#666666;}
.homepromo2 {float:left;margin:0 0 0 14px;}
/*twohomepromos ----------------------------*/

a.standardBullet {
	background: url(/staticarchive/445b9ae7ee243c6ad05cd16a09ccaf6f6bf88311.gif) left -522px;
}

.below_main_promo_TextblockContent h3 {margin:0 0 0 10px;padding:10px 0 0 0;font-weight:bold;font-size:1.8em;color:#333333;}
.promo-image-226x127 {float:none;margin-left:10px;padding-bottom:0;}
.contentBlock h3 {color:#333333;}
#mainpromo .mpBlock li a {color:#ffba00;padding-left:20px;}
#mainpromo .mpBlock li a:hover {color:#FFFFFF;}

.mpbullet {
	background-image: url(/staticarchive/445b9ae7ee243c6ad05cd16a09ccaf6f6bf88311.gif);
	background-repeat: no-repeat;
	background-position: -19px -526px;
}
#content .homepage-mainpromo-container #mainpromo li a.mpbullet, #content .homepage-mainpromo-container #mainpromo1 li a.mpbullet, #content .homepage-mainpromo-container #mainpromo2 li a.mpbullet, #content .homepage-mainpromo-container #mainpromo3 li a.mpbullet, #containerMainpromo .mpbullet{
	color: #ffba00;
	padding: 1px 0px 0px 24px;
	font-weight: normal;
	text-decoration: none;
	width: 30px;
	overflow: hidden;
}

a.mpbullet:hover {
	color: #0179B2;
	text-decoration: underline
}
#header {background:#fff; border-top:2px solid #baf0f9;}
#header img {margin:0;padding:0;float:left;}
#header h1 a {display:inline;}
#MinisiteIncludeBoxC1 {margin-left:20px;width:446px;}