/* CSS Document 
	This is used for the new sports index layout.
*/

body{
	font-family:Arial, Helvetica, sans-serif;
}

.contentarea{
}

div#TopStories{
	padding-top:5px;
	background-color:#FF6666;
	border:2px solid #0000FF;
	width:560px;
}
#index_content{
	float:left;
	width:400px;
}
#index_content_left{
	margin-right:10px;
	margin-top:10px;
//	margin-top:30px;
}
#SectionTitle {
	margin:10px 0 0 0;
	width:560px;
}
.IndexLocalBlogs{
	margin-bottom:10px;
	padding-top: 8px;
}
.IndexLocalBlogs a#section_label{
	padding:0;
	margin:0;
}
.IndexLocalBlogs a.reddotlink{
	margin:0;
}
.SectionInnerColumn{
	float:left;
	width:200px;
	padding:0 5px 0 0;
}

/* Overwrite BlogBurst width style */
div#B7ntWqeQ19v4zEOoOxvNvg8Y, div#B8YNQF7miqtwExQMmYFwAAN{
	width:auto;
}

/* This is imported from the homepage3.css for the stylization of new top left box
================================================================================== */

.contentholder .contenttopstories{
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	display:block;
	margin:10px 5px 2px 0px;
	padding:5px;
	border:1px solid #ccc;
	width:550px;
	background-color:#ffffff;
	font-size:12px;

}

.topstoryhead{
	font-size: 18px;
	color:#336699;
	font-weight:bold;
	padding-bottom:5px;
	display:block;
}

	
.contentholder .contenttopstories .promo{
	/*background-image:url(http://media.suntimes.com/images/cds/promogray3_bg.gif);*/
	border-bottom:1px solid #ccc;
	display: block;
	background-color:#ddd;
	margin:-4px -3px 10px -3px;
	padding:2px 3px 2px 3px;;
	color:#000000;
	height:22px;
	overflow:hidden;
	font-family:arial,helvetica-san-serif;
	font-weight:bold;
	font-size:11px;
}
.contentholder .contenttopstories .promo a{
	display:inline;
	color:#000000;
	font-family:arial,helvetica-san-serif;
	font-weight:bold;
	font-size:11px;
}
.contentholder .contenttopstories .imgholder{
	display:block;
	float:left;
	margin:0px 18px 20px 0px;
	margin:0px 18px 0px 0px; /* not sure what all this affects, but removed bottom margin to tighten box */
	font-size:10px;
	width:271px;
}
.contentholder .contenttopstories .imgholder img{
	border:1px solid #000;
	width:270px;
}

.contentholder .contenttopstories .imgholder .MainCaption{
	font-size:10px;
	margin-bottom: 2px;
}

.contentholder .contenttopstories .main{
display:block;
float:left;
margin:0px 0px 0px 0px;
width:250px;
}

.contentholder .contenttopstories .main p{display:inline;}

.contentholder .contenttopstories .main .related{
display:block;
margin:6px 0px 0px 0px;
font-size:11px;
}
.contentholder .contenttopstories .additionalstories{
float:left;
display:block;
padding:5px 0px 5px 0px;
border-top:1px solid #ccc;
margin: 10px 0px 0px 0px;
width:540px;
}

.contentholder .contenttopstories .additionalstories .box{
float:left;
display:block;
width:170px;
margin:4px 5px 2px 4px;
font-size:11px;
font-weight:bold;
background-color:#ffffff;
}
* html .contentholder .contenttopstories .additionalstories .box{
width:165px;
}


.additionalstories .sechead{
	color:#990000;
	text-transform:uppercase;
	margin-bottom:2px;
	display:block;
}

.contentholder .contenttopstories .additionalstories .box img{
float:left;
margin:0px 2px 0px 1px;
/*width:75px;
height: 35px;*/
border:1px solid #000;
}