@import "http://www.cbc.ca/includes/local/localmodule.css";
@import "http://www.cbc.ca/includes/css/modules.css";
@import "http://www.cbc.ca/includes/css/promos.css";
@import "/bc/includes/css/mediaplayer.css";
@import "/includes/footer/footer-v07b.css";
@import "/i/o/globalnav/v10/css/globalnav.css";
@import "/includes/globalnav/v07b/globalnav.css";
@import "/includes/zonebar/v07/zonebar.css";
@import "/bc/includes/css/weather.css";
@import "/bc/includes/css/community.css";
@import "/bc/includes/css/tabs.css";

#body, #gnwrap, #footer.v10 {
	width:986px;
	margin:0 auto;
	padding:0;
}

#body {
	background-color:#fff;
	-o-box-shadow:0 2px 6px 0 #888;
	-ms-box-shadow:0 2px 6px 0 #888;
	-khtml-box-shadow:0 2px 6px 0 #888;
	-moz-box-shadow:0 2px 6px 0 #888;
	-webkit-box-shadow:0 2px 6px 0 #888;
	box-shadow:0 2px 6px 0 #888;
}

body {
	font: 12px Verdana, sans-serif;
	margin: 0;
	padding: 0;
}
img {
	border: none;
}
a, a:link, .promo dt a, .topstory dt a { /* link colors */
	color: #830E1B;
	text-decoration: none;
}
a:visited {
	color: #830E1B;
}
a:hover {
	text-decoration: underline;
}
a:active {
	color: #0001FE;
}
.sup a,.sup a:active,.sup a:visited,.sup .promo a,.sup .promo a:active,.sup .promo a:visited {
	color:#004967;
}
h1 {
	font: bold 20px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #333333;
	padding: 6px 0 10px 6px;
	margin: 0;
}

.module h2 a{
	float:right;
	display:inline;
	font-size:10px;
	margin: 3px 5px 0;
	color:#004967;
}
h2 a.rss {
	float:right;
	display:inline;
	margin:0 5px 0;
}

#right h3{
	margin: 10px 6px 0;
}

hr {
	padding: 0;
	margin: 0;
	display: block;
	height: 1px;
	background-color: #dfdfdf; /*MOZ */
	color: #dfdfdf; /* IE */
	border: 0;
}
.module {
	margin: 0 5px 7px;
	padding: 0 0 10px 0;
	border-bottom: 2px solid #C7DAE0;
}
#movieplayer.module {
	padding: 0 0 10px 0;
	margin: 5px 5px 7px;
}
.module p.more,#right .module ul,.module .promo,#right .module h3,#right .module h4,.module p,#right .module img{
	margin-right: 6px;
	margin-left: 6px;
}
#right #movieplayer.module {
	padding: 0 0 10px 0;
}
.moduleh {
	margin-left: 5px;
	margin-right: 5px;
}
#mainarea .half {
	width: 294px;
	float: left;
	display: inline;
	margin: 0 3px 25px 5px;
}
 .half ul {
	margin: 0 0 0 5px;
	list-style: none;
	padding: 0;
 }
.rightflank {
	border-right: 1px solid #dfdfdf;
}
p.more {
	padding: 0;
	margin: 0;
	font: bold 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
}
#onair p.more {
	color:#830E1B;
}
#onair p.more a{
	padding: 0 5px;
}
ul.wide {
	padding: 0;
	margin: 0 0 0 6px;
	list-style: none;
}
ul.wide a{
	color:#004967;
}
.promo img.newwindow, #mainarea .promo.wide img.newwindow {
	display:inline;
	float:none;
	margin: 0;
	padding: 0;
	border: none;
}

#content ul.spaced li.services img {
margin:0px 3px 0px 0px;
}

#content ul li {
	padding: 0px 0px 5px 0px;
}

#content ul.large {
	font: normal 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
}
#content ul.small {
	font: normal 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
}
#content ul.spaced li {
	padding: 0 0 3px 10px;
}

#content ul.spaced li img {
	border: none;
	margin:0px;
}

