/*
* Channel 4 news
*/

body 			{ margin: 0; padding:0; background: #E7E7E7 }

/* PAGE LAYOUT */
#page			{ font: 0.7em Verdana ,Arial,helvetica, Geneva, sans-serif; color: #333}
#page p			{ margin-top:0; }
#page img 		{ border: 0;}
#page a			{ color: #0066cc; }
#page a:hover	{ text-decoration: underline; }
span.clear, br.clear{ display: block; clear: both; height: 1px; font-size: 1px; }
#page cite		{ font-style: normal; font-weight: bold; }

#page 				{ width: 896px; position: relative; }
#breadcrumb 		{ width: 760px; background-color: #3F457A; }
#mainContainer		{ width: 760px; padding: 0; background-color: #E7E7E7; }

#centerColumn		{ float: left; width: 380px; margin:0 0 20px 0; padding: 0; }
#leftColumn			{ float: left; width: 160px; margin:0; }
#rightColumn 		{ float: right; width: 200px; margin:0 0 10px 0;}
#skyscraperContainer{ position: absolute; left: 760px; top:0; width: 136px; text-align: center;}


/************************* C4 main content *************************/

/* HEADLINES */
h1					{ margin:0; padding:0;}
h2					{ margin:0;padding: 5px 10px; background: #CCFF00; color: #333; font-size: 1.4em; line-height: 1.4em; }
h2 a				{ color:#333!important; text-decoration: none;}
#leftColumn h3		{ margin:0; padding: 92px 0 0 0}

/* Main top backgrounds with headlines */
#main_left_big,
#main_right_big				{ margin:0; padding:0; background-color: #CCFF00; background-repeat: no-repeat; }
#main_right_big h1			{ padding-top: 174px}

#main_left_big_noImg		{ margin:0; padding:0; background: #CCFF00 url(/news/media/images/news/main/main_left_big_noimg.gif) no-repeat;}
#main_right_big_noImg		{ margin:0; padding:0; background-color: #CCFF00; min-height:200px;  }	
#main_right_big_noImg h1	{ padding-top: 80px}

#main_left_small_noImg		{ margin:0; padding:0; background: #CCFF00 url(/news/media/images/news/main/main_left_small_noimg.gif) no-repeat;}
#main_right_small_noImg		{ margin:0; padding:0; background-color: #CCFF00; min-height: 118px; }	
#main_right_small_noImg h1	{ padding-top: 28px}

/* Fix IE. \*/
* html #main_right_big_noImg	{ height:200px; }
* html #main_right_small_noImg	{ height:118px; }
/* End */


/* icons */
.media			{ margin:0; padding:0.2em 0 0 0!important}
.media a		{ font-size:0.9em; line-height: 1.65em; text-decoration: none!important;}
.media a:hover	{ text-decoration: underline!important}

.watch, .gallery, .print, .send, .posted, .dash, .more, .podcast, .blog, .factcheck	{ padding: 0.3em 12px 0.2em 18px!important; }
.watch		{ background: transparent url(/news/media/pf/icon_watch.gif) no-repeat 0 0.2em; }
.gallery	{ background: transparent url(/news/media/pf/icon_gallery.gif) no-repeat 0 0.4em; }
.print		{ background: transparent url(/news/media/pf/icon_print.gif) no-repeat 0 0.2em; }
.send		{ background: transparent url(/news/media/pf/icon_send.gif) no-repeat 0 0.4em; }
.posted		{ background: transparent url(/news/media/pf/icon_posted.gif) no-repeat 0 0; }
.dash		{ background: transparent url(/news/media/pf/icon_dash.gif) no-repeat 0 0.2em; }
.more		{ background: transparent url(/news/media/pf/icon_more.gif) no-repeat 4px 0.6em; }
.podcast	{ background: transparent url(/news/media/pf/icon_podcast.gif) no-repeat 0 0; }
.factcheck	{ background: transparent url(/news/media/pf/icon_factcheck.gif) no-repeat 0 0; }
.blog		{ background: transparent url(/news/media/pf/icon_blog.gif) no-repeat 0 0; }
li .more	{background: transparent url(/news/media/pf/icon_more.gif) no-repeat 0 1.1em!important; padding:0.8em 0 0 1em!important; }
.small-link { font-size: 0.85em }

/********* Homepage Teasers ******/
#teasers p						{ margin:0; padding: 0 0 0.4em 0;}
#teasers .teaserTextLarge p		{ padding-bottom: 1.3em;!important}
#teasers a			{ text-decoration: none;}
#teasers h2			{ padding: 5px 10px; margin: 0 -10px 6px -10px; background-color: #CCFF00; font-size: 1em; }
#teasers h2 a		{ color:#333; }
#teasers h3			{ padding: 0 0 0.4em 0; margin:0; font-size: 1em; }

#teasers ol			{ margin: 0; padding: 0 0 0.4em 2em; }
#teasers ul			{ margin: 0; padding: 0 0 0.4em 0; list-style: none;}
#teasers li			{ margin: 0; padding: 0 0 0.05em 0; }
#teasers li p		{ padding: 0!important; }
#teasers li a		{ display: block; }
#teasers ol li a	{ background:none; }

/* Introduction */
#teasers .introduction	{ margin:0; padding:10px 10px 5px 10px; background: #F7FFD9; font-size: 1.2em; font-weight: normal; }

/* Top Story */
.teaserTopStory			{ background-color: #fff; padding: 10px}

/* Related Links */
.relatedLinks			{ background-color: #F7FFD9; padding: 10px 10px 3px 10px; }
.relatedLinks h3		{ padding-bottom: 0.5em; margin:0; color:#333; font-size: 1em; font-weight: bold; }

/* 5 Minutes Guide */
.fiveMinGuide				{ clear: both; width: 360px; margin:0; padding: 10px; background-color: #F7FFD9 }
.fiveMinGuide .bodyLeft		{ float: left; width: 160px; padding: 0; margin:0; background-color: #F7FFD9}
.fiveMinGuide .bodyRight	{ float: left; width: 200px; padding: 0; margin:0; background-color: #F7FFD9 }

.teaserTextSmall				{ clear: both; background-color: #fff; width: 245px; padding: 0 10px 7px 10px;}
.teaserTextSmall ul, 
.teaserTextSmall ol				{ margin-bottom: 0.7em!important; background: url(/news/media/pf/dotted_line.gif) repeat-x left bottom;}
.teaserTextSmall ul.thelast		{ background: none; margin-bottom:0!important}
.teaserTextSmall h3				{ padding: 0 0 0.6em 0; margin:0; font-size: 1em; }
.teaserTextLarge				{ clear: both; background-color: #fff; width: 360px; padding: 0 10px 7px 10px}
.teaserTextMedium 				{ clear: both; background-color: #fff; width: 340px; margin: 0; padding:0; }
.teaserTextMedium h2			{ margin: 0!important; }
.teaserTextMedium .teaserBody	{ float: left; width: 236px; padding: 7px 10px;}
.teaserTextMedium .teaserImg	{ float: left; width: 84px;}		
.hrline							{ font-size:1px; display: block; margin:0; padding:0; height:1px; clear: both; background: url(/news/media/pf/dotted_line.gif) repeat-x left bottom; }

.teaserImgPortrait 				{ clear: both; background-color: #fff; width: 349px; margin: 0; padding:0; }
.teaserImgPortrait .teaserBody	{ float: left; width: 245px; padding: 0 10px 4px 10px;}
.teaserImgPortrait .teaserImg	{ float: left; width: 84px; }
.teaserImgPortrait .teaserBody ul	{ padding: 0!important;}

.teaserImgLandscape 			{ clear: both; background-color: #fff; width: 380px; margin: 0; padding:0; }
.teaserImgLandscape .teaserBody	{ float: left; width: 245px; padding: 0 10px 4px 10px;}
.teaserImgLandscape .teaserImg	{ float: left; width: 115px; }
.teaserImgLandscape .teaserBody ul	{ padding: 0!important;}

.teaserTwins 					{ clear: both; width: 380px; margin: 0; padding:0; background-color: #fff; }
.teaserTwins .teaserBody1		{ float: left; width: 169px; padding: 0 10px 10px 10px; margin-right: 1px; background-color: #fff;}
.teaserTwins .teaserBody2		{ float: left; width: 170px; padding: 0 10px 10px 10px; background-color: #fff;}
.teaserTwins .teaserBody1 img,	
.teaserTwins .teaserBody2 img	{ margin: -7px 0  0.4em 0; padding:0}

ul.sitemap 						{ margin:0; padding:0}
ul.sitemap li h2				{ background-color:#99cc00!important; color:#333; padding:0!important; }
ul.sitemap li a					{ background-image: none!important; color:#333}
ul.sitemap li					{ margin:0; padding:10px;}
ul.sitemap li li				{ margin:0; padding:20px;}
/********* Article ******/

.bodyText		{ background-color: #fff; margin:0; padding: 10px 10px 20px 10px; line-height: 1.2em }
.bodyText a		{ text-decoration: underline;}
.bodyText h3	{ margin: 0; padding-bottom: 0.5em; font-size: 1.2em}
.bodyText h4	{ margin: 0; padding:0; font-size: 1em}
.bodyText ul	{ margin: 0 0 1em 1.5em; padding: 0 0 0 0 }
.bodyText ol	{ padding: 0 0 1.3em 0; margin:0 0 0 2.2em}
.bodyText ul li { padding: 0 0 0.3em 0; list-style-type: square; }
.bodyText ol li { padding-bottom: 0.3em;}

.toolBox 				{ float: right; width: 160px; margin: -10px -10px 1em 1em; background-color: #F0FFB2; font-size: 0.9em}
.toolBox .bodyText		{ background-color: #F0FFB2; padding: 10px 10px 5px 10px;}
.toolBox .bodyText p	{ margin:0; padding-bottom:1em!important}
.toolBox .bodyText a	{ text-decoration: none}

.introduction				{ font-size: 1.15em; line-height: 1.3em; }
.introduction .broadcast	{ font-size: 0.8em; line-height:normal}
.introduction .broadcast a	{ text-decoration: none}
.broadcast					{ padding-bottom:0.6em!important; margin:0; font-size:0.9em; }
.articlempu 				{ border-top:dotted 1px #666666;border-bottom:dotted 1px #666666;padding:0px;margin:10px 0 15px 0}
.advertisement				{ text-align:center; margin: 10px 0px 10px 0;}
.mpujump					{ text-align: right; font-size: 1em; clear: both; }
.mpujump a					{ text-decoration: none }

/* Pull Quotes */
.facts		{ clear: both; margin: 0 -10px 1.5em -10px; padding:10px 10px 5px 10px;  background-color: #F0FFB2; }
.facts p	{ padding-bottom:0.4em; margin:0; }
.facts h3	{ padding:0; margin:0; font-size:1em}

.pullQuoteRight				{ float: right; width: 160px; margin: 0 -10px 1em 1.3em; clear: both; }
.pullQuoteLeft				{ float: left; width: 160px; margin: 0 1em 1em -10px; clear: both; } 
.pullQuoteRight blockquote, 
.pullQuoteLeft blockquote	{ padding: 10px; margin:0; font-size:1em; line-height: 1.3em; background-color: #F0FFB2;}
.pullQuoteRight img,
.pullQuoteLeft img			{ display:block; margin:0; paddign:0 }

/* Fix IE. \*/
* html .pullQuoteRight	{ margin-right: -5px; }
* html .pullQuoteLeft	{ margin-left: -5px; }
/* End */


/* readers Comments */
#readersComments			{ background-color: #F3F4F4; width: 380px}
#readersComments h3			{ margin:0; padding: 0.5em 10px; font-size: 1.1em; background-color: #99CC00; color:#333;}
#readersComments h3 a		{ color:#333!important; text-decoration: none;}

#readersComments ol, ul		{ padding: 10px; margin: 0; list-style: none;}
#readersComments li			{ margin:0 0 0.6em 0; padding: 0 0 1em 0; background: url(/news/media/pf/dotted_line.gif) repeat-x left bottom; }
#readersComments li.thelast	{ background: none; padding:0;}
#readersComments p			{ margin:0; padding:0 0 0.4em 0;}
#readersComments a			{ text-decoration: none}

#readersComments form					{ margin:0; padding-bottom: 1em}
#readersComments form label				{ font-weight: bold; display: block; margin:0; padding:0}
#readersComments form .name				{ float: left;  padding: 10px; width:150px}
#readersComments form .name input		{ width: 150px;}
#readersComments form .email			{ float: left;  padding: 10px; width:150px}
#readersComments form .email input		{ width: 150px;}
#readersComments form .comment			{ clear: both;  padding: 0 10px 10px 10px; }
#readersComments form .comment textarea	{ width: 355px;}
#readersComments form .title			{ clear: both;  padding: 0 10px 10px 10px; }
#readersComments form .title input	    { width: 355px;}
#readersComments p.button 				{ margin: 0 10px; text-align:right}

/* Related Articles */
.relatedArticles			{ background-color: #fff; width: 270px; margin:0; padding:0 10px}
.relatedArticles a			{ text-decoration: none;}
.relatedArticles h3			{ margin: 0 -10px 10px -10px; padding: 5px 10px; font-size: 1em; background-color: #CCFF00; color:#333; }
.relatedArticles h3 a		{ color:#333!important;}
.relatedArticles h4			{ margin:0; padding-bottom:0.5em; font-size: 1em; }

.relatedArticles ol, 
.relatedArticles ul		{ margin: 0; padding: 0 0 1em 0;}
.relatedArticles li		{ margin: 0; padding: 0 0 0.4em 0; }
.relatedArticles li a	{ display: block; background: transparent url(/news/media/pf/dash.gif) no-repeat 0 0.5em; padding: 0 0 0 8px}

/* Related Links */
.relatedlinks		{ background-color: #fff; margin:0; padding:10px}
.dottedLine			{ background:url(/news/media/pf/dotted_line.gif) repeat-x;padding:1px; background-color: #fff;}
.relatedlinks h3	{ margin: 0 -10px 10px -10px; padding: 5px 10px; font-size: 1.1em; font-weight:bold}
.relatedlinks h4	{ margin:0; padding-bottom:0.5em; font-size: 1em; }
.relatedlinks a		{ text-decoration: none;}
.relatedlinks ol, 
.relatedlinks ul	{ margin: 0; padding: 0 0 1em 0;}
.relatedlinks li	{ margin: 0; padding: 0 0 0.4em 0; }
.relatedlinks li a	{ display: block; padding: 0 0 0 0px}
.relatedlinks		{ background:  #fff url(/news/media/pf/dotted_line.gif) repeat-x left bottom;}
.disclaimer			{ color:#cccccc}
.disclaim			{border-top:dotted 1px #666;border-bottom:dotted 1px #666;padding:10px 0 10px 0;margin-bottom:10px;font-size:0.95em}



/************************* C4 navigation *************************/
/* BREADCRUMB, News Ticker */
#breadcrumb			{ position: relative; margin:0; padding:0; color: #fff; font-size: 0.9em; height:2em;}
#breadcrumb a		{ color: #fff; text-decoration: none}
#breadcrumb ol  	{ list-style: none; padding: 3px 10px; margin:0;}
#breadcrumb li 		{ display: inline; padding: 0; margin:0;}

#newsticker   		{ position: absolute; top: 2em; left:0; padding: 3px 0; width: 540px; margin:0; background-color: #666699;}
#newsticker ul		{ padding: 0; }
#newsticker li 		{ margin: 0 5px 0 0}

/* These ticker styles added by javascript for animated version */
.tickerjs			{ overflow: hidden; height: 1.2em; }
.tickerjs ul		{ position: absolute; left: 8px; top: 2px; white-space: nowrap; display: block;   }
.tickerjs li		{ white-space: nowrap; display: inline; }

/* LEFT NAVIGATION */
#leftColumn .mainLeft	{ padding: 0; margin:0; background-repeat: no-repeat; background-color: green;}
#leftColumn .sub1		{ display:none}
#leftColumn				{ background-color: #fff;}
#leftColumn p 			{ margin:0; padding-bottom: 0.5em;}
#leftColumn a			{ text-decoration: none}

#leftColumn ul 			{ margin:0; padding: 0.7em 0; list-style: none; background: transparent url(/news/media/pf/dotted_line.gif) repeat-x left bottom; }
#leftColumn ul li		{ margin: 0; padding: 0 5px 0.4em 10px;} 
#leftColumn ul li.on a{ font-weight: bold; color: #333;} 

#leftColumn ul ul			{ background-image: none; padding: 0.4em 0 0 0;}
#leftColumn li li			{ margin: 0; padding: 0 0 0.4em 15px; background: url(/news/media/pf/dash.gif) no-repeat 8px 0.5em; } 
#leftColumn li.on li a		{ font-weight: normal; color: #06C; }
#leftColumn li.on li.on a	{ font-weight: bold; color: #333; }


#leftColumn ul ul ul				{ background-image: none; padding:0.4em 0 0 0;}
#leftColumn li li li				{ margin: 0; padding: 0 0 0.4em 10px; background: none; font-size: 0.9em; } 
#leftColumn li.on li.on li a		{ font-weight: normal; color: #06C; }
#leftColumn li.on li.on li.on a		{ color:#333; font-weight: bold}

#leftColumn ul ul ul ul					{ background-image: none; padding:0.4em 0 0 0;}
#leftColumn li li li li					{ margin: 0; padding: 0 0 0.4em 15px; background: none; } 
#leftColumn li.on li.on li.on li a		{ font-weight: normal; color: #06C}
#leftColumn li.on li.on li.on li.on a	{ color:#333; font-weight: bold}


/* News search */
form		{ margin:0; padding:0}
.hide_label	{ display: none;}

.searchBox        		{ margin:0; padding: 8px 10px; background: #f3f3f3 url(/news/media/pf/dotted_line.gif) repeat-x left bottom; }
.searchBox input, 
.searchBox select, 
.searchBox p a			{ font-size: 0.9em}        		
.searchBox label		{ font-weight: bold; }
.searchBox .inputTxt 	{ margin: 5px 0; width: 134px; }
.searchBox select		{ margin: 0 0 5px 0;  width: 140px; }
.searchBox .button 		{ text-align:right; padding:0!important; margin:0  }
.searchBox .links		{ margin: 0; padding: 0; }



/* CAROUSEL - RIGHT NAVIGATION */

.perspectives h4	{ color:#fff!important; background-color: #666699!important; }
.perspectives h4 a	{ color:#fff!important; }

.navTopPart			{ width:200px; margin:0 0 10px 0; padding:0; background-color: #fff;  }
.navBottomPart		{ width:200px; margin:0; padding:0 }

#rightColumn h3			{ padding: 0; margin: -26px 0 0 0; }
#rightColumn h4			{ color:#333; background-color: #99cc00; padding: 5px 7px 5px 10px; margin:0; font-size: 1em; }
#rightColumn h4 a		{ color:#333; }
#rightColumn h5			{ color:#333; font-size: 1em; margin:0; padding: 0 0 0.5em 0; }
#rightColumn a			{ text-decoration: none;}

#rightColumn ul 		{ margin:0; padding: 0; list-style: none; }
#rightColumn li p		{ margin:0; padding: 0; }
#rightColumn ul.listLinks li a		{ display: block;}

#rightColumn .singleComp	{ clear: both; margin:0; padding:0; background-color: #fff;}
#rightColumn .compImg		{ float:right; padding: 0 0 0 5px; margin:0; }
#rightColumn .compBody		{ margin:0; padding:7px 10px 5px 10px;}
#rightColumn .compBodyList	{ margin:0; padding:7px 10px 5px 5px;}
#rightColumn .compBody li, .compBodyList li,	{ margin:0; padding: 0 0 0.4em 0; } 
#rightColumn .compBody li p, .compBodyList li p	{ margin:0; padding: 0; } 
#rightColumn .compBody p, .compBodyList p	{ margin:0; padding: 0 0 0.4em 0; }


#rightColumn .multipleComp	{ clear: both; margin:0; padding:0;}



/* Snowmail */
#snowmail        		{ clear: both; margin: 0 10px 10px 0; padding:0 10px 10px 10px; background-color: #fff; font-size: 0.9em;}
#snowmail h4        	{ margin: 0 -10px 7px -10px; color: #333; font-size: 1.1em;}
#snowmail input			{ font-size: 1em}
#snowmail p        		{ padding: 0 0 0.5em 0;}
#snowmail label			{ font-weight: normal; }
#snowmail .inputTxt 	{ margin: 10px 0; width: 160px;}
#snowmail p.button 		{ text-align:right; padding: 0.5em 0 0 0; margin:0}
#snowmail .inputBox 	{ float: left; margin: 2px 4px 0 0; padding:0;}

/* On Air */
#rightColumn .onair 	{ margin: 0 10px 10px 0; padding:10px; background-color:#f7ffd9 }
#rightColumn .onair li 	{ padding-bottom:0.4em; }

/* Secondary topics */
#rightColumn .secondary_topic 		{ margin: 0 10px 10px 0; padding:10px 5px 10px 10px; background-color:#fff }
#rightColumn .secondary_topic li 	{ padding-bottom:0.4em; }

/* Editor image, overview text */
#rightColumn .editor				{ margin:0; padding:0}
#rightColumn .overview, 
#rightColumn .guide 				{ margin:0; padding: 7px 10px 0.4em 10px; background-color: #fff; }
#rightColumn .overview p, 
#rightColumn .guide p				{ padding: 0 0 0.5em 0; margin:0; }
#rightColumn .overview blockquote	{margin:0; padding:0; } 

/* Editorial */
#rightColumn .editorial 			{ clear:both; margin: 0; padding:0; background-color:#29787F; color: #fff;}
#rightColumn .editorial li			{ border-bottom: 1px solid #ccc; margin:0; padding:0}
#rightColumn .editorial li.thelast	{ border-bottom: none;}
#rightColumn .editorial h4			{ background-color:#29787F; color:#fff; }
#rightColumn .editorial h4 a		{ color:#fff; }
#rightColumn .editorial .summary	{ padding:10px; }
#rightColumn .editorial .clear		{ margin: 0 0 10px 0!important; }

/* Perspectices form */
#perspectivesBox		{ clear:both; margin:0; padding: 10px; background-color: #3f457A!important; color: #fff;}
#perspectivesBox select	{ margin: 5px 0; width: 175px;  font-size: 0.95em;  }
#perspectivesBox p		{ margin:0; padding: 0!important; background-color: #3f457A!important;}

/* Subscribe RSS */
#subscribe				{ clear:both; padding: 0;  margin: 0 10px 10px 10px; }
#subscribe h3			{ margin:0!important; padding:0!important; }
#subscribe p			{ margin:0 20px 0 0; padding: 5px 10px; background: #fff; }
#subscribe img			{ margin:0; padding: 4px 5px 0 0; vertical-align: bottom }

/* Gallery */
.mr11 {margin-right:11px}
.mr10 {margin-right:10px}
.imgRow {margin-bottom:9px}
.fl {float:left}
.fr {float:right}
.pad5 {padding:5px 5px 5px 5px}
.whitebg {background-color:#ffffff;color:#000000}
.imgsource {font-size:0.9m;color:#6e6e6e}



/* FOOTER */
#footer 			{ clear: both; margin: 0; padding: 0; background-color: #FFF; color: #7A7A7A; height: 1.5em; font-size:0.9em;}
#footer	ul  		{ list-style: none; margin: 0; padding: 1px 0;}
#footer	li 			{ float: left; display: block; font-weight: bold; padding: 0 7px; border-right: 1px solid #797979; }
#footer	li a		{ color: #7A7A7A; text-decoration: none}
#footer	li a:hover	{ text-decoration: underline}
#footer	li.thelast 	{ border-right: none }  

 
.accessibility		{ display: none; margin:0; padding:0; height:1px; font-size:1px; background: #fff;}

#c4ad-x10 IMG {display:none}