﻿body { font: normal normal normal 13px/1.3 Arial,Verdana,sans-serif; }
a, a:link, a:visited { color: #7B0415; text-decoration: none; }
a:hover { text-decoration: underline; }
h4 { font: normal normal bold 14px/1.3 Arial,Verdana,sans-serif; color: #7b0415; }

/* layout */
#body { background: #D9D9D9 none repeat scroll 0%; }
#header { /*background: #87ceeb;*/ height: 56px; margin: 5px 5px 0pt; width: 966px; }
#cvheader { margin: 5px 0 0 5px; }
#blogroll { width: 263px; height: 335px; float: left; display: inline; }
#cartoons {
   width: 326px; height: 335px; float: left; display: inline;
   margin-left: 11px; position:relative;
   }

.faux-mainarea { /*copy of mainarea layout*/
	/*display:inline; float:left; width:616px;*/
   width:966px !important; height: 55px !important; background: #000;
   }
.faux-right { /*copy of right layout*/
	display:inline; float:right; width:350px; margin: 0; background: #000;
   }


/* module */
div.module { border-top: 2px solid #7b0415; }
#right div.module { margin-bottom: 10px; padding-bottom: 5px; }
div.module h2 { font-size:18px; }
div.module h3 {
	color: #000; font-family: Arial,Verdana,sans-serif;
	font-size: 15px; font-size-adjust: none; font-stretch: normal;
	font-style: normal; font-variant: normal; font-weight: bold;
	line-height: normal; margin: 7px 8px 5px; padding: 0;
	background-color: transparent; border-top: none;
   }
div.module p { margin: 0 0 5px 10px; padding: 0; }
div.module hr {
   display: block; height: 1px; color: #C0C0C0; border: 0;
	margin: 10px 10px 17px 10px; border-bottom: 1px dotted #A5AEC5;
   }

/* top stories - hide lede */
.topstories dd { margin: 0; display: none; }

/* more */
div.more {
	background: #666666; margin: 10px 0 0 0; padding: 4px 0 4px 10px; color: #fff;
	font: normal normal normal 11px/1.3 Arial,Verdana,sans-serif;
   }
div.more a, div.more a:link, div.more a:visited, div.more a:hover, div.more a:active {
	color: #fff;
   }
#cartoons div.more { position:absolute; bottom:0; width: 316px; }

/* blog hit */
#ormistonblog { margin-bottom: 10px; /*height: 300px;*/ }

/* Ormiston's 5-player */
#oFlash-div { width: 578px; margin: 0 12px; }

/* little boxes below blog hit */
#playblog { margin: 0 auto 15px auto; text-align: center; width: 580px; }
#playblog h3 { }
#playblog-meta {
   background: #ECECEC; width: 390px; float: left; display: block;
	height: 120px; padding: 0 10px 0 0; text-align: left;
   }
div.module p.playblog-footer {
	font: normal normal normal 11px/1.3 Arial,Verdana,sans-serif;
	color: #797979; margin: 10px 0 0 10px;
   }
#playblog-link {
	background: #ECECEC; display: inline; float: right; width: 176px;
	text-align: center; height: 120px; padding: 0;
   }
#playblog-link p { padding: 45px 0; margin: 0; }
#playblog-link a, #playblog-link a:link, #playblog-link a:visited {
	margin: 20px 0 4px 0; font: normal normal bold 17px/1.3 Arial,Verdana,sans-serif;
	padding: 3px 5px; background: #fff; border: 1px solid #CCCCCC;
   }
#playblog-link a:hover { text-decoration: none; background: #7b0415; color: #fff; }

/* blogroll */
#blogroll ul {
   list-style: none; padding: 0; margin: 0 0 10px 10px; width: 115px; float: left;
	font: normal normal normal 11px/1.7 Arial,Verdana,sans-serif;
   }

/* cartoons */
#cartoons { text-align: center; }
#cartoons img { margin: 0 auto; }
#cartoons p, #cartoons .more, #cartoons h2 { text-align: left; }

/* clicktease */
#right div.module.clicktease { height: 51px; padding: 0; margin: 5px; }
#right div.clicktease ul,
.faux-right div.module.clicktease ul {
	margin: 9px 0 9px 7px; padding: 7px 10px; list-style: none; background: #ececec;
	/*height: 20px*/ position: absolute; width: 317px;
   }
