/* INFO
Site : Urdd 2010
url : http://www.cf.bbc.co.uk/cymru/urdd/2010/
Barlesque version :
Function : set all structure, aesthetics, typography
Filename : urdd_layout.css	
Created : March 24th 2008
Last update :  24/03/2010 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:arial,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;}

.imgbox {float:right;}

.Textblock h3  {
	margin:0 0 0 10px;
	padding:10px 0 0;
	color:#333333;
	font-size:1.7em;
}

.Textblock #emp1.player {
float:right;
margin-left:20px;
}
#mainpromo-article #emp1 {
margin-left:11px;
}

.Textblock h4 {margin-left:310px;}

#header h1 a, #header a#headerlink {
	background: url(/staticarchive/e4a64124de1d9f50b6617803ebc912e58b0d17bf.gif);
	width:568px;
	height:68px;
	display:block;
	text-indent:-9999px;
	font-size:0.001px;
 }
/***************************/

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

/*>Navigation - local*/
#local-navigation {
	background: url(/staticarchive/896bb5cc43b1c3cd867b3a2ac62d6da5d3e31057.gif) left bottom repeat-x;

}


#local-navigation ul#navigation-list .navigation-button.selected a, #local-navigation ul#navigation-list .navigation-button-first.selected a, #local-navigation ul#navigation-list .navigation-button-last.selected a, #local-navigation ul#navigation-list .navigation-button.selected a:hover, #local-navigation ul#navigation-list .navigation-button-first.selected a:hover, #local-navigation ul#navigation-list .navigation-button-last.selected a:hover {
	background: url(/staticarchive/896bb5cc43b1c3cd867b3a2ac62d6da5d3e31057.gif) 0 0 ;
}

.navigation-button a, .navigation-button-first a, .navigation-button-last a, .navigation-button-last a  {
	background: url(/staticarchive/896bb5cc43b1c3cd867b3a2ac62d6da5d3e31057.gif) right -50px ;
	color: #fff;

}
	
 .navigation-button-first.selected a, .navigation-button-last.selected a, .navigation-button.selected a  {
 	color:#fff;
 }
	
.navigation-button a:hover, .navigation-button-last a:hover, .navigation-button-first a:hover  {
	background: url(/staticarchive/896bb5cc43b1c3cd867b3a2ac62d6da5d3e31057.gif) right -100px;
	text-decoration:none;
	color:#fff;
}

#navigation-list li a {
	margin: 0 3px 0 0;
	display: block;
	float: left;
	font-size: 1.6em;
	padding: 11px 15px;
}

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

/*>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/896bb5cc43b1c3cd867b3a2ac62d6da5d3e31057.gif) no-repeat left -230px;
  }

#content .sub-navigation ul.sub-accordion li.selected{
background:transparent url(/staticarchive/896bb5cc43b1c3cd867b3a2ac62d6da5d3e31057.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/896bb5cc43b1c3cd867b3a2ac62d6da5d3e31057.gif) 0px -151px;
	border-bottom:0px;
  }
#content .sub-navigation li a:hover {
	background:url(/staticarchive/896bb5cc43b1c3cd867b3a2ac62d6da5d3e31057.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/896bb5cc43b1c3cd867b3a2ac62d6da5d3e31057.gif) 0px -151px;
  border-bottom:1px solid #FFF;}

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

/*header*/

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

/**/ 


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


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

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

#slideshow-nav {
	border-top: none;
	margin-top:-6px
}
.slideshow-numbers {
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
	border-bottom:1px dashed #ccc;
	padding:10px 0;
	height:20px;
	
}
.slideshow {
	margin: 10px 20px 0 0px;
	padding: 0px 0 0px 0;

}
.slideshow-image {margin-left:10px; }
.slideshow-image img {margin-top:0 !important}

.slideshow h2 {margin-bottom:0;  font-size:1.5em;}



* html #slideshow-nav {
	margin:10px 0 5px 15px;
	height:20px;
}



#slideshow-nav  a.slideshow-back {
	color:#c9521b;
	font-weight:bold;
	font-size:1.9em;
	width:25px;
	float:left;
	display:block;
}

