@import "/includes/css/v08/core.css";
@import "/includes/globalnav/v07b/globalnav.css";
@import "/includes/footer/footer-v07b.css";
@import "/includes/css/modules.css";


/*	----------------------------------------------------------
	Redefine -------------------------------------------------	*/
	
	body { 
		margin:0; padding:0;
		font-family:Arial, Verdana, sans-serif;
		font-size:0.8em;
	}
		
	h3 { font-size:15px; line-height:22px; color:#666; margin:0 0 5px 0;}
	
	p {  margin:12px 0; line-height:17px; }	
	
	a { color:#06517F; text-decoration:none; }
	a:hover { text-decoration:underline; }


/*	----------------------------------------------------------
	Shell ----------------------------------------------------	*/
	
	#body { width:986px; }
	
	#content { background:#ECECEC2; }
	
	#left {
		margin:0 2px 2px 4px;
		width:635px; /*614*/
		overflow:hidden;
		float:left; display:inline;
	}
	
	#right {
		width:320px;
		margin:0 4px 2px 2px;
		float:left; display:inline;
	}

	#footer{
		border:4px solid #ececec;
		width:978px;
		margin:0;
	}

	div.module {
		background:#fff; padding-bottom:10px; margin-top:10px;
	}

	body.grid { background:#fff url(../images/bg_body_guides.gif) repeat-y!important; }
	body.grid #content, body.grid .module, body.grid #body { background:none!important; }
	
	
/*	----------------------------------------------------------
	Modules --------------------------------------------------	*/
	
	div.module {
		border-top:1px solid #fff;
	}

	div.module h2 {
		margin:15px 0 11px 10px; font-size:16px;
	}
	
	#right div.module h2 { margin-left:10px; }

	div.kick {
		background-color:#f9f9f9; border-top:1px solid #e6e6e6;
		padding:0 13px;
		font-size:11px;
		clear:both;
		height:28px;
	}
	
	div.kick a { line-height:28px; }
	
	#right div.module p {margin-left:10px; }
	
	
/*	----------------------------------------------------------
	Banner ---------------------------------------------------	*/
	
	#banner {
		background:#fff url(../images/bg_banner.jpg) no-repeat 10px 10px; 
		height:200px;
		margin:0 0 10px 0;
	}
	
	#banner h1 { margin:0; padding:0; }
	#banner h1 a { 
		text-indent:-9999px;
		display:block;
	}
	
	
	
/*	----------------------------------------------------------
	Latest Audio ---------------------------------------------	*/
	
	#latest_audio {
		background:#fff; border-top:1px solid #fff;
		margin:10px 0 0 0; padding:10px;
	}
	
	#latest_audio h2 { font-size:16px; margin:8px 0 0 10px; }
	#latest_audio_player {  margin:5px 0 0 10px;}
	
	div#audioplayer2 {
		margin:10px 0 5px 10px;
		-webkit-border-radius:3px; -moz-border-radius:3px;
		background:#FCFCFC;
		width:280px; height:24px;
	}
	

/*	----------------------------------------------------------
	Right:Subnav --------------------------------------------	*/
	
	#subnav {
		margin:10px 0 0 0; padding:10px;
	}
	
	#subnav div.header {
		/*width:324px; 
                height:146px;*/		
                margin: 0 10px; /*4px auto 0 auto;*/
                text-indent:-9999px;
	}

	.h3_radio-one {
		background:url(../images/h3_radio-one_100.png) no-repeat;
		margin:0; padding:0;
		width:100px; height:27px;
		text-indent:-9999px;
		position:relative; top:45px; left:15px;
	}

	#subnav div.header h2 {
		margin:0; padding:0;
	}
	
	#subnav div.header h2 a {
		color:#fff; text-decoration:none;
		background:#e2e2e2 url('http://www.cbc.ca/worldreport/images/worldreport-sitenavlogo.jpg') no-repeat;
		/*width:324px;*/ 
                height:146px;
		display:block; text-decoration:none;
                text-align:center;
	}
	
	#subnav div.header p {
		margin:0; padding:0;
		color:#fff;
		width:160px;
	}
	
	#subnav ul {
		list-style-type:none;
		margin:8px 0 0 0; padding:0 0 2px 0;
	}
	
	#subnav ul li {
		margin:0 10px; 
		border-bottom:1px solid #fff;
	}
	
	#subnav ul li a {
		color:#666; font-weight:bold;
		line-height:25px;
		height:25px;
		display:block;
		padding:0 6px;
	}
	
	#subnav ul li a:hover {
		background:#ededed; color:#2e2e2e;
	}
	
	#subnav ul li.active a { background-color:#fcfcfc; color:#000; }
	
	

