/* ---------------------------------------------------------------

	Winnipeg Free Press LIVE Style Sheet
	Authored by: 	Mark Lowe, mark.lowe@freepress.mb.ca
					Amy Wor, amy.wor@freepress.mb.ca
	Version:		Apr. 2, 2008
	
---------------------------------------------------------------- */


/* ---------------------------------------------------------------
	Global/Container Styles
---------------------------------------------------------------- */
/*body { background: #ccc url(/images/bg.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; }

/* ---------------------------------------------------------------
	Accessibility Styles
---------------------------------------------------------------- */
dl#accessibility { display: none; }
dl#access { display: none; }

/* ---------------------------------------------------------------
	Typography Styles
---------------------------------------------------------------- */
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; }

#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;}
#leftcol dl#blogs dd h4 {  padding-top: 5px;font-size: 12px; }
#leftcol dl#blogs dd p { font-weight: normal; }

p.more { padding-top: 3px;  font: bold 10px/12px arial, helvetica, sans-serif; text-align: right; clear: both; }
p.center { text-align: center; }

/* ---------------------------------------------------------------
	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: 79px;}
#header li { list-style-type: none; float: left; }
#header li#logo { width: 470px; }
h1 { padding-left: 20px; width: 463px; height: 68px; }
h1 a { font-size: 0; color: #fff; width: 430px; height: 48px; display: block; cursor: pointer; }
h1 span { background: #fff url(/images/winnipegfreepress.gif) top left no-repeat; width: 430px; height: 48px; position: absolute; }

#utility_nav { float: left; padding: 3px 0 36px 12px; font: bold 10px verdana, arial, helvetica, sans-serif; line-height: 13px; clear: both; width: 800px; }
#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: 3px 12px 0 0; float: right; font: bold 10px verdana, arial, helvetica, sans-serif; line-height: 13px; }
#utility_nav2 li { padding-right: 5px; border-right: 1px solid #8b8b8b; margin-right: 5px; list-style-type: none; float: left; }
#utility_nav2 li.last { padding: 0; border: 0; margin: 0; }

#weather { padding-top: 20px; width: 285px; }
#weather_cloudy { background: #fff url(/images/weather/cloudy.jpg) top left no-repeat; height: 59px; width: 285px; }
#weather_cloudy dt { display: none; }
#weather_location { float: left; }
#weather_location, #weather_temperature { padding-top: 15px; }
#weather_location h4 a { font: 17px/22px georgia, serif; color: #296391; font-weight: bold; } 
#weather_location p a { font: 10px/10px arial, sans-serif; color: #296391; font-weight: bold; }
#weather_location p { margin: 0; }
#weather_temperature { float: left; padding-left: 16px; }
#weather_temperature span.words { float: left; font: 10px/10px arial, sans-serif; color: #333; font-weight: bold; width: 140px; display: none; }
#weather_temperature span.temp { width: 50px; font: 18px/24px arial, sans-serif; color: #333; display: none; }

#search_login { padding: 4px 0 15px 0; font-size: 11px; font-weight: bold; line-height: 13px; width: 223px; float: right; }
#search_login fieldset{ padding: 0; border: 0; margin: 0; clear: both; }
#search_login legend { padding: 0; color: #232020; }
#search_login li { padding-right: 5px; }
#search_login input#search_submit { width: 45px; }

/* ---------------------------------------------------------------
Navigation Styles
---------------------------------------------------------------- */

dl#snav { border-bottom: 25px solid #333; margin: 0pt 13px; background: #e1e1e1; width: 972px; height: 25px; }
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_news { padding-left: 9px; margin-left: 0;}
dl#snav dd#nav_classifieds { padding-right: 9px;  margin-right: 123px;}
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: 3px; }

dl#snav dd ul { padding-top: 8px; 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; }

#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; }

