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

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

/* ---------------------------------------------------------------
	Typography Styles
---------------------------------------------------------------- */
#main h2 { width: 796px; }
#main h3 { padding-top: 15px; font: 26px/32px georgia, times, serif; color: #333; }
#main h4 { font: bold 15px/18px georgia, times, serif;  color: #333; }
#main h5 { font: bold 11px/15px georgia, times, serif;  color: #333; }

/* ---------------------------------------------------------------
	Content Styles
---------------------------------------------------------------- */
img.columnist { float: right; border: 0px solid #333; margin: -44px 0px 0px 5px;  }

#toptasks, #bottomtasks { margin-bottom: 10px; padding: 7px 0; border-top: #ccc 1px solid; border-bottom: #ccc 1px solid;  width: 450px; float: left; }
#toptasks ul, #bottomtasks ul { list-style-type: none; display: inline; padding-left: 8px; }
#toptasks ul li, #bottomtasks ul li { display: inline; font: 11px/12px arial, helvetica, sans-serif; font-weight: bold; text-transform: uppercase; }
#toptasks ul li.print, #bottomtasks ul li.print { background: url(/images/print.gif) top left no-repeat; padding: 0 60px 0 15px; }
#toptasks ul li.email, #bottomtasks ul li.email { background: url(/images/email.gif) top left no-repeat; padding: 0 60px 0 16px; }
#toptasks ul li.share, #bottomtasks ul li.share { background: url(/images/share.gif) top left no-repeat; padding-left: 19px; }
#toptasks ul li.text img { padding-right: 2px; }  

#article, .side_article { padding-top: 15px; }
#article p a, .side_article p a { text-decoration: underline; }
#article p, .side_article p, #exmiddle p, #article h4, .side_article h4, #exmiddle h4 { padding-bottom: 10px; }
.article_img { background-color: #eaeaea; padding: 10px; width: 145px; float: left; margin: 2px 10px 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;  background-color: #FFF;}
#article table { float: left; }

#iGraphic { margin-top: 120px; position: relative; z-index: 5; background-color: #FFF; }

#slide { background: url(/images/mediaslidebox.jpg) top left no-repeat #FFF; width: 337px; height: 185px; float: left; margin: -1px 0 0 -1px; clear: both; border-bottom: 1px #e4e4e4 solid; }
#scroll_left { padding: 75px 0 0 8px; float: left; position: relative; cursor: pointer; }
#scroll_right { float: right; margin-top: -86px; padding-right: 8px; position: relative; cursor: pointer; }

#sliderdiv { width: 260px; padding: 30px 0 0 16px; overflow: hidden; position: relative; }
#sliderdiv ol { margin-left: -22px; width: 2000px; position: relative; }
#sliderdiv li { list-style-type: none; }
#sliderdiv ol li { display:inline; float: none; }
#sliderdiv ul { padding-left: 21px; width: 117px; float: left; }

#sliderdiv ol li ul li { display: inline; margin: 0; }
#sliderdiv ol li ul li.video { background:url(/images/video_grey.gif) top left no-repeat; padding-left: 16px; }
#sliderdiv ol li ul li.slideshow { background:url(/images/photo_grey.gif) top left no-repeat; padding-left: 16px; }
#sliderdiv ol li ul li.vert_line { padding: 0 2px; width: 4px; }
#sliderdiv ol li ul li img { border: #333 1px solid; margin-bottom: 4px; }

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

#rightcol { background-color: #f9f9f9; border: 1px #e4e4e4 solid; width: 335px; float: right; height: 1843px; margin-top: 15px;  position: relative; z-index: 0; }
#bigbox, #google_box { padding: 3px 18px 18px 18px; float: left; }

#flashcontent1 { width: 300px; height: 280px; background-color: #f9f9f9; }

#topjobbox { margin-left: 18px; width: 298px; }

#articleextras #flashcontent1 { margin-left: -40px; }

#articleextras { margin-left: -1px; position: relative; z-index: 2; }
#articleextras ol { list-style-type: none; padding: 0 8px; }
#extop { background: url(/images/extop.gif) top left no-repeat; width: 234px; height: 12px; float: left; }
#exbottom { margin-left: -1px; position: relative; z-index: 2; background: url(/images/exbottom.gif) top left no-repeat; width: 234px; height: 42px; float: left; }

#exmiddle  { background: url(/images/exmiddle.gif) top left repeat-y; width: 234px; padding: 7px 0; float: left; }
#exmiddle li.video { font: 11px/12px arial, helvetica, sans-serif; font-weight: bold; text-transform: uppercase; background: url(/images/video.gif) top left no-repeat; display: block; padding-left: 20px; }
#exmiddle li.photo { font: 11px/12px arial, helvetica, sans-serif; font-weight: bold; text-transform: uppercase; background: url(/images/photo.gif) top left no-repeat; display: block; padding-left: 20px; }
#exmiddle li.related { font: 11px/12px arial, helvetica, sans-serif; font-weight: bold; text-transform: uppercase; background: url(/images/related.gif) top left no-repeat; display: block; padding-left: 20px; }
#exmiddle li.items { padding: 7px 0 0 20px; display: block; } 
#exmiddle ul { font: 11px/12px arial, helvetica, sans-serif; }
#exmiddle ol.item { padding: 15px 0; border-bottom: #e4e4e4 1px solid; }
#exmiddle ul li.add { padding-top: 5px; }
#exmiddle ol.item_first { padding: 15px 0; border-top: #e4e4e4 1px solid; border-bottom: #e4e4e4 1px solid; }	
#exmiddle ol#allextras { margin: 0 18px; padding: 0; border-top: #e4e4e4 1px solid; }