/*
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, .section_heading h1 { text-align: center; font-size: 1.5em; font-weight: normal;} /* page heading/section title */
.section_heading .myYahooButton { margin-top: 5px; }


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

/* story asset type styles */
.story { margin-bottom: 10px; clear: both; }
.story .headline { text-align: left; font-size: 1.3em; font-weight: bold; } /* headline */
.story h2 { font-size: 1em; } /* subheadline */
.story h3 { font-size: 1em; } /* overline */
.story h4.date { color: #666; font-size: .8em; margin-top: 5px; } /* dates */
.story h4.byline { font-size: .8em; }
.story h4.creditline { font-size: .8em; }
.story h6 { font-size: .8em; } /* kicker/shirttail */
.story p { margin-bottom: 10px; font-size: 1em; }
.story .dateline { font-size: .9em; font-weight: bold; }
.story .dateline:after { content: " --"; }

.story .image { 
    width: 200px;
    border: 1px solid black;
    padding: 3px;
    text-align: center;
    font-size: .8em;
    margin-bottom: 10px;  }
.story .image p { text-align: left; } /* caption */
.story .image h5 { font-size: .8em; color: #666; } /* byline and/or creditline */
/* end story asset type styles */

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

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