#right div.clicktease li,
.faux-right div.module.clicktease li { display: inline; }
#right div.clicktease li#tease1 a,
.faux-right div.module.clicktease li#tease1 a {
	color: #000; font: normal normal bold 12px/1.7 Arial,Verdana,sans-serif;
   }
#right div.clicktease li#tease2 a,
.faux-right div.module.clicktease li#tease2 a {
	font: normal normal bold 12px/1.7 Arial,Verdana,sans-serif;
	background: url(/news/canadavotes/campaign2/img/wrench.gif) no-repeat left;
	padding: 0 0 0 14px; margin: 0 0 0 24px;
   }
.faux-right div.module.clicktease li#rsstease a {
	font: normal normal bold 13px/1.7 Arial,Verdana,sans-serif;
	background: url(http://www.cbc.ca/common_radio/images/icon-rssfeed.gif) no-repeat left;
	padding: 0 0 0 20px; margin: 0 0 0 10px; color: #000;
   }
div.clicktease li#teasetiny {
	font: normal normal bold 10px/1.7 Arial,Verdana,sans-serif; float: left;
   }
div.clicktease li#teasebig {
	font: normal normal bold 13px/1.7 Arial,Verdana,sans-serif;
	float: left;
}
.faux-right div.module.clicktease li#sendvideotease,
#right div.clicktease li#sendvideotease { margin: 0 0 0 10px; float: right; white-space: nowrap; }
.faux-right div.module.clicktease li#sendvideotease a, 
#right div.clicktease li#sendvideotease a, 
.faux-right div.module.clicktease li#sendvideotease a:link, 
#right div.clicktease li#sendvideotease a:link, 
.faux-right div.module.clicktease li#sendvideotease a:visited, 
#right div.clicktease li#sendvideotease a:visited {
	font: normal normal bold 14px/1.7 Arial,Verdana,sans-serif;
	margin: 20px 0 4px 0; padding: 4px 6px; background: url(../gfx/blueshade_bg.png);
	border: 1px solid #CCCCCC; color: #fff;
   }
.faux-right div.module.clicktease li#sendvideotease a:hover,
#right div.clicktease li#sendvideotease a:hover {
	text-decoration: none; background: #7b0415; color: #fff;
   }

/* faux columns for ormiston blog teases and header */
.faux-mainarea #cvheader { margin: 0; }
.faux-right div.module.clicktease { height: 51px; padding: 0; margin: 0; }

/* infoscape web watch */
#webwatch p { width: 210px; float: left; padding-right: 10px; display: inline; }

#infoscapetable {
	/*background: aqua;*/
	width: 370px; float: right; display: inline; margin-right: 5px;
   }
#infoscapetable table {
	font: normal normal normal 11px/1.3 Arial,Verdana,sans-serif;
	border-collapse:collapse; margin:0pt 0pt 10px;
   }
#infoscapetable table td, #infoscapetable table th {
	border: 2px solid #FFFFFF; padding: 4px; text-align:left;
   }
#infoscapetable table td { background-color:#EFEDE8; }
#infoscapetable table th {
	background-color:#B3AFA0; color:#FFFFFF; font-weight:bold;
   }

/* photo gallery browser */
#photogallerybowser { margin-top: 30px; }

/* send us your video/photo */
.senditin {
   background: #ECECEC; padding-top: 20px; padding-bottom: 13px;
	text-align: center; margin: 20px 5px 0 5px;
   }
.senditin p { margin-bottom: 16px; }
.senditin a, .senditin a:link, .senditin a:visited {
	font: normal normal bold 17px/1.3 Arial,Verdana,sans-serif; margin: 20px 0 4px 0;
   padding: 3px 5px; background: #fff; border: 1px solid #CCCCCC;
   }
#content .senditin a:hover { text-decoration: none; background: #7b0415; color: #fff; }

/* Ormiston blog */
#banner-header { margin-bottom: 10px; padding-bottom: 0; }
#banner-header a, #banner-header a:link, #banner-header a:visited {
	color:#333333; margin:7px 8px; padding:0pt;
	font: normal normal bold 16px/1.3 Arial,Verdana,sans-serif;
   }
#banner-header a:hover { text-decoration: underline; }
#banner-header a:active { color: #000; }

