/*
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 { margin-bottom: 10px; }
#story_tools a { margin-right: 10px; }
#story_tools #story_link_print { float: left; margin-bottom: 3px; }
#story_tools #story_link_email { float: left; margin-bottom: 3px; }
#story_tools #addthis { clear: both; float: left; }
#story_tools #story_link_aim { float: 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 */


/* 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; }
/* end toolbox/toolbar styles */

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

#story_header { clear: both; margin-bottom: 10px; }
#story_header h3 { font-size: 1.3em; } /* overline */
#story_header h1 { font-size: 1.7em; text-align: left; } /* headline */
#story_header h2 { font-size: 1.3em; text-align: left; } /* underline */
#story_header h4 { font-size: 1em; }
#story_header h4.copyright {}
#story_header h4.byline {}
#story_header h4.creditline {}
#story_header h4.date { color: #666; font-size: .8em; margin-top: 5px; } /* published/modified/whatever else date */
#story_header h5 {} /* unassigned */

#story_body { }
#story_body p { margin-bottom: 10px; font-size: 1em; }
#story_body .dateline { display: inline; font-size: 1em; font-weight: bold; } /* dateline, this is 1em, same text size as the story body, since dateline is inside the body */
#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: 220px;
    border: 1px solid black;
    padding: 3px;
    text-align: center;
    font-size: .9em;
    margin-bottom: 10px;
    margin-left: 3px;
}

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

.thumbnail { width: 53px; height: 53px; 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; }

.pop_up_movie { display:none; }

@import url("/static/styles/mi/survey.css");
/* end styles for assets on the story detail page */