/* CSS Document */
/* Branding */
/* Montreal Gazette */

/*Header*/
#page {width:960px;}
.bodywrapper { float:left; background:#fff; }
/*Header Logo*/
#logocol {margin:5px 0px 0px 0px;}
#logocol .newspaperlogo {width:414px;height:84px;background:transparent url(/images/logo_montrealgazette.jpg) 0px -3px no-repeat;}
#logocol .newspaperlogo h1 a {float:left;width:379px;height:62px;}
#logocol .newspaperlogo h1 span {display:none;}

.close-button { position:absolute; right:-27px; top:34px; }

#logocol .newspaperlogo .label {float:right;margin-right:40px;display:inline;}
#logocol .newspaperlogo .label a span{font-size:12px;color:#000;font-weight:bold;font-family:verdana;color:#292929;}

/* weather */
#weatherspot .temperature { left:85px; top:5px; }
#weatherspot .weather a { color:#999; position:absolute; top:-15px; font-size:11px; font-family:georgia; }

#headersearch .formrow ul.form_newspaper li.formbutton { background:url(/images/header/searchButton.gif) top left no-repeat; height:25px; }

.navbar {background: url(/images/bg_nav_1.gif) repeat-x  0px 3px}

.navbar .navbarwrapper ul#navcontent { float:left;height:34px;width:940px;}

.navbar .navbarwrapper ul li {float:left;}
.navbar .navbarwrapper ul li a.navitem {color:#fff;margin-top:0px;padding-bottom:0px;padding-top:2px;text-transform:uppercase;}
#page .navbar .navbarwrapper ul li.hovered { background:url(/images/newspaper/rc_tr.gif) top right no-repeat; z-index:5; margin-top:-6px; }
#page .navbar .navbarwrapper ul li.hovered a.navitem { color:#035a91 !important; background:transparent url(/images/newspaper/rc_tl.gif) top left no-repeat !important; text-decoration:underline; padding:0px 4px;}
#page .navbar .navbarwrapper ul li.hovered a.navitem span { padding:16px 6px 10px 6px !important; color:#035a91 !important; background:transparent url(/images/newspaper/rc_mid.gif) top right repeat-x !important;}

.home #page .navbar .navbarwrapper ul li#home a.navitem {color:#fff;background:#990002;}
.home #page .navbar .navbarwrapper ul li#home a.navitem span {color:#fff;background:#990002;}

.news #page .navbar .navbarwrapper ul li#news a.navitem {color:#fff;background:#990002;}
.news #page .navbar .navbarwrapper ul li#news a.navitem span {color:#fff;background:#990002;}

.opinion #page .navbar .navbarwrapper ul li#opinion a.navitem {color:#fff;background:#990002;}
.opinion #page .navbar .navbarwrapper ul li#opinion a.navitem span {color:#fff;background:#990002;}

.business #page .navbar .navbarwrapper ul li#business a.navitem {color:#fff;background:#990002;}
.business #page .navbar .navbarwrapper ul li#business a.navitem span {color:#fff;background:#990002;}

.sports #page .navbar .navbarwrapper ul li#sports a.navitem {color:#fff;background:#990002;}
.sports #page .navbar .navbarwrapper ul li#sports a.navitem span {color:#fff;background:#990002;}

.entertainment #page .navbar .navbarwrapper ul li#entertainment a.navitem {color:#fff;background:#990002;}
.entertainment #page .navbar .navbarwrapper ul li#entertainment a.navitem span {color:#fff;background:#990002;}

.life #page .navbar .navbarwrapper ul li#life a.navitem {color:#fff;background:#990002;}
.life #page .navbar .navbarwrapper ul li#life a.navitem span {color:#fff;background:#990002;}

.health #page .navbar .navbarwrapper ul li#health a.navitem {color:#fff;background:#990002;}
.health #page .navbar .navbarwrapper ul li#health a.navitem span {color:#fff;background:#990002;}

.technology #page .navbar .navbarwrapper ul li#technology a.navitem {color:#fff;background:#990002;}
.technology #page .navbar .navbarwrapper ul li#technology a.navitem span {color:#fff;background:#990002;}

.travel #page .navbar .navbarwrapper ul li#travel a.navitem {color:#fff;background:#990002;}
.travel #page .navbar .navbarwrapper ul li#travel a.navitem span {color:#fff;background:#990002;}

.jobs #page .navbar .navbarwrapper ul li#jobs a.navitem {color:#fff;background:#990002;}
.jobs #page .navbar .navbarwrapper ul li#jobs a.navitem span {color:#fff;background:#990002;}

.cars #page .navbar .navbarwrapper ul li#cars a.navitem {color:#fff;background:#990002;}
.cars #page .navbar .navbarwrapper ul li#cars a.navitem span {color:#fff;background:#990002;}

.homes #page .navbar .navbarwrapper ul li#homes a.navitem {color:#fff;background:#990002;}
.homes #page .navbar .navbarwrapper ul li#homes a.navitem span {color:#fff;background:#990002;}

.classifieds #page .navbar .navbarwrapper ul li#classifieds a.navitem {color:#fff;background:#990002;}
.classifieds #page .navbar .navbarwrapper ul li#classifieds a.navitem span {color:#fff;background:#990002; }

.navbar .navbarwrapper ul li#home {margin-left:0px;}
.navbar .navbarwrapper ul li#classifieds a {color:#ffffff;}
.navbar .navbarwrapper ul li#jobs a {color:#ffffff;}
.navbar .navbarwrapper ul li#cars a {color:#ffffff;}
.navbar .navbarwrapper ul li#homes a {color:#ffffff;}
.navbar .navbarwrapper ul li#classifieds ul li a {color:#035a91;}
.navbar .navbarwrapper ul li#jobs ul li a {color:#035a91;}
.navbar .navbarwrapper ul li#cars ul li a {color:#035a91;}
.navbar .navbarwrapper ul li#homes ul li a {color:#035a91;}

.navbar .navbarwrapper ul li#jobs,
.navbar .navbarwrapper ul li#cars,
.navbar .navbarwrapper ul li#homes,
.navbar .navbarwrapper ul li#classifieds {background:#292929;}

.col_160 .no_section_title{padding-top:3px;}

/* margin-left auto is for oodle */
.partner-html li.mainnav .subnav { width:auto !important; width:auto; }
li#news .subnavcontent { width:170px; }
li#news .subnav { position:absolute; top:40px !important; left:0px; margin-left:auto !important; width:auto; }
li#community .subnavcontent { width:170px; }
li#community .subnav { position:absolute; top:40px !important; left:0px; margin-left:auto !important; width:auto; }
li#opinion .subnavcontent { width:170px; }
li#opinion .subnav { position:absolute; top:40px !important; left:0px; margin-left:auto !important; width:auto; }
li#business .subnavcontent { width:170px; }
li#business .subnav { position:absolute; top:40px !important; left:0px; margin-left:auto !important; width:auto; }
li#sports .subnavcontent { width:170px; }
li#sports .subnav { position:absolute; top:40px !important; left:0px; margin-left:auto !important; width:auto; }
li#entertainment .subnavcontent { width:170px; }
li#entertainment .subnav { position:absolute; top:40px !important; left:0px; margin-left:auto !important; width:auto; }
li#life .subnavcontent { width:170px; }
li#life .subnav { position:absolute; top:40px !important; left:0px; margin-left:auto !important; width:auto; }
li#guides .subnavcontent { width:170px; }
li#guides .subnav { position:absolute; top:40px !important; left:0px; margin-left:auto !important; width:auto; }
li#health .subnavcontent { width:170px; }
li#health .subnav { position:absolute; top:40px !important; left:0px; margin-left:auto !important; width:auto; }
li#technology .subnavcontent { width:170px; }
li#technology .subnav { position:absolute; top:40px !important; left:0px; margin-left:auto !important; width:auto; }
li#travel .subnavcontent { width:170px; }
li#travel .subnav { position:absolute; top:40px !important; left:0px; margin-left:auto !important; width:auto; }
li#classifieds .subnavcontent { width:170px; }
li#classifieds .subnav { position:absolute; top:40px !important; left:0px; margin-left:auto !important; width:auto; }
li#cars .subnavcontent { width:170px; }
li#cars .subnav { position:absolute; top:40px !important; left:0px; margin-left:auto !important; width:auto; }
li#homes .subnavcontent { width:170px; }
li#homes .subnav { position:absolute; top:40px !important; left:-108px; margin-left:auto !important; width:auto; }
li#jobs .subnavcontent { width:170px; }
li#jobs .subnav { position:absolute; top:40px !important; left:0px; margin-left:auto !important; width:auto; }
li#classifieds .subnavcontent { width:170px; }
li#classifieds .subnav { position:absolute; top:40px !important; left:-76px; margin-left:auto !important; width:auto; }

/* setting z-index values for upper level nodes so that the mega dropdowns flow above the adverts */
body .navbar { position:relative; z-index:2; }
body .contentbody { position:relative; z-index:1; }

/* fix for oodle */
.partner-html .navbar .navbarwrapper ul li a.navitem {margin-top:0px;padding-bottom:0px;padding-top:1px;}
.partner-html #page .navbar .navbarwrapper ul li.hovered {margin-top:0px; }
.partner-html #page .navbar .navbarwrapper ul li.hovered a.navitem span { padding:18px 6px 11px 6px !important;}
.partner-html li#news .subnav, 
.partner-html li#community .subnav, 
.partner-html li#opinion .subnav, 
.partner-html li#business .subnav, 
.partner-html li#sports .subnav, 
.partner-html li#entertainment .subnav,
.partner-html li#life .subnav,
.partner-html li#guides .subnav,
.partner-html li#health .subnav,
.partner-html li#technology .subnav,
.partner-html li#travel .subnav,
.partner-html li#classifieds .subnav,
.partner-html li#cars .subnav, 
.partner-html li#homes .subnav,
.partner-html li#jobs .subnav,
.partner-html li#classifieds .subnav { top:42px !important;}

/*widget page fix*/
li.mainnav { line-height:normal; }

ul#navcontent li.hovered .topfeature03 .col_image img { width:130px; height:88px; margin:0 !important; }
.headerwrapper { margin:0 auto; }
#hhpage .navbar { width:100% !important; background:none !important; }

/* saxotech rotator and feature css*/
.cont { width:465px;}	 
.rg-rotator { padding:25px 0 20px 0; width:465px; height:380px; overflow:hidden; }
.rg-rotator a { text-decoration:none; color:#0e7da8; }
.rg-rotator a:hover { text-decoration:underline; }
.rg-rotator .clear { height:0px; clear:both; font-size:1px; overflow:hidden; width:100%; margin:0; padding:0; }
.rg-rotator img, .rg-rotator a { border:none; }
.rg-rotator .rgr-imageframe { background:url(http://www.calgaryherald.com/images/restaurant-guide/rotator-frame.gif) top left no-repeat; padding:3px; }
.rgr-control { position:relative; height:0px; }
.rgr-control .rgr-controlarea { position:absolute; right:4px; top:-25px; }
.rgr-control .rgr-buttons { float:right; width:18px; height:19px; background:url(http://www.calgaryherald.com/images/restaurant-guide/rgr-button.jpg) top left no-repeat; margin:2px 0 0 2px; }
.rgr-control a.rgr-buttons:hover { background-position:-19px 0; }
.rgr-control .active { background-position:-19px 0; }
.rgr-control .rgr-pause { float:right; width:21px; height:22px; background:url(http://www.calgaryherald.com/images/restaurant-guide/rgr-pause2.gif) top left no-repeat; margin-left:3px; }
.rgr-control a.rgr-pause:hover { background-position:-22px 0;}
.rgr-control .play { background:url(http://www.calgaryherald.com/images/restaurant-guide/rgr-play.gif) top left no-repeat; }
.rgr-control a.play:hover { background-position:-22px 0;}
.rg-rotator .rgr-content h1 { font-family:Georgia, "Times New Roman", Times, serif; padding:5px 0 10px 0; margin:0; font-weight:normal; }
.rg-rotator .rgr-content h1 a { font-family:Georgia, "Times New Roman", Times, serif; font-size:28px; color:#000; line-height:normal; }
.rg-rotator .rgr-author { font-style:italic; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#9f9f9f; float:left; padding:0 10px 8px 0; }
.rg-rotator .rgr-author span { color:#333; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; }
.rg-rotator .rgr-date { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; }
.rg-rotator .rgr-date span { font-style:italic; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#9f9f9f; }
.rg-rotator .rgr-text { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:17px; color:#333; }
.rg-rotator .rgr-text a { font-style:italic; font-size:14px; }

.rg-feature { background:url('http://www.calgaryherald.com/images/restaurant-guide/dotline.gif') top left repeat-x; padding-top:20px; }
.rg-feature .rgf-wrapper { padding:0 0 20px 0; float:left; }
.rg-feature a { text-decoration:none; color:#0e7da8; }
.rg-feature a:hover { text-decoration:underline; }
.rg-feature .clear { height:0px; clear:both; font-size:1px; overflow:hidden; width:100%; margin:0; padding:0; }
.rg-feature img, .rg-feature a { border:none; }
.rg-feature .rgf-image { float:left; padding:7px; background:url(http://www.calgaryherald.com/images/restaurant-guide/frame.gif) top left no-repeat; }
.rg-feature .rgf-rightcol { float:left; margin-left:15px; display:inline; width:310px; }
.rg-feature h3 { padding:0 0 5px 0; margin:0; font-size:14px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; float:left; }
.rg-feature .rgf-author { font-family:Arial, Helvetica, sans-serif; font-size:11px; float:left; padding:0 10px 8px 0; font-style:italic; color:#9f9f9f; }
.rg-feature .rgf-author span { color:#333; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; }
.rg-feature .rgf-date { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; }
.rg-feature .rgf-date span { font-style:italic; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#9f9f9f; }
.rg-feature .rgf-text { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; line-height:14px; }
.rg-feature .rgf-text a { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:11px; }