/*
this style sheet is intended for use by section front templates
this includes styles for story stacks, and other highlights
*/

/* import other style sheets */
@import url("/static/styles/mi/survey.css");
/* end import other style sheets */

.section_heading { text-align: center; font-size: 2em; } /* page heading/section title */

/* asset groups styles */
.wide { clear: both; }
.left_half { width: 49%; float: left; }
.right_half { width: 49%; float: right; }
.span3 div { width: 33%; float: left; }
.span4 div { width: 25%; float: left; }
/* end asset group styles */

#section_content {
        width: 400px;
	float: left;
}

/* spill page navigation styles */
.spill_navigation { clear: both; }
.spill_navigation .previous { float: left; }
.spill_navigation .next { float: right; }
/* end spill page navigation styles */

/* story asset type styles */
.story { margin: 0 5px 10px 0; clear: left; }
.story .headline { text-align: left; font: bold 14px Arial,Verdana,Helvetica,sans-serif; } /* headline */
.story p.date { font-size: 9px; font-style: italic; } /* dates */
.story p { margin-bottom: 10px; font-size: 1em; }
.story p.summary { font: 11px Arial,Verdana,Helvetica,sans-serif;  }

.story .image, .top_stories .image { 
	width: 240px;
	border-bottom: 1px solid #999;
	padding: 3px;
	text-align: center;
	font-size: .8em;
	margin: 0 auto 10px;
}


.story .image {
	float: left;
	border-bottom: none;
	text-align: left;
        padding-right: 10px;
}

.story .image p, .top_stories .image p { /* caption */
	text-align: left;
	font-size: 9px;
}
/* comment out italic	font-style: italic;  /*

.story .image h5, .top_stories .image h5 { font-size: .8em; color: #666; } /* byline and/or creditline */
/* end story asset type styles */

/* more stories asset type styles */
.more_stories ul { list-style-type: none; }
.more_stories li { margin-bottom: 10px; clear: both; }
.more_stories .title { text-align: left; font-size: 1.5em; } /* stack title */

.more_stories .story .headline { text-align: left; font-size: 1.1em; font-weight: bold; } /* story headline */
.more_stories .story .dateline { font-size: .9em; font-weight: bold; }
.more_stories .story .dateline:after { content: " --"; }
.more_stories .story p { font-size: .9em; }
/* end more stories asset type styles */

/* top stories asset type styles */
.top_stories {
	clear: both;
	margin-bottom: 20px;
}
.top_stories ul { list-style-type: none; }
.top_stories .title {
	text-align: center;
	font: bold 18px Arial,Verdana,Helvetica,sans-serif;
	border-top: 1px solid #004788;
	border-bottom: 1px solid #004788;
	color: #004788;
        margin-bottom:5px;
}

.top_stories .title a { color: #004788; }

.top_stories .story .headline { text-align: left; font-size: 1.1em; font-weight: bold; } /* headline */
.top_stories .story .dateline { font-size: .9em; font-weight: bold; }
.top_stories .story .dateline:after { content: " --"; }
.top_stories .story p { font-size: .9em; }
.top_stories .more_heading {
	color: #004788;
	font: bold 14px Arial,Verdana,Helvetica,sans-serif;
	border-bottom: 1px solid #004788;
	margin-bottom: 5px;
	clear: both;
}
.top_stories ul {
	list-style-image: url(http://media.keynoter.com/images/keynoter/arrow_10w.gif);
	list-style-position: inside;
	margin-bottom: 7px;
}
.top_stories .all_link {
	font: bold 9px Verdana,Arial,Helvetica,sans-serif;
}

/* top_galleries asset type styles */
.top_galleries { clear: both; }
.top_galleries ul { list-style-type: none; margin-bottom: 7px; }
.top_galleries li { }
.top_galleries .title { text-align: left; font-size: 1.5em; margin-bottom: 3px; }
.top_galleries .gallery {
    margin: 0px;
    margin-bottom: 3px;
    border: 0px solid black;
    padding: 0px; 
    text-align: center;
    font-size: 1em; }
.top_galleries .gallery h2 { text-align: left; font-size: 1.1em; } /* headline */
.top_galleries .gallery h4 { font-size: .8em; color: #666; text-align: left; } /* date */
.top_galleries .gallery img { float: left; }

/* styles for the story preview box */
.story_headline_preview { display:block;clear:both; }
.miBling_story_preview_box {
    display:none;
    background-color: #fff;
    width: 300px;
    position: absolute;
    z-index:100;
    margin-top: 10px;
    margin-left: 20px;
    padding: 5px;
    border: 1px solid black; }
.miBling_story_preview_box .headline {font-size: 1em; font-weight: bold;}
.miBling_story_preview_box img { float: left; margin-right: 5px; margin-top: 3px; }
/* end styles for the story preview box */

/* end top stories asset type styles */

/* rich media styles */
.rich_media_summary { }
.rich_media_summary img { display: block }
.rich_media_summary div.headline { font-size: 1.1em; text-align: left; font-weight: bold; }
.rich_media_summary p.caption { font-size: .9em; }
.rich_media_summary p.rich_length { font-size: .9em; color: #666; }
/* end rich media styles */

/* top images asset type styles */
.top_images { clear: both; }
.top_images ul { list-style-type: none; }
.top_images li { margin-bottom: 10px; }
.top_images .title { text-align: left; font-size: 1.5em; } /* stack title */

.top_images .image h4 { text-align: left; font-size: .9em; font-weight: bold; } /* headline */
.top_images .image p { font-size: .8em; }
/* end top images asset type styles */

/* top cartoons asset type styles */
.top_cartoons { clear: both; }
.top_cartoons ul { list-style-type: none; }
.top_cartoons li { margin-bottom: 10px; }
.top_cartoons .title { text-align: left; font-size: 1.5em; } /* stack title */

.top_cartoons .image h4 { text-align: left; font-size: .9em; font-weight: bold; } /* headline */
.top_cartoons .image p { font-size: .8em; }
/* end top cartoons asset type styles */

/* top videos asset type styles, top video stacks use rich media styles for each asset */
.top_videos { clear: both; }
.top_videos ul { list-style-type: none; }
.top_videos li { margin-bottom: 10px; }
.top_videos .title { text-align: left; font-size: 1.5em; } /* stack title */

.top_videos .story .headline { text-align: left; font-size: 1.1em; font-weight: bold; } /* headline */
.top_videos .story .dateline { font-size: .9em; font-weight: bold; }
.top_videos .story .dateline:after { content: " --"; }
.top_videos .story p { font-size: .9em; }
/* end top videos asset type styles */

/* styles for other assets */
div.link {}
/* end styles for other assets */

/* new styles */
h3.overline {
color:#666666;
font-size:11px;
font-weight:bold;
}
/* new styles */