/* INFO
Site : Urdd 2009
url : http://www.cf.bbc.co.uk/cymru/urdd/2009/
Barlesque version :
Function : set all structure, aesthetics, typography
Filename : urdd_layout.css	
Created : March 24th 2008
Last update :  24/03/2009 12:23:22
Author: Takako Tucker
*/

/* 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;
  }

  
#blq-content {
	background: #d7decd; font-size:1.2em !important;
}


#column-container { padding:0 0 14px 0; height:100%; float:none; }



#content {margin:14px; height:100%; color:#333;}

* html #content {padding:14px; margin:0; height:100%;}

.content-no-left-hand-nav #mainpromo-article h1 {margin-left:10px; margin-bottom:0; padding-left:0;} 
.content-no-left-hand-nav p {padding:0;}
.content-no-left-hand-nav .Textblock {padding-left:0;}

.content-no-left-hand-nav .Textblock h2  {padding-left:10px;}
#mainpromo-article p {margin-left:0 !important;}
.content-no-left-hand-nav img  {margin-left:0;}
#mainpromo-article .mpBlock h1{margin-left:10px;}
ul.mpBlocklist li  {font-size:0.9em !important;}
/**/

/*=NAVIGATION
****/

/*>navigation - local*/
#local-navigation {
	background:#9be0ed;
	height:3px;
 
  }
  
* html #local-navigation {margin-left:0px; font-size:0.001px;} 
  
 #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/896bb5cc43b1c3cd867b3a2ac62d6da5d3e31057.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; 
}
/**/ 

#containerMainpromo {padding:0; background:none;}

/*vocab*/
#bbcvb_outer{
	top:75px !important;
}
/*header*/

#header h1 {float:none;}
#header {background:none;}

/**/ 


/*utilitybar*/
.utilitybar {height:30px; background:#def4f8;}


.clear 			{clear:both;}
/**/


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

/**/

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

#content .sub-navigation ul.sub-accordion li a {
	font-size:1em
	}
	
	
#content .right-content {margin-bottom:0; padding-bottom:0;}
/**/



/*--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
	}



/*------*/

#header h1 {text-indent:-100000px; font-size:0.01px;}


/*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: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;}
#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;
	background:transparent url(/staticarchive/1ed2275fd0de2e674c1a8096862ab43e7e0a3a9d.png) scroll 0 0;

	}
	
#containerMainpromo .mpBlockLeft  {
	width:226px;
	height:300px;
	position:absolute;
	top:0;
	left:0;
	background:transparent url(/staticarchive/1ed2275fd0de2e674c1a8096862ab43e7e0a3a9d.png) scroll 0 0;

	}
	
/*PNG fix*/

* html #containerMainpromo .mpBlock, #mainpromo .mpBlock  {
	bac\kground-image: url(/staticarchive/'/staticarchive/1ed2275fd0de2e674c1a8096862ab43e7e0a3a9d.png)'); /* PNG24 support. ie4/5 op5 css backslash filter - http://centricle.com/ref/css/filters/tests/sbmh/ */ 
	_bac\kground-image: none; /* negate bg-image on != ie6 . http://www.daltonlp.com/daltonlp.cgi?item_id=217 */ 
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=/staticarchive/'/staticarchive/1ed2275fd0de2e674c1a8096862ab43e7e0a3a9d.png)'); 

}


	
#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:626px;
	padding:0 0 0 0;
	}
#mainpromo-article h1 {
	padding:5px 10px 6px 10px;
	color:#333333;
	}
	
#mainpromo-article .mpBlock h1  {
	padding:6px 0 5px;
}

.mainpromo_top_heading h1 {
	border-bottom:2px solid #CCC;
	padding:6px 0 5px;

}
#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;}
/*mainpromo ----------------------------*/