#content ul.notspaced li {
	padding: 0 0 3px 0px;
}
#content ul.spaced li.notspaced, li.notspaced {
	padding: 0 0 3px 0px;
}

#content .promo dd li a {
	padding: 0px 0px 0px 10px;
}

/* layout */
#body { /* wrapper */
	width: 986px;
}
#content { /* another wrapper */
	margin: 15px 0 0;

}
#mainarea { /* left column -uses clearfix*/
	width: 614px;
	float: left;
	display: inline;
	overflow:hidden;
	margin: 0;
}
#right { /* right column */
	width: 370px;
	margin: 0;
	float: left;
	display: inline;
	overflow:hidden;
	font: 11px/1.4 Arial, Verdana, Geneva, Helvetica, sans-serif;
}
#widearea { /* spans both columns */
	margin: 0 5px 10px 5px;
	padding: 5px;
	border: 4px solid #e3eef2;
/*	display: block;
	width: 976px;*/
}
#widearea #left {
	width: 570px;
}

/* CBCnews.ca banner */
h1#cbcnewsca {
	background: #e3eef2;
	padding: 0 0 0px 6px;
	margin: 0;
	border-top:  2px solid #C7DAE0;
	/*padding: 6px 0 6px 6px;*/
	margin: 0 5px 10px;
}
h1#cbcnewsca a {
	display: block;
	height: 31px;
	width: 110px;
	text-indent: -2000em;
	text-decoration: none;
	padding: 0 0 1px 0; /* for FF */
	margin: 0;
	z-index: 1000; /* need for FX and IE */
	background: url(/bc/img/cbcnewsca.gif) 0 0 no-repeat;
}
h1#cbcnewsca a { /* for ie */
	*padding: 0;
	}

/* B.C. News banner */
h2#bcnews {
	background: #e3eef2;
	padding: 6px 0 6px 6px;
	margin: 0;
	border-top:  2px solid #C7DAE0;
	margin: 0 5px 10px;
	}

/* mainarea sections */
#topstory {
	background: #fff;
	margin-bottom: 0px; /*previous 18px*/
}


/* your view */
#yourview {
	width: 258px;
	float: left;
	display: inline;
	margin: 0 5px 18px 5px;
	height: 220px;
	overflow:hidden;
	position:relative;
}
#mainarea #commentcontainer{
	background: url(../../img/balloon-bottom.gif) no-repeat 0 bottom;
	padding: 0 0 20px 0;
}
#mainarea #commentsource {
	font: bold 11px Arial, Helvetica, sans-serif;
	padding: 6px 5px 5px 15px;
	margin: 0;
	background: url(../../img/balloon-top.gif) no-repeat;
}
#mainarea #commentbody {
	margin: 7px 13px 8px 13px;
	padding: 0 3px 0 20px;
	color: #333;
	background: url(http://www.cbc.ca/includes/gfx/comments/comment_quoteleft.gif) no-repeat 0 0;
	font: normal 13px Georgia, "Times New Roman", Times, serif;
}
#mainarea #commentbody img {
	padding-left: 6px;
}
#mainarea #commentreader {
	font: normal 12px Arial, Helvetica, sans-serif;
	padding: 0 13px 5px 0;
	text-align: right;
	margin: 0;
	font-style: italic;
}
#yourview p.more {
	margin-top: 8px;
	position:absolute;
	bottom:3px;
}





/* blog hit */

#bloghit img {
	float: left;
	margin: 0 8px 0 0;
	border: 1px solid #d6d6d6;
}
#bloghit a:hover img {
	border: 1px solid #990002;
}
#bloghit p {
	font: normal 11px/1.3 Arial, Helvetica, sans-serif;
}

#bloghit li {
	font: normal 11px/1.3 Arial, Helvetica, sans-serif;
}
#bloghit p.more {
	font: bold 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
	position:absolute;
	bottom:3px;
}
#mainarea #bloghit {
	width: 328px;
	float: left;
	display: inline;
	height: 220px;
	margin: 0 5px;
	overflow:hidden;
	position:relative;
}



/* right column sections */

