/* INFO
Site : BBC Cymru Vocab
url : http://dev1.cf.bbc.co.uk/cymru/vocab/
Barlesque version :
Function : set all structure, aesthetics, typography
Filename : vocab_layout.css	
Created : August 19th 2008
Last update :  19/08/2008 09:17:22
Author: Jimmy Stagg
*/

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



/*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:     		  #e4e0cf - light brown
Header nav bar bac:       #9c7718 - brown/gold 
Text:          			  #333 - dark grey
Links:          h2        #9C7718 - brown
				content   #ffd100 - yellow
*/


/*=STANDARDISE
*********************************************************************/
body {
  margin:0;
  line-height:1;
  font-family:arial,helvetica,arial,sans-serif;
  color:#333333;
  }
/***************************/
#blq-main #blq-content, #blq-main, #content .homepage-promo-column-left {
background:#e1e1e1;
width: 974px;
}

a {color:#c11d1d;}

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

/*>Navigation - local*/
#local-navigation {
  background:url(/staticarchive/b071d4cb23739e585c3e1a5cc9f962bb3153737d.gif) 0 -560px;
  }
   
 #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, #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/b071d4cb23739e585c3e1a5cc9f962bb3153737d.gif) 0 0;
}

.navigation-button a, .navigation-button-first a, .navigation-button-first.selected a, .navigation-button-last.selected a, .navigation-button-last a, .navigation-button-last a  {
	background:url(/staticarchive/b071d4cb23739e585c3e1a5cc9f962bb3153737d.gif) right -50px ;
}
	
	
.navigation-button a:hover, .navigation-button-last a:hover, .navigation-button-first a:hover  {
	background:url(/staticarchive/b071d4cb23739e585c3e1a5cc9f962bb3153737d.gif) right -100px;
}


 #navigation-list li a {
	margin: 0 3px 0 0;
	display: block;
	float: left;
	font-size: 1.6em;
	padding: 11px 15px;
	color: #ffae00;
}
#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{color:#000000;}
/**/ 


/*>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  ul.sub-navigation {
  margin:10px 0 0 0;
  padding:0;
  }

#content .sub-navigation li a {
  display:block;
  padding:9px 0;
  padding-left:10px;
  padding-right:10px;
  color:#9C7718;
  font-size:1.335em;
  height:100%;
  }

#content .sub-navigation li.selected{
	height:100%;
  }
#content .sub-navigation li.selected a{
	background:url(/staticarchive/b071d4cb23739e585c3e1a5cc9f962bb3153737d.gif) 0 -156px;
	color:#333 ;
	border-bottom:0;
  }
#content .sub-navigation li.selected a:hover  {
	background:url(/staticarchive/b071d4cb23739e585c3e1a5cc9f962bb3153737d.gif) -156px -150px;
	border-bottom:0;
	
  }
#content .sub-navigation li a:hover {
	background:url(/staticarchive/b071d4cb23739e585c3e1a5cc9f962bb3153737d.gif) -156px -150px;
	color:#9C7718;
	height:100%;
}


#content .sub-navigation-include li a:hover {
	background:url(/staticarchive/b071d4cb23739e585c3e1a5cc9f962bb3153737d.gif) -156px -150px;
	}

#content .sub-navigation-column .sub-navigation ul.sub-navigation-include {
	margin:0;
	padding:0;	
	}
	
#content .sub-navigation-column .sub-navigation ul.sub-navigation-include a{
	color:#9C7718;
	}
	
#content .sub-navigation-column .sub-navigation ul.sub-navigation-include a:hover{
	color:#333;
	background:#e2dbc7 !important;
	}

	
#content .sub-navigation-column .sub-navigation ul.sub-navigation-include li {
	border-top: 1px solid #ffffff !important;
	}
	
#content .sub-navigation li a {
	margin:0;
	background:transparent;
	
	}
	

#content .sub-navigation-include li.nolink {
	/*background:#d1f0fe;*/
	margin:0;
	padding:2px 10px;
	font-size:1.165em;
	color:#666;
	}


#content .sub-navigation-include li a {
	margin:0 ;
	padding:2px 10px;
	/*background-position: 0 -230px ;*/
	color:#1819db;
	font-size:1.165em;
	}
	

#content .sub-navigation-column .sub-navigation ul.sub-navigation-include li a {
	background:#f1ecde;
	width:126px;
	display:block;
}

#content .sub-navigation-column .sub-navigation ul.sub-navigation-include li a:hover {
	margin:0;
	padding:2px 10px;
	color:#333;
	font-size:1.165em;
	background:#f1ecde;
	}

	