/*Textbox ----------------------------*/
.Textblock {color:#333333;}
.Textblock p {font-size:1.2em !important;color:#333;padding-left:10px;padding-right:10px;}
.Textblock ul {margin:0 10px 0 25px;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;}
.Textblock img {margin-right:10px;}
/*Textbox ----------------------------*/

/*linksbox ----------------------------*/
.Linksbox {
	background:#FFFFFF;
	border-bottom:10px solid #baf0fa;
	margin-top:0px;
	clear:both;
	width:306px;
	float:left;
}

* html .Linksbox {
	margin-top:314px;
}
.Linksbox h2{
	font-size:2em;
	margin:0 10px 0 10px;
	padding:6px 0;
	border-bottom:2px solid #6bc7d2;
}
.Linksbox h2 a{
	color:#6bc7d2;
}

.contentBlock h2 a, .contentBlock h3 a, .contentBlock ul a {
color:#E32040
}

#MultipleIncludesbox .contentBlock h2{
	border-bottom:2px solid #6bc7d2;
	color:#666;
}

.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:1em;
	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/896bb5cc43b1c3cd867b3a2ac62d6da5d3e31057.gif) left -411px no-repeat}
.listenlive p {padding:7px 0 7px 10px;margin:0;background:transparent url(/staticarchive/896bb5cc43b1c3cd867b3a2ac62d6da5d3e31057.gif) left -240px no-repeat}
.listenlive a {font-size:1.3em;margin:0;padding:0 0 10px 32px;background: url(/staticarchive/896bb5cc43b1c3cd867b3a2ac62d6da5d3e31057.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;}
.primary_content .contentBlock.blog {margin-left:14px;}
.homepromo2 {float:left;margin:0 14px 0 0;}
/*twohomepromos ----------------------------*/

a.standardBullet {
	background: url(/staticarchive/896bb5cc43b1c3cd867b3a2ac62d6da5d3e31057.gif) 7px -521px;
}
.below_main_promo_TextblockContent {padding-bottom:10px;}
.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;}
.mpBlock li  {
	padding:0 0 0 20px;
	text-indent:-24px;
	}

#mainpromo .mpBlock li a {color:#ffba00;padding-left:20px;}
#mainpromo .mpBlock li a:hover {color:#FFFFFF;}

.mpbullet {
	background-image: url(/staticarchive/896bb5cc43b1c3cd867b3a2ac62d6da5d3e31057.gif);
	background-repeat: no-repeat;
	background-position:-19px -523px;
}
#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 img {margin:0;padding:0;float:left;}
#MinisiteIncludeBoxC1 {margin-left:10px;}

/*itemblock*/

.itemBlock-short.even.first-of-three  {margin:0 0 0 5px;}
.itemBlock-short {background:#E3F1F3;}

/*blog promo style*/

.blogpromo img {margin-right:0; margin-top:0;}
.blogpromoinfo {
	background:transparent url(/staticarchive/a05fc6892cfeeb4b32cf347deff6fd31ae3a3126.gif) no-repeat scroll left top !important;
	float:right;
	margin:10px 10px 10px 0;
	width:228px;
}

* html .blogpromoinfo {
	margin-right:5px;
}

.blogpromoinfo p.base {
	background:transparent url(/staticarchive/988a694ad6f2f9b23a1669fbbbd4c3d5ba31d0c6.gif) no-repeat scroll left bottom !important;
	margin:0 !important;
	padding:0 0 7px 31px !important;
}

.blogpromoinfo h4 {
	margin:10px 0 0 4px;
	padding:0 0 0 25px;
}

.blogpromoinfo p {
	background:transparent url(/staticarchive/aa63461799d17c072ee0085354c464002e28edcc.gif) no-repeat scroll left top !important;
	color:#2B2B2B;
	margin:4px 0 0 4px !important;
	padding:0 20px 0 25px !important;
}

.blogpromoinfo a {
color:#E32040;
}

.blogpromoinfo a:hover {
color:#333;
text-decoration:underline;
}

/**/