/*@import "debug.css";*/
@import "http://www.cbc.ca/includes/globalnav/v07/globalnav.css";
@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 "http://www.cbc.ca/includes/footer/footer-v07.css";

body {
	font: 12px Verdana, sans-serif;
	padding:0;
	margin:0px;
}
/*ZONE BAR */
p em {
overflow:visible;
letter-spacing:-0.5px;
margin:0;
padding:0;
}
#zonebar{
	margin:0 !important;
	padding:0px 0px 5px 0px;
	color:#fff;
	background:#195a7c;
	border-top:1px solid #fff;
}

#zonebar a {color:#fff;
	text-decoration:underline;
	}
#zonebar a:active{color:#ccc;}

#zonebar li.active a{
	text-decoration:none;	
}

#zonebar a:hover{
	text-decoration:none;
}
#zonebar ul{margin: 0; padding:5px 5px 5px 5px;}

#zonebar li{
	float:left;
	list-style-type:none;
	margin: 0px 5px 0px 5px;
}

img {
	border: none;
}
a, a:link, .promo dt a, .topstory dt a { /* link colors */
	color: #195a7c;
	text-decoration: none;
}
a:visited {
	color: #195a7c;
}
a:hover {
	text-decoration: underline;
}
a:active {
	color: #0001FE;
}
h1 {
	font: bold 20px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #195a7c;
	padding: 6px 0 10px 6px;
	margin: 0;
}
h2 {
	font: bold 18px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #195a7c;
	padding: 6px 0 6px 6px;
	margin: 10px 0 10px 0;
}

#right h2 {	background: #E7edf0;
	border-top:  2px solid #C7DAE0;
	}
	
	 h2.headerTab {	background: #E7edf0;
	border-top:  2px solid #C7DAE0;
		margin:0 5px;
	}
h3 {
	font: bold 14px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #195a7c;
	padding: 0;
	margin: 0;
}

#mainarea h3 {
padding-left:5px;}
h4 {
	font: bold 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #195a7c;
	padding: 0 5px 0px 5px;
	margin: 0;
}
hr {
	padding: 0;
	margin: 12px auto;
	display: block;
	height: 2px;
	background-color: #ccc; /*MOZ */
	color: #ccc; /* IE */
	border: 0;
    text-align:center;
	width:88%;
}
.module {
	margin: 0 5px 25px 5px;
	padding: 0 0 10px 0;
	/*border-bottom: 2px solid #C7DAE0;*/
}

.module p {padding:0 0 0 5px;}

.programDescription {
	display:block;
	clear:both;
	margin: 5px;
	font-size:12px;
}
.programDescription img{
	float:left;
	clear:right;
	vertical-align:top;
	margin-right:5px;
border:1px solid #C7DAE0;

}

.broadcastTimes h3{
	color:#000;
	font-size:14px;
	padding:0 5px 0px 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 0 5px 5px;
	margin: 0;
	font: bold 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
}
ul.wide {
	padding: 0;
	margin: 0 0 0 5px;
	list-style: none;
}
.promo img.newwindow, #mainarea .promo.wide img.newwindow {
	display:inline;
	float:none;
	margin: 0;
	padding: 0;
	border: none;
}
#content ul li {
	padding: 0 0 5px 0;
}
ul.large {
	font: normal 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
}
ul.small {
	font: normal 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
}
ul.spaced li {
	padding: 0 0 15px 0;
}
ul.notspaced li {
	padding: 0 0 3px 0;
}
ul.spaced li.notspaced, li.notspaced {
	padding: 0 0 3px 0;
}

/* layout */
#body { /* wrapper */
	width: 976px;
	margin: 0px 0px 0px 0px;
	padding:0;
}
#content { /* another wrapper */
	/*margin: 15px 0 0 0;*/
}
#mainarea { /* left column -uses clearfix*/
	width: 596px;
	float: left;
	display: inline;
	overflow:hidden;
	margin:5px;
	}
#right { /* right column */
	width: 370px;
	float: left;
	display: inline;
	overflow: hidden;
	font: 11px/1.4 Arial, Verdana, Geneva, Helvetica, sans-serif;
	padding:0;
	margin-top:10px;
}
#widearea { /* spans both columns */
	margin: 0 5px 10px 5px;
	padding: 5px;
	border: 4px solid #E3EEF2;
/*	display: block;
	width: 976px;*/
}
#widearea #left {
	width: 570px;
}

/*podcast box for right column*/
#right .podbox{
/*	border-left:2px solid #c7dae0;*/
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.podbox input {
	width:188px;
	font-size:9px;
	margin:5px;
}

/* mainarea sections */
#topstory {
	background: #fff;
	margin-bottom: 18px;
}

#mainarea p {padding:0 5px 2px 5px;
	}

/* your view */
#yourview {
	width: 258px;
	float: left;
	display: inline;
	margin: 0 12px 25px 5px;
	height: 200px;
}
#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;
}

/*for 2 columns in main area*/
.mainareaTwocolumns {
margin:0;
padding:0;
display:block;
clear:both;
}
.mainareaLeft, .mainareaRight {
display:inline;
float:left;
width:303px;
clear:right;
padding:0;
margin:0;
}

/*for 2 columns in main area*/
#yourview p.more {
	margin-top: 8px;
}
	
/*Radio Page Masthead	*/
#masthead {
	width:966px;
	margin:0 5px 0px 5px;
	padding:0;
	background-color:#2e85a3;
	color:#fff;
}	

#masthead h1 {
	color:#fff;
	font-size:36px;
	padding:0px 5px 0px 5px;
	margin:0;
}	
#masthead h2 {
	color:#fff;
	font-size:14px;
	padding:0px 5px 0px 5px;
	margin:0;
}

