/*
This style sheet styles a story detail template
*/
/*.section_heading { font-size: 2em; text-align: center; }*/

#story_tools { margin-bottom: 10px; }
#story_tools a { margin-right: 10px; }
#story_tools #story_link_reprint { float: left; }
#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_digg { clear: both; float: left; }
#story_tools #story_link_delicious { float: left; }
#story_tools #story_link_aim { float: left; }

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

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

.email { width: 350px; padding: 10px; }
.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; }

.email_msgbox_success { background: green; padding: 5px; font-size: 20px; width: auto; }
.email_msgbox_fail    { background: red;   padding: 5px; font-size: 20px; width: auto; }
/* 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 */


#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_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 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; }
/* end styles for assets on the story detail page */