/* div for toppermost, latest entry */
#theplayer {
   height: 383px; position: relative; width: 605px;
   padding: 10px 0; margin: 0 0 10px 5px !important;
   }
#theplayer a { position: absolute; top: 10px; left: 10px; width: 580px; height: 383px; z-index: 1; }
#theplayer #blogTease {
   display: block; position: absolute; bottom: 30px; left: 10px; z-index: 10;
   width: 580px; background: #000; height: 62px;
   opacity: 0.6; filter: alpha( opacity = 60 ); -moz-opacity: 0.6; -khtml-opacity: 0.6;
   }
#theplayer #blogTeaseCopy {
   position: absolute; bottom: 20px; left: 10px; z-index: 11;
   width: 580px; background: transparent; height: 70px; color: #fff;
   }
#theplayer #v-if { position: absolute; top: 10px; left: 10px; z-index: 200; }

#thepicture {
   height: 383px; position: relative; width: 605px;
   padding: 10px 0; margin: 0 0 10px 5px !important;
   }
#thepicture a { position: absolute; top: 10px; left: 10px; width: 580px; height: 383px; z-index: 1; }
#thepicture #blogTeaser {
   display: block; position: absolute; bottom: 30px; left: 10px; z-index: 10;
   width: 580px; background: #000; height: 62px;
   opacity: 0.6; filter: alpha( opacity = 60 ); -moz-opacity: 0.6; -khtml-opacity: 0.6;
   }
#thepicture #blogTeaserCopy {
   position: absolute; bottom: 20px; left: 10px; z-index: 11;
   width: 580px; background: transparent; height: 70px; color: #fff;
   }

.topentry { padding: 0px !important; margin: 0 0 10px 0; height: 405px; }
/*div.module*/ .topentry h3 { font: normal normal bold 16px/1.3 Arial,Verdana,sans-serif; }
.topentry h1 { margin: 0 0 6px 0; }
.topentry h1 a { font: normal normal bold 18px/1.3 Arial,Verdana,sans-serif; color: #333333; }
.topentry ul { list-style: none; }
.topentry .bVid {
   width: 585px; float: left; display: inline; margin: 10px 10px 10px 5px; padding: 10px;
   }

.topentry .bTalk {
   width: 350px; float: left; display: inline; margin: 10px 0 0 0; padding: 0;
   height: 395px;
   }
.topentry .bTalk .module { height: 254px; width: 330px; padding: 10px; margin: 0; }
.topentry .bTalk .module h1 { margin: 0 0 6px 6px; }
.ugc-cta {
   width: 350px; height: 42px; margin: 10px 0 0 5px; background: #000;
   padding: 8px 0 0 0; text-align: center;
   }
.ugc-cta a { text-align: center; color: #fff; }

 /* div for recent entries in right nav */
.recententry { padding: 10px; border-bottom: 1px solid #d9d9d9; }
div.module .recententry h3 { margin: 0px; font-size:12px; }
div.module .recententry p {
	font: normal normal normal 11px/1.2 Arial,Verdana,sans-serif;
	padding: 0; margin: 0 0 0 115px;
   }
div.module .recententry p.entry-footer {
	font: normal normal normal 10px/1.2 Arial,Verdana,sans-serif;
	color: #666; margin-top: 2px;
   }

/* comments */
div.module .comments-content h2 { margin-bottom: 15px; }
div.module p.comment-writer {
	font-size: 14px; padding-top: 12px; padding-bottom: 4px; font-weight: bold; color: #666;
   }
div.module p.comment-footer {
	font: normal normal normal 10px/1 Arial,Verdana,sans-serif;
	color: #666; padding-top: 25px; padding-bottom: 0; margin-bottom: 0;
   }
.comment {
	border-top: 1px solid #E6E6E6;
	padding-right: 20px; padding-bottom: 10px; background: #F5F5F5;
   }
.comment_alternate { border-top: 1px solid #E6E6E6; padding-right: 20px; padding-bottom: 10px; }
div.module .disclaimer p {
	font: normal normal normal 10px/1.2 Arial,Verdana,sans-serif; color: #666;
   }
div.module #post_note {
	font: italic normal normal 12px/1.2 Arial,Verdana,sans-serif; color: #666;
   }
.disclaimer h4 { padding: 0; margin: 0 0 0 10px; }

div.module .feeds {
	font: normal normal normal 11px/1.4 Arial,Verdana,sans-serif;	
	padding-top: 20px; padding-bottom: 20px;
   }
.rsslink {
	background-image:url(http://www.cbc.ca/common_radio/images/icon-rssfeed.gif);
	background-repeat:no-repeat; padding-left:20px;
   }
#error_msg_comments { background: #ce0725; font-weight: bold; color: #fff; }

/* upload photo form */
/* a little presentation */
#right div.module.photogalleryright { height:550px }
.photogalleryleft { height:555px }
#context2 { /*padding-bottom: 20px;*/ }
#context2 form { margin: 0; padding: 0; }
/* styling */
#context2 .notes {
	font: normal normal normal 11px/1.3 Arial,Verdana,sans-serif;
	color: #9D9D9D; padding-right: 10px;
   }
#context2 input, #context2 textarea  {
 	background-color: #F6F6F6; border: 1px solid #D7D7D7;
 	padding: 2px; font: normal normal normal 13px/1.3 Arial,Verdana,sans-serif;
   }
#context2 #Iagree { border: none; }
#context2 .pt1 { float: left; margin-right: 5px; display: inline; }
#context2 .policies {
	font: normal normal normal 11px/1.3 Arial,Verdana,sans-serif; text-align: center;
   }
#context2 .closeit { text-align: right; padding: 15px 10px 5px 0; /*float: right;*/ margin: 0px; }
#context2 .closeit a,
#context2 .closeit a:link,
#context2 .closeit a:visited,
#context2 .closeit a:active { color: #fff; background-color: #666666; padding: 3px 5px; }
#context2 .closeit a:hover { background-color: #7B0515; text-decoration: none; }
#context2 input#ChoosePhoto {}

#context2 .releaselink {
	margin-right: 10px; font: normal normal normal 11px/1.3 Arial,Verdana,sans-serif;
   }
