.story_body {display:block; line-height:16px;}
.story h2 {font-size: 14px;}
.story h4 {font-size: 12px; color: #666; display:inline; float: left; margin-right: 5px;}


/* ------- MI STORY SHARED STORY STYLES -----*/
/*
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 DETAILS ----*/

#story-tools {
	border: 1px solid #ccc;
	padding: 15px;
	margin-top:20px;
	}
#story_tools h4 { font-size:14px; color:#a20a08; border-bottom:solid 1px #ccc; margin-top:10px; text-align:left;}
#story_tools td {padding-right:10px;}
#story_tools img {padding:0 3px;}
#story_tools #addthis {background-color:#e4e8ec; padding:3px 60px; text-align:center;}

#story_body p{margin:10px 0;
	line-height: 16px;
	}
#story_tools { margin-bottom: 10px;	}
#story_tools a { margin: 3px; text-align:left; display:block;}
#story_tools #tools1{ float:left; width:150px;}
#story_tools #tools2 { float:left;}
#story_tools #addthis { clear:both;}
#story_tools #story_link_aim { float: left; text-align:left; }

/* 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 */



/* advertising styles */
/* this position is just under the assets box */
.ntl3_additional { float: right; clear: right; }
/* end advertising styles */

#story_header { clear: both; }
#story_header .headline {font-size: 18px;}
#story_header h3 { font-size: 1.3em; font-color:#666;} /* overline */
#story_header h1 { font-size: 18pt; line-height:20pt; text-align: left; } /* headline */
#story_header h2 { font-size: 1.3em; text-align: left; } /* underline */
#story_header h4 { font-size: 1em; display:block;}
#story_header h4.copyright {}
#story_header h4.byline {float:left; margin:5px 10px 0 0 ;}
#story_header h4.creditline {float:left; margin:5px 0;}
#story_header h4.date { color: #666; font-size: 1em; margin: 5px 0;} /* published/modified/whatever else date */
#story_header h5 {} /* unassigned */


#story_bug { margin: 20px 10px; border-top: 4px solid black; border-bottom: 4px solid black; padding: 8px; font-size: 1.5em; width:48%;}

/* styles for the comment widget */
#comment_tabs {
    bottom-margin: 0;
    margin-right: 2px;
    padding: 0;
    float: left;
    position: relative;
    cursor: pointer; 
    cursor: hand;
}
#comment_tabs div {
    font-weight: bold;
    margin-top: 10px;
    padding: 5px 10px 5px 10px;
    float: left;
    width: 125px;
    text-align: center;
}
#commentTab { background-color: #b5c6b5; margin-left: 20px; }
#addCommentTab { background-color: #c3d9ff; margin-left: 2px; }
#disclaimerTab { background-color: #ff8; margin-left: 2px; }

#comments_form { background-color: #c3d9ff; padding: 10px; clear: both; margin-bottom: 10px; }

#comments_disclaimer {
    background-color: #ff8;
    margin-top: 0px;
    margin-bottom: 10px;
    position: relative;
    padding: 10px;
    padding-bottom: 5px;
    clear: both;
}
#comments_disclaimer p { margin-bottom: 10px; }

.vform {
    position: absolute;
    left: 50px;
    background-color: #ff8;
    max-width: 400px;
    display: none;
    padding: 6px;
}
.violationForm { text-align: center; }
.close { text-align: right; cursor: pointer; }i

#comments_listing {
    background-color: #b5c6b5;
    margin-top: 0px;
    margin-bottom: 10px;
    position: relative;
    clear: both;
    padding: 10px;
    margin-bottom: 10px;
}
#comment_list ul { list-style-type: disc; }
#comment_list li {
    padding: 0px;
    padding-left: 5px;
    padding-bottom: 3px;
    margin: 5px;
}
.flag img {
    border: none;
    width: 16px;
    height: 16px;
}
/* end styles for the comment widget */

/* 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 */

#story_thumb {
	text-align:center;
	}
#more_images {float:left; width:100px; height:100px; margin:2px; padding:5px; background-color:#e4e8ec;}

.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 { width:300px;
background:#ccc;
	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; }

@import url("/static/styles/mi/survey.css");
/* end styles for assets on the story detail page */
#story_tools ul a, #story_tools li {
	display: inline;
}
#story_tools ul {
	padding: 5px 0;
}