/**********************************************
	* Little Britain
	* - m chadburn, 2005-11
	*/			

		/* -- import base styles -- */
			@import url("/staticarchive/3375ffdb1e0109ccebfe4306aebf7575cb5cf3a4.css");

		/* -- typography overrides -- */
		
			#grid-columns a, #grid-columns a:link, #grid-columns a:visited, #grid-columns a:hover
				{ color: #000077; }
				
			.text-disclaimer
				{
				margin-top: 1em;
				font-size: 0.76em;
				color: #666;
				}
				
		/* -- image overrides -- */	
		
		 #grid-columns a img, #grid-columns a:link img, #grid-columns a:visted img, #grid-columns a:active img
			{ border: 1px solid #000000; }
			
		/* -- icon ovverides -- */
	
		 div#grid-banner #grid-av
				{ top: 18px; }
	
		 .icon-video
			{ background-image: url("/staticarchive/8a74702d078722274a54c59f68acedf178c93232.gif");}
			
		/* --- */		
			body
				{
				background-color: #B2CCE5;
				background-image: url("/staticarchive/cecc9fe3c00aba520649f6094cb8d76b31399702.jpg");
				background-repeat: no-repeat;
				background-position: top left;
				}
			
			body#page-brand-home
				{
				background-color: #1f2220;
				background-image: url("/staticarchive/0f7edf6381b5943da09181e6c3fbd84b54e48a5b.jpg");
				}
						
			body#page-brand-home .box-cleese
				{ /* guess work box alignment with left-nav on ff/ie5/6 */
				margin-top: 46px;				
				_margin-top: 50px;
				width: 306px;
				}
				
		/* --- */
			ul.widget-crumb
				{ 
				background-color: #FE0403;
				padding: 3px 0 0 5px;
				margin: 0 5px 5px 0; /* 5px added to base to compensate heavy bgcolor */
				_height: 22px;
				min-height: 18px;
				}
				
			ul.widget-crumb li
				{ background-image: url(/staticarchive/2f327333d1d751f0db04df1ce479bcb014d9dea9.gif); }

			ul.widget-crumb li a, ul.widget-crumb li a:link, ul.widget-crumb li a:visited
				{ color: #ffffff; }

						
		/* --- style page layout areas--- */
			#grid-column-0, #grid-column-0 a, #grid-column-0 a:link
				{ color: #ffffff; }
							
			.bbcpageCrumb a
				{ color: #ffffff; }
			
			.bbcpageServices hr /* hr picks up default hr styling of page, so remove */
				{ visibility: hidden; }
			
			.bbcpageServices font
				{ color: #ffffff; }
	
			a.bbcpageServices, .bbcpageToplefttd, .bbcpageToplefttd a, .bbcpageToplefttd font
				{ color: #ffffff; }
				
			.bbcpageFooter, a.bbcpageFooter
				{ color: #000000; }
				
			#page-brand-home .bbcpageFooter, #page-brand-home a.bbcpageFooter
				{ color: #ffffff; }
					
			div#grid-columns
				{ 
				/* \*/	
				_height: 105%; /* ie 5/5.5 chopping descendant columns */
				/* */
				background-color: white;
				border-left: 5px solid #ffffff;  /* pad main article body */
				}
				
			body#page-brand-home div#grid-columns
				{
				border-left: 0px solid #ffffff;
				background-color : transparent; /* override preceding bg-image for home page */
				}

	  /* --- branded left-nav --- */
			#grid-column-0 .menu-brand dt, 
			#grid-column-0 .menu-brand dd, 
			#grid-column-0 .menu-brand dd a, 			
			#grid-column-0 .menu-brand dd a:link
				{ color: #000000; }
				
			.menu-brand dd, .menu-brand dd a, .menu-brand dd a:link
				{ color: #000000; }
			
			.menu-brand dt, .menu-site dt
				{
				font-size: 1.2em;
				font-weight: bold;
				}

			.menu-brand
				{
				background-color: white;  /* opera5, ie4, macie5 etc. */
				bac\kground-image: url('/staticarchive/0c2aad818247c40ff79dca9c4d9db08f4839f3f3.png');
				_bac\kground-image: none;
				_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/staticarchive/0c2aad818247c40ff79dca9c4d9db08f4839f3f3.png');
				}

		 	/* \*/
			.menu-brand
				{
				bac\kground-color: transparent;
				_width: 140px;  /* need to force width on ie to use PNG filter below */	
				}				
			/* TODO = document this */

			.menu-brand a 
				{ 
				_position: relative;
				}
						
		/* --- misc --- */				
			hr
				{ border-color: #AE0302; }

			.box-atkinson
				{ background-color: #FE0403; }
				

		/* --- */
			#grid-column-1 .lists-milligan p, #grid-column-1 .lists-milligan h3
				{ margin: 0; } /* more often than not, we don't want margins here, so override */
		
		
		/* --- */
		
			/* \*/
			#page-brand-article .lists-milligan li
				{ border-bottom: 2px dotted #AE0302; } 
			/* */
			
			#page-brand-article .lists-milligan li.last-child
				{ border-width: 0px; } /* no border on last li child */
						
			#page-brand-home .lists-milligan .nth-child-1 h3
				{ }

			body#page-brand-home .lists-milligan p
				{ margin-top: 0.8em; }
				
			body#page-brand-home .lists-milligan img
				{ margin-top: 2.0em; }
				
			body#page-brand-home .lists-milligan h3 img
				{ margin: 0; padding: 0; }

			body#page-brand-home .lists-milligan h3
				{ margin-left: -68px; }
	
			body#page-brand-home .lists-milligan li.dawson h3
				{ margin-left: -131px; }
			
			#page-brand-home .lists-milligan h3
				{ color: #ffffff; padding: 0.1em; }
			
			.lists-milligan li img				
				{ /* top: 1.35em; */ }

			#page-brand-home .lists-milligan li.dawson
				{			
				_height: 85px;
				min-height: 90px;			
				}
				
/** background & font color more strip on home page */
	#grid-more h3
		{ background-color: #ffffff; color: #0000ff; padding: 2;}

	/** color of the horizontal dividers between the more boxes */
	#grid-more li
		{ border-color: #eee; }
		
	/** links beneath the 'more' box */
	#grid-more a, #grid-more a:link, #grid-more a:visited
		{ color: #ffffff; } 
	
	/** color of the horizontal dividers between the more boxes */
	#grid-more li
		{ border-color: #eee; }
		
	/** links beneath the 'more' box */
	#grid-more a, #grid-more a:link, #grid-more a:visited
		{ color: #ffffff; } 
		
		
		/** background & font color more strip on home page */
	#grid-also h3
		{ background-color: #eeeeee; color: #0000ff; padding: 2; }

	/** colour of the bullets in the more section */
	#grid-also ul
		{ color: #ff99ff; }

	/** colours of the links beneath the also box */
	#grid-also a, #grid-also a:link, #grid-also a:visited
		{ color: #ffffff; }			
				

			#page-brand-article .lists-milligan li.dawson
				{			
				_height: 85px;
				min-height: 70px;			
				}
			
			#grid-column-2 .lists-milligan a.button
				{ 
				background-color: #ffffff;
				display: block;
				font-size: 0.78em;
				margin: 5 0 0 -68px;
				padding: 0.2em;
				}
			
		#grid-av 
			{	
			background-color: #FE0403; /* remove */
			color: #fff;
			}

		#grid-av h2
			{ font-size: 0.8em; }

		#grid-av p, #grid-av p:hover
			{	
			_cursor: hand;
			cursor: pointer;			
			font-size: 0.78em;
			}
			
		#grid-av a, #grid-av a:link
		   {
			display: block;
			color: #ffffff;
			}
			
		.widget-page
			{ border-color: #FE0403; }
		/* ---- */