#context2 #SubmitPhoto {
	background-color: #7B0515; color: #fff; margin-top: 7px; margin-bottom: 10px;
	padding: 3px 8px; float: left;
   }

/* Patricio's Tables */
.tableFBrow { background-color: #DDDDDD; }
.textBodyFB img { border:none;}

.textBodyFB {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; color: #000000; text-decoration: none;
	background-color: #EFEDE8; border-top-width: 2px; border-top-style: solid;
	border-top-color: #FFFFFF; background-color: #EFEDE8; padding-top: 2px; padding-bottom: 2px;
   }
.tablebody {
	font-family: Arial, Helvetica, sans-serif; font-size: 10px;
   line-height: 12px; vertical-align: middle;
   }
.tableblogposts {
	font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px;
   color: #000000; margin: 0px 10px; padding: 0px; width: 330px !important;
   }
.tableblogpostsRow {
	height: 20px; padding-top: 5px; padding-bottom: 5px; border-top-width: 1px;
	border-top-style: solid; border-top-color: #666666; font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; color: #000000;
   }
.columnlabel {
	border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif; font-size: 9px;
	color: #FFFFFF; border-top-width: 2px; border-top-style: solid;
	border-top-color: #FFFFFF; background-color: #B3AFA0;
   }
.tabletitle {
	font-family: Arial, Helvetica, sans-serif; font-size: 10px;
	line-height: 10px; font-weight: bold; color: #FFFFFF;
	border-top-width: 2px; border-top-style: solid; border-top-color: #FFFFFF;
	background-color: #B3AFA0; padding-top: 2px; padding-bottom: 2px;
   }
.tabletitleDate {
	font-family: Arial, Helvetica, sans-serif; font-size: 10px;
	line-height: 18px; font-weight: bold; color: #999999;
	border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF;
	text-align: right; background-color: #B3AFA0;
   }
#tablefooter a {
	font-family: Arial, Helvetica, sans-serif; font-size: 9px;
	font-style: normal; text-transform: capitalize; color: #FFFFFF; text-decoration:none;
   }
.tablebottom {
	border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid;
	border-bottom-style: solid; border-top-color: #FFFFFF; border-bottom-color: #FFFFFF;
	background-color: #B3AFA0;
   }