#content .sub-navigation-column .sub-navigation ul.sub-navigation-include li.selected a{
	margin:0;
	padding:2px 10px;
	color:#fff ;
	font-size:1.165em;
	background:#333;
	}
	
#content .sub-navigation-column .sub-navigation ul.sub-navigation-include li.selected a:hover {
	background:#333;
	color:#fff;
}





* html .mpStrip {bottom: -1px;}
/*-----Generic content blocks*/	
			.contentBlock h2 			{border-bottom:2px solid #333333;color:#9C7718;}
			.contentBlock h2 a 			{color:#2c70af;}
			.contentBlock h2 a:hover 	{color:#333;} 
			.contentBlock h3 a			{font-weight:bold;background:transparent;}
			.contentBlock ul 			{border-top:1px dashed #2c70af;} 
			.contentBlock li			{} 
			.contentBlock ul li	a.standardbullet {background: transparent url(/admin/james/cssl/images/furniture/sprite.gif) no-repeat -395px 0; padding:0 0 0 13px;}
			

/*-----Generic content blocks*/	


/*-----Homepage layout styles*/
			.homepage-block 				{width:626px;float:left;margin-left:14px;}
			#content .homepage-mainpromo-container {}
			.column-wrap 					{margin:0 0 1px 0;padding-left:14px;padding-top:0;background: transparent url(/staticarchive/cf2dd937dea0fdbd1cc1e6b9201b3523b2e0cc5f.gif) top left no-repeat}
			.disc-container 		 		{padding:10px 0 0 0;width:976px;background:#e7e7e7;}
			.disclaimer 		 			{width:626px;background:#f5f5f5;margin:0;padding:5px 0 5px 0;}
			.disclaimer h1		 			{color:#333333;padding:20px 0 0 10px;margin:0;}
			.disclaimer h2		 			{color:#333333;}
			.disclaimer h3		 			{margin:0;padding:10px 0 0 10px;font-weight:bold;}
			.disclaimer h4		 			{margin:0;padding:10px 0 0 10px;}
			.disclaimer ol		 			{margin:0 10px;}
			.disclaimer ol li				{padding:4px 0;}
			.disclaimer ol li p				{margin-left:0;}
			.disclaimer ol.main	 			{line-height:1.665em;padding-bottom:8px;list-style-type:decimal;padding-left:20px;}
			.disclaimer ul		 			{line-height:1.665em;padding-bottom:8px;list-style-type:disc;padding-left:14px;margin:0 10px;}
			.disclaimer ol.sub				{line-height:1.665em;padding-bottom:8px;list-style-type:none;padding-left:0;margin-left:0;}
			.disclaimer p		 			{margin-left:10px;margin-right:10px;}	
			.disclaimer p.divide		 	{border-top:1px solid #cccccc;padding-top:10px;}	
			.column-first 					{float:left;width:306px;margin-left:0;margin-top:0;padding-top:0;}
			.column-first img 				{margin-top:0;padding-top:0;}
			.column-second 					{float:left;width:306px;margin-left:14px;margin-top:0;}
			.column-third 					{float:left;width:306px;margin-left:14px;margin-top:0;}
			h2								{font-size:1.6em;margin:0;padding:5px 10px 7px 10px;color:#ffffff;}
			.lang2 p		 				{margin-top:5px;padding:0;color:#d09a9a;}
			.lang2 a		 				{color:#d09a9a;}
			.lang2 a:hover		 			{color:#FFFFFF;}
			.lang2 			 				{margin:0 10px;color:#d09a9a;border-top:1px solid #434343;}
			.lang3 p		 				{margin-top:5px;padding:0;color:#56C1EB;}
			.lang3 a		 				{color:#56C1EB;}
			.lang3 a:hover		 			{color:#FFFFFF;}
			.lang3 			 				{margin:0 10px;color:#56C1EB;border-top:1px solid #434343;}
			.english p		 				{margin-top:5px;color:#cccccc;}
			.english 		 				{margin:0 10px;color:#cccccc;border-top:1px solid #434343;}
			#containerPromos {margin-top:14px;padding:0 0 13px 0;background:#e7e7e7;}
/*-----Homepage layout styles*/



/*-----see also homepage*/
			.seealso h3 				{color:#333333;width:250px;}
			.seealso ul 				{border-top:none;}
			.seealso .linksboxdropdown.basic {padding:0;border-bottom:none;}
/*-----see also homepage*/


/*-----minisite page*/
#mainpromo-article h1 {float:none;line-height:1.4em;padding:10px 0 0 0;margin:0;color:#333333;}
#mainpromo-article p {margin-top:10px;font-size:1.16em;color:#333333;line-height:1.5em;}
.Textblock p {color:#333333;line-height:1.5em;}
.Textblock ul {color:#333333;line-height:1.5em;}
.Textblock ul li{margin:0;padding:0;}
.Textblock ul li a:hover, .Textblock ol li a:hover {text-decoration:underline;}
.Textblock ul.links {color:#333333;line-height:1.5em;list-style-type:none;margin:0;}
.Textblock ul.links li a {background-position: 0 1px;}
.Textblock ol {list-style-type:decimal;font-size:1.16em;color:#333333;line-height:1.5em;margin:10px 10px 0 20px;}
.Textblock ol li{margin:0;padding:0;}
.Textblock p a {text-decoration:none;}
.Textblock p a:hover {text-decoration:underline;}
.Textblock h2 {color:#333333;font-size:1.6em;}
#blq-content .Textblock h3 {color:#333333;font-size:1.2em;font-weight:bold; margin:10px 0;}
#blq-content .Textblock h4 {color:#333333;font-size:1.1em;font-weight:bold; margin:0 !important; padding:3px 0px !important; }
#blq-content .Textblock p 	{padding:0; margin-top:4px;}

img.pageimage {padding-top:10px;}
p.imagedesc {padding:0;margin:0;font-style: italic}




.linksboxdropdown {background:#ffffff;border-bottom:10px solid #cfdefd;}
.linksboxdropdown h3 			{font-size:2em;border-bottom:2px solid #25cefa;color:#666;padding:8px 0 5px 0;margin:0 10px ;}
.linksboxdropdown ul 			{margin:0 10px 0 10px;padding-bottom:8px;}
.linksboxdropdown li 			{font-size:1.2em;border-top:none;padding:7px 0 2px 0;}
/*-----minisite index*/

			.main_content 		 				{float:left;width:626px;background:#f5f5f5;margin:10px 0 10px 14px;padding:5px 0 5px 0;}
			* html 	.main_content 				{margin-left:7px;}
			.main_content h1		 			{color:#333333;padding:14px 0 0 10px;margin:0;}
			.main_content h2		 			{line-height:1.4em;padding:20px 0 0 10px;color:#333333;}
			.main_content h3		 			{margin:0;padding:10px 0 0 10px;font-weight:bold;}
			.main_content h4		 			{margin:0;padding:10px 0 0 10px;}
			.main_content ol		 			{list-style-type:decimal;color:#333333;margin:0 10px;padding-left:20px;line-height:1.665em;}
			.main_content ol li					{padding:4px 0;}
			.main_content ol li p				{margin-left:0;}
			.main_content ol.main	 			{line-height:1.665em;padding-bottom:8px;list-style-type:decimal;padding-left:20px;}
			.main_content ul		 			{line-height:1.665em;padding-bottom:8px;list-style-type:disc;padding-left:14px;margin:0 10px;color:#333333;}
			.main_content ol.sub				{line-height:1.665em;padding-bottom:8px;list-style-type:none;padding-left:0;margin-left:0;}
			.main_content p		 				{color:#333333;margin-left:10px;margin-right:10px;}	
			.main_content p.divide		 		{border-top:1px solid #cccccc;padding-top:10px;}
			.main_content .disclaimer		 	{margin:10px 0;border-top:10px solid #E1E1E1;}
			.main_content .disclaimer h2		{margin:0 10px;padding:8px 0;border-bottom:2px solid #999999;}







#mainpromonoimage h2{margin:2px 10px 10px 10px;font-family:"hoefler text", georgia;color:#333333;}

.Linksbox ul li	a.standardbullet {background: transparent url(/admin/james/cssl/images/furniture/sprite.gif) no-repeat 0 -315px; padding:0 0 0 13px;}

.request {padding:10px 0;background:#cccccc;margin:20px 10px 20px 10px;}
.request p{color:#333333;}

.c_nav {width:306px;float:left;background:#ffffff;margin:10px 0 0 14px;}
.c_nav ul{margin:0;}
.c_nav li{line-height:1.6em;padding:6px 10px;border-bottom:1px solid #cccccc;}
.c_nav li.selected{background:#cccccc;}
.c_nav li.end{border-bottom:none}

.c_nav li a {background:none;}

pre {
   display: block;
   margin: 10px 0 0 10px;
   white-space: pre;
   overflow: auto;
   width: 588px;
   line-height: 1.4;
   border: 1px solid #ccc;
   background: #ece9d8;
   padding: 8px;
}