#masthead p {padding:0px 0px 5px 5px; color:#fff;}



/* right column sections */


/*Radio Branding Images and Links*/
#brands {
	display:block;
}

/*listen and frequency rules for rightcolumn*/
.radiolinks {
	display:block;
	clear:both;
	margin:4px 0px 0px 0px;
	padding:5px;
	background:#f8f8f8;
	
}

.radiolinks p {
	vertical-align:top;
}
.rightfloat {
	float:right;
}
.leftfloat {
	float:left;
}

/* global nav */
#globalnav {
	margin: 5px 5px 0;
	background: #fff url("http://www.cbc.ca/includes/gfx/news-subnav-back.gif") repeat-x bottom left;
}
/*#gn-tabs #gnt-nws a {
	background-color: #363636;
	color: #fff;
}*/


/* subnav */
#subnav {
	clear: both;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	color: #fff;
	padding: 10px 0;
	margin: 0 0px 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;
}





/* ads */
.bigbox {
	border-top: 1px solid #d0d0d1;
	border-bottom: 1px solid #d0d0d1;
	margin: 20px 5px;
	padding: 14px;
	text-align: center;
	background: url("http://www.cbc.ca/includes/ads/gfx/ad_label_h.gif") no-repeat center top; }

	
/*generic caption class*/
.caption{
font-size:9px;
}

/* start common link icon classes - PDF, listen, etc */
.audiolink {
	background-image:url("/common_radio/images/icon_speaker_c.gif");
	background-repeat: no-repeat;
	padding-left:20px;
}
.contactlink {
	background-image:url("/common_radio/images/icon_email.gif");
	background-repeat: no-repeat;
	padding-left:20px;
}
.extlink {
	background-image:url("/common_radio/images/icon_new_window.gif");
	background-repeat: no-repeat;
	padding-left:20px;
}
.ituneslink {
	background-image:url("/common_radio/images/icon-itunes.gif");
	background-repeat: no-repeat;
	padding-left:20px;
}
.pdflink {
	background-image:url("/common_radio/images/pdficon_small.gif");
	background-repeat: no-repeat;
	padding-left:20px;
}
.printlink {
	background-image:url("/common_radio/images/icon_print.gif");
	background-repeat: no-repeat;
	padding-left:20px;
}
.reallink {
	background-image:url("/common_radio/images/icon_rp.gif");
	background-repeat: no-repeat;
	padding-left:20px;
}
.rsslink {
	background-image:url("/common_radio/images/icon-rssfeed.gif");
	background-repeat: no-repeat;
	padding-left:20px;
}
.videolink {
	background-image:url("/common_radio/images/icon_video.gif");
	background-repeat: no-repeat;
	padding-left:20px;
}
.backtotop {
font-size: 9px;
text-align: right;
}


/*generic RED ALERT*/
.alert {
	color:#900;
	font-weight:bolder;
}

/*Contact Form style */

.contactbox {
/*background-color:#E6E7E8;*/
background:#f8f8f8;
border:1px solid #cccccc; 
padding:10px;
margin:10px auto;
vertical-align:top;
width:500px;
}


.contactbox input, .contactbox select, .contactbox textarea {
float:right;
width:300px;
border: 1px solid #ccc;
background-color:#fefefe;
/*margin-top:-18px;*/
vertical-align:top;
margin:0;
padding:0;
}

.contactbox .formfieldset {
vertical-align:top;
margin:0px 0px 4px 0px;
padding:4px;
/*border:1px solid #ccc;
background:#f8f8f8;*/
}

textarea {
height:200px;
margin-bottom:24px;

}
	
.contactbox .submitbutton {
width:100px;
display:block;
clear:both;
position:relative;
right:102px;
}

.formlabel {
margin-left : 20px;
padding:0px;
clear:left;
}

 .formrequiredlabel{

 padding:0px;
clear:left;

 }
 .contactbox .formfield{
 margin:0px;
 padding:0px;
 background : #ccc;
/*overflow:visible;*/
 }
 
 .contactbox .labelbox {
 float:left;
 margin:0;
 padding:0;
/*width: 112px;*/
width : 148px;
 background : transparent;
vertical-align:top;
clear:left;
 }
 
.contactbox .fieldbox{
 background: transparent;
float:right;
margin:0;
padding:0;
width:208px;
vertical-align:top;
 }

/*podcast form*/
.podUrl {
width:340px !important;;
}
.podbox p{
/*padding:8px auto;*/
margin:8px auto;
}
.podbox form {
padding:0;
margin:0;}
/*podcast form*/

.entry{
width:90%;

}

/*radioblogstyle*/
.entry h2 {
font-size:18px;
padding-bottom:0;
margin-bottom:0;
}
p.byLine {
font-size:11px;
padding-top:0;
margin-top:0;}

p.entry-more-link {
font-weight:bold;}
p.entry-footer {
font-size:10px;
text-transform:uppercase;
font-weight:bold;}

.entry img {
float:left;
display:inline;
padding:10px 5px;
}

.comment {
padding:5px;
margin:0 5px;}
.alt {
background:#E7edf0;}

#error_msg_contactMT {
background-color:#FF0000;
color:#FFFFFF;
font-weight:bold;}

/*imagestyles from 06*/

/*#right img {border:1px solid #C7DAE0;}*/

#mainarea p.photo img {
	text-align: left;
	padding: 0;
	margin: 5px 10px 2px 0px;
	border:1px solid #C7DAE0;
	float: left;
	display:inline;
	clear: both;
	}
	#mainarea p.photo .caption {
	font-size: .8em;
	text-align: left;
	line-height: 1.2em;
	padding: 0;
	margin: 0px 10px 2px 0px;
	float: left;
	display:inline;
	clear: both;
	width:190px;
	}
