/* --------------------------------------------------------------- Winnipeg Free Press LIVE Style Sheet Authored by: Mark Lowe, mark.lowe@freepress.mb.ca Eric Bailey, eric.bailey@freepress.mb.ca Amy Wor, amy.wor@freepress.mb.ca Version: Feb 5, 2009 ---------------------------------------------------------------- */ /* --------------------------------------------------------------- Global/Container Styles ---------------------------------------------------------------- */ /*body { background: #ccc url(http://media.winnipegfreepress.com/designimages/bg_WFP.gif) top center repeat-y; font: 12px/15px verdana, arial, helvetica, sans-serif; color: #000; text-align: center; }*/ body { background: #ccc; 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 #000; border-left: 1px solid #000; } #front_content { padding-top: 20px; } /* --------------------------------------------------------------- Accessibility Styles ---------------------------------------------------------------- */ dl#accessibility { display: none; } dl#access { display: none; } /* --------------------------------------------------------------- Typography Styles ---------------------------------------------------------------- */ #main h2 { width: 796px; } h2 { border-top: 2px solid #296391; padding: 2px 0 3px 3px; background: #ccc; width: 100%; font: bold 18px/18px georgia, times, serif; color: #333; text-transform: uppercase; clear: both; } h2 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; } p.bold { font-weight: bold; } p.bold_right { font-weight: bold; float: right; margin-top: -4px; } p.small { font: 11px/13px arial, helvetica, sans-serif; padding-bottom: 5px; } h5 { font: 11px/16px arial, helvetica, sans-serif; } #leftcol { font: 12px/15px arial, helvetica, sans-serif; } #leftcol li#passages span { font: bold 15px Helvetica, Arial, sans-serif; color: #06c; } dl#poll dt, #leftcol dl#blogs dt, #leftcol dl#reader_pix dt, #leftcol dl#editors_bulletin dt { font: bold 15px Helvetica, Arial, sans-serif; color: #c00; } dl#poll dt { margin-bottom: 4px; font-size: 15px; line-height: 15px; text-align: center; } dl#poll p { font-size: 11px; font-weight: bold; line-height: 13px; color: #000; } dl#poll dd p { font-size: 10px; text-align: center; } dl#poll .date { font-size: 10px;} #previous_polls { padding-top: 10px; float: left; border-top: 1px #ccc solid; margin-top: 10px; width: 450px; } #previous_polls ul { padding-top: 5px; } #previous_polls li { list-style-type: none; padding: 5px 0; font-size: 12px; font-weight: bold; } #leftcol dl#blogs dd h4 { padding-top: 5px;font-size: 12px; } #leftcol dl#blogs dd p { font-weight: normal; } body#poll_results table { padding: 10px 0; width: 450px; } 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; } body#poll_results #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#poll_results #bigbox, body#poll_results #google_box { border: 0; margin: 0; } body#poll_results #topjobbox { margin: 3px 0 0 17px; } p.more { padding-top: 3px; font: bold 10px/12px arial, helvetica, sans-serif; text-align: right; clear: both; } p.center { text-align: center; } body#calendar #rightcol { margin-top: 15px; clear: right; } /* --------------------------------------------------------------- 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; } h1 { padding-left: 20px; width: 430px; height: 48px; } h1 a { font-size: 0; color: #fff; width: 430px; height: 48px; display: block; cursor: pointer; } h1 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 { padding: 0 0 0 20px; float: left; font: bold 10px verdana, arial, helvetica, sans-serif; line-height: 13px; width: 428px; } #utility_nav2 li { padding-right: 5px; border-right: 1px solid #8b8b8b; margin-right: 5px; list-style-type: none; float: left; } #utility_nav2 li.grey { color: #8b8b8b; border: 0; } #utility_nav2 li.middle { float: right; } #utility_nav2 li.last { padding: 0; border: 0; margin: 0; float: right; } ul#header li#weather { padding: 13px 0 0 35px; 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#weather dl#weather_cloudy { background: #fff url(http://media.winnipegfreepress.com/designimages/cloudy_WFP.jpg) top left no-repeat; height: 59px; width: 275px; } ul#header li#weather dl#weather_cloudy dt { display: none; } ul#header li#weather dl#weather_cloudy dd#weather_location { float: left; } ul#header li#weather dd#weather_location, ul#header li#weather dd#weather_temperature { padding-top: 15px; } ul#header li#weather dd#weather_location h4 { font: 17px/22px georgia, serif; color: #333; font-weight: bold; } ul#header li#weather dd#weather_location h4 a:hover { text-decoration: none; } ul#header li#weather dd#weather_location p a { font: 10px/10px arial, sans-serif; color: #296391; font-weight: bold; text-decoration: underline; } ul#header li#weather dd#weather_location p a:hover { text-decoration: none; } ul#header li#weather dd#weather_temperature { float: left; padding-left: 16px; } ul#header li#weather dd#weather_temperature span.words { float: left; font: 10px/10px arial, sans-serif; color: #333; font-weight: bold; width: 140px; } ul#header li#weather dd#weather_temperature span.temp { width: 50px; font: 18px/24px arial, sans-serif; color: #333; } ul#header li#weather div#container { background: none; } #header li#search_login { padding: 0 11px 5px 0; font-size: 11px; font-weight: bold; line-height: 13px; width: 300px; float: right; } #search_login ul { padding-bottom: 8px; float: right; } #search_login form { float: right; clear: both; } #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 ul#advertising_nav { margin-left: -79px; }*/ 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; } dl#snav dd ul#classified_nav { margin-left: -130px; } dl#snav dd ul#publications_nav { margin-left: -497px; } #breadcrumb { padding: 15px; font: 12px/15px arial, helvetica, sans-serif; color: #296391; } #breadcrumb span.path { color: #000; font-weight: bold; } #breadcrumb span.here { text-decoration: none; color: #000; } #breadcrumb img { display: none; } /* --------------------------------------------------------------- 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 ---------------------------------------------------------------- */ #leftcol { padding: 0 0 50px 13px; width: 160px; float: left; } #leftcol h2 { width: 157px; } #leftcol ol { list-style-type: none; } #leftcol ol.item { border-bottom: #ccc 1px solid; padding: 10px 0; } #special_cov, #alerts { margin-bottom: 15px; } #special_cov ol#spec_cov li.title { font: 14px/18px georgia, times, serif; width: 79px; float: left; font-weight: bold; } #special_cov ol#spec_cov li img { border: 0; float: right; width: 81px; padding: 0; margin: 0; } #special_cov ol#spec_cov li.desc, #alerts ol#alert li.desc { clear: both; padding-top: 7px; } #alerts ol#alert li.title { font: 14px/18px georgia, times, serif; font-weight: bold; } #poll { border-top: #296391 5px solid; border-right: #296391 1px solid; border-bottom: #296391 1px solid; border-left: #296391 1px solid; padding: 5px; margin-bottom: 15px; width: 148px; } div#poll form { margin-left: -5px; } #poll fieldset { border: 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 p { font-weight: bold; padding-bottom: 5px; } #poll p.last { padding-bottom: 0; } #poll input#action, #poll input#action:hover { margin: 9px 0; height: 30px; font-weight: bold; } div#poll form input { margin-left: 0; } #poll_error h3 { padding: 5px 0 15px 0; font-size: 24px; } p.results_link { font-weight: bold; padding-top: 10px; } #main { width: 799px; float: left; padding: 0 0 50px 13px; } #middlecol { width: 450px; float: left; padding-top: 12px; } #middlecol h2 { width: 447px; } #middlecol #bylines { padding: 10px 0; } #middlecol p.byline { font: 11px/12px arial, helvetica, sans-serif; } #middlecol p.byline span { font-weight: bold; } #top_story { margin-top: -12px; } #mediabox h2 { height: 18px; } #mediabox span.link { font: bold 10px verdana, arial, helvetica, sans-serif; text-transform: capitalize; padding-left: 107px; } #bigbox, #google_box { width: 301px; padding: 3px 15px 16px 18px; float: left; background: #f9f9f9; border: 1px #e4e4e4 solid; margin-top: 15px; } #bigbox.multimedia { margin-top: 0px; } #topjobbox { float: left; background: #fff; border-top: #296391 3px solid; border-left: #296391 1px solid; border-right: #296391 1px solid; border-bottom: #296391 1px solid; width: 298px; height: 284px; margin-bottom: 0; } body#home #topjobbox { float: left; background: #fff; border-top: #296391 3px solid; border-left: #296391 1px solid; border-right: #296391 1px solid; border-bottom: #296391 1px solid; width: 298px; height: 284px; margin-bottom: 17px; } div#topjobs { float: left; background: #fff; width: 298px; border-top: 3px #296391 solid; padding: 0; margin: 0; } div#topjobs h2 { margin: 0; padding: 5px 0 3px 7px; background: none; border: none; color: #333; width: 150px; font: bold 18px/18px georgia, times, serif; color: #333; text-transform: uppercase; float: left } div#topjobs h2 span { font: 18px/18px arial, helvetica, sans-serif; color: #296391; font-weight: bold; } div#topjobs h5 { margin: 0; padding: 6px 7px 0 0; font: 10px/18px arial, helvetica, sans-serif; width: 120px; float: right; text-align: right; } div#topjobs ul#topjobs_nav { margin: 5px 0; padding: 6px 0 6px 7px; width: 293px; float: left; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; } 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-left: 7px; border-bottom: 1px dashed #ccc; list-style-type: none; width: 291px; float: left; } div#topjobs_page_container ol li:hover { background: #eee; } div#topjobs_page_container ol li.alt { background: #f9f9f9; } div#topjobs_page_container ol li.alt:hover { background: #eee; } div#topjobs_page_container ol li.last { border-bottom: none; } div#topjobs_page_container ol li h4 { margin: 0; padding: 2px 0 0 0; font: bold 11px/14px Arial, Helvetica, sans-serif; text-transform: none; width: 290px; } div#topjobs_page_container ol li h4 a:link, div#topjobs ol#topjobs_listings li h4 a:visited { color: #000; text-decoration: underline; } div#topjobs_page_container ol li h4 a:hover { text-decoration: none; } 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; } /* Blogs & Columns Styles */ #bottomarticles h3 { font: 15px/18px georgia, times, serif; font-weight: bold; padding-bottom: 4px; } #bottomarticles h4 { font: 11px/15px georgia, times, serif; font-weight: bold; } 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; } /*History Popup Box*/ div#history_popup, div#history_popup_bottom { border: 2px #666666 solid; background: #f5f5f6; float: left; color: #666666; width: 445px; font-weight: bold; margin: 10px 0; } div#history_popup p, div#history_popup_bottom p { padding: 5px; } div#history_popup, div#history_popup_bottom { display: none; } div#history_popup h5.article_about, div#history_popup_bottom h5.article_about { font: 12px/14px arial, helvetica, sans-serif; width: 345px; float: left; background: #CCC; color: #333; padding: 5px; font-weight: bold; margin-bottom: 5px; } div#history_popup h5.article_about_right, div#history_popup_bottom h5.article_about_right { font: 11px/12px arial, helvetica, sans-serif; width: 80px; float: right; background: #CCC; color: #333; padding: 6px 5px; font-weight: bold; margin-bottom: 5px; cursor: pointer; } a#aHistory:hover, h5.article_about_right a#aHistoryClose:hover { text-decoration: underline; } /*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: 430px; 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; } /* --------------------------------------------------------------- Home Page Styles ---------------------------------------------------------------- */ #middlecol h3.top_head { padding: 15px 0 4px; font: 26px/28px georgia, times, serif; color: #333; clear: both; } 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; } #front_content {padding-top: 13px; width: 100%; clear: both; } #middlecol #archive_link_top p { float: left; width: 450px; padding: 15px 0 2px 0; border-bottom: 1px solid #ccc; font-weight: bold; line-height: 12px; } #middlecol #archive_link_bottom p, #middlecol #more_breaking_news p { float: left; width: 450px; padding: 6px 0 12px 0; border-top: 1px solid #ccc; font-weight: bold; text-align: right; } #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; } .homepg_horizimg { background-color: #eaeaea; padding: 22px 24px 7px; width: 400px; float: left; margin-bottom: 0; } .homepg_horizimg span.updated { color: #333; } .homepg_horizimg img { border: #333 1px solid; float: left; margin-bottom: 2px; } .homepg_horizimg h3 { padding-bottom: 3px; color: #333; margin-top: -14px; } .homepg_horizimg h3 img { border: 0; float: none; margin: 0; } .homepg_horizimg .captioninfo { float: left; width: 400px; background: url(http://media.winnipegfreepress.com/designimages/enlargeicon_WFP.gif) top right no-repeat; padding-bottom: 5px; } #middlecol .homepg_horizimg .captioninfo p { text-align: right; font: 10px/11px arial, helvetica, sans-serif; padding: 0 10px 4px 0; } #middlecol .homepg_horizimg .captioninfo p.cap { font-size: 11px; padding-bottom: 0; text-align: left; line-height: 13px; } .homepg_horizimg .captioninfo img { border: 0; } body#home #mainstories { padding-top: 10px; } div.no_main_pic { border-top: #ccc 1px solid; margin: 10px 0 0; padding: 10px 0 0; float: left; width: 450px; } p.enlarge { text-transform: uppercase; } p.enlarge a { text-transform: capitalize; } #mainstories { float: left; } div.nocontent { float: left; margin-top: 10px; } #other_homestory, #todays_top ol, ol.other_homestory { list-style-type: none; float: left; } #other_homestory li, ol.other_homestory li { border-top: #ccc 1px solid; padding: 10px 0; float: left; width: 450px; } #other_homestory li.first, ol.other_homestory li.first { border-top: 0; padding: 0 0 10px 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: 4px; } div.second_sport { float: left; margin-top: 10px; } div.first_sport { float: left; margin-top: 3px; } //For top of Travel Archive #top_head { float: left; padding-bottom: 10px; padding-top: 0; } #top_story #top_head { float: left; padding-bottom: 10px; padding-top: 0; } #todays_top { float: left; width: 100%; padding-top: 10px; } #todays_top h3 { padding-bottom: 3px; } #todays_top li#left { float: left; width: 215px; } #todays_top li#right { float: left; width: 215px; padding-left: 12px; } #todays_top ul { list-style-type: none; } #todays_top ul li { border-bottom: #ccc 1px solid; padding: 10px 0; float: left; width: 100%; } #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; } #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; } #rightcol { width: 335px; float: right; padding: 0; margin: 0; } #rightcol h2 { width: 332px; } #othergreybox { float: left; margin-top: 15px; background: #f9f9f9; border: 1px #e4e4e4 solid; padding: 16px 15px 16px 18px; } #marketingbox { float: left; border-right: #333 1px solid; margin-top: 15px; } body#home #marketingbox { float: left; border-right: #333 1px solid; margin-top: 0; } #bottomarticles { float: left; padding-top: 15px; width: 335px; } #bottomarticles img { float: right; } #blogs { float: left; width: 157px; } #columns { float: right; width: 157px; } #columns li, #blogs li { list-style-type: none; width: 160px; } #columns h2, #blogs h2 { width: 157px; } #blogs h3, #columns h3 { padding-bottom: 7px; } #blogs h4, #columns h4 { padding-bottom: 3px; width: 90px; z-index: 8; position: relative; } #blogs ul, #columns ul { border-bottom: #ccc 1px solid; padding: 10px 0 7px 0; width: 157px; height: 100px; } #columns ul.AdamSpeirs { background: url(http://media.winnipegfreepress.com/images/82*85/Speirs-Adam.jpg) bottom right no-repeat; } #columns ul.AlisonGillmor { background: url(http://media.winnipegfreepress.com/images/112*85/alison_gillmor.jpg) bottom right no-repeat; } #columns ul.AllanBesson { background: url(http://media.winnipegfreepress.com/images/94*85/al_besson.jpg) bottom right no-repeat; } #columns ul.AllanLevine { background: url(http://media.winnipegfreepress.com/images/85*85/allan_levine.jpg) bottom right no-repeat; } #columns ul.AllenAbel { background: url(http://media.winnipegfreepress.com/images/57*85/AbelAllen.jpg) bottom right no-repeat; } #columns ul.AshleyPrest { background: url(http://media.winnipegfreepress.com/images/82*85/prest-ashley.jpg) bottom right no-repeat; } #columns ul.AviSaper { background: url(http://media.winnipegfreepress.com/images/73*85/avi_saper.jpg) bottom right no-repeat; } #columns ul.BartleyKives { background: url(http://media.winnipegfreepress.com/images/100*85/bartley_kives.jpg) bottom right no-repeat; } #blogs ul.BenMacPhee-Sigurdson, #blogs ul.BenMacPhee, #columns ul.BenMacPhee-Sigurdson, #columns ul.BenMacPhee { background: url(http://media.winnipegfreepress.com/images/79*85/ben_macphee-sigurdson.jpg) bottom right no-repeat; } #blogs ul.BradOswald, #columns ul.BradOswald { background: url(http://media.winnipegfreepress.com/images/94*85/brad_oswald.jpg) bottom right no-repeat; } #columns ul.BrianBowman { background: url(http://media.winnipegfreepress.com/images/70*85/brian_bowman.jpg) bottom right no-repeat; } #columns ul.BruceClark { background: url(http://media.winnipegfreepress.com/images/75*85/bruce_clark.jpg) bottom right no-repeat; } #columns ul.CatherineMitchell { background: url(http://media.winnipegfreepress.com/images/75*85/catherine_mitchell.jpg) bottom right no-repeat; } #columns ul.ChantalAllan { background: url(http://media.winnipegfreepress.com/images/72*85/AllanChantal.jpg) bottom right no-repeat; } #columns ul.CharleneAdam { background: url(http://media.winnipegfreepress.com/images/105*85/charlene_adam.jpg) bottom right no-repeat; } #columns ul.CharlesHuband { background: url(http://media.winnipegfreepress.com/images/77*85/hubandcharles.jpg) bottom right no-repeat; } #columns ul.ColleenSimard { background: url(http://media.winnipegfreepress.com/images/73*85/SimardColleen.jpg) bottom right no-repeat; } #columns ul.ChrisCariou { background: url(http://media.winnipegfreepress.com/images/82*85/cariou-chris.jpg) bottom right no-repeat; } #columns ul.CurtisBrown { background: url(http://media.winnipegfreepress.com/images/60*85/browncurtis.jpg) bottom right no-repeat; } #blogs ul.DanLett, #columns ul.DanLett { background: url(http://media.winnipegfreepress.com/images/86*85/dan_lett.jpg) bottom right no-repeat; } #columns ul.DavidChristianson { background: url(http://media.winnipegfreepress.com/images/82*85/david_christianson.jpg) bottom right no-repeat; } #columns ul.DavidO’Brien, #columns ul.DavidOBrien { background: url(http://media.winnipegfreepress.com/images/dave_obrien.jpg) bottom right no-repeat; } #blogs ul.DemetraHajidiacos, #columns ul.DemetraHajidiacos { background: url(http://media.winnipegfreepress.com/images/81*85/demetra_hajidiacos.jpg) bottom right no-repeat; } #columns ul.DonMarks { background: url(http://media.winnipegfreepress.com/images/64*85/MarksDon.jpg) bottom right no-repeat; } #columns ul.DougBrown { background: url(http://media.winnipegfreepress.com/images/97*85/doug_brown.jpg) bottom right no-repeat; } #columns ul.DougSpeirs { background: url(http://media.winnipegfreepress.com/images/87*85/doug_speirs_WFP.jpg) bottom right no-repeat; } #columns ul.EdTait { background: url(http://media.winnipegfreepress.com/images/87*85/ed_tait.jpg) bottom right no-repeat; } #columns ul.FrancesRussell { background: url(http://media.winnipegfreepress.com/images/77*85/frances_russell.jpg) bottom right no-repeat; } #columns ul.GaryLawless { background: url(http://media.winnipegfreepress.com/images/97*85/Lawless-Gary.jpg) bottom right no-repeat; } #columns ul.GeraldFlood { background: url(http://media.winnipegfreepress.com/images/86*85/gerald_flood.jpg) bottom right no-repeat; } #columns ul.GordonSinclair { background: url(http://media.winnipegfreepress.com/images/77*85/gord_sinclair.jpg) bottom right no-repeat; } #columns ul.GwendaNemerofsky { background: url(http://media.winnipegfreepress.com/images/68*85/gwenda_nemerofsky.jpg) bottom right no-repeat; } #columns ul.GwynneDyer { background: url(http://media.winnipegfreepress.com/images/113*85/gwynne_dyer.jpg) bottom right no-repeat; } #columns ul.JerradPeters { background: url(http://media.winnipegfreepress.com/images/53*85/peters_-jerrad.jpg) bottom right no-repeat; } #columns ul.JoelSchlesinger { background: url(http://media.winnipegfreepress.com/images/101*85/Schlesinger-Joel.jpg) bottom right no-repeat; } #columns ul.JohnMcFerran { background: url(http://media.winnipegfreepress.com/images/60*85/McFerran_-John.jpg) bottom right no-repeat; } #columns ul.JohnPoyser { background: url(http://media.winnipegfreepress.com/images/77*85/john_poyser.jpg) bottom right no-repeat; } #columns ul.KevinProkosh { background: url(http://media.winnipegfreepress.com/images/75*85/kevin_prokosh.jpg) bottom right no-repeat; } #columns ul.LauraRance { background: url(http://media.winnipegfreepress.com/images/93*85/laura_rance.jpg) bottom right no-repeat; } #columns ul.LauraRobinson { background: url(http://media.winnipegfreepress.com/images/90*85/RobinsonLaura.jpg) bottom right no-repeat; } #columns ul.LibbySimon { background: url(http://media.winnipegfreepress.com/images/80*85/libby_simon.jpg) bottom right no-repeat; } #columns ul.LindaStilkowski { background: url(http://media.winnipegfreepress.com/images/105*85/linda_stilkowski.jpg) bottom right no-repeat; } #columns ul.LiviodiMatteo, #columns ul.Liviodi { background: url(http://media.winnipegfreepress.com/images/69*85/dimatteolivio.jpg) bottom right no-repeat; } #blogs ul.LindorReynolds, #columns ul.LindorReynolds { background: url(http://media.winnipegfreepress.com/images/77*85/lindor_reynolds.jpg) bottom right no-repeat; } #columns ul.MargoGoodhand { background: url(http://media.winnipegfreepress.com/images/66*85/margo_goodhand.jpg) bottom right no-repeat; } #columns ul.MarionWarhaft { background: url(http://media.winnipegfreepress.com/images/94*85/marion_warhaft.jpg) bottom right no-repeat; } #columns ul.MarloCampbell { background: url(http://media.winnipegfreepress.com/images/68*85/CampbellMARLO.jpg) bottom right no-repeat; } #columns ul.MartinCash { background: url(http://media.winnipegfreepress.com/images/84*85/martin_cash.jpg) bottom right no-repeat; } #columns ul.MichaelMadigan { background: url(http://media.winnipegfreepress.com/images/114*85/madiganmichael.jpg) bottom right no-repeat; } #columns ul.MorleyWalker { background: url(http://media.winnipegfreepress.com/images/100*85/morley_walker.jpg) bottom right no-repeat; } #columns ul.MurrayMcNeill { background: url(http://media.winnipegfreepress.com/images/82*85/mcneill-murray.jpg) bottom right no-repeat; } #columns ul.NaomiLakritz { background: url(http://media.winnipegfreepress.com/images/63*85/LakritzNaomi1.jpg) bottom right no-repeat; } #columns ul.NicholasHirst { background: url(http://media.winnipegfreepress.com/images/99*85/nick_hirst.jpg) bottom right no-repeat; } #columns ul.PatriciaRobertson { background: url(http://media.winnipegfreepress.com/images/92*85/ROBERTSONPARRICIA.JPG) bottom right no-repeat; } #columns ul.PaulWiecek { background: url(http://media.winnipegfreepress.com/images/95*85/paul_wiecek.jpg) bottom right no-repeat; } #columns ul.PaulaSimons { background: url(http://media.winnipegfreepress.com/images/92*85/paula_simons.jpg) bottom right no-repeat; } #columns ul.PenniMitchell { background: url(http://media.winnipegfreepress.com/images/88*85/MitchellPenni.jpg) bottom right no-repeat; } #columns ul.PeterHolle { background: url(http://media.winnipegfreepress.com/images/64*85/peter_holle.jpg) bottom right no-repeat; } #columns ul.RandallKing { background: url(http://media.winnipegfreepress.com/images/87*85/randall_king.jpg) bottom right no-repeat; } #columns ul.RandyTurner { background: url(http://media.winnipegfreepress.com/images/86*85/randy_turner.jpg) bottom right no-repeat; } #columns ul.RebeccaWalberg { background: url(http://media.winnipegfreepress.com/images/69*85/walbergrebecca.jpg) bottom right no-repeat; } #columns ul.RobWilliams { background: url(http://media.winnipegfreepress.com/images/85*85/rob_williams.jpg) bottom right no-repeat; } #columns ul.RobertAlison { background: url(http://media.winnipegfreepress.com/images/58*85/alisonrobert.jpg) bottom right no-repeat; } #columns ul.RobertGalston { background: url(http://media.winnipegfreepress.com/images/56*85/GalstonRobert.jpg) bottom right no-repeat; } #columns ul.RobertGibbins { background: url(http://media.winnipegfreepress.com/images/68*85/GibbinsRoger1.jpg) bottom right no-repeat; } #columns ul.RobertMarshall { background: url(http://media.winnipegfreepress.com/images/97*85/bob_marshall.jpg) bottom right no-repeat; } #columns ul.SamuelSegev { background: url(http://media.winnipegfreepress.com/images/101*85/samuel-segev.jpg) bottom right no-repeat; } #columns ul.ShamonaHarnett { background: url(http://media.winnipegfreepress.com/images/77*85/shamona_harnett.jpg) bottom right no-repeat; } #columns ul.ShannonSampert { background: url(http://media.winnipegfreepress.com/images/80*85/sampertshannon.jpg) bottom right no-repeat; } #columns ul.ShaunaMacKinnon { background: url(http://media.winnipegfreepress.com/images/85*85/mackinnonshauna.jpg) bottom right no-repeat; } #columns ul.SidGreen { background: url(http://media.winnipegfreepress.com/images/64*85/greensid.jpg) bottom right no-repeat; } #columns ul.StaceyAbramson { background: url(http://media.winnipegfreepress.com/images/92*85/stacey_abramson.jpg) bottom right no-repeat; } #columns ul.TimCampbell { background: url(http://media.winnipegfreepress.com/images/87*85/Campbell-tim.jpg) bottom right no-repeat; } #columns ul.TomFord { background: url(http://media.winnipegfreepress.com/images/77*85/tom_ford.jpg) bottom right no-repeat; } #columns ul.TomOleson { background: url(http://media.winnipegfreepress.com/images/84*85/tom_oleson.jpg) bottom right no-repeat; } #columns ul.TrevorLautens { background: url(http://media.winnipegfreepress.com/images/73*85/trevor_lautens.jpg) bottom right no-repeat; } #columns ul.TrudyRubin { background: url(http://media.winnipegfreepress.com/images/99*85/trudy_rubin.jpg) bottom right no-repeat; } #columns ul.WilliamNeville { background: url(http://media.winnipegfreepress.com/images/90*85/william_neville1.jpg) bottom right no-repeat; } #blogs ul.TomCanada { background: url(http://media.winnipegfreepress.com/images/121*85/tom_canada.jpg) bottom right no-repeat; } #blogs ul.BrianHuycke { background: url(http://media.winnipegfreepress.com/images/92*85/brian_huycke.jpg) bottom right no-repeat; } #blogs ul.GabrielleGiroday, #columns ul.GabrielleGiroday { background: url(http://media.winnipegfreepress.com/images/84*85/gabrielle_giroday.jpg) bottom right no-repeat; } #blogs ul.MaxJohnson { background: url(http://media.winnipegfreepress.com/images/99*85/max_johnson.jpg) bottom right no-repeat; } #blogs ul.NickMartin { background: url(http://media.winnipegfreepress.com/images/104*85/nick_martin.jpg) bottom right no-repeat; } #blogs ul.MikeMcIntyre { background: url(http://media.winnipegfreepress.com/images/91*85/Mike-McIntyre-2.jpg) bottom right no-repeat; } #blogs ul.MiaRabson { background: url(http://media.winnipegfreepress.com/images/87*85/mia_rabson1.jpg) bottom right no-repeat; } #blogs ul.RochelleSquires { background: url(http://media.winnipegfreepress.com/images/66*85/rochelle_squires.jpg) bottom right no-repeat; } #blogs ul.MiltStegall { background: url(http://media.winnipegfreepress.com/images/125*85/milt_stegall.jpg) bottom right no-repeat; } #blogs ul.JamesTurner { background: url(http://media.winnipegfreepress.com/images/79*85/james_turner.jpg) bottom right no-repeat; } #blogs ul.Mary-AgnesWelch, #blogs ul.MaryAgnesWelch { background: url(http://media.winnipegfreepress.com/images/92*85/mary-agnes_welch.jpg) bottom right no-repeat; } #blogs ul.JohnWhite { background: url(http://media.winnipegfreepress.com/images/80*85/john_white.jpg) bottom right no-repeat; } #blogs ul.LindseyWiebe { background: url(http://media.winnipegfreepress.com/images/93*85/lindsey_wiebe_new.jpg) bottom right no-repeat; } #blogs ul.JulieCarl { background: url(http://media.winnipegfreepress.com/images/87*85/julie_carl.jpg) bottom right no-repeat; } #columns li.col_pic, #blogs li.col_pic { 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: 157px; } #columns li.col_head, #blogs li.col_head { float: left; position: relative; width: 85px; z-index: 8; } #blog_hdr { border-bottom: 1px #ccc solid; width: 450px; height: 91px; min-height: 91px; float: left; } html>body #middlecol div#blog_hdr{ height:auto } body#story #blog_hdr { border-bottom: 0; width: 450px; height: 91px; min-height: 91px; float: left; } html>body#story #middlecol div#blog_hdr{ height:auto } body#story #blog_hdr h3.top_head { width: 450px; } #most_popular { float: left; margin-top: 15px; width: 335px; } div#pop_box_nav { float: left; margin-top: 15px; } div#pop_box_nav ul li { list-style-type: none; margin-right: 2px; float: left; } div#pop_box_nav ul li.off { background: url(http://media.winnipegfreepress.com/designimages/tab_off_WFP.gif) top left repeat-x; cursor: pointer; padding: 5px; } div#pop_box_nav ul li.on { background: url(http://media.winnipegfreepress.com/designimages/tab_on_WFP.gif) top left repeat-x; cursor: pointer; padding: 5px; } div.pop_item { background: url(http://media.winnipegfreepress.com/designimages/viewed_bkgrd_WFP.gif) top left repeat-x; float: left; width: 336px; } div.pop_item ol { margin-left: 30px; float: left; padding-top: 10px; } ol#divMostCommented, ol#divMostEmailed { display: none; } ol#divMostViewed { display: inline; } #most_popular li { padding-bottom: 5px; font: 11px/13px georgia, times, serif; font-weight: bold; } #pop_box_nav { margin-top: 13px; } #pop_box_nav li#most_viewed { background: url(http://media.winnipegfreepress.com/designimages/tab_off_WFP.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 a:hover { float: left; list-style-type: none; font: 11px/12px arial, helvetica, sans-serif; font-weight: bold; } #pop_box_nav li#most_viewed_on { background: url(http://media.winnipegfreepress.com/designimages/tab_on_WFP.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 { background: url(http://media.winnipegfreepress.com/designimages/tab_off_WFP.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: url(http://media.winnipegfreepress.com/designimages/tab_on_WFP.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 { background: url(http://media.winnipegfreepress.com/designimages/tab_off_WFP.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: url(http://media.winnipegfreepress.com/designimages/tab_on_WFP.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; } #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 33px 0 16px; } /* --------------------------------------------------------------- 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; } /* --------------------------------------------------------------- Multimedia Plyer Styles ---------------------------------------------------------------- */ body#media #middlecol { padding-top: 0; } body#media #rightcol #bigbox { margin-top: 0; } #brightcove1 { background: url(http://media.winnipegfreepress.com/designimages/mediaslidebox_WFP.jpg) top left no-repeat; width: 303px; height: 273px; float: left; margin: 0; padding: 15px 16px 2px; } #brightcove2 { background: url(http://media.winnipegfreepress.com/designimages/mediaslidebox_WFP.jpg) top left no-repeat; width: 303px; height: 273px; float: left; margin: 15px 0 0 0; padding: 15px 16px 2px; } #brightcove1 #playerbox, #brightcove2 #playerbox { overflow: hidden; width: 300px; height: 273px; border: 1px #e4e4e4 solid; z-index: 10; } #brightcove1 #playerbox #offset, #brightcove2 #playerbox #offset { margin-top: -28px; } #brightcove_mc { float: left; background: url(http://media.winnipegfreepress.com/designimages/brightcove_mc_WFP.gif) top left no-repeat; width: 794px; height: 623px; padding-left: 5px; border-bottom: 1px #e4e4e4 solid; margin-bottom: 15px; } /* with Leaderboard */ /*#brightcove_mc { float: left; background: url(http://media.winnipegfreepress.com/designimages/brightcove_mc_WFP.gif) top left no-repeat; width: 794px; height: 494px; padding-left: 5px; border-bottom: 1px #e4e4e4 solid; margin-bottom: 15px; } */ /* without Leaderboard */ #brightcove_mc #playerbox { margin-top: -4px; } #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; } #greatest_mb { float: left; padding-bottom: 15px; } /* --------------------------------------------------------------- Privacy Styles ---------------------------------------------------------------- */ body#privacy #middlecol { padding-top: 0; } body#privacy #bigbox { margin-top: 0; } body#privacy h3 { padding-top: 10px; } /* Right Column Styles */ body#privacy #rightcol { background: #f9f9f9; border: 1px #e4e4e4 solid; width: 335px; float: right; padding-bottom: 100%; position: relative; z-index: 1; margin-bottom: 100%; } body#privacy #bigbox, body#privacy #google_box { border: 0; margin: 0; } body#privacy #topjobbox { margin: 3px 0 12px 17px; } body#privacy h2 { margin-bottom: 12px; } body#privacy h2.middle { margin-bottom: 10px; } /* --------------------------------------------------------------- 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; } /* --------------------------------------------------------------- PressCard Styles ---------------------------------------------------------------- */ body#presscard div.presscard_info { padding: 12px 0; } body#presscard div.presscard_info p { padding-bottom: 10px; } body#presscard div.presscard_info img { border: 1px #333 solid; } /* --------------------------------------------------------------- Main Slideshow Styles ---------------------------------------------------------------- */ div#slideshow { float: left; padding-bottom: 12px; margin: 2px 0 8px 0; width: 450px; border-bottom: 1px #ccc solid; } body#media div#slideshow { float: left; padding-bottom: 12px; margin: 10px 0 8px 0; width: 450px; border-bottom: 1px #ccc solid; } /* --------------------------------------------------------------- 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 #ccc solid; border-bottom: 1px #ccc solid; float: right; padding: 8px 0 8px 175px; margin-bottom: 12px; } ul.pagination2 { border-bottom: 1px #ccc solid; float: right; padding: 8px 0 8px 235px; margin: -12px 0 12px 0; } ul.pagination2_bottom { border-bottom: 1px #ccc solid; border-top: 1px #ccc solid; float: right; padding: 8px 0 8px 235px; margin-bottom: -12px 0 12px 0; } ul.pagination3 { border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; float: right; padding: 8px 0 8px 175px; margin-bottom: 12px; } ul.pagination3_bottom { border-bottom: 1px #ccc solid; float: right; padding: 0 0 8px 175px; margin-bottom: -24px 0 12px 0; } ul.pagination_extra { border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; float: right; padding: 8px 0 8px 16px; margin-bottom: 12px; } ul.pagination_columns_extra { border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; float: right; padding: 8px 0 8px 68px; margin-bottom: 12px; } ul.pagination_columns_extra_bottom2 { border-bottom: 1px #ccc solid; float: right; padding: 0 0 8px 68px; margin: -3px 0 12px 0; } ul.pagination_columns_extra_bottom { border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; float: right; padding: 8px 0 8px 68px; margin-bottom: 12px; } ul.pagination_columns_extra_top2 { border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; float: right; padding: 8px 0 8px 68px; margin-bottom: 12px; } ul.pagination_columns_extra_top { border-top: 0; border-bottom: 1px #ccc solid; float: right; padding: 8px 0 8px 68px; margin-bottom: 12px; margin-top: -10px; } ul.pagination_columns_extra2 { border-bottom: 1px #ccc solid; float: right; padding: 0 0 8px 68px; margin: -2px 0 12px 0; } ul.pagination_comments { float: right; padding-left: 175px; margin-bottom: 12px; } ul.pagination_comments_top { float: right; 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 #ccc solid; width: 450px; 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; } #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; } ul#columnists_lists { float: left; } /* --------------------------------------------------------------- Error Styles ---------------------------------------------------------------- */ 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 { margin-top: 12px; background: #f9f9f9; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; width: 100%; float: left; } ul#top_ads li { list-style-type: none; float: left; } ul#top_ads li#leaderboard { padding: 0 0 14px 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 } #leftcol #autos_button { margin-bottom: 13px; } #middlecol h3 { font: 15px/18px georgia, times, serif; font-weight: bold; padding-bottom: 4px; } #middlecol h3.new_top_head { font: 26px/28px georgia, times, serif; clear: both; padding-bottom: 10px; } #middlecol h4 { font: 11px/15px georgia, times, serif; font-weight: bold; } #middlecol p { padding-bottom: 8px; } #middlecol h3.slideshow_head { margin-top: 22px; padding: 0; float: left; font: 26px/28px georgia, times, serif; } #middlecol h3.tips { font: 15px/18px georgia, times, serif; font-weight: bold; padding-bottom: 8px; } #middlecol h3.tips2 { font: 15px/18px georgia, times, serif; font-weight: bold; padding: 15px 0 8px 0; } #middlecol .presscard_info { width: 797px; } /* Landing Pages Styles */ #archive_link_top { margin: 0; float: left; } body#landing_page #archive_link_top { margin-top: -12px; margin-bottom: 0; } body#landing_page .homepg_horizimg { margin-top: 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: 15px; } /* Business Landing Pages Styles */ body#landing_page #middlecol h3.title_grey { background: #f5f5f6; font-size: 16px; font-weight: bold; padding: 5px; text-transform: uppercase; float: left; clear: both; width: 440px; margin-bottom: 10px; } #middlecol h3.title_grey { background: #f5f5f6; font-size: 16px; font-weight: bold; padding: 5px; text-transform: uppercase; float: left; clear: both; width: 440px; margin-bottom: 10px; } body#search #middlecol h3.title_grey { margin-top: 15px; margin-bottom: 0; padding: 5px; } #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; } #stocktracker { float: left; margin-top: 15px; } #stock_tracker { float: right; width: 335px; } #main #stock_tracker h2 { width: 332px; } #stocktracker .more { float: right; width: 120px; padding-top: 5px; } #stocktracker form { float: left; width: 210px; } #stocktracker form li { list-style-type: none; padding-top: 10px; } #stocktracker form li input#stock_input { width: 45px; } #stocktracker h4 { float: left; padding-top: 10px; font: 11px/15px georgia, times, serif; font-weight: bold; width: 336px; } #stocktracker h3 { font: 15px/18px georgia, times, serif; font-weight: bold; padding: 10px 0 4px 0; float: left; width: 336px; } .tse_info, .tsx_info { float: left; width: 100%; } #stocktracker ol li { list-style-type: none; padding: 0 10px 4px 0; font: 12px/13px arial, helvetica, sans-serif; float: left; font-weight: bold; } 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; margin: 15px 0; border-bottom: 1px solid #ccc; float: left; } #middlecol ul#spec_cov li{ margin: 0; border-top: 1px solid #ccc; width: 445px; float: left; } #middlecol div.spec_cov_image { padding: 10px 20px; border: 0; width: 120px; float: left; } #middlecol div.spec_cov_text { padding: 10px 0; width: 250px; 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; } /*Stock Tracker Page*/ body#stocks #middlecol { width: 799px; } body#stocks #middlecol p { float: left; clear: both; width: 797px; } body#stocks .tse_info { float: left; width: 375px; padding: 5px 0 12px 0; } body#stocks .tsx_info { float: left; padding-bottom: 12px; width: 375px; } body#stocks .tse_info ol, body#stocks .tsx_info ol { float: left; } body#stocks .tse_info li, body#stocks .tsx_info li { float: left; list-style-type: none; font-weight: bold; padding-right: 5px; } body#stocks div#train_logo { float: right; } body#stocks #middlecol h3.title_grey { width: 788px; } body#sharing a { color: #296391; } table#stock_names, body#stocks #middlecol>table { float: left; width: 799px; } table#stock_names tr { padding: 5px 0; } table#stock_names tr.alt { background: #f5f5f6; } table#stock_names td { padding: 5px 3px; margin: 0; } body#privacy div#success h3, body#privacy div#error h3 { padding-top: 0; } body#privacy div#error { margin-top: 12px; width: 428px; } body#privacy #middlecol form { float: left; width: 450px; } /*Registration Pages*/ body#user_regist #middlecol { padding-top: 0; } body#user_regist #middlecol h2 { margin-bottom: 10px; } /* Comics page styles */ #comics_today { float: left; width: 450px; } #comics_today 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; } /*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; } #middlecol form#editors_bulletin li { float: left; width: 418px; } #middlecol form#editors_bulletin li.last { border-bottom: 0; } #middlecol form#editors_bulletin li label { width: 150px; float: left; } #middlecol form#editors_bulletin li label.answer { width: 25px; float: left; } #middlecol form#editors_bulletin li input { width: 245px; } #middlecol form#editors_bulletin li input.answer_box { width: 15px; margin-right: 40px; float: left; border: 0; } #middlecol form#editors_bulletin li.submit { border-bottom: 0; background: #f5f5f6; } #middlecol form#editors_bulletin li.submit input { float: right; } #middlecol form#editors_bulletin fieldset { margin-bottom: 0; } /*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; } span.bold { font-weight: bold; } /* --------------------------------------------------------------- Footer Styles ---------------------------------------------------------------- */ #footer { background: #333; color: #d6d6d6; width: 100%; height: 180px; clear: both; } #footer dl { padding-left: 10px; width: 988px; float: left; } #footer dl.first { padding: 20px 0 0 10px; border-top: 1px solid #fff; margin-top: 1px; 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: 958px; 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 { font-size: 11px; } #footer dd a { color: #d6d6d6; } #footer dd a:visited { color: #ccc; }