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

	wfpAutos NEWS Style Sheet
	Authored by: 	Eric Bailey, eric.bailey@freepress.mb.ca
	Version:		March 25, 2008
	
---------------------------------------------------------------- */


/* ---------------------------------------------------------------
	Header Styles
---------------------------------------------------------------- */
div#search legend { margin: 0; padding: 10px 0 25px 0; font: 26px/30px georgia, times, serif; color: #333; }
div#search legend span, h2 span { color: #821429; }
h2.big { font: 24px/26px Arial, Helvetica, sans-serif; font-weight: bold; }
p.more_link { margin: 8px 0; font: 11px/11px arial, helvetica, sans-serif; text-align: right; }
h2 { margin: 0; padding-top: 5px; font: 20px/26px Georgia, "Times New Roman", Times, serif; }

/* ---------------------------------------------------------------
	Content Styles
---------------------------------------------------------------- */
div#content { padding: 0; margin: 0; width: 993px; float: left; }
div#left { padding: 0 20px; width: 600px; float: left; }
div#right { padding: 0; width: 336px; float: left; }


div#reno_articles { padding-right: 18px; width: 335px; float: left; }
div#newhome_articles, div#resalehome_articles { width: 335px; float: left; }
div#newhome_articles { padding: 20px 0; }
div#full_news { width: 100%; float: left; }
div#full_news ul li { margin-top: 10px; padding-top: 10px; border-top: 1px solid #e0e0e0; width: 100%; list-style-type: none; float: left;}
div#search_results { width: 100%; float: left; }
div#search_results p { margin: 0; padding-top: 5px; }
div#search_results p.date { color: #808080; font-size: 11px; }

div#search_results ul li { margin: 0 0 5px 0; padding-bottom: 10px; border-bottom: 1px solid #e4e4e4; width: 100%; list-style-type: none; float: left; }

div#auto_news ul li { width: 440px; }
div#full_news ul li h4 { margin-bottom: 2px; font-size: 14px; }
div#search_results ul li h4 { padding: 0; font: 18px/24px Georgia, "Times New Roman", Times, serif;  }
div#search_results ul li h5 { font-size: 12px; }
div#search_results ul li img { float: left; margin: 5px 10px 10px 0; border: 1px solid #ccc; }
div#full_news ul li p { margin: 0; }
div#full_news ul p.byline { font-size: 11px; color: #808080; }
div#full_news ul p.byline span { font-weight: bold; }

div#search { margin-bottom: 20px; background: url(../images/news_search_bg.jpg) top left no-repeat; width: 336px; height: 119px; float: left; }
div#search form { padding: 0 0 10px 17px; }

div#search li { padding-bottom: 2px; width: 310px; list-style-type: none; float: left; }
div#search li label { padding-top: 2px; width: 132px; display: block; float: left; }
div#search li input#keywords { margin-right: 10px; width: 220px; }
div#search li span { padding: 0 5px; }
div#search h2 { padding-left: 30px; }
div#search ul#browse_list { margin-bottom: 20px; padding-left: 30px; width: 230px; float: left; }
div#search ul#browse_list li { padding: 0 10px 10px 5px; width: 100px; font-weight: bold; font-size: 14px; float: left; }
div#search div { border: 0; }
div#search_img { padding-top: 10px; }

div#search_results ul.pagination { margin-bottom: 5px; padding: 5px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; width: 100%; float: left; }
div#search_results ul.pagination li { margin-bottom: 0; padding: 0 5px; font-weight: bold; list-style-type: none; border: none; width: auto; float: left; }
div#search_results ul.pagination li.current_page { margin-top: -1px; border: 1px solid #a0a0a0; }


div#feature_story { padding: 10px; background-color: #eaeaea; width: 315px; }
div#feature_story h3 { font: 26px/30px Georgia, Times, serif; }
div#feature_story h4 { font: 14px/20px Georgia, Times, serif; font-weight: bold; }
div#feature_story img { border: 1px solid #000; }
div#feature_story p { margin: 3px 0; }
div#feature_story p.enlarge { padding-right: 10px; background: url(../images/enlargeicon.gif) top right no-repeat; font: 10px/11px arial,helvetica,sans-serif; text-align: right; }

p.section_link { margin: 0; padding: 5px 5px 0 0; width: 170px; text-align: right; float: right; }

div#featured_news { width: 600px; float: left; }
.ui-tabs .ui-tabs-hide { display: none; }
div#featured_news h1, div#new_homes_news h1, div#resale_homes_news h1 { width: 390px; float: left;}
div#featured_news div#featured_news_container { width: 600px; height: 224px; border-top: 1px solid #ccc; float: left; }

