#main { float: left; width: 615px; margin: 20px 0 0 0; }
#sidebar { float: right; width: 300px; margin: 20px 0; }
p.blurb { clear: both; }

#main .section_header { border-bottom: 1px solid #cccccc; margin: 0 0 10px; }
#main h2, #main h2 a { 
	font-size: 24px; 
	font-weight: bold; 
	margin: 0 0 5px;
	float: left;
	color: #333333;
	text-decoration: none;
	}
	
#main a.section_rss { text-indent: -9999px; 
	background: url(../images/rss_sprite.png) top left no-repeat;
	margin: 0 2px 0 0; 
	width: 20px; 
	height: 20px; 
	display: block;
	float: right;
	}
#main a.section_rss:hover { background-position: 0 -20px; }

.section_box { position: relative; border: 1px solid #cccccc; padding: 0; margin: 0 0 20px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: 613px; }
.section_box h5 { font-size: 18px; line-height: 22px; color: #ffffff; background: url(../images/sfron_header_gradient.png) top left repeat-x; padding: 0 10px; height: 24px; font-weight: bold; }
.section_box .more_headlines { width: 300px; clear: left;  }
.section_box h6 { color: #ffffff; font-weight: normal; font-size: 14px; line-height: 20px; background: #999999; margin: 0 5px; padding: 0 10px; height: 20px; width: 280px; }

.top_story_lead_photo { float: right; margin: 10px 10px 10px 0; width: 237px;  }
.top_story_lead_photo a img { border: 1px solid #cccccc; }
.top_story_lead_photo .caption { font-size: 12px; line-height: 14px; }
.top_story_lead_photo .photographer { font-size: 10px; line-height: 14px; text-align: right; font-style: italic; display: block; }
.top_story_lead_photo .photographer a { text-decoration: none; }
.top_story_lead_photo .photographer a:hover { text-decoration: underline; }

.random_section_photo { width: 226px; border-left: 1px solid #cccccc; padding: 0 0 10px 10px; }

.story_detail { margin: 10px 0 20px 5px; width: 355px; float: left; }
.story_detail .lead_photo { display: none; }
.story_detail h3 { font-size: 18px; line-height: 20px; font-weight: bold; }
.story_detail h3 a { color: #333333; text-decoration: none; }
.story_detail h3 a:hover { text-decoration: underline; }
.story_detail h4 { font-size: 16px; line-height: 18px; color: #555555; }
.story_detail p.tease { font-size: 12px; line-height: 16px; color: #555555; }
.story_detail p.tease img { vertical-align: top; margin: 0 2px 0 0; }
.story_detail p.tease a { text-decoration: none; }
.story_detail p.tease a:hover { text-decoration: underline; }
.story_detail .story_meta { font-size: 10px; line-height: 16px; }

.more_headlines { margin: 0 0 10px 0; }
.more_headlines ul { margin: 2px 0 0 20px; color: #555555; }
.more_headlines ul li { font-size: 12px; line-height: 18px; text-indent: -5px; }
.more_headlines ul li a { color: #555555; text-decoration: none; }
.more_headlines ul li a:hover { text-decoration: underline; }
.more_headlines ul li > a.readmore { list-style: none; }
a.more_link { font-style: italic; text-decoration: none; font-size: 12px; margin: 0 0 0 5px }
a.more_link:hover { text-decoration: underline; }