/*	----------------------------------------------------------
	Entry ----------------------------------------------------	*/
	
	div.entry {
		margin:0 10px 0 ; padding:10px 0 0;
	}
	
	/* columnist */
	div.columnist {
		background:#f5f5f5;
		margin:36px 0 10px 0; padding:10px;
	}
	
	div.columnist div.img {
		width:64px; height:64px;
		overflow:hidden;
		border:1px solid #afafaf;
		float:left;
		margin:0 21px 0 0;
	}
	
	div.columnist div.details {
		width:485px;
		float:left;
	}

	div.columnist div.details h3 {
		margin:0 0 6px 0; padding:0;
		color:#06517F;
		line-height:18px; font-weight:normal;
	}
	
	div.columnist div.details p { margin:0; padding:0; }
	
		
	/* entry head */
	div.entry div.head {}
	
	div.entry h2 {
		color:#06517F;
		font-size:33px; line-height:40px;
		margin:0 0 8px 0;
	}

	div.entry div.date {
		margin:0; font-size:11px; color:#666;
	}

	/* entry img  */
	div.cols_3-6 div.img_wrapper {
		display:inline; float:left;
		width:286px;
		margin:12px 12px 0 10px;
	}
	
		div.img_wrapper div.caption {
			position:relative;
		}
	
		div.img_wrapper p {
			font-size:11px; margin:0; padding:5px 3px;
			background:#ececec;
		}
		
	
	/*	related column */
	div.col_related {
		/*border-top:1px solid #ececec; margin:260px 10px 0 0;*/
		margin:10px 10px 0 0;
	}
	
	div.col_related.no_pic { margin-top:16px; }
	
	div.col_related div.section {
		margin:0; padding:12px 0 16px 0;
		border-bottom:1px solid #ececec;
	}
		
	
/*	
	div.col_related h3 {
		font-size:14px; line-height:18px; color:#666;
		margin:8px 0; padding:0;
	}*/
	
	div.col_related ul {
		list-style-type:disc;
		padding:0 0 0 15px; margin:0 25px 0 0;
		color:#ccc;
		font-size:11px;
	}
	
	/* tags */
	div.tags_wrapper {
		border:2px solid #F5F5F5; /*background:#f5f5f5;*/
		margin:0; padding:10px;
	}
	div.tags_wrapper h3, div.tags_wrapper p {  margin:0; padding:0; color:#676767; }
	
	/* entry nav */
	div.entry_nav {
		margin:24px 0 0 0;
	}
	
	div.le_nav { text-align:left; font-size:11px; font-weight:bold; }

	div.re_nav { text-align:right; font-size:11px; font-weight:bold; }

/*	----------------------------------------------------------
	page -----------------------------------------------------	*/
	
	
	div.page {  }
	
	/* entry img  */
	div.cols_1-6 div.img_wrapper {
		display:inline; float:left;
		width:286px;
		margin:12px 12px 0 0;
	}
	
/*	----------------------------------------------------------
	archives -------------------------------------------------	*/
	
	ul.archives_list {
		list-style-type:none;
		margin:0 10px; padding:0;
	}
	
	ul.archives_list li {
		border-bottom:1px solid #fafafa;
		margin:0; padding:0;
	}
	
	ul.archives_list li div.date, ul.archives_list li div.title {
		font-size:18px; line-height:30px;
		float:left;
	}
	
	ul.archives_list li div.date { width:110px; color:#9F9F9F; }
	ul.archives_list li div.title { width:480px; }
	
	
	
/*	----------------------------------------------------------
	Right:Latest headlines ----------------------------------	*/
	
	/* right lineup roll */
	#tabs dl { margin:16px 10px 0 10px; }
	#tabs dl dt {}
	#tabs dl dd { display:none; }
	
	dt.headline {
		padding-left: 10px;
		background: url(/includes/gfx/bullet_black_story.gif) no-repeat left 6px;
		margin:0 0 5px 0; padding:0 0 0 13px;
	}

	dt.headline a { /*color:#7c0000;*/ text-decoration:none; }
	dt.headline a:hover { text-decoration:underline; }
	div.headlines dl dd { display:none; }
	


/*	----------------------------------------------------------
	Formatting -----------------------------------------------	*/
	
	.last { border:0!important; }
	.mt10 { margin-top:10px; }

	/*	columns	*/
	.col { float:left; }
	.cols_1-2 { width:194px; }
	.cols_3-6 { width:600px; margin:0 0 0 6px; }
	.cols_1-6 { width:594px;; }

	.split { width:50% }	


/*	----------------------------------------------------------
	right: Twitter -------------------------------------------	*/
	
	#twitter {
		padding-bottom:10px;
	}

	#twitter_update_list { 
		list-style-type:none!important;
		margin:10px 10px 0 10px; padding:0;
	}
	
	#twitter_update_list li {
		background:#f4f4f4; 
		margin:0; padding:5px;
		border-bottom:1px solid #fff;
		-webkit-border-radius:7px; -moz-border-radius:7px;
	}
	
	#twitter_update_list li:hover {
		background:#bae1f7;
	}


