/*
This style sheet styles a story detail template
*/

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

.section_heading { font-size: 2em; text-align: center; }

#story_tools { float: right; }
#story_tools a {
	font: 9px Verdana,Arial,Helvetica,sans-serif;
}
#story_tools img { vertical-align: middle; }

/* the toolbar is for the ajax email a friend thing (or other, future tools) */
#toolbar { text-align: right; color: #444; }
#toolbar h3 { float: left; margin: 0 0 0 .5em; font: 11px arial black, arial, helvetica, sans-serif; text-transform: uppercase; }
#toolbar a { font: normal 10px arial, helvetica, verdana, sans-serif; margin-right: .5em; text-decoration: underline; color: #075099; }
#toolbox {
    display: none;
    position: absolute;
    left: 250px;
    border: 3px solid #666;
    background-color: #EEE;
    width: 380px;
    z-index: 100;
}
#tool { margin: .5em; }
#tool .label { width: 175px; font: 10px normal arial, helvetica, sans-serif; }

#captcha_invalid {
     color: red;
     font-weight: bold;
}
/* end toolbox/toolbar styles */


/* these styles are for the email form that pops up */
#instructions p { margin-bottom: 5px; font-size: .9em; }

.attn { color: red; }
.required { background-color: #FFF68F; }

.email { width: 350px; padding: 10px; padding-top: 0px; }
.email p { margin-bottom: 5px; font-size: .9em; }
.email .header img { float: right; }
.email input[type="text"], .email textarea { font-family: verdana,arial,helvetica,sans-serif; font-size: 14px; border: 1px solid #c0c0c0;}

.form_field { vertical-align: top; margin-bottom: 5px; }
.form_field label { display: block; font-size: .9em; }
.form_field label:after { content: ":"; }
.inline label { display: inline; }
#submit { margin-left: 40px; }

#success_message { }
#failed_message { color: #f00; }
#email_result_message ul { list-style-type: disc; list-style-position: inside; }
#email_result_message ul li { font-size: .9em; }
/* end email form styles */

#story_header { clear: both; margin-bottom: 10px; }
#story_header h1 { font: bold 23px Arial,Verdana,Helvetica; } /* headline */
#story_header h2 { font: 16px Arial,Helvetica,sans-serif; color: #333; padding-right: 370px; }
#story_header h3.overline {color:#666633; font-family:Arial,Helvetica,sans-serif; font-size:14px; } /*OVERLINE added by DH*/
#story_header h4 { font: italic 11px Verdana,Arial,Helvetica; }
#story_header h4.byline { }
#story_header h4.creditline {}
#story_header h4.date {
	color: #878787;
	font-size: 9px;
}

#story_header #story_details {
	border-top: 1px solid #004788;
	border-bottom: 1px solid #004788;
	padding: 7px 0;
	margin: 10px 0;
	overflow: hidden;
	width: 100%;
}

#story_body { font: 12px Verdana,Arial,Helvetica,sans-serif; }
#story_body p { margin-bottom: 10px; }
#story_body .dateline { display: inline; font-weight: bold; }
#story_body .dateline:after { content: " --"; }
#story_body h6 { font-size: .9em; font-weight: bold; } /* kicker & shirttail */

#story_bug { margin: 20px 10px; border-top: 4px solid black; border-bottom: 4px solid black; padding: 8px; font-size: 1.5em; width:48%;}
#story_assets {
    float: right;
    width: 300px;
    padding: 3px;
    text-align: center;
    font-size: .9em;
    margin-bottom: 10px;
    margin-left: 3px;
}

/* styles for assets on the story detail page */
.graphic, .mugshot, .logo, .image { font-size: 1em; margin-bottom: 5px; }
.graphic p, .mugshot p, .logo p, .image p { text-align: left; } /* caption */
.graphic h4, .mugshot h4, .logo h4, .image h4 { font-size: .8em; color: #666; } /* byline and/or creditline */

.thumbnail { float: left; margin-bottom: 5px; }

.doc { clear: both; text-align: left; vertical-align: top; }
.xls { clear: both; text-align: left; }
.rtf { clear: both; text-align: left; }
.pdf { clear: both; text-align: left; }

.story { clear: both; text-align: left; }
.link { clear: both; text-align: left; margin-bottom: 3px; }

.gallery { clear: both; text-align: left; }

.mp3 { clear: both; text-align: left; margin-bottom: 3px; }
.mp3 .button { float: left; margin-right: 3px; }
.mp3 h2 { font-size: .9em; font-weight: bold; display: inline; } /* headline */
.mp3 p { font-size: .9em; display: inline; } /* default caption */
.mp3 p:before { content: " -- "; }

.swf { clear: both; text-align: center; }
/* end styles for assets on the story detail page */

#story_ads {
	width: 300px;
	border: 1px solid black;
	background: url(http://media.keysnet.com/images/advertisement.gif) no-repeat top center;
	padding: 20px 10px 10px;
}

#story_ads_middle {
	position: relative;
}

#story_ads_middle #ad_header, #story_ads_middle #ad_header2 {
	position: absolute;
}

#story_ads_middle #ad_header {
	left: 0;
}

#story_ads_middle #ad_header2 {
	right: 0;
}
.story_ads_standalone {
	float: right;
	margin-left: 5px;
}