/* local weather */
#localweatherreport.module {
	padding-bottom: 10px;
}
#localweatherreport .weather {
	margin: 0 0 15px 0;
}
#localweatherreport .weather div {
	width: 70px;
	/*border: 1px solid #FFC0CB;*/
	display: inline;
	float: left;
	text-align: center;
	overflow:hidden;
}
#localweatherreport div h3 {
	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
	height: 32px;
}
#localweatherreport div p {
	font: 10px Arial, Verdana, Geneva, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}
#localweatherreport div p.temperature {
	font: bold 17px Arial, Verdana, Geneva, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}

#movieplayer {
}


/* on air section */
#onair.module {
	padding-bottom: 8px;
}
/* rewriterules from promo.css */
#onair .promo {
	border:none;
	width: auto;
	display: block;
	float: none;
	background: #fff;
	margin: 15px 0;
}
#onair .promo img {
	display:inline;
	float:left;
	margin-right: 15px;
}
#onair .promo dt a {
	color: #830e1b;
}
#onair .promo dt em {
	display: block;
	text-transform: uppercase;
}


#onair h3 {
	font: bold 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
	float: left;
}
#onair .listenliveR1 {
	/*border-bottom: 1px solid #dfdfdf;*/
	padding: 0 6px 10px; 
	margin: 0 0 8px 0;
}
#onair .listenliveR2 {
	/*border-bottom: 1px solid #dfdfdf;*/
	padding: 0 6px 5px;
	margin: 0;
}
#onair ul {
	padding: 0;
	margin: 7px 0 0;
	list-style: none;
	text-align: right;
	float: right;
}
#onair li {
	font: bold 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #333;
	padding: 0 0 0 3px;
}

/* rewrite promo rules */
#content .promo {
	background: #f9fbfc;
}
#content .promo dd a { /* dd black links */
	color: #333;
}

#mainarea .promos {
	/*background: #e0e8eb;*/
	clear:left;
	margin: 0; /* give them a gutter in main div */ /*previous  0 18px 0*/
	padding-bottom: 7px; /* ie7 */
}
#mainarea .promo { /* a little narrower to accomodate gutter */
	width: 192px; /* img=190px + 2px for border */
	border-top: 1px solid #c7dae0;
	border-bottom: 1px solid #c7dae0;
	margin: 7px 5px 0 5px  /* for ie7 set bottom padding in .promos */
}
#mainarea .promo dl {
	height: auto;
}
#mainarea .promo.sml {
	background: none;
	border: none;
}
#mainarea .promo.med dd ul { /* a little narrower */
	width: 123px;
	padding: 0;
	margin: 0;
	list-style: none;
	list-style-image: none;
		float:left;
}
#mainarea .promo.med dd li {
	padding: 0;
	background:none;
}
#mainarea .promo.med dd ul li {
	background: url(http://www.cbc.ca/images/promo_listbullet.gif) no-repeat 0px 4px;
	margin: 0 0 1px;
	padding: opx;
	list-style-type: none;
	clear: none;
}


#mainarea .promo.med img {
	margin: 5px 3px 0 3px;
}
#mainarea .promo.lrg {
	background: #f9fbfc;
	/*height: 192px;*/
}
#mainarea .promo.lrg dl {
	padding: 3px 5px 0 5px;
	margin: -2px 0 0 0;
	height: 192px;
}

#mainarea .module .promo { /* less margin to fit in module */
	margin: 7px 3px 0;
}