div#featured_news div.feature_story { padding: 12px 0 10px; width: 600px; height: 238px; background: #fff; float: left; position: absolute; }
div#featured_news div.feature_story img, div.story img { margin: 0 15px 0 0; border: 1px solid #000; float: left; clear: both; }
div#featured_news div.feature_story h3 { font: 24px/28px Georgia, "Times New Roman", Times, serif; color: #585daa; font-weight: normal; }
div#featured_news div.feature_story h4 { padding-top: 5px; font: 16px/18px Georgia, "Times New Roman", Times, serif; color: #585daa; }

div#featured_news ul.feature_story_nav { float: right; position: relative; z-index: 5; }
div#featured_news ul.feature_story_nav li { padding-left: 5px; list-style-type: none; float: left; }
div#featured_news ul.feature_story_nav li a { padding: 5px 10px; border: 1px solid #90191d; color: #90191d; font-weight: bold; text-decoration: none; text-align: center; display: block; }
div#featured_news ul.feature_story_nav li a:hover { background-color: #a07f7c; }
div#featured_news ul.feature_story_nav li.ui-tabs-selected a { background-color: #90191d; color: #fff; }
div#featured_news div.ui-tabs-hide { display: none; }

div#new_homes_news { margin-top: 25px; width: 600px; background: url(../images/new_homes_bg.gif) bottom left no-repeat; float: left; }
div#new_homes_news div#new_homes_head { padding: 5px 5px 0; width: 590px; height: 46px; background: url(../images/new_homes_head_bg.jpg) top left no-repeat; float: left; }
div#resale_homes_news { width: 600px; border-bottom: 1px solid #ccc; float: left;}
div#resale_homes_head { padding: 5px 5px 0; width: 590px; height: 46px; float: left; }
div.story { padding-top: 10px; border-top: 1px solid #e4e4e4; width: 600px; float: left; }
div.story p { margin: 0; padding: 5px 0 10px; }


div#featured { margin: 20px 17px 0 0; padding-bottom: 30px; background: url(../images/news_featured_bottom.gif) bottom left no-repeat; width: 158px; }
div#featured h2 { margin: 0; padding: 10px 35px 0 12px; background: url(../images/news_featured_top.gif) top left no-repeat; }
div#featured ul#featured_container { width: 156px; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; background-color: #f9f9f9; }
div#featured ul#featured_container li { margin: 0; border: none; }




/* Story page styles */



#left h3 { font: 26px/28px Georgia, Times, serif; }
#left h4 { color: #333; font: 15px/18px Georgia, Times, serif; font-weight: bold; }

#left #bylines { padding: 10px 0; }
#left #bylines p { margin: 0; }
#left p.byline { font: 11px/12px arial, helvetica, sans-serif; }
#left p.byline span { font-weight: bold; }



div.tasks { margin-bottom: 10px; padding: 7px 0; border-top: #ccc 1px solid; border-bottom: #ccc 1px solid; width: 600px; float: left; }
div.tasks ul { list-style-type: none; display: inline; padding-left: 8px; }
div.tasks ul li { display: inline; font: 11px/12px arial, helvetica, sans-serif; font-weight: bold; text-transform: uppercase; }
div.tasks ul li.print { background: url(/images/print.gif) top left no-repeat; padding: 2px 40px 1px 20px; }
div.tasks ul li.email { background: url(/images/email.gif) top left no-repeat; padding: 2px 40px 1px 20px; }
div.tasks ul li.video { background: url(/images/video_icon.gif) top left no-repeat; padding: 2px 40px 1px 22px; }
div.tasks ul li.share { padding: 0; }
div.tasks ul li.text img { padding-right: 2px; }

#article p { margin: 0; }
.side_article { padding-top: 15px; }
#article p a, .side_article p a { text-decoration: underline; }
#article p, .side_article p, #article h4, .side_article h4 { padding-bottom: 10px; }
.article_img { background-color: #eaeaea; padding: 10px; width: 200px; float: left; margin: 2px 15px 15px 0; clear: both; }
.article_img .captioninfo { padding-top: 2px; }
.article_img img { border: #333 1px solid; }
.article_img p.enlarge img { border: 0; }
.article_img p { font: 10px/11px arial, helvetica, sans-serif; }
#article .article_img p { padding: 0; text-align: left; }
#article .article_img p.enlarge { text-align: right; padding: 2px 0 4px 0; clear: both; }
#article #flashcontent1 { padding: 10px 50px; clear: both;  width: 320px; height: 290px; }
#article table { float: left; }

#backlinks { padding: 15px 0; font-weight: bold; float: left; }
#backlinks ol { list-style-type: none; }	
#backlinks ol li { padding-bottom: 2px; }

div#skyscraper { margin: 20px 0 0 0; }
div#bigbox { padding: 5px 16px 15px 17px; background: #F9F9F9; border: 1px solid #E4E4E4; width: 300px; float: left; }