#slideshow-nav  span.slideshow-back-grey {
	color:#cdc7c6;
	font-weight:bold;
	font-size:1.9em;
	width:25px;
	float:left;
	display:block;
}

#slideshow-nav  a.slideshow-next {
	color:#c9521b;
	font-weight:bold;
	font-size:1.9em;
	width:25px;
	float:left;
	display:block;
	text-align:right;
}

#slideshow-nav  span.slideshow-next-grey {
	color:#cdc7c6;
	font-weight:bold;
	font-size:1.9em;
	width:25px;
	float:left;
	display:block;
	text-align:right;
}


#slideshow-nav  a.slideshow-number {
	display:block; 
	width:17px;
	height:15px;
	float:left;
	padding:3px 0px 0 0px;
	color:#ca5f28;
	background:#E3F1F3;
	margin-right:3px;
	margin-top:4px;
	text-align:center;
}

 #slideshow-nav  a:hover {
	color:#333;
	background:#b7e4ec;
}

#slideshow-nav span.slideshow-number-on a.slideshow-number{
	background:#333;
	color:#fff;
}

#slideshowtext{
	clear:both;
	padding:0 15px 0 10px;
	margin-bottom:0;
	margin-top:0;
}

#slideshowtext p{
	margin:0;
 	padding:0;
 	color:#333333;
	font-size:1.02em;
	line-height:1.5em;
	
}



/**/
.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(../../images_redesign/furniture/sprite.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
	}

.content-no-left-hand-nav li  {font-size:0.9em !important;}

.content-no-left-hand-nav br {
	line-height: 1.2em !important;
	display: inline !important;
}
/*------/


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

/*Linksbox*/

.Linksbox {width:306px; }

/**/

/*midcol*/

.midcol {width:306px; float:left; margin-right:14px;}
.contentBlock.blog {/*margin-left:14px;*/}
/*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 .mpStrip {width:100%;}
#containerMainpromo .mpStrip ul {padding-bottom:10px;}
.mpStrip ul li a {display:inline !important;}
#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/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/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;
}
.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;
}

.contentBlock.ticker {
	background:none;
	margin-top:-5px;
}

.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;}
.homepromo2 {float:left;margin:0 14px 0 0; width:306px;}
/*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 -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;
	display:block;
	font-weight:normal;
	/*margin:0 0 0 10px;*/
	overflow:hidden;
	padding:0 0 0 24px;
	text-decoration:none;
	width:170px;
}



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

.blogpromo h3 {
	width:150px;
	}

/*Flashcontent ticker*/

#nonflash {padding:10px 15px 10px 40px; line-height:1.6em; background:#fff url(/cymru/urdd/2010/images/warning.gif) 5px 10px no-repeat;}
#nonflash a {color:#E32040;}
#nonflash a:hover {text-decoration:underline; color:#333;}

/**/

/**CTA**/

.ctaouter {
	background:#def4f8 none repeat scroll 0 0;
	font-size:1.2em;
	height:56px;
	opacity:1;
	position:absolute;
	right:160px;
	top:6px;
	width:258px;
	z-index:2;
	filter:none;

}


#header .cta.ctaheader {
	right:165px;
	color:#43776b;
	width:245px;
	padding:12px 0 8px 8px !important;
	line-height:1.2em;

}

* html #header .cta.ctaheader {	padding:5px 0 8px 8px !important;
}

h3.cta, #header .cta.ctaheader p, #header .cta.ctaheader a {
	color:#43776b !important;
	padding-left:2px;
	}
#header .cta.ctaheader a  {
	background:transparent url(/staticarchive/7b6d4efc6b8c9552e7124bc011bf492ca0d9fbeb.gif) no-repeat scroll 0 2px;
	margin-left:0 !important;
	padding-left:25px;
	padding-bottom:1px;
	font-weight:bold;
	display:inline;
	}

.contentBlock h3.audio {display:block; width:280px; padding-bottom:0;}
.contentBlock .audio {width:280px; padding:0 10px 5px 10px; line-height:1.65em;}

#containerMainpromo ul.mpBlocklist li a:hover {text-decoration:underline !important; overflow:visible; color:#fff;}
#containerMainpromo ul.mpBlocklist li a {color:#FFBA00;}
.contentBlock .blogpromo h3 {float:none;}