/* wide promos for program page */
#mainarea .promo.wide {
	width: 577px;
	margin: 5px 0 5px 5px;
	border:5px solid #e3eef2;
}
#mainarea .promo.wide img {
	float: left;
	margin: 5px;
	border:none;
}
#mainarea .promo.wide a:hover img {
	border: none;
}
#mainarea .promo.wide a {
	color: #004967;
	text-decoration: none;
}
#mainarea .promo.wide dl {
	margin: 5px 5px 5px 205px;
	font: normal 12px/1.5 Arial, Verdana, Geneva, Helvetica, sans-serif;
}
#mainarea .promo.wide dt {
	margin:5px 5px 5px 0;
	font: bold 18px/1.2 Arial, Verdana, Geneva, Helvetica, sans-serif;
}
#mainarea .promo.wide dd{
	font: normal 11px/1.2 Arial, Verdana, Geneva, Helvetica, sans-serif;
	line-height: 1.2;
}
#mainarea .promo.wide dd em{
	display: block;
	font-style: normal;
	color: #444;
	padding-bottom: 4px;
}
#results table {
	background-color: #f6f9fa;
	border: 1px solid #c9d8df;
	font: normal 12px/1.2 Arial, Verdana, Geneva, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
	width: 80%;
	border-collapse: collapse;
	color:#333;
}
#results td, #results th {
	font-weight: bold;
	border: 1px solid #c9d8df;
	padding: 0;
	margin: 0;
}
#results #service, #results #freqChannel {
	font-weight: bold;
}
#results td p, #results th p {
	padding: 0;
	margin: 5px 2px 3px 5px;
}
#results h3 {
	margin: 10px 0 5px 0;
}
#results h3, #results h3 .blktxt {
		font: bold 12px/1.2 Arial, Verdana, Geneva, Helvetica, sans-serif;
		color: #323232
}

/* subnav */
#subnav {
	clear: both;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	color: #fff;
	padding: 10px 0;
	margin: 0 5px 1px;
	background: #8b0b10 url("http://www.cbc.ca/includes/gfx/news-subnav-back.gif") repeat-y;
}
#subnav a {
	color: #fff;
	text-decoration: none;
}
#subnav a:hover{
	color: #fff;
	text-decoration: underline;
}
#subnav .zone {
	margin: 0px 30px 0 11px;
	display: inline;
	float: left;
}
#subnav .zones {
	margin-top: 4px;
	display: inline;
	float: left;
}
#subnav .zones a {
	padding: 0 3px;
}


/* last updated notice */
#lastupdated {
	margin: 0 0 5px;
	padding-top: 0;
	font: 10px Arial, sans-serif;
	border-top: none;
}
.leadimage {
	margin-top: 0;
}

/* top stories */
.topstories {
	font-size: 12px;
	/*width: 596px;*/
	/*margin:0 5px;*/
}
.topstories a {
	color: #000000;
}
.topstory {
	/*margin: 0 5px 5px 0;*/
}
.topstory dt a {
	font-size: 20px;
	line-height: 22px;
}
.topstory dl {
	/*width: 384px;*/
}
.topstory.noimage dl {
	width: 596px;
}

#freq,#freqbox{
	margin: 0 6px;
}

/* top headlines */
#morenews.topstories div.morestories {
	clear: both;
	width: auto;
}

/* hide top headline in full module*/
#hide-story dl dt.headline.dt0 {
	display:none;
	}
	
/* bc-button */
a.bc-button {
	margin:0px 5px 0px;
	float:right;
	display:inline;
	}

/* ads */
.bigbox {
	border-top: 1px solid #d0d0d1;
	margin: 30px 5px 15px;
	padding: 14px;
	text-align: center;
	background: url("http://www.cbc.ca/includes/ads/gfx/ad_label_h.gif") no-repeat center top; }
#browse span {
	font-size: 10px;
}
#footer-links div {
	display: inline;
	float: left;
	margin: 5px;
	width: 192px;
}


/* image links */
#content a.listen {
	padding: 0 20px 0 0;
	margin: 0;
	background: url(/bc/img/icons/icon-listen.gif) no-repeat right 0;
}
#content a.listennews {
	padding: 0 20px 0 0;
	margin: 0;
	background: url(/bc/img/icons/icon-listen-news.gif) no-repeat right 0;
}
#content a.watch {
	padding: 0 20px 0 0;
	margin: 0;
	background: url(/bc/img/icons/icon-watch.gif) no-repeat right 0;
}
#content a.watchnews {
	padding: 0 20px 0 0;
	margin: 0;
	background: url(/bc/img/icons/icon-watch-news.gif) no-repeat right 0;
}
#content a.blank {
	padding: 0 15px 0 0;
	margin: 0;
	background: url(/bc/img/icons/icon-blank.gif) no-repeat right 0;
}