/*	----------------------------------------------------------
	Round corners --------------------------------------------	*/
	
	div.rc { width:5px; height:5px; line-height:5px; font-size:5px; }
	div.tl { float:left; background-position:top left; }
	div.tr { float:right; background-position:top right; }
	div.bl { float:left;  background-position:bottom left; }
	div.br { float:right; background-position:bottom right; }
	
	/*	subnav	*/
	.rc_e2e2e2 {  background-color:#E2E2E2; -webkit-border-radius:5px; -moz-border-radius:5px; }
	.rc_f3f3f3 {  background-color:#f3f3f3; -webkit-border-radius:5px; -moz-border-radius:5px; }
	
	
/*	--------------------------------------------------------------------------------
	social tools -------------------------------------------------------------------	*/
	
	.socialtools {
		 border-top:1px solid #ececec;
		 /*background:#333;*/
	}
	
	.socialtools ul { 
		list-style-type:none;
		margin:0; padding:0;
	}
	
	.socialtools ul li {
		display:inline; float:left;
		position:relative;
		width:146px;
	}
	
	.socialtools ul li a {
		/*font-size:12px; line-height:18px;*/
		overflow:hidden; /*line-height:24px;*/
		margin:0; padding:0 0 0 20px; 
		width:100px;
		color:#06517f;
		display:block;
	}
	
/*	.socialtools_comments a { background:url(../images/icon_socialtools_comments.gif) no-repeat; }
	.socialtools_trackbacks a { background:url(../images/icon_socialtools_trackbacks.gif) no-repeat; width:70px; }*/
	
	.socialtools_share a { 
		background:url(../images/icon_socialtools_share.gif) no-repeat 0 5px;
	}
	
	.socialtools a:hover { background-position:0 -25px; }
	
		.socialtools div.share_this {
			position:absolute; z-index:30; display:none;
			bottom:28px; left:0;
			background:#f6f6f6; border:1px solid #ccc; border-bottom:1px solid #ececec;
			width:222px;
			overflow:hidden;
			padding-bottom:4px;
		}
		
		.socialtools div.share_this ul {
			padding:6px 0 2px 3px;
			/*background:#fff; */
		}
		
		.socialtools div.share_this ul li {
			padding:0 3px;
			background:none; 
			float:left;
			width:100px;
		}
		
		.socialtools div.share_this ul li a {
			background-image:none; 
			padding:2px;
			font-size:10px; line-height:16px; 
			width:100px;
			color:#363636;
		}
		
		.socialtools div.share_this ul li a:hover { text-decoration:none; background-color:#ddd; }
		.socialtools div.share_this ul li a img { margin:0 5px 0 0; float:left; }


/*	----------------------------------------------------------
	Debug / Hacks --------------------------------------------	*/

	.debug { border:1px solid pink; }
	.bgbug { background-color:cyan; }
	
	.hide { display:none; }

	/*----	png fix for ie6	----*/
	* html img,
	* html .png {
		position:relative;
		behavior:expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
		this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
		this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
		);
	}

	.clear { clear:both; display:block; }
	
	.clearfix:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	
	.clearfix { display:inline-block; }
	/* Hide ontontfrom IE Mac \*/
	
	.clearfix { display:block; }
	/* End hide from IE Mac */
	
	* html .clearfix { height:1px; } /*IE6*/

/* CSS from Go */

#blog-homepage #content {
	margin: 0px 0px 10px 0px;
	background: #fff url("/worldreport/images/WR-Peter-background.jpg") no-repeat center top;
	border-top: 1px solid #fff;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-toprigt: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
}
#content {
	margin: 10px 0px;
	padding: 8px;
	background: #efefff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#content a {
	text-decoration: none;
	color: #1A447A;
}
#content a:hover {
	text-decoration: underline;
}
#blog-homepage #left {
	padding: 0px;
	width: 630px;
	border-top: none;
	background-color: transparent;
}

#blog-homepage h1 {
	width: 490px;
	margin: 60px 0px 110px 120px;
        background-color: transparent;
        text-align: right;
        font-size: 35px;
        line-height: 30px;
}
#blog-homepage h1 span {
        font-size: 22px;
}

/* END CSS from Go */

.mod {
border:1px solid #ccc!important;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
} 

.front-include {background:#fff; width:620px; height:460px; border-top: 1px solid #000;}
 
#zonebar #zone {background:#212021!important;}