/* CBC.ca-specific syles added Sept 28/09 */

@import "/includes/footer/footer-v07b.css";
@import "/includes/globalnav/v07b/globalnav.css";
@import "/tvarts/templates/css/globalnav_override.css";
#gn-adww { position:relative; left: 50%; margin:8px 0 8px -485px; } /*override the positioning of the login box and banner ad */
#footer { position:relative; left: 50%; margin:50px 0 0px -490px !important; width:981px !important; border:0 !important; border: 1px solid #222 !important; }/* Footer Override */
#footer-links { width:970px !important; } /* Footer Override */
#footer-search { background: #ccc !important; border:0 !important; } /* Footer Override */
#logos { margin:20px 0 40px 0; height:60px; width: 1278px; border-bottom:1px solid #fff; } /* Footer Override */


/* Little Mosque on the Prairie  -   Created & Updated by US on 16 September 2009 */
	
* { padding: 0; margin: 0; }
body { font-family: "Times New Roman", Times, serif; }
a { outline: none; }
form { padding:0; margin: 0; }
.body-outer { width: 100%;/*	float: left;*/
}
.bg-top-outer { background: url(../images/header.gif) no-repeat center top; width: 100%; float: left; }
.main { margin: 0 auto; width: 982px; padding: 0; }

/***** HEADER   ********/
.header-top { width: 982px; float: left; padding: 29px 0 0 0; text-align: right; }
.header { width: 982px; height: 202px; float: left; background: url(../images/header1.jpg) no-repeat left top; z-index: 20;}
.header-logo { width: 369px; float: left; padding: 119px 0 0 35px; }
.header-right { width: 578px; float: left; }
.season-premiere h2 { width: 288px; padding: 0px 0px 0px 290px; font-size: 22px; color: #fff; float: left; }
.season-premiere h3 { width: 263px; float: left; padding: 0px 0px 0px 315px; font-size: 22px; float: left; color: #0054a8; }
.season-premiere h4 { width: 246px; float: left; padding: 0px 0px 0px 332px; font-size: 20px; color: #000; float: left; }
.season-premiere { width: 578px; float: left; padding: 68px 0 0 0px; height: 92px; font-weight:bold; }
.lm-main-menu { width: 578px; float: left; }

/******* Index Page  *********/
.home-content { width: 982px; float: left; padding: 0 0 0px 0; background: url(../images/bg-content.jpg) repeat-y left top; }
.home-content-top { width: 982px; float: left; padding: 0px 0 22px 0px; background: url(../images/bg-home-middle.jpg) no-repeat center bottom; }
.home-content-top ul { padding: 0; margin: 0; list-style: none; }
.home-content-top li { padding: 0 4px 0 0; margin: 0; display: inline; }
.home-content-top li img { border: 2px solid #DCD1B5; }
.home-content-row { padding: 0 0 10px 30px; width: 952px; float: left; }
.season-wrapper-details { width:432px; height: 329px; padding: 0px; float: left; }
.season-wrapper-details a { text-decoration:none; cursor:pointer; }
.season-details { width:266px; height: 135px; padding: 25px 0 0 0; float: right; text-align: right; /*background: url(../images/bg-season-details.jpg) no-repeat left top;*/	
}
.season-details h2 { color: #FDFDFD; font-size: 20px; font-weight: bold; line-height: 22px; font-variant: small-caps; padding: 0 0 5px 0; margin: 0; text-align: right; }
.season-details h3 { color: #333333; font-size: 15px; font-weight: bold; line-height: 19px; font-variant: small-caps; padding: 0 0 5px 0; margin: 10px 0 0 0; text-align: right; }
.home-video { width: 478px; /*margin-top:24px;*/
	float: left; background: url(../images/bg-home-video.gif) no-repeat left top; height: 329px; padding: 3px 0 0 3px; margin-left: 10px; }
	
/******** Home Blog Area  *****/
.home-content-bot { width: 947px; float: left; padding: 15px 0 30px 35px; background: url(../images/bg-footer.jpg) no-repeat left bottom; }
.home-blog { width: 588px; float: left; padding: 0 25px 0 0; }
.home-blog h2 { background: url(../images/bg-blog-title.gif) repeat-x left top; height: 30px; padding: 3px 0 0 0; float: left; width: 588px; color: #2A4768; font-size: 24px; }
.home-blog h2 span { width: 300px; float: left; }
.home-blog h3 { padding: 10px 0 0 0; color: #2A4768; font-size: 18px; float: left; width: 588px; margin: 0; }
.home-blog h4 { padding: 5px 0 0 0; color: #212020; font-size: 13px; font-weight: bold; float: left; width: 588px; margin: 0; }
.home-blog-title { background: url(../images/bg-blog-title.gif) repeat-x left top; height: 30px; padding: 3px 0 0 0; float: left; width: 588px; color: #2A4768; font-size: 24px; }
.home-blog-title span { width: 300px; float: left; font-weight: bold; }
.home-blog p { padding: 10px 0 15px 0; color: #212020; font-size: 13px; font-weight: normal; float: left; width: 588px; margin: 0; }
.home-blog p a { color: #212020; text-decoration: none; }
.home-blog p a:hover { color: #212020; text-decoration: none; }
.home-ad { width: 310px; float: left; color: #FFFFFF; font-size: 12px; }
.news-txtbox { width: 208px; height: 17px; border: 1px solid #8F8F8F; margin: 5px 10px 10px 0px; float: left; }
.news-btn { background: url(../images/bg-submit.jpg) no-repeat left top; width: 53px; height: 17px; border: none; margin: 5px 0 0 0; cursor: pointer; float: left; }

/************ Inner Main Content  ************/
.main-content { width: 982px; float: left; padding: 0 0 0px 0; background: url(../images/bg-content.jpg) repeat-y left top; }
.main-content-bot { width: 947px; float: left; padding: 15px 0 30px 35px; background: url(../images/bg-footer.jpg) no-repeat left bottom; }
.mc-left { float:left; padding: 0px 30px 0px 0px; _padding-right: 10px; width:589px; }
.main-content h1 { padding: 0 0 7px 0; margin: 0 0 13px 0; font-size: 24px; color: #042a5c; text-transform: uppercase; font-weight: bold; background: url(../images/bg-heading.gif) repeat-x left bottom; }
.main-content h2 { padding: 0 0 20px 0; margin: 0; line-height: 20px; font-size: 18px; color: #042A5C; text-transform: uppercase; }
.main-content h2 span { color: #424241; text-transform: capitalize; }
.main-content h3 { padding: 0 0 17px 0; margin: 0; line-height: 20px; font-size: 13px; color: #212020; text-transform: uppercase; }
.main-content h3 a { color: #212020; text-decoration: none; }
.main-content h3 a:hover { color: #042a5c; text-decoration: underline; }
.main-content h4 { line-height: 20px; font-size: 13px; color: #212020; }
.main-content p { padding: 0 0 15px 0; margin: 0; line-height: 16px; font-size: 13px; color: #212020; text-align:justify; }

/***** BIG IMG AREA ********/
.big-img-area { width: 589px; float: left; padding: 0 0 18px 0; }
.content-flow { width: 589px; float: left; padding: 0 0 0 0; }
.cf-left { width: 304px; float: left; padding-right: 20px; }
.cf-left h3 { padding: 0 0 5px 0; }
.cf-right { width: 265px; float: left; }
.big-img-area a { background: url(../images/gallery-on.jpg) no-repeat left top; width: 152px; height: 32px; float: left; text-indent: -9999px; }
.big-img-area a:hover { background: url(../images/gallery-over.jpg) no-repeat left top; width: 152px; height: 32px; float: left; }

/***** CONTENT RIGHT ********/
.mc-right { float: left; width: 328px; padding: 52px 0 0 0; }
.cast-name { background: url(../images/bg-cast-names.jpg) no-repeat left top; height: 64px; padding: 0 0 0 10px; width: 290px; float: left; }
.cast-name-act { background: url(../images/bg-cast-active.jpg) no-repeat left top; height: 64px; padding: 0 0 0 10px; width: 290px; float: left; }
.cast-name-img { width: 66px; float: left; text-align: center; }
.cast-name-img a { text-decoration: none; }
.cast-name-txt { width: 210px; float: left; padding: 10px 0 0 5px; text-align: left; line-height: 18px; }
.cast-name-txt h3 { color: #FFFFFF; font-size: 21px; font-weight:normal; }
.cast-name-txt span { color: #E9E9E9; font-size: 17px; font-weight: bold; }
.cast-name-txt h3 a { color: #FFFFFF; text-decoration: none; }
.cast-name-txt h3 span a { color: #E9E9E9; text-decoration: none; }
.cast-name-txt h3 a:hover { color: #EECC85; text-decoration: none; }
.cast-name-txt h3 span a:hover { color: #E9E9E9; text-decoration: none; }
.other-char, .other-char-act { width: 290px; float: left; padding: 7px 10px 0 0; height: 28px; background: url(../images/bg-other-char.jpg) no-repeat left top; color: #DCDCDC; text-align: right; font-weight: bold; }
.other-char a { color: #DCDCDC; text-decoration:none; text-transform:uppercase; }
.other-char a:hover { color: #EECC85; }
.other-char-act a { color: #EECC85; text-decoration:none; text-transform:uppercase; }
.other-char-act a:hover { color: #DCDCDC; }

/***** Advertisment ***/
.ad-spacer { float: left; height: 35px; width: 298px; }
.ad-area { width: 300px; height: 248px; text-align: center; margin: 0px 0 0 0; float: left; }
.ad-area p { font-size: 10px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; }
.separator { height: 10px; width: 589px; float: left; background: url(../images/bg-heading.gif) repeat-x left bottom; }

/***** FOOTER  *****/
.footer { width: 982px; float: left; padding: 15px 0 0 0; text-align: center; background:#1E1E1E; border-bottom: 1px solid #5C5C5C;}
.footer p { padding: 5px 0 10px 0; margin: 0; color: #B1B1B1; font-size: 11px; }
.footer ul { text-align: center; list-style: none; display: inline; }
.footer ul li { display: inline; padding: 0 0px 0 10px; }
.footer ul li a { font-size: 14px; text-decoration: none; color: #996666; padding: 0 10px 0 0px; text-transform: uppercase; background: url(../images/bg-footerls.gif) no-repeat right top; }
.footer ul li a:hover { text-decoration: none; color: #E4C381; }

/******** Episodes ******/
.episodes { padding: 15px 0px 0px 0px; width: 300px; }
.episodes h2 { padding: 0px 0px 5px 4px; margin: 0px 0px 10px 0px; background: url(../images/bg-sum-title.gif) no-repeat left bottom; }
.episodes ul { background-color: #b8b2a5; width:300px; float:left; padding: 0px; list-style: none; margin: 0px; }
.episodes ul li { font-size: 14px; color: #fff; background: url(../images/episodes-bg.jpg) no-repeat left top; height: 37px; text-transform: uppercase; font-weight:bold; }
.episodes ul li a { text-decoration: none; color: #fff; display:block; padding: 8px 0px 10px 43px; }
.episodes ul li a:hover { color: #fde7aa; }
.sub-episodes { width: 260px; float:left; padding: 5px 0px 10px 30px; background-color: #b8b2a5; margin: 0px; }
.sub-episodes ul { padding: 0; float:left; list-style: none; width: 245px; margin: 0px; }
.sub-episodes ul li { padding: 3px 0px; text-transform: capitalize; list-style: none; background: none; color: #000; font-size: 13px; height: 15px; }
.sub-episodes ul li a { color: #000; padding: 0px; text-decoration: none; }
.sub-episodes ul li a:hover { color: #61553a; text-decoration: none; }

/**********  Features **********/
.recipe-area { width: 947px; float: left; padding: 0 0 23px 0; }
.features-bl { width: 580px; float: left; padding: 0 10px 0 0; }
.thumb-list { float: left; width: 580px; padding: 0 0 17px 0; background: url(../images/bg-heading.gif) repeat-x left bottom; margin: 0 0 14px 0; }
.thumb-list img { float: left; width: 187px; height: 93px; margin: 0 1px 0 0; }
.thumb-border1 { border: 1px solid #F3E8CA; }
.thumb-border2 { border: 1px solid #DDD7C9; }
.walpaper { width: 580px; float: left; padding: 0; margin: 0; }
.walpaper img { border: 1px solid #DBD7C8; float: left; margin: 0 10px 0 0; }
.walpaper h2 { font-size: 25px; color: #2A4769; padding: 0 0 15px 0; }
.walpaper p { padding: 0 0 10px 0; margin: 0; font-size: 14px; color: #212020; font-weight: bold; line-height: 16px; }
.walpaper p span { padding: 0 10px 0 0; font-weight: bold; font-size: 15px; color: #002B5E; }

/************ Main Menu  ********/
.mainmenus { width:578px; height: 24px; padding:0px; margin: 0px 0px 0px 0px; float: left; display: block; background: url(../images/bg-main-menu.jpg) no-repeat; }


/************ CBC Header/footer center  ********/

#gnwrap, #footer{ margin: 0 auto;}