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

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


/* ---------------------------------------------------------------
	Global/Container Styles
---------------------------------------------------------------- */
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; }
body { background: #fafafa; color: #000; font: 12px/15px arial, helvetica, sans-serif; text-align: center; }
a { outline: none; color: #296391; text-decoration: none; font-weight: bold; }
a:visited { color: #562277; }
a:hover { text-decoration: underline; }
#wrapper { border-top: 8px solid #296391; width: 100%; }
#container { background: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin: 0 auto; width: 998px; }

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

/* ---------------------------------------------------------------
	Typography Styles
---------------------------------------------------------------- */
p.feature_head, h2 { padding: 8px 0 6px 0; background: #fff url(../img/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 #ecf2f6 solid; letter-spacing: 1px; margin-bottom: 12px; font-weight: bold; }
h1.artist_title { font: 32px/36px verdana, helvetica, serif; color: #333; margin-bottom: 10px; text-transform: uppercase; font-weight: bold; }
h2.title { background: none; font: 13px/15px arial, helvetica, sans-serif; text-transform: none; letter-spacing: 0; border-bottom: 0; padding: 0 0 10px 0; margin: 0; font-weight: bold; }
h3 { padding-bottom: 4px; font: 15px/18px georgia, times, serif; 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 dd#nav_autos a { color: #585daa; }
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;}
#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 { background: #fff url(/img/winnipegfreepress.gif); color: #fff; cursor: pointer; display: block; font-size: 0; height: 48px; width: 430px; }


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

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

/* Old weather icon display. Will be used again when we have a deal with Weather Network */
#weather_cloudy { background: #fff url(/img/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: 10px; }
#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; }
/* END old weather icon display */

#header li#search_login { 
	padding: 11px 12px 5px 487px; 
	font-size: 11px; 
	font-weight: bold; 
	line-height: 13px; 
	width: 500px; 
	float: right; 
	z-index: 15;
	position: absolute; }
#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: 0 13px; background: #e1e1e1; width: 972px; height: 27px; float: left; }
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: 121px;}
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: 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#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: 7px 0 5px 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: 7px 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; }

#breadcrumb { padding: 15px; font: 12px/15px arial, helvetica, sans-serif; color: #296391; float: left; }
#breadcrumb span.path { color: #000; font-weight: bold; }
#breadcrumb span.here { text-decoration: none; color: #000; }
#breadcrumb img { display: none; }

/* ---------------------------------------------------------------
	Content Styles
---------------------------------------------------------------- */
div#middle ol { padding-bottom: 10px; }
div#middle { float: left; width: 485px; padding-left: 13px; margin-bottom: 50px; }
body#hockey_contest div#middle { float: left; width: 793px; padding-left: 13px; margin-bottom: 50px; }
#content { float: left; width: 970px; padding: 0 0 0 15px; }
#leftcol { width: 160px; float: left; }
#leftcol ul { float: left; margin-bottom: 10px; }
#leftcol ul li { list-style-type: none; padding: 10px 0; width: 160px; text-indent: 10px; border-bottom: 1px solid #ECF2F6; background: #fafafa; font-weight: bold; }
#leftcol ul li.on { background: none; }
#rightcol { width: 300px; float: right; padding: 0; margin: 0; }

/* ---------------------------------------------------------------
	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: 7px 0 20px 0; width: 160px; border: none; }
#skyscraper h6, #bigbox h6, #google_box h6 { font-size: 10px; color: #8b8b8b; }

#bigbox, #google_box { float: left; margin-top: 15px; width: 300px; }

/* admin login */


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: 0 20px 20px 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: 0 20px 20px 0; background: #ffffa0; }
div#success span { font-weight: bold; color: #0dc13b; }

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