/* ---------------------------------------------------------------
	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; }
#poll fieldset { border: 0; }
#poll legend { font: 18px/24px geogia, times, serif; color: #333; font-weight: bold; border-bottom: #296391 1px solid; padding: 2px 50px 5px 50px; margin-bottom: 5px; }
#poll p { font-weight: bold; padding-bottom: 5px; }
#poll p.last { padding-bottom: 0; }
#poll input#action { background: url(/images/vote_off.jpg) top left no-repeat; width: 90px; height: 40px; border: 0; margin-top: 9px; padding: 0; text-indent: -9999px; display: block; cursor: pointer; }
#poll input#action:hover { background: url(/images/vote_over.jpg) top left no-repeat; width: 90px; height: 40px; border: 0;  margin-top: 9px; padding: 0; text-indent: -9999px; display: block; cursor: pointer; }

#main { width: 799px; float: left; padding: 0 0 50px 13px; }

#middlecol { width: 450px; float: left; }
#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; }

#mediabox { float: left; font-weight: bold; font: 10.5px/12px arial, helvetica, sans-serif; width: 100%; }
#mediabox h2 { height: 18px; }
#mediabox span.link { font: bold 10px verdana, arial, helvetica, sans-serif; text-transform: capitalize; padding-left: 107px; }

/* admin login */
div#middle { padding: 20px 13px 50px 13px; width: 972px; float: left; } 
div#middle h2 { width: 969px; }
div#middle ul#project_list li { margin-left: 20px; padding-top: 10px; font-size: 14px; }
div#middle div#post_form { margin: 20px 0 100px; width: 400px; float: left; }
div#middle div#post_form fieldset { margin: 0; padding: 0; border: 1px solid #ccc; }
div#middle div#post_form fieldset legend { font-size: 14px; font-weight: bold; }
div#middle div#post_form li { padding:15px 20px; list-style-type:none; border-bottom:1px dashed #E1E1E1; height:30px; width:358px; float:left; }
div#middle div#post_form li.border_none { border: none; }
div#middle div#post_form li label { padding-top:10px; width:125px; float:left; } 
div#middle div#post_form li input { padding: 8px 0 5px 5px; border: 1px solid #7f9db9; background-color: #fff; font-size: 14px; color: #666; width: 205px; height: 16px; }
div#middle div#post_form li input:focus { border: 1px solid #296391; background-color: #f1efef; color: #000; }
div#middle div#post_form li input:hover { background-color: #f1efef; }
div#middle div#post_form li#submit_list { border-top: 1px #ccc solid; background: #f5f5f6; border-bottom: 0; }
div#middle div#post_form li#submit_list div#submit_button { float: right; margin-right: 22px; width: 150px; }
div#middle div#post_form li#submit_list div#submit_button input#submit { padding: 3px; width: 150px; height: auto; }

div#error { padding: 10px; border: 1px solid #ff0000; margin: 20px 20px 0 0; background: #ffffa0; }
div#error ul { margin-left: 15px; }
div#error ul li { padding: 2px 0; border-bottom: 0; list-style-type: disc; float: none; width: auto; height: auto; }
div#error p { margin: 0; padding: 0; } 
div#error span { font-weight: bold; color: #ff0000; }

div#success { padding: 10px; border: 1px solid #0dc13b; margin: 20px 20px 0 0; background: #ffffa0; }
div#success span { font-weight: bold; color: #0dc13b; }


/* ---------------------------------------------------------------
	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; }
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: #f9f9f9; padding: 7px 20px 20px 20px; border: #e4e4e4 1px solid; }
#skyscraper h6, #bigbox h6, #google_box h6 { font-size: 10px; color: #8b8b8b }

#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: 260px; margin-bottom: 16px; }

#leftcol #button_ad { margin-bottom: 5px; }

/* ---------------------------------------------------------------
	Footer Styles
---------------------------------------------------------------- */
#footer { background: #333; color: #d6d6d6; width: 100%; height: 180px; clear: both; }
#footer dl { padding-left: 10px; width: 989px; }
#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; }