/* Gas Price Feature */

#right #gas-prices {
	height: 50px;
	border: none;
	margin: 0 0 18px;
}
#right #gas-prices img {
	float: left;
	margin: 0 5px;
	border:1px solid #D6D6D6;
}
/*#right #gas-prices #gas-title{	
	font: bold 16px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #333333;
	margin: 6px 0 5px 0px;
}*/
#right #gas-prices p {
	margin: 6px 0 6px 0px;
	/*display: inline;*/
}

/* Promo right big - gas & real estate features */
#promo-right-big {
margin:0px;
padding:0px;
}

.promo-right-big {
width: 175px;
display:inline;
float:left;
margin-left:4px;
}

.promo-right-big p {
height:30px;
position:relative;
top:-8px;
font-family:Verdana,sans-serif;
font-size:10px;
}

.promo-right-big a {
font-family:Verdana,sans-serif;
font-size:10px;
color:#333333;
}

.promo-right-big img {
border: 1px solid #D6D6D6;
}

/* Radio & TV On Air */
#right #onair h3 {
	font: bold 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
	float: none;
	margin:12px 5px 0pt; /*orig margin:10px 5px 0pt; */
}
#right #onair .watchliveNews, #right #onair .listenliveR1, #right #onair .listenliveR2 {
	padding: 0px; /* orig. 0 6px 10px */
	margin: 0 0 4px 0; /* orig. 0 0 8px 0 */
}

#right #onair ul li.alert {
font-style:italic;
font-weight:normal;
margin: 0px 0px 10px 20px;
width:320px;
}
	
#right #onair ul {
	padding: 0px;
	margin: 7px 0 0 5px;
	list-style: none;
	text-align: left;
	float: left;
}
#right #onair ul li {
	font: bold 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #333;
	padding: 0px; /*orig. 0 0 0 3px*/
	margin: 0px;
}
a.video {
	background:transparent url(/includes/gfx/icon_video.gif) no-repeat scroll right 3pt;
	margin:0px;
	padding:0px 12px 0px 0px;
}
a.audio {
	background:transparent url(/includes/gfx/icon_audio.gif) no-repeat scroll right 3pt;
	margin:0pt;
	padding:0px 13px 0pt 0pt;
}

/* Radio & TV On Air - Beijing Olympics */

.alert {
	padding:5px;
	color:#5C618A;
	}

.alert em {
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	}

#right #onair ul li.latest-ondemand {
	text-transform:uppercase;
	padding-bottom:14px;
	}
	
/* Yellow "NEW" icon for new nav items */
#newbutton {
/*margin-top: 5px;*/
float:left;
margin-left:-6px;
margin-top:5px;
}

/* Headlines - more stories */

.morestories dt a {
	color:#000000;
	font-weight:normal;
}

/* Radio & TV On Air - Beijing Olympics */

.alert {
	padding:5px;
	color:#5C618A;
	}

.alert em {
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	}

#right #onair ul li.latest-ondemand {
	text-transform:uppercase;
	padding-bottom:14px;
	}
	
/* Yellow "NEW" icon for new nav items */
#newbutton {
/*margin-top: 5px;*/
float:left;
margin-left:-6px;
margin-top:5px;
}

/* Headlines - more stories */

.morestories dt a {
	color:#000000;
	font-weight:normal;
}

/* YUI Overlay */
.yui-overlay {
visibility:hidden;position:absolute;z-index:2;
}
.yui-tt-shadow{
position:absolute;
}

.yui-tt .bd {
position:relative;
top:0;
left:0;
z-index:1;
color:#ffffff;
font-weight:bold;
padding:2px 5px;
border-color:#D4C237 #A6982B #A6982B #A6982B;
border-width:1px;
border-style:solid;
background-color:#c7091f;
width:195px;
}

.yui-tt.show-scrollbars .bd {
overflow:auto;
}

.yui-tt-shadow {
top:2px;
right:-3px;
left:-3px;
bottom:-3px;
background-color:#000;
position:absolute;}

.yui-tt-shadow-visible{
opacity:.12;
*filter:alpha(opacity=12);
}


