/* -------------------------------------------------------------- Winnipeg Free Press Style Sheet Authored by: Mark Lowe, mark.lowe@freepress.mb.ca Amy Wor, amy.wor@freepress.mb.ca Eric Bailey, eric.bailey@freepress.mb.ca Version: September 15, 2009 ---------------------------------------------------------------- */ /* --------------------------------------------------------------- Global/Container Styles ---------------------------------------------------------------- */ body { background: #fafafa; font: 12px/15px arial, helvetica, sans-serif; color: #000; text-align: center; } body, div, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, img, blockquote, table, tr, td, th, p, form { padding: 0; border: 0; margin: 0; text-align: left; } a { outline: none; color: #296391; text-decoration: none;} a:visited { color: #562277; } a:hover { text-decoration: underline; } #wrapper { border-top: 8px solid #296391; width: 100%; } #container { margin: 0 auto; background: #fff; width: 998px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } /* --------------------------------------------------------------- Accessibility Styles ---------------------------------------------------------------- */ dl#accessibility { display: none; } dl#access { display: none; } /* --------------------------------------------------------------- Typography Styles ---------------------------------------------------------------- */ p.feature_head, h2 { padding: 8px 0 6px 0; background: #fff url(http://media.winnipegfreepress.com/designimages/h2top.gif) top left repeat-x; width: 100%; margin-bottom: 8px; text-indent: 2px; font: 18px/18px arial, helvetica, sans-serif; color: #296391; text-transform: uppercase; border-bottom: 1px #b5c4df solid; letter-spacing: 1px; font-weight: bold; } #leftcol p.feature_head, #leftcol h2, #rightcol p.feature_head, #rightcol h2 { margin-bottom: 0; } #rightcol div.coverit h2 { margin-bottom: 8px; } h2.section_head, h1.section_head { padding: 8px 0 6px 0; background: #fff url(http://media.winnipegfreepress.com/designimages/h2top.gif) top left repeat-x; width: 100%; text-indent: 2px; font: 18px/18px arial, helvetica, sans-serif; color: #296391; text-transform: uppercase; border-bottom: 1px #b5c4df solid; letter-spacing: 1px; margin-bottom: 0; font-weight: bold; } div.second_sport h2.section_head, div.second_sport h1.section_head { margin-bottom: 0; } h2.section_head a:visited, h1.section_head a:visited { color: #296391; } h2.section_head span, h1.section_head span { font: bold 18px/18px arial, helvetica, sans-serif; color: #296391; } h2.blogcol { padding: 2px 0 3px 3px; border-top: 2px solid #cc0000; background: #ccc; width: 100%; font: bold 18px/18px georgia, times, serif; color: #333; text-transform: uppercase; } h2.blogcol span { font: bold 18px/18px arial, helvetica, sans-serif; color: #cc0000; float: left; width: 155px; } h3 { font: 16px/19px georgia, times, serif; padding-bottom: 4px; font-weight: bold; } h3.new_top_head, #top_head h3 { font: 26px/28px georgia, times, serif; padding-bottom: 10px; font-weight: normal; } #top_head h3.mainstory { font-size: 16px; line-height: 19px; padding-top: 8px; } #top_head h3 a { font-weight: bold; } #top_head h3.mainstory a { font-weight: bold; } body#search h3 { float: left; width: 275px; } body#ad_search h3 { float: left; } body#ad_search li h3, body#search li h3 { width: 100%; } h4 { font: 11px/15px georgia, times, serif; font-weight: bold; } body#ad_search h4, body#search h4 { float: right; font: 11px/12px arial, helvetica, sans-serif; padding-top: 7px; } h4 span.updated { font: 12px/15px arial, helvetica, sans-serif; } h5 { font: 11px/16px arial, helvetica, sans-serif; } #middlecol p { padding-bottom: 8px; } #middlecol p a, #middlecol p span.bold, #middlecol a { font-weight: bold; } p.bold { font-weight: bold; } p.bold_right { font-weight: bold; float: left; margin-top: -4px; } p.small { font: 11px/13px arial, helvetica, sans-serif; padding-bottom: 5px; } p.more { padding-top: 3px; font: bold 10px/12px arial, helvetica, sans-serif; text-align: right; clear: both; } p.center { text-align: center; } p.results_link { font-weight: bold; padding-top: 10px; } p.enlarge { text-transform: uppercase; } p.enlarge a { text-transform: capitalize; } span.bold { font-weight: bold; } /* --------------------------------------------------------------- Link Styles ---------------------------------------------------------------- */ ul#utility_nav a:link, ul#utility_nav a:visited, ul#header li#search_login a:link, ul#header li#search_login a:visited { color: #296391; } ul#utility_nav span { color: #296391; text-decoration: none; } dl#snav a { font-weight: bold; text-decoration: none; color: #000; } dl#snav a:hover { color: #666; } dl#snav dd.on a { color: #fff; } dl#snav dd.on a:hover { color: #ddd; } dl#snav ul a { font-weight: normal; text-decoration: none; color: #fff; padding: 10px 0; } dl#snav ul a:hover { color: #ccc; } /* --------------------------------------------------------------- Header Styles ---------------------------------------------------------------- */ #header { clear: both; height: 72px; padding-bottom: 0; margin-bottom: 0; } #header li { list-style-type: none; float: left; } #header li#logo { width: 470px; z-index: 20; position: relative; padding-left: 20px; width: 430px; height: 48px; } #header li#logo a { font-size: 0; color: #fff; width: 430px; height: 48px; display: block; cursor: pointer; } #header li#logo span { width: 430px; height: 48px; position: absolute; } #pinktag { display: none; } #utility_nav { float: left; padding: 3px 0 25px 12px; font: bold 10px verdana, arial, helvetica, sans-serif; line-height: 13px; clear: both; width: 970px; } #utility_nav li { padding-right: 5px; border-right: 1px solid #8b8b8b; margin-right: 5px; list-style-type: none; float: left; } #utility_nav li.last { padding: 0; border: 0; margin: 0; } #utility_nav li.grey { color: #8b8b8b; } #utility_nav2 { float:left; font: 10px/13px verdana, arial, helvetica, sans-serif; padding: 0; width: 428px; font-weight: bold; } #utility_nav2 li { border-right: 1px solid #8B8B8B; float: left; list-style-type: none; margin-right: 5px; padding-right: 5px; } #utility_nav2 li.grey { border: 0; color:#8B8B8B; } #utility_nav2 li.middle { float: right; } #utility_nav2 li.last { border: 0; float: right; margin: 0; padding: 0; } ul#header li#weather { padding: 13px 0 0 18px; width: 150px; } #weather_button { width: 150px; height: 44px; margin: 0; overflow: hidden; z-index: 2;} #weather_button_offset { width: 150px; height: 44px; margin: -2px 0 0 -1px; z-index: 1;} ul#header li#smallad { padding: 15px 0 0 8px; width: 110px; } #header li#search_login { padding: 0 11px 5px 0; font-size: 11px; font-weight: bold; line-height: 13px; width: 240px; float: right; } #search_login ul { padding-bottom: 8px; float: right; } #search_login form { float: right; clear: both; padding-top: 5px; } #search_login fieldset{ padding: 0; border: 0; margin: 0; clear: both; } #search_login legend { padding-left: 5px; color: #232020; } #search_login li { padding-right: 2px; } #search_login input { border: 1px solid #296391; padding: 3px; width: 177px; } #search_login input#search_submit { width: 45px; height: 24px; } /* --------------------------------------------------------------- Navigation Styles ---------------------------------------------------------------- */ dl#snav { border-bottom: 25px solid #333; margin-left: 13px; background: #e1e1e1; width: 972px; height: 27px; } dl#snav dt { display: none; } dl#snav dd { padding: 7px 7px 5px 0px; float: left; font: 12px/15px arial, helvetica, sans-serif; } dl#snav dd#nav_homes, dl#snav dd#nav_autos, dl#snav dd#nav_stuff, dl#snav dd#nav_celebrations, dl#snav dd#nav_jobs, dl#snav dd#nav_obituaries { background: #999; padding: 6px 0; float: right; } dl#snav dd#nav_homes span, dl#snav dd#nav_autos span, dl#snav dd#nav_stuff span, dl#snav dd#nav_celebrations span, dl#snav dd#nav_jobs span, dl#snav dd#nav_obituaries span { margin-right: -1px; padding-left: 4px; } dl#snav dd#nav_homes a, dl#snav dd#nav_autos a, dl#snav dd#nav_stuff a, dl#snav dd#nav_celebrations a, dl#snav dd#nav_jobs a, dl#snav dd#nav_obituaries a { padding: 6px 0 6px 7px; background: #999; color: #fff; } dl#snav dd#nav_obituaries a { padding-right: 6px; } dl#snav dd#nav_homes a:hover { background: #8e181b; } dl#snav dd#nav_autos a:hover { background: #585daa; } dl#snav dd#nav_stuff a:hover { background: #f2b522; } dl#snav dd#nav_celebrations a:hover { background: #73499d; } dl#snav dd#nav_jobs a:hover { background: #08541c; } dl#snav dd#nav_obituaries a:hover { background: #e47d45; } dl#snav dd#nav_news { padding-left: 9px; margin-left: 0;} dl#snav dd#nav_classifieds { padding-right: 9px; margin-right: 131px;} dl#snav dd#nav_publications { padding-left: 9px; } dl#snav dd.on { padding: 7px 9px 5px; margin: 0 7px 0 0px; background: #333; } dl#snav dd.on_last { padding: 7px 9px 5px; margin: 0; background: #333; } dl#snav dd span { padding-left: 7px; } dl#snav dd ul { padding-top: 10px; position: absolute; } dl#snav dd ul#classified_nav { margin-left: -145px; } dl#snav dd ul#publications_nav { margin-left: -390px; } dl#snav dd li { padding-right: 5px; font: 11px tahoma, arial, sans-serif; color: #fff; list-style-type: none; float: left; } dl#snav dd li span { padding-left: 2px; } dl#snav ul.nav_off, dl#snav ul.nav_current_off { display: none; } dl#snav ul.nav_display, dl#snav ul.nav_current { display: block; width: auto; } dl#snav dd ul#classified_nav { margin-left: -130px; } dl#snav dd ul#publications_nav { margin-left: -497px; } /*Breadcrumb Styles*/ #breadcrumb { padding: 15px; font: 12px/15px arial, helvetica, sans-serif; color: #296391; } #breadcrumb_trav { background: url(http://media.winnipegfreepress.com/designimages/westjet_breadcrumbbutton.gif) top right no-repeat; font: 12px/15px arial, helvetica, sans-serif; color: #296391; margin-right: 13px; } #breadcrumb_trav p { padding: 15px; width: 650px; } #breadcrumb_trav img { float: right; width: 300px; height: 45px; } #breadcrumb span.path, #breadcrumb_trav span.path { color: #000; font-weight: bold; } #breadcrumb span.here, #breadcrumb_trav span.here { text-decoration: none; color: #000; } #breadcrumb img { display: none; } div.suitcase { float: left; margin-top: 13px; } /* --------------------------------------------------------------- Lightbox Styles ---------------------------------------------------------------- */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(http://media.winnipegfreepress.com/images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(http://media.winnipegfreepress.com/images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData { padding:0 10px; color: #666; } #imageData #imageDetails{ width: 95%; float: left; text-align: left; padding-bottom: 10px;} #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 15px; float: right; padding: 0; outline: none; margin: 0; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /* --------------------------------------------------------------- Content Styles ---------------------------------------------------------------- */ /* Left Column Styles */ #leftcol { font: 12px/15px arial, helvetica, sans-serif; margin-bottom: 50px; padding: 0 0 0 13px; width: 160px; float: left; } #leftcol li#passages span { font: bold 15px Helvetica, Arial, sans-serif; color: #06c; } #leftcol ol { list-style-type: none; float: left; width: 160px; clear: both; } #leftcol ol.sites_list { padding: 4px 0 0 0; border-top: 4px #296391 solid; } #leftcol ol.sites_list li { border-bottom: 1px solid #b5c4df; } #leftcol ol.sites_list li.last { border: none; } #leftcol ol.sites_list li p { padding-bottom: 3px; font-size: 11px; } #special_cov { margin: 12px 0 15px 0; width: 160px; float: left; } #alerts { margin-bottom: 15px; width: 160px; float: left; } #special_cov ol#spec_cov li.listitems, #alerts ol li { float: left; width: 160px; clear: both; border-bottom: 1px solid #d3dde3; padding: 10px 0;} #special_cov ol#spec_cov h4, #alerts h4 { font: 14px/18px georgia, times, serif; font-weight: bold; padding-bottom: 4px; clear: both; } #special_cov ol#spec_cov img { float: left; width: 81px; padding-right: 4px; } #special_cov ol#spec_cov p { font: 12px/16px arial, helvetica, sans-serif; padding: 0; } #alerts ol#alert img { float: left; width: 40px; padding-right: 4px; } #alerts ol#alert li.desc { padding-top: 7px; } #alerts ol#alert li.title { font: 14px/18px georgia, times, serif; font-weight: bold; } #leftcol .award { border-top: 4px solid #296391; padding-top: 10px; margin-bottom: 12px; float: left; } #leftcol .award img { float: left; margin-right: 8px; } #leftcol .award p { float: none; font-weight: bold; } /*West Jet Styles*/ #leftcol .westjet { float: left; margin-top: 12px; padding-top: 12px; border-top: 4px solid #296391; } .fly_free { float: left; } #middlecol .fly_free p { padding-bottom: 0; } .fly_free p img { float: left; padding-top: 13px; } .fly_free ol.other_homestory p img { padding-top: 0; } #fly_free_offers { float: left; width: 340px; margin-top: 13px; } #fly_free_offers ol { float: left; } #fly_free_offers ol li { width: 340px; list-style-type: none; padding: 8px 0; float: left; } #fly_free_offers ol li h4 { padding: 0 0 4px 0; font: 16px/18px arial, helvetica, sans-serif; font-weight: bold; width: 240px; float: left; } #fly_free_offers ol li p { width: 240px; float: left; } #fly_free_offers ol li img { padding-right: 10px; width: 90px; float: left; } #leftcol .westjetgif { float: left; margin-top: 13px; padding-left: 20px; } #sticker { float: left; margin-top: 13px; } /*Poll Styles*/ #previous_polls { padding-top: 10px; float: left; border-top: 1px #ccc solid; margin-top: 10px; width: 485px; } #previous_polls ul { padding-top: 5px; } #previous_polls li { list-style-type: none; padding: 5px 0; font-size: 12px; font-weight: bold; } body#poll_results table { padding: 10px 0; width: 485px; } body#poll_results table tr { list-style-type: none; font-weight: bold; height: 30px; } body#poll_results table tr td.results { width: 115px; } body#poll_results p.vote_total { font-weight: bold; font-size: 13px; } #poll { padding: 0 0 15px 0; margin-bottom: 0; float: left; } #poll fieldset { border: 0; padding: 5px 0 0 0; margin: 0; } #poll legend { font: 18px/24px geogia, times, serif; color: #333; font-weight: bold; border-bottom: #296391 1px solid; padding: 2px 55px 5px 55px; margin-bottom: 5px; } #poll fieldset p { font-weight: bold; padding-bottom: 5px; width: 160px; } #poll fieldset p.last { padding-bottom: 0; } div#poll form input { margin-left: 0; } #poll_error h3 { padding: 5px 0 15px 0; font-size: 24px; } /*Middle and Main Styles*/ #main { width: 799px; float: left; padding: 0 0 50px 13px; } #middlecol { width: 485px; float: left; } #middlecol h2 { width: 485px; } #middlecol #bylines { padding: 10px 0; } #middlecol p.byline { font: 11px/12px arial, helvetica, sans-serif; } #middlecol p.byline span { font-weight: bold; } #middlecol ul.pointers { list-style-type: none;} #middlecol ul.pointers li { float: none; border: 0; padding: 0 0 0 25px; width: auto; min-height: 18px; } #middlecol ul.pointers li.related { background: url(http://media.winnipegfreepress.com/designimages/related_WFP.gif) top left no-repeat; } #middlecol ul.pointers li.video { background: url(http://media.winnipegfreepress.com/designimages/video_WFP.gif) top left no-repeat; } #middlecol ul.pointers li.photo { background: url(http://media.winnipegfreepress.com/designimages/photo_WFP.gif) top left no-repeat; } #middlecol ul.pointers li.blogs_rel { background: url(http://media.winnipegfreepress.com/designimages/blogs_WFP.gif) top left no-repeat; } #middlecol ul.pointers li.columns_rel { background: url(http://media.winnipegfreepress.com/designimages/columns_WFP.gif) top left no-repeat; } #middlecol ul.pointers li.links_rel { background: url(http://media.winnipegfreepress.com/designimages/link_WFP.gif) top left no-repeat; } #middlecol ul.pointers li.polls_rel { background: url(http://media.winnipegfreepress.com/designimages/poll_WFP.gif) top left no-repeat; } /* Main Image and LiveStream Tabbed box (when LiveStream displayed)*/ div#tv_tab_nav { float: left; margin-top: 0px; } div#tv_tab_nav ul li { list-style-type: none; margin-right: 2px; float: left; font: bold 11px/11px arial, helvetica, sans-serif; text-transform: uppercase; cursor: pointer; padding: 5px 4px; } div#tv_tab_nav ul li.on { background: #e9f0f4; } div#tv_tab_nav ul li.off { background: #e9f0f4 url(http://media.winnipegfreepress.com/designimages/poptab_off.gif) top left repeat-x; } div.tv_tab_item { background: #fff url(http://media.winnipegfreepress.com/designimages/pop_middle.gif) top left repeat-x; float: left; text-transform: none; } #divTopPhoto { display: none; } #divLiveStream { display: inline; } #middlecol #livestream_box h3.new_top_head { padding: 4px 0 1px 5px; } #middlecol #livestream_box #divTopPhoto h3.new_top_head { padding: 4px 0 6px 5px; } /*Right Column Styles*/ #rightcol { width: 300px; float: right; padding: 0; margin: 0; } #rightcol h2 { width: 298px; } /*Ad Styles*/ #bigbox { width: 300px; float: left; } #bigbox.multimedia { margin-top: 0px; } #google_box, #google_links, #wowzio_live { width: 300px; float: left; margin-top: 16px; } /*Facebook FanBox*/ .FB_SERVER_IFRAME { margin-top: 20px; } div.facebook_contest { margin-top: 20px; padding: 10px; background: #eceff5; width: 278px; border-top: 1px solid #94a3c4; border-right: 1px solid #94a3c4; border-left: 1px solid #94a3c4; float: left; } div.facebook_contest p { margin: 0; font-weight: bold; } /*Top Job Styles*/ #othergreybox { float: left; margin-top: 16px; width: 300px; } #topjobbox { float: left; width: 298px; margin-bottom: 0; } body#home #topjobbox { float: left; width: 298px; margin-bottom: 16px; } div#topjobs { float: left; width: 298px; padding: 0; margin: 0; height: 300px; } div#topjobs h5 { margin: 0; padding-top: 3px; font: 10px/12px arial, helvetica, sans-serif; width: 120px; float: right; text-align: right; } div#topjobs ul#topjobs_nav { margin-bottom: 5px; padding: 6px 0 6px 7px; width: 293px; float: left; border-bottom: 1px solid #b5c4df; } div#topjobs ul#topjobs_nav li { margin-right: 5px; list-style-type: none; float: left; } div#topjobs ul#topjobs_nav li a { text-decoration: none; font: 11px/11px arial, helvetica, sans-serif; color: #296391; font-weight: bold; border: none; } div#topjobs ul#topjobs_nav li#topjobs_results { font: 11px/11px arial, helvetica, sans-serif; width: 100px; font-weight: bold; float: left; } div#topjobs ul#topjobs_nav li.next { margin-right: 0; } div#topjobs ul#topjobs_nav li.prev { margin-right: 8px; } div#topjobs ul#topjobs_nav li.prev img { margin-right: 5px; } div#topjobs ul#topjobs_nav li#right { float: right; font: 11px/11px arial, helvetica, sans-serif; font-weight: bold; width: 165px; } div#topjobs ul#topjobs_nav li#right ul { float: right; padding: 0; margin: 0; } div#topjobs ul#topjobs_nav a { cursor: pointer; border: none; } div#topjobs ul#topjobs_nav a:hover { color: #ccc; } div#topjobs ul#topjobs_nav img { border: none; } div#topjobs_page_container ol { margin: 0; padding: 0; width: 293px; } div#topjobs_page_container ol.hideJobs { display: none; } div#topjobs_page_container ol.showJobs { display: block; } div#topjobs_page_container ol li { padding: 3px 0 3px 7px; border-bottom: 1px solid #d3dde3; list-style-type: none; width: 291px; float: left; } div#topjobs_page_container ol li:hover, div#topjobs_page_container ol li.alt:hover { background: #f5f5f5; } div#topjobs_page_container ol li h4 { margin: 0; padding: 2px 0 0 0; font: bold 12px/15px arial, helvetica, serif; text-transform: capitalize; width: 290px; letter-spacing: 1px; } div#topjobs_page_container ol li p { margin: 0; padding: 0 0 2px 0; font: normal 10px/14px Arial, Helvetica, sans-serif; text-transform: none; } div#topjobs_page_container ol li p a:link, div#topjobs ol#topjobs_listings li p a:hover, div#topjobs ol#topjobs_listings li p a:visited { color: #666; text-decoration: none; } div#topjobs_listing ul#topjobs_nav { font: 11px/11px arial, helvetica, sans-serif; width: 291px; } /*Marketing Box Styles*/ #marketingbox { float: left; margin-top: 15px; } body#home #marketingbox { float: left; margin-top: 0; } div.contestbox { float: left; margin-top: 12px; } /*Live TV Styles*/ #rightcol .livetv_on, #rightcol.livetv_off { float: left; width: 335px; height: 53px; padding-bottom: 13px; clear: both; } #rightcol .livetv_on { background: url(http://media.winnipegfreepress.com/designimages/livetv_on.gif) top left no-repeat; } #rightcol .livetv_off { background: url(http://media.winnipegfreepress.com/designimages/livetv_off.gif) top left no-repeat; } #rightcol .livetv_on:hover, .livetv_off:hover { cursor: pointer; } body#landing_page .livetv_on, body#landingpage .livetv_off { margin-top: 15px; } #rightcol .livetv_on h1, .livetv_off h1 { font: bold 11px/13px arial, helvetica, sans-serif; color: #296391; text-transform: uppercase; float: left; padding: 12px 0 0 110px; width: 150px; height: auto; } #rightcol .livetv_on h1 a, .livetv_off h1 a { font: bold 11px/13px arial, helvetica, sans-serif; color: #296391; text-transform: uppercase; float: left; width: 150px; height: auto; } #rightcol .livetv_on h2, .livetv_off h2 { font: bold 17px/19px georgia, times, serif; color: #333; float: left; padding: 0 0 0 110px; border-top: 0; background: 0; width: 75px; } /* Cover it Live Styles*/ div.coverit { margin-top: 17px; margin-bottom: 0; float: left; } div.coverit h2 { margin-bottom: 10px; } div.coverit p { padding-bottom: 5px; width: 300px; text-align: center; } div.coverit ol { clear: both; float: left; list-style-type: none; } /* Blogs & Columns Styles */ #bottomarticles { float: left; padding-top: 10px; width: 300px; } #bottomarticles h3 { float: left; position: relative; width: 130px; z-index: 8; font: 12px/15px arial, helvetica, sans-serif; font-weight: bold; padding: 7px 0 4px 0; text-transform: uppercase; clear: both; } #bottomarticles h4 { font: 11px/14px arial, helvetica, sans-serif; padding-bottom: 3px; width: 85px; z-index: 8; position: relative; font-weight: bold; } #bottomarticles img { float: right; } #blogs { float: left; width: 140px; } #columns { float: right; width: 140px; } #columns li, #blogs li { list-style-type: none; border-bottom: 1px #b5c4df solid; height: 100px; width: 140px; } #blogs ul, #columns ul { border-bottom: #ccc 1px solid; padding: 10px 0 7px 0; width: 140px; height: 100px; } #columns img, #blogs img { float: right; width: 71px; padding: 14px 0 0 0; height: 85px; } #columns li.col_pic img, #blogs li.col_pic img { z-index: 1; position: relative; } #blogs ol, #columns ol { float: left; width: 140px; } #blog_hdr { border-bottom: 1px #b5c4df solid; width: 485px; height: 91px; min-height: 91px; float: left; } html>body #middlecol div#blog_hdr { height:auto } html>body#story #middlecol div#blog_hdr{ height:auto } /* -------------------------------------------------------------- Winnipeg Free Press Columnist Mugs Style Sheet Authored by: Mark Lowe, mark.lowe@freepress.mb.ca Version: Oct 14, 2009 ---------------------------------------------------------------- */ #columns li.AdamSpeirs { background: url(http://media.winnipegfreepress.com/images/68*70/Speirs-Adam.jpg) bottom right no-repeat; } #columns li.AlisonGillmor { background: url(http://media.winnipegfreepress.com/images/92*70/alison_gillmor.jpg) bottom right no-repeat; } #columns li.AllanBesson { background: url(http://media.winnipegfreepress.com/images/77*70/al_besson.jpg) bottom right no-repeat; } #columns li.AllanLevine { background: url(http://media.winnipegfreepress.com/images/70*70/allan_levine.jpg) bottom right no-repeat; } #columns li.AllenAbel { background: url(http://media.winnipegfreepress.com/images/47*70/allen_abel.jpg) bottom right no-repeat; } #columns li.AshleyPrest { background: url(http://media.winnipegfreepress.com/images/68*70/prest-ashley.jpg) bottom right no-repeat; } #columns li.AviSaper { background: url(http://media.winnipegfreepress.com/images/60*70/avi_saper.jpg) bottom right no-repeat; } #columns li.BartleyKives { background: url(http://media.winnipegfreepress.com/images/86*70/bartley_kives.jpg) bottom right no-repeat; } #blogs li.BenMacPhee-Sigurdson, #blogs li.BenMacPhee, #columns li.BenMacPhee-Sigurdson, #columns li.BenMacPhee { background: url(http://media.winnipegfreepress.com/images/65*70/ben_macphee-sigurdson.jpg) bottom right no-repeat; } #columns li.BobCox { background: url(http://media.winnipegfreepress.com/images/87*70/bob_cox_WFP.jpg) bottom right no-repeat; } #blogs li.BradOswald, #columns li.BradOswald { background: url(http://media.winnipegfreepress.com/images/77*70/brad_oswald.jpg) bottom right no-repeat; } #columns li.BrianBowman { background: url(http://media.winnipegfreepress.com/images/58*70/brian_bowman.jpg) bottom right no-repeat; } #blogs li.BrianHuycke { background: url(http://media.winnipegfreepress.com/images/76*70/brian_huycke.jpg) bottom right no-repeat; } #columns li.BruceClark { background: url(http://media.winnipegfreepress.com/images/62*70/bruce_clark.jpg) bottom right no-repeat; } #columns li.CatherineMitchell { background: url(http://media.winnipegfreepress.com/images/62*70/catherine_mitchell.jpg) bottom right no-repeat; } #columns li.ChantalAllan { background: url(http://media.winnipegfreepress.com/images/59*70/AllanChantal.jpg) bottom right no-repeat; } #columns li.CharleneAdam { background: url(http://media.winnipegfreepress.com/images/86*70/charlene_adam.jpg) bottom right no-repeat; } #columns li.CharlesHuband { background: url(http://media.winnipegfreepress.com/images/63*70/hubandcharles.jpg) bottom right no-repeat; } #columns li.ColleenSimard { background: url(http://media.winnipegfreepress.com/images/60*70/SimardColleen.jpg) bottom right no-repeat; } #columns li.ChrisCariou { background: url(http://media.winnipegfreepress.com/images/68*70/cariou-chris.jpg) bottom right no-repeat; } #columns li.ChrisSmith { background: url(http://media.winnipegfreepress.com/images/63*70/chris_smith.jpg) bottom right no-repeat; } #columns li.CurtisBrown { background: url(http://media.winnipegfreepress.com/images/49*70/browncurtis.jpg) bottom right no-repeat; } #blogs li.DanLett, #columns li.DanLett { background: url(http://media.winnipegfreepress.com/images/71*70/dan_lett.jpg) bottom right no-repeat; } #columns li.DavidChristianson { background: url(http://media.winnipegfreepress.com/images/68*70/david_christianson.jpg) bottom right no-repeat; } #columns li.DavidO’Brien, #columns li.DavidOBrien { background: url(http://media.winnipegfreepress.com/images/dave_obrien.jpg) bottom right no-repeat; } #blogs li.DavidRichert { background: url(http://media.winnipegfreepress.com/images/49*70/david_richert.jpg) bottom right no-repeat; } #blogs li.DemetraHajidiacos, #columns li.DemetraHajidiacos { background: url(http://media.winnipegfreepress.com/images/67*70/demetra_hajidiacos.jpg) bottom right no-repeat; } #columns li.DonMarks { background: url(http://media.winnipegfreepress.com/images/53*70/MarksDon.jpg) bottom right no-repeat; } #columns li.DougBrown { background: url(http://media.winnipegfreepress.com/images/80*70/doug_brown.jpg) bottom right no-repeat; } #columns li.DougSpeirs { background: url(http://media.winnipegfreepress.com/images/72*70/doug_speirs_WFP.jpg) bottom right no-repeat; } #columns li.EdTait, #blogs li.EdTait { background: url(http://media.winnipegfreepress.com/images/72*70/ed_tait.jpg) bottom right no-repeat; } #columns li.FrancesRussell { background: url(http://media.winnipegfreepress.com/images/63*70/frances_russell.jpg) bottom right no-repeat; } #blogs li.GabrielleGiroday, #columns ul.GabrielleGiroday { background: url(http://media.winnipegfreepress.com/images/69*70/gabrielle_giroday.jpg) bottom right no-repeat; } #columns li.GaryLawless, #blogs li.GaryLawless { background: url(http://media.winnipegfreepress.com/images/80*70/Lawless-Gary.jpg) bottom right no-repeat; } #columns li.GeraldFlood { background: url(http://media.winnipegfreepress.com/images/71*70/gerald_flood.jpg) bottom right no-repeat; } #columns li.GordonSinclair { background: url(http://media.winnipegfreepress.com/images/63*70/gord_sinclair.jpg) bottom right no-repeat; } #columns li.GwendaNemerofsky { background: url(http://media.winnipegfreepress.com/images/56*70/gwenda_nemerofsky.jpg) bottom right no-repeat; } #columns li.GwynneDyer { background: url(http://media.winnipegfreepress.com/images/93*70/gwynne_dyer.jpg) bottom right no-repeat; } #blogs li.JamesTurner { background: url(http://media.winnipegfreepress.com/images/65*70/james_turner.jpg) bottom right no-repeat; } #columns li.JerradPeters { background: url(http://media.winnipegfreepress.com/images/44*70/peters_-jerrad.jpg) bottom right no-repeat; } #columns li.JoelSchlesinger { background: url(http://media.winnipegfreepress.com/images/83*70/Schlesinger-Joel.jpg) bottom right no-repeat; } #columns li.JohnMcFerran { background: url(http://media.winnipegfreepress.com/images/49*70/McFerran_-John.jpg) bottom right no-repeat; } #columns li.JohnLonghurst { background: url(http://media.winnipegfreepress.com/images/56*70/john_longhurst.jpg) bottom right no-repeat; } #columns li.JohnPoyser { background: url(http://media.winnipegfreepress.com/images/63*70/john_poyser.jpg) bottom right no-repeat; } #blogs li.JohnWhite { background: url(http://media.winnipegfreepress.com/images/66*70/john_white.jpg) bottom right no-repeat; } #blogs li.JulieCarl { background: url(http://media.winnipegfreepress.com/images/72*70/julie_carl.jpg) bottom right no-repeat; } #columns li.KevinProkosh { background: url(http://media.winnipegfreepress.com/images/62*70/kevin_prokosh.jpg) bottom right no-repeat; } #columns li.LauraRance { background: url(http://media.winnipegfreepress.com/images/77*70/laura_rance.jpg) bottom right no-repeat; } #columns li.LauraRobinson { background: url(http://media.winnipegfreepress.com/images/74*70/RobinsonLaura.jpg) bottom right no-repeat; } #columns li.LibbySimon { background: url(http://media.winnipegfreepress.com/images/66*70/libby_simon.jpg) bottom right no-repeat; } #columns li.LindaStilkowski { background: url(http://media.winnipegfreepress.com/images/86*70/linda_stilkowski.jpg) bottom right no-repeat; } #blogs li.LindseyWiebe { background: url(http://media.winnipegfreepress.com/images/77*70/lindsey_wiebe_new.jpg) bottom right no-repeat; } #columns li.LiviodiMatteo, #columns li.Liviodi { background: url(http://media.winnipegfreepress.com/images/57*70/dimatteolivio.jpg) bottom right no-repeat; } #blogs li.LindorReynolds, #columns li.LindorReynolds { background: url(http://media.winnipegfreepress.com/images/63*70/lindor_reynolds.jpg) bottom right no-repeat; } #columns li.MargoGoodhand { background: url(http://media.winnipegfreepress.com/images/54*70/margo_goodhand.jpg) bottom right no-repeat; } #columns li.MarionWarhaft { background: url(http://media.winnipegfreepress.com/images/77*70/marion_warhaft.jpg) bottom right no-repeat; } #columns li.MarloCampbell { background: url(http://media.winnipegfreepress.com/images/56*70/CampbellMARLO.jpg) bottom right no-repeat; } #columns li.MartinCash { background: url(http://media.winnipegfreepress.com/images/69*70/martin_cash.jpg) bottom right no-repeat; } #blogs li.Mary-AgnesWelch, #blogs li.MaryAgnesWelch { background: url(http://media.winnipegfreepress.com/images/76*70/mary-agnes_welch.jpg) bottom right no-repeat; } #blogs li.MaxJohnson { background: url(http://media.winnipegfreepress.com/images/82*70/max_johnson.jpg) bottom right no-repeat; } #blogs li.MiaRabson, #columns li.MiaRabson { background: url(http://media.winnipegfreepress.com/images/72*70/mia_rabson1.jpg) bottom right no-repeat; } #columns li.MichaelMadigan { background: url(http://media.winnipegfreepress.com/images/94*70/madiganmichael.jpg) bottom right no-repeat; } #blogs li.MikeMcIntyre { background: url(http://media.winnipegfreepress.com/images/75*70/Mike-McIntyre-2.jpg) bottom right no-repeat; } #blogs li.MiltStegall { background: url(http://media.winnipegfreepress.com/images/103*70/milt_stegall.jpg) bottom right no-repeat; } #columns li.MorleyWalker { background: url(http://media.winnipegfreepress.com/images/82*70/morley_walker.jpg) bottom right no-repeat; } #columns li.MurrayMcNeill { background: url(http://media.winnipegfreepress.com/images/68*70/mcneill-murray.jpg) bottom right no-repeat; } #columns li.NaomiLakritz { background: url(http://media.winnipegfreepress.com/images/52*70/LakritzNaomi1.jpg) bottom right no-repeat; } #columns li.NicholasHirst { background: url(http://media.winnipegfreepress.com/images/82*70/nick_hirst.jpg) bottom right no-repeat; } #blogs li.NickMartin { background: url(http://media.winnipegfreepress.com/images/86*70/nick_martin.jpg) bottom right no-repeat; } #blogs li.NickTernette { background: url(http://media.winnipegfreepress.com/images/51*70/nick_ternette.jpg) bottom right no-repeat; } #columns li.PatriciaRobertson { background: url(http://media.winnipegfreepress.com/images/76*70/ROBERTSONPARRICIA.JPG) bottom right no-repeat; } #blogs li.PaulWiecek, #columns li.PaulWiecek { background: url(http://media.winnipegfreepress.com/images/78*70/paul_wiecek.jpg) bottom right no-repeat; } #columns li.PaulaSimons { background: url(http://media.winnipegfreepress.com/images/76*70/paula_simons.jpg) bottom right no-repeat; } #columns li.PenniMitchell { background: url(http://media.winnipegfreepress.com/images/72*70/MitchellPenni.jpg) bottom right no-repeat; } #columns li.PeterHolle { background: url(http://media.winnipegfreepress.com/images/53*70/peter_holle.jpg) bottom right no-repeat; } #columns li.RandallKing { background: url(http://media.winnipegfreepress.com/images/72*70/randall_king.jpg) bottom right no-repeat; } #blogs li.RandomActsofKindness { background: url(http://media.winnipegfreepress.com/images/84*70/kindness_flower.jpg) bottom right no-repeat; } #columns li.RandyTurner { background: url(http://media.winnipegfreepress.com/images/71*70/randy_turner.jpg) bottom right no-repeat; } #columns li.RebeccaWalberg { background: url(http://media.winnipegfreepress.com/images/57*70/walbergrebecca.jpg) bottom right no-repeat; } #columns li.RobWilliams { background: url(http://media.winnipegfreepress.com/images/70*70/rob_williams.jpg) bottom right no-repeat; } #columns li.RobertAlison { background: url(http://media.winnipegfreepress.com/images/48*70/alisonrobert.jpg) bottom right no-repeat; } #columns li.RobertGalston { background: url(http://media.winnipegfreepress.com/images/46*70/GalstonRobert.jpg) bottom right no-repeat; } #columns li.RobertGibbins { background: url(http://media.winnipegfreepress.com/images/56*70/GibbinsRoger1.jpg) bottom right no-repeat; } #columns li.RobertMarshall { background: url(http://media.winnipegfreepress.com/images/80*70/bob_marshall.jpg) bottom right no-repeat; } #blogs li.RochelleSquires { background: url(http://media.winnipegfreepress.com/images/54*70/rochelle_squires.jpg) bottom right no-repeat; } #columns li.SamuelSegev { background: url(http://media.winnipegfreepress.com/images/83*70/samuel-segev.jpg) bottom right no-repeat; } #columns li.ShamonaHarnett { background: url(http://media.winnipegfreepress.com/images/63*70/shamona_harnett.jpg) bottom right no-repeat; } #columns li.ShannonSampert { background: url(http://media.winnipegfreepress.com/images/66*70/sampertshannon.jpg) bottom right no-repeat; } #columns li.ShaunaMacKinnon { background: url(http://media.winnipegfreepress.com/images/70*70/mackinnonshauna.jpg) bottom right no-repeat; } #columns li.SidGreen { background: url(http://media.winnipegfreepress.com/images/53*70/greensid.jpg) bottom right no-repeat; } #columns li.StaceyAbramson { background: url(http://media.winnipegfreepress.com/images/76*70/stacey_abramson.jpg) bottom right no-repeat; } #columns li.TimCampbell { background: url(http://media.winnipegfreepress.com/images/72*70/Campbell-tim.jpg) bottom right no-repeat; } #blogs li.TomCanada { background: url(http://media.winnipegfreepress.com/images/100*70/tom_canada.jpg) bottom right no-repeat; } #columns li.TomFord { background: url(http://media.winnipegfreepress.com/images/64*70/tom_ford_edited-1.jpg) bottom right no-repeat; } #columns li.TomOleson { background: url(http://media.winnipegfreepress.com/images/69*70/tom_oleson.jpg) bottom right no-repeat; } #columns li.TrevorLautens { background: url(http://media.winnipegfreepress.com/images/60*70/trevor_lautens.jpg) bottom right no-repeat; } #columns li.TrudyRubin { background: url(http://media.winnipegfreepress.com/images/82*70/trudy_rubin.jpg) bottom right no-repeat; } #columns li.WendyBurke { background: url(http://media.winnipegfreepress.com/images/77*70/wendy_burke.jpg) bottom right no-repeat; } #columns li.WilliamNeville { background: url(http://media.winnipegfreepress.com/images/74*70/william_neville1.jpg) bottom right no-repeat; } #most_popular { float: left; margin-top: 15px; width: 300px; height: 320px; } div#pop_box_nav { float: left; margin-top: 10px; } div#pop_box_nav ul li { list-style-type: none; margin-right: 2px; float: left; text-transform: uppercase; } div#pop_box_nav ul li.off { background: #e9f0f4 url(http://media.winnipegfreepress.com/designimages/poptab_off.gif) top left repeat-x; cursor: pointer; padding: 5px 4px; } div#pop_box_nav ul li.on { background: #e9f0f4; cursor: pointer; padding: 5px 4px; } div.pop_item { background: #fff url(http://media.winnipegfreepress.com/designimages/pop_middle.gif) top left repeat-x; float: left; width: 300px; text-transform: none; } div.pop_item div.pop_middle { float: left; width: 290px; } div.pop_item div.pop_right { background: url(http://media.winnipegfreepress.com/designimages/pop_right.gif) top left no-repeat; float: left; width: 4px; } div.pop_item ol { margin-left: 25px; float: left; padding-top: 10px; } ol#divMostCommented, ol#divMostEmailed { display: none; } ol#divMostViewed { display: inline; } #most_popular li { padding-bottom: 5px; font: 11px/11px arial, helvetica, sans-serif; font-weight: bold; } #pop_box_nav li#most_viewed { background: #e9f0f4 url(http://media.winnipegfreepress.com/designimages/poptab_off.gif) top left repeat-x; float: left; list-style-type: none; font: 11px/12px arial, helvetica, sans-serif; font-weight: bold; padding: 5px; margin-right: 3px; } #pop_box_nav li#most_viewed a { float: left; list-style-type: none; font: 11px/12px arial, helvetica, sans-serif; font-weight: bold; } #pop_box_nav li#most_viewed { float: left; list-style-type: none; font: 11px/12px arial, helvetica, sans-serif; font-weight: bold; } #pop_box_nav li#most_viewed_on { background: #e9f0f4; float: left; list-style-type: none; font: 11px/12px arial, helvetica, sans-serif; font-weight: bold; padding: 5px; margin-right: 3px; } #pop_box_nav li#most_commented { background: #e9f0f4 url(http://media.winnipegfreepress.com/designimages/poptab_off.gif) top left repeat-x; float: left; list-style-type: none; font: 11px/12px arial, helvetica, sans-serif; font-weight: bold; padding: 5px; margin-right: 3px; } #pop_box_nav li#most_commented a { float: left; list-style-type: none; font: 11px/12px arial, helvetica, sans-serif; font-weight: bold; } #pop_box_nav li#most_commented a:hover { float: left; list-style-type: none; font: 11px/12px arial, helvetica, sans-serif; font-weight: bold; } #pop_box_nav li#most_commented_on { background: #e9f0f4; float: left; list-style-type: none; font: 11px/12px arial, helvetica, sans-serif; font-weight: bold; padding: 5px; margin-right: 3px; } #pop_box_nav li#most_emailed { background: #e9f0f4 url(http://media.winnipegfreepress.com/designimages/poptab_off.gif) top left repeat-x; float: left; list-style-type: none; font: 11px/12px arial, helvetica, sans-serif; font-weight: bold; padding: 5px; margin-right: 3px; } #pop_box_nav li#most_emailed a { float: left; list-style-type: none; font: 11px/12px arial, helvetica, sans-serif; font-weight: bold; } #pop_box_nav li#most_emailed a:hover { float: left; list-style-type: none; font: 11px/12px arial, helvetica, sans-serif; font-weight: bold; } #pop_box_nav li#most_emailed_on { background: #e9f0f4; float: left; list-style-type: none; font: 11px/12px arial, helvetica, sans-serif; font-weight: bold; padding: 5px; margin-right: 3px; } #toptasks, #bottom tasks { font-size: 11px; font-weight: bold; } #toptasks ul li, #bottomtasks ul li { list-style-type: none; width: auto; display: inline; padding: 0 70px 0 16px; } /*Blogs, Columns Pages Styles*/ body#blog h4.columnist_about { width: 360px; padding-bottom: 10px; font: 12px/16px arial, helvetica, sans-serif; font-weight: bold; } body#blog h3.columnist_name { width: 360px; font: 14px/22px georgia, times, serif; font-weight: bold; padding-bottom: 10px; } #column_mug { float: right; margin: 10px 0; border-bottom: #ccc 1px solid;} #column_mug h3 { float: left; padding-top: 106px; font-size: 18px; color: #333; } img.columnist { float: right; padding: 0; } /*not logged in alert boxes*/ #middlecol div.rate_article loggedout { width: 430px; padding: 10px; background: #eaeaea; float: left; } #middlecol #not_login { margin-bottom: 10px; width: 465px; padding: 10px; background: #eaeaea; float: left; } #middlecol #not_login p.small, #middlecol div.rate_article loggedout p.small { font: 12px/15px arial, helvetica, sans-serif; padding-bottom: 0; font-weight: bold; } /*countdown ticker*/ #countdown { margin-left: 13px; } /* --------------------------------------------------------------- Home Page Styles ---------------------------------------------------------------- */ #middlecol h3.top_head { padding: 0 0 4px 0; font: 26px/28px georgia, times, serif; color: #333; } h3.new_top_head { padding: 0 0 10px; font: 26px/28px georgia, times, serif; color: #333; clear: both; } #other_homestory li h2 { border-top: #ccc 1px solid; padding: 10px 0 5px 0; background: none; font-size: 15px; } #middlecol #archive_link_top p { float: left; width: 485px; padding: 6px 0 2px 0; border-bottom: 1px solid #b5c4df; font-weight: bold; line-height: 12px; } #middlecol #archive_link_bottom p, #middlecol #more_breaking_news p { float: left; width: 485px; padding: 4px 0 12px 0; font-weight: bold; text-align: left; } .homepg_horizimg { width: 485px; float: left; border-bottom: 4px #296391 solid; padding-bottom: 5px; } .homepg_horizimg span.updated { color: #333; } .homepg_horizimg img { float: left; margin-bottom: 2px; border: 1px solid #b5c4df; } .homepg_horizimg h3 { padding: 8px 0 10px 0; color: #333; font: 26px/28px georgia, times, serif; } body#home .homepg_horizimg h3 { padding: 0 0 10px 0; color: #333; font: 26px/28px georgia, times, serif; } #middlecol .homepg_horizimg h3 a { font-weight: normal; } .homepg_horizimg h3 img { border: 0; float: none; margin: 0; } .homepg_horizimg .captioninfo .enlarge { float: right; text-align: right; width: 465px; background: url(http://media.winnipegfreepress.com/designimages/enlargeicon_white.gif) top right no-repeat; padding-bottom: 5px; margin-top: 3px; } .homepg_horizimg .captioninfo .enlarge p { text-align: right; font: 10px/11px arial, helvetica, sans-serif; padding: 0 10px 4px 0; } #middlecol .homepg_horizimg .captioninfo { color: #333; float: left; width: 480px; padding: 0 0 5px 2px; } #middlecol .homepg_horizimg .captioninfo p.cap { padding-bottom: 5px; font: 11px/13px arial, helvetica, sans-serif; } .homepg_horizimg .captioninfo p.enlarge { font: 10px/11px arial, helvetica, sans-serif; text-transform: uppercase; padding-right: 12px; } .homepg_horizimg .captioninfo img { border: 0; } #mainstories { float: left; } #other_homestory, #todays_top ol { list-style-type: none; float: left; margin: 0; } ol.other_homestory { list-style-type: none; float: left; margin-top: 12px; } .fly_free ol.other_homestory { margin-top: 0; } #other_homestory li, ol.other_homestory li.firstgroup, ol.other_homestory li { border-bottom: #b5c4df 1px solid; padding: 10px 0 5px 0; float: left; width: 485px; } ol#other_homestory li.right_last { font: 10px/12px arial, helvetica, sans-serif; border-top: #b5c4df 1px solid; padding: 2px 0 0 0; float: right; width: 485px; text-align: right; } #other_homestory li.first, .other_homestory li.first { border-top: 0; padding: 0 0 5px 0; } ol.other_homestory li.firstgroup_top { border-top: 0; border-bottom: 1px #b5c4df solid; padding: 0 0 5px 0; } #other_homestory li.date, ol.other_homestory li.date { border: 0; padding: 10px 0 10px 10px; font: 18px/18px georgia, times, serif; background: #f5f5f6; margin-bottom: 10px; width: 440px; text-transform: uppercase; } #other_homestory p, #todays_top ol p, ol.other_homestory p { padding-top: 0; } ol.other_homestory li.firstgroup_top h3, ol.other_homestory li.firstgroup h3 { font-size: 18px; line-height: 20px; } img.story_thumb { float: right; border: 1px solid #e4e4e4; margin: 0 0 10px 10px; } div.right_last { float: left; border-top: #b5c4df 1px solid; padding-top: 3px; width: 482px; font: 10px/11px arial, helvetica, sans-serif; text-align: right; } div.second_sport { float: left; margin-top: 0; } div.first_sport { float: left; margin-top: 3px; } //For top of Travel Archive #middlecol #top_story { float: left; } #middlecol #top_head { float: left; padding-bottom: 5px; padding-top: 10px; border-bottom: 1px #b5c4df solid; width: 485px; border-top: 0; } #todays_top { float: left; width: 100%; padding-top: 10px; } #todays_top h2 { margin-bottom: 0; } #todays_top h3 { padding-bottom: 3px; } #todays_top li#left { float: left; width: 236px; } #todays_top li#right { float: left; width: 236px; padding-left: 13px; } #todays_top ul { list-style-type: none; } #todays_top ul li { border-bottom: 1px solid #d3dde3; padding: 10px 0 12px 0; float: left; width: 235px; } #todays_top ul li.left_last, #todays_top ul li.right_last { border-bottom: 0; padding: 10px 0 0 0; } #todays_top ul li.right_last { margin-top: -8px; font: bold 10px/12px arial, helvetica, sans-serif; text-align: right; } a.comment { background:transparent url(http://media.winnipegfreepress.com/designimages/commenticon_WFP.gif) no-repeat scroll right top; padding-right: 18px; font: 12px/15px arial, helvetica, sans-serif; color: #296391; font-weight: bold; } #bottomarticles a.comment { background:transparent url(http://media.winnipegfreepress.com/designimages/commenticon_WFP.gif) no-repeat scroll right top; padding-right: 16px; font: 11px/14px arial, helvetica, sans-serif; color: #296391; font-weight: bold; } /* Secondary Photo Styles */ #middlecol div.second_photo { width: 485px; float: left; margin-bottom: 0; border-top: 3px #296391 solid; } #middlecol div.second_photo img { width: 280px; float: left; margin-right: 8px; } #middlecol div.second_photo .image { background: #296391; float: left; } #middlecol div.second_photo h3 { font-size: 18px; color: #333; float: left; padding-top: 8px; width: 195px; } #middlecol div.second_photo .captioninfo { float: left; font: 11px/13px arial, helvetica, sans-serif; } #middlecol div.second_photo p.cap { width: 195px; } #middlecol div.second_photo p.enlarge { background: #296391; color: #fff; width: 479px; font: 10px/11px arial, helvetica, sans-serif; padding: 3px;} #middlecol div.second_photo p.enlarge a { color: #fff; } #middlecol div.second_photo p.enlarge a:hover { text-decoration: underline; } #middlecol div.second_photo .captioninfo img { padding-left: 3px; width: 9px; float: none; } .homepg_topstory_img .captioninfo .enlarge { float: right; text-align: right; width: 235px; background: url(http://media.winnipegfreepress.com/designimages/enlargeicon_white.gif) bottom right no-repeat; padding-bottom: 5px; margin-top: 3px; } #middlecol .homepg_topstory_img .image { max-height: 200px; overflow: hidden; border: 1px solid #b5c4df; } #middlecol .homepg_topstory_img .captioninfo { color: #333; float: left; width: 233px; padding: 0 0 4px 2px; } #middlecol .homepg_topstory_img .captioninfo p.cap { padding-bottom: 5px; font: 11px/13px arial, helvetica, sans-serif; } #middlecol .homepg_topstory_img .captioninfo p.enlarge { font: 10px/11px arial, helvetica, sans-serif; padding: 0; } #middlecol .homepg_topstory_img .captioninfo p a { float: right; padding-right: 12px; } #middlecol div.homepg_topstory_img { float: left; padding-bottom: 5px; } #middlecol div.homepg_topstory_img p.cap { font-size: 11px; line-height: 13px; padding-bottom: 8px; } #other_homestory ul.related_article_links { padding-top: 5px; width: 450px; } #other_homestory ul.related_article_links li { list-style-type: disc; border-bottom: 0; padding: 0; border-top: 0; margin-left: 14px; font-weight: bold; width: 350px; } #other_homestory ul.related_article_links li.rel_title { margin-left: 0; text-transform: uppercase; color: #ccc; list-style-type: none; } span.cap_city { text-transform: uppercase; } span.dots { padding-right: 3px; } span.updated { color: #999; } span.source { color: #999; font-weight: bold; } h4 span.source { font: 12px/15px arial, helvetica, sans-serif; font-weight: bold; } img.wfp_circle { margin-bottom: -1px; padding: 0 3px; } img.cp_logo_sm { padding: 0 3px; } /*Multimedia Player Styles*/ body#media #middlecol { padding-top: 0; } body#media #rightcol #bigbox { margin-top: 0; } #brightcove1 { float: left; width: 300px; height: 363px; } #brightcove3_mc { float: left; background-color: #f9f9f9; width: 797px; height: 388px; padding: 0; border: 1px #e4e4e4 solid; margin: 7px 0 15px; } #middlecol div#slideshow { margin-top: 3px; } #slideshow_small { float: left; overflow: hidden; width: 420px; height: 383px; padding: 0 14px; background: #f9f9f9; border: 1px #e4e4e4 solid; margin: 15px 0 10px; } #middlecol #divMediaClose { display: none; background: #f5f5f6; width: 440px; padding: 5px; font: 11px/13px arial, helvetica, sans-serif; margin-bottom: 12px; float: left; font-weight: bold; text-align: right; } #middlecol #divMediaClose a { cursor: pointer; } #middlecol #divMediaClose a:hover { text-decoration: underline; } #middlecol #divMediaClose.hide a, #middlecol #divMediaClose.show a { margin-bottom: 12px; float: left; font: 11px/13px arial, helvetica, sans-serif; font-weight: bold; padding: 5px; background: #f5f5f6; width: 440px; cursor: pointer; text-align: right; } #articleextras #exmiddle ul#ulVideoLinks li, #articleextras #exmiddle ul#ulSlideshowLinks li { cursor: pointer; } #articleextras #exmiddle ul#ulVideoLinks li:hover { text-decoration: underline; } #articleextras a:hover { text-decoration: underline; } #upload_link { width: 301px; padding: 12px 16px 10px; float: left; background: #f9f9f9; border: 1px #296391 solid; } #upload_link h3 { padding: 0; width: 100%; font: bold 18px/18px arial, helvetica, sans-serif; color: #333; text-transform: uppercase; text-align: center; } div#slideshow { float: left; padding-bottom: 12px; margin: 2px 0 8px 0; width: 485px; border-bottom: 1px #ccc solid; } body#media div#slideshow { float: left; padding-bottom: 12px; margin: 10px 0 8px 0; width: 485px; border-bottom: 1px #ccc solid; } body#media div#slideshow p { padding-top: 10px; } #middlecol h3.slideshow_head { margin-top: 22px; padding: 0; float: left; font: 26px/28px georgia, times, serif; } /* --------------------------------------------------------------- NIE Styles ---------------------------------------------------------------- */ body#nie #middlecol { background: url(http://media.winnipegfreepress.com/designimages/nie_hdr_WFP.jpg) top left no-repeat; padding-top: 90px; margin-top: 15px; } body#nie #middlecol div.article_img img { border: 1px #333 solid; } body#nie #middlecol div.article_img { background-color:#eaeaea; clear:both; float:left; margin:2px 10px 15px 0pt; padding:15px; width:240px; } body#nie #middlecol p { padding-bottom: 8px; } body#nie #middlecol div#nie_links { float: left; padding-bottom: 10px; border-bottom: 1px #ccc solid; margin-bottom: 10px; width: 450px; } body#nie #middlecol div#nie_links li { list-style-type: none; float: left; padding-right: 15px; } body#nie #middlecol ul#terms { margin: 0 0 10px 18px; float: left; } body#nie #middlecol ul#terms li { padding-bottom: 8px; } /* Right Column Styles */ body#nie #rightcol { background: #f9f9f9; border: 1px #e4e4e4 solid; width: 335px; float: right; padding-bottom: 100%; margin-top: 15px; position: relative; z-index: 1; margin-bottom: 100%; } body#nie #bigbox, body#nie #google_box { border: 0; margin: 0; } body#nie #topjobbox { margin: 3px 0 12px 17px; } /* --------------------------------------------------------------- Profile Styles ---------------------------------------------------------------- */ div#existing_photo { background: #f5f5f6; padding: 5px; margin: 5px 5px 5px 0; float: left; width: 45px; } input#email_public { margin-top: 15px; } label#check_email_public { margin-top: 10px; } div#user_information { font-weight: bold; } /* --------------------------------------------------------------- Search Styles ---------------------------------------------------------------- */ body#search #middlecol { padding-top: 0; } ul.pagination { border-top: 1px solid #b5c4df; 1px solid #b5c4df; float: right; padding: 8px 0 8px 2px; margin-bottom: 12px; width: 483px; } ul.pagination2 { border-bottom: 1px solid #b5c4df; float: left; padding: 8px 0 8px 2px; margin: -12px 0 12px 0; width: 483px; } ul.pagination2_bottom { border-bottom: 1px solid #b5c4df; border-top: 1px solid #b5c4df; float: left; padding: 8px 0 8px 2px; margin-bottom: -12px 0 12px 0; width: 483px; } body#search ul.pagination2_bottom, body#ad_search ul.pagination2_bottom { border-top: 0; } ul.pagination3 { border-bottom: 1px solid #b5c4df; float: left; padding: 8px 0 8px 2px; margin-bottom: 0; width: 483px; } ul.pagination3_bottom { border-bottom: 1px solid #b5c4df; float: left; padding: 0 0 8px 2px; width: 483px; margin-bottom: -24px 0 12px 0; } ul.pagination_extra { border-top: 1px solid #b5c4df; border-bottom: 1px solid #b5c4df; float: left; padding: 8px 0 8px 16px; margin-bottom: 12px; } ul.pagination_columns_extra { border-top: 1px solid #b5c4df; border-bottom: 1px solid #b5c4df; float: left; padding: 8px 0 8px 68px; margin-bottom: 12px; } ul.pagination_columns_extra_bottom2 { border-bottom: 1px solid #b5c4df; float: left; padding: 0 0 8px 68px; margin: -3px 0 12px 0; } ul.pagination_columns_extra_bottom { border-top: 1px solid #b5c4df; border-bottom: 1px solid #b5c4df; float: left; padding: 8px 0 8px 68px; margin-bottom: 12px; } ul.pagination_columns_extra_top2 { border-top: 1px solid #b5c4df; border-bottom: 1px solid #b5c4df; float: left; padding: 8px 0 8px 68px; margin-bottom: 12px; } ul.pagination_columns_extra_top { border-top: 0; border-bottom: 1px solid #b5c4df; float: left; padding: 8px 0 8px 68px; margin-bottom: 12px; margin-top: -10px; } ul.pagination_columns_extra2 { border-bottom: 1px solid #b5c4df; float: left; padding: 0 0 8px 68px; margin: -2px 0 12px 0; } ul.pagination_comments { float: left; padding-left: 175px; margin-bottom: 12px; } ul.pagination_comments_top { float: left; margin-top: -27px; } ul.pagination li, ul.pagination_comments li, ul.pagination_comments_top li, ul.pagination_columns_extra_top li, ul.pagination_columns_extra li, ul.pagination_columns_extra2 li, ul.pagination_columns_extra_bottom li, ul.pagination2 li, ul.pagination2_bottom li, ul.pagination_columns_extra_top2 li, ul.pagination_columns_extra_bottom2 li, ul.pagination3 li, ul.pagination3_bottom li { float: left; font-weight: bold; list-style-type: none; padding: 0pt 5px; } ul.pagination li.current_page, ul.pagination_comments li.current_page, ul.pagination_comments_top li.current_page, ul.pagination_columns_extra li.current_page, ul.pagination_columns_extra2 li.current_page, ul.pagination_columns_extra_top li.current_page, ul.pagination_columns_extra_bottom li.current_page, ul.pagination2 li.current_page, ul.pagination2_bottom li.current_page, ul.pagination_columns_extra_top2 li.current_page, ul.pagination_columns_extra_bottom2 li.current_page, ul.pagination3_bottom li.current_page, ul.pagination3 li.current_page { border: 1px solid #296391; margin-top: -1px; color: #000; } ul.pagination li.ellipse, ul.pagination_extra li.ellipse { padding: 0; } body#search p.bold { padding-top: 8px; } ul.sort_by { float: left; font: 13px/15px arial, helevetica, sans-serif; padding: 10px 0; border-bottom: 1px solid #b5c4df; width: 485px; margin-bottom: 11px; } ul.sort_by li { list-style-type: none; float: left; font-weight: bold;} ul.sort_by li span { padding: 0 5px; } ul.sort_by li span.bold { padding: 0 3px 0 0; } ul.sort_by li.date { padding-left: 5px; } ul.sort_by li.sort { font-size: 14px; } ul.sort_by li span.current_sort { font-weight: normal; padding: 0; } ul#columnists_lists { float: left; } #other_homestory ul.article_information li { list-style-type: none; width: auto; border: 0; padding: 0; color: #999; font-weight: bold; } #other_homestory ul.article_information li span { padding: 0 5px; } /* --------------------------------------------------------------- Error Styles - Let's not use these, they are unnecessary ---------------------------------------------------------------- body#error #main { padding-top: 0; width: 973px; } body#error #main h3.top_head { padding-top: 12px; } body#error #main h2 { width: 968px; } body#error #main p.bold { padding: 8px 0 3px 0; } body#error #main ol { margin-left: 23px; } */ /* --------------------------------------------------------------- Ad Styles ---------------------------------------------------------------- */ ul#top_ads { width: 100%; float: left; } ul#top_ads li { list-style-type: none; float: left; } ul#top_ads li#leaderboard { padding: 0 0 0 12px; width: 728px; } ul#top_ads li#earlug { padding: 17px 0 0 12px; } ul#top_ads h6 { font-size: 10px; color: #8b8b8b; } ul#top_ads div { line-height: 0; } #skyscraper { background-color: #fff; padding: 0; border: none; } #skyscraper h6, #bigbox h6, #google_box h6 { font-size: 10px; color: #8b8b8b; } #ad_space { padding-top: 20px; font-size: 10px; color: #8b8b8b; float: left; width: 300px; } /* Landing Pages Styles */ #archive_link_top { margin: 0; float: left; } body#landing_page #archive_link_top { margin: 0 0 12px 0; } body#landing_page .homepg_horizimg { margin-top: 0; } body#landing_page #opinion_art { border-bottom: 0; } body#landing_page #middlecol .homepg_horizimg h3.top_head { font: 26px/28px georgia, times, serif; padding-top: 8px; } body#landing_page #mediabox { margin-top: 20px; } #mediabox { margin-bottom: 8px; float: left; } /* Business Landing Pages Styles */ #pers_finance ol, #mb_movers ol { float: left; } #pers_finance ol li { list-style-type: none; border-top: 1px #ccc solid; padding: 10px 0; } #mb_movers ol li { list-style-type: none; border-top: 0; padding: 5px 0 10px 0; } #pers_finance ol li.first { border-top: 0; } p.bottom_information { border-top: 1px #333 solid; padding-top: 15px; margin-top: 10px; } /* Special Coverage Landing Page Styles*/ #middlecol ul#spec_cov { list-style-type: none; float: left; } #middlecol ul#spec_cov li{ margin: 0; border-bottom: 1px solid #b5c4df; width: 485px; float: left; } #middlecol div.spec_cov_image { padding: 10px 20px 10px 0; border: 0; width: 120px; float: left; } #middlecol div.spec_cov_text { padding: 10px 0; width: 335px; float: left; } #middlecol div.spec_cov_text h4 { color:#333333; font: 15px/18px georgia,times,serif; font-weight: bold; } #middlecol #todays_top h3 { padding-bottom: 0; font: 15px/18px arial, helvetica, sans-serif; text-transform: uppercase; } /*Registration Pages*/ body#user_regist #middlecol { padding-top: 0; } body#user_regist #middlecol h2 { margin-bottom: 10px; } /* Comics and Puzzles page styles */ #comics_today, #comics_archive { float: left; width: 485px; } #comics_today h3, #comics_archive h3 { padding-top: 0; font-size: 18px; line-height: 24px; color: #333; } #comics_today h4 { color: #333; font-size: 15px; line-height: 18px; padding: 10px 0; } .comic p.enlarge { clear: both; font-size: 10px padding: 2px 0 10px; text-align: right; } .comic p.enlarge a { text-decoration: underline; text-transform: capitalize; } #comics_archive li { list-style-type: none; color: #333; font-size: 15px; line-height: 18px; padding: 2px 0; } #puzzles_today, #puzzles_archive, #puzzles_interactive { float: left; width: 485px; } #puzzles_today .puzzle { padding: 10px 0 0; } #puzzles_today h3, #puzzles_archive h3, #puzzles_interactive h3 { padding-top: 0; font-size: 18px; line-height: 24px; color: #333; } #puzzles_archive h3, #puzzles_interactive h3 { padding-top: 20px; } #puzzles_today h4 { color: #333; font-size: 15px; line-height: 18px; padding: 10px 0; } #puzzles_today li, #puzzles_archive li, #puzzles_interactive li { list-style-type: none; color: #333; font-size: 15px; line-height: 18px; padding: 6px 0; } /*Editors Bulletin Page Styles*/ #editor_top { background: url(http://media.winnipegfreepress.com/images/margo_goodhand.jpg) top left no-repeat; float: left; height: 104px; padding: 20px 0 0 115px; margin-bottom: 12px; border-bottom: 1px #ccc solid; } #editor_top p { font: 18px/22px georgia, times, serif; color: #333; } /*Financial Post info page*/ #financial_subscribe { float: left; background: url(http://media.winnipegfreepress.com/images/financial_iceberg.jpg) top left no-repeat; padding: 90px 30px 0 30px; width: 400px; } #financial_subscribe h3 { padding-top: 15px; color: #333; } #financial_subscribe p { color: #fff; font-weight: bold; } #financial_subscribe p.first { padding-top: 175px; } #financial_subscribe p.first span { font-size: 16px; text-transform: uppercase; } #financial_subscribe p.subscribefor_post { padding-top: 67px; font-size: 16px; text-transform: uppercase; } div.article ul { margin-left: 17px; padding-bottom: 10px; } div.article ul li { padding-bottom: 10px; } ul.bulleted_list { margin-left: 17px; } ul.bulleted_list li { padding-bottom: 10px; } /* Sponsorship Styles */ body#sponsorship #middlecol ul { padding: 10px 0 5px 0; margin-left: 18px; } body#sponsorship #middlecol ul li { padding-bottom: 5px; } /*Misc Styles */ #middlecol .presscard_info { width: 797px; } div.import { float: left; background: #296391; width: 455px; padding: 15px; color: #fff; margin-bottom: 15px; font-weight: bold; } div.import a { color: #fff; } div.iesix_warning { display: none; } #history_popup, #history_popup_bottom { display: none; } body#error ol.error_pg { margin: 0 0 12px 23px; } /* Tuberculosis Styles */ #tb #main { width: 973px; } #tb_full { float: left; width: 973px; height: 622px; background: url(http://media.winnipegfreepress.com/designimages/tb_title.jpg) top left no-repeat; } #tb_full .tb_vid { float: left; padding: 175px 0 20px 50px; } /* Weekend Edition styles */ #middlecol p.weekend_logo { padding-top: 6px; padding-bottom: 0; } #middlecol .intro_weekend { border-bottom: 1px #ccc solid; padding-top: 0; margin: 10px 0; padding-bottom: 3px; } /* --------------------------------------------------------------- Footer Styles ---------------------------------------------------------------- */ #footer { background: #333; color: #d6d6d6; width: 100%; height: 170px; clear: both;font-size: 11px; } #footer dl { padding-left: 10px; width: 988px; float: left; } #footer dl.first { padding: 20px 0 0 10px; border-top: 3px solid #296391; float: left; } #footer dl dd { padding-bottom: 3px; float: left; } #footer dl dt { padding: 0 10px; font-weight: bold; clear: both; float: left; margin: 0; } #footer dl dd span { padding: 0 5px; } #footer ul { width: 400px; float: left; clear: both; padding: 30px 0 10px 20px; } #footer li { list-style-type: none; float: left; width: 958px; } #footer li p { font-size: 9px; text-align: right; margin: -13px 0 0 0; padding: 0; } #footer dd a { color: #d6d6d6; } #footer dd a:visited { color: #ccc; } #footer #clicklogo { float: right; padding: 43px 20px 0 0; } /* --------------------------------------------------------------- Editor Bulletin Styles ---------------------------------------------------------------- */ .headline{font-size: 15px; padding: 0; margin: 0; display: block; color: #333333; font-family: arial, helvetica, sans-serif; font-weight: bold;} .summary{margin: 0 0 1.5em 0; font-family: helvetica, arial, sans-serif; font-size: 12px; color: #333333; line-height: 1.5em; display: block;}