.tabletop { border-top-width: a; border-top-style: solid; border-top-color: #666666; }
.textBodyBB a:link { /*color: #487CA1;*/ text-decoration: none; }
.textBodyBB a:hover { text-decoration: underline; }
.tableblogpostsRowNoBorder { height: 20px; padding-top: 5px; padding-bottom: 5px; }
.tableYTRow {
	height: 16px; border-top-width: 2px; border-top-style: solid; border-top-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;
	line-height: 10px; padding-top: 5px;
   }
.textBodyYT {
	font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;
	text-decoration: none; border-top-width: 2px; border-top-style: solid;
   border-top-color: #FFFFFF; background-color: #EFEDE8;
   }
.tableRow { background-color: EFEDE8; }
.columnLabelNoBorder {
	font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF;
   border-top-width: 2px; border-top-style: solid; border-top-color: #FFFFFF;
	background-color: #B3AFA0;
   }
#YTvideoTable table {
	border-collapse:collapse; caption-side: top; font: 10px Verdana, Arial, Helvetica, sans-serif;	
	margin: 0 0 10px; display:inline-block;
   }
#YTvideoTable table.full { width:392px; }
#YTvideoTable table caption {
	text-align:left; font-style:normal; background-color: #89867a; color:#FFF; margin:0;
	font-weight:bold; padding:5px; border-left:1px #fff solid; border-right:1px #fff solid;
   }

#YTvideoTable table td,#story table th {
   border:2px #fff solid; text-align: left; padding: 1px;
   }
#YTvideoTable table td { background-color: #EFEDE8; }
#YTvideoTable table th { color:#FFF; font-weight:bold; background-color: #B3AFA0; }
.textBodyBB a, .textBodyYT a { font-size: 10px; }
.textBodyBB {
	font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;
	text-decoration: none; /*height: 20px;*/ padding-top: 5px; padding-bottom: 5px;
	border-top-width: 2px; border-top-style: solid; border-top-color: #FFFFFF;
	background-color: #EFEDE8;
   }

.ulist { margin: 0; padding: 0; }
.ulist li { list-style-type: disc; margin-left: 20px; padding-left: 0; }

.vidThumb {
   position: relative; width: 104px; height: 55px;
   float: left; display: inline; margin-right: 10px;
   }
.vidThumb a {
   position: absolute; top: 0; left: 0; width: 104px; height: 55px; z-index: 20;
   }
.vidThumb img { position: absolute; top: 0; left: 0; z-index: 10; }

#content { padding-bottom: 0; }
#mainarea { float: left; display: inline; padding-top: 10px; }
#right { width: 360px; float: left; display: inline; }
.blogEntry { margin: 0 5px 5px 5px !important; padding: 10px 5px 10px 5px; }

.catArchive { }
.catArchive h4 { padding: 0 8px; margin: 0 0 10px 0; }
.catArchive dl { padding: 0 8px; margin: 0; }

/* div for recent entries in right nav */
.module dl { margin: 0 10px; }
.module dt{
	color: #808080; margin: 0; padding: 0 13px;
	background: transparent url(/includes/gfx/bullet_black_story.gif) no-repeat scroll left 6px;
   }
.module dd { color: #808080; font-size: 12px; padding: 0 0 7px 14px; margin: 0; }
.module dd a { color: #808080; }

/* Show Promo Module */
.showPromo { padding-bottom: 1px; padding: 10px 0; margin: 10px 0 0 5px !important; width: 350px; }
.showPromo .body {
   background: #ececec url(http://www.cbc.ca/documentaries/gfx/bg_showpromo_top.gif) top left no-repeat;
   width: 339px; margin: 0 auto; padding: 10px 0 0 0; color: #666;
   }
.showPromo .body .showImg { margin: 0 0 15px 10px; padding: 0; width: 310px; height: 40px; }
.showPromo .body p { margin: 0 10px; }
.showPromo .body ul {
   padding: 0 !important;
   margin: 15px 0 0 0; background: url(http://www.cbc.ca/documentaries/gfx/bg_showpromo_bottom.gif) bottom left no-repeat;
   }
.showPromo .body ul li { list-style-type: none; width: 339px; }
.showPromo .body ul li a {
   border-top: 1px solid #fff; color: #666 !important; font-weight: bold;
   display: block; padding: 5px 0; margin: 0 10px; width: 319px; 
   }
.showPromo .body ul li a:hover { text-decoration:underline !important; }
