/* ******************************************
                                            
  TITLE:        NBC_STORY.CSS                
  LAST UPDATED: 10/28/09           
  VERSION:      2.10
  UPDATED BY:   Toby Spinks

  @release 2009-10-29 - spinks

******************************************** */

/* DROP SHADOW */

.img-shadow {
  float:left;
  background: url('http://media.nbcbayarea.com/designimages/drop_shadow.gif') no-repeat bottom right  !important;
}

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 2px solid #605c58;
  margin:0 3px 6px 0;
  padding: 0;
} 


/* STORY LAYOUT */

#article #body, #blog #body {
background:#FAFAFA url('http://media.nbcbayarea.com/designimages/bg_dsn_grey_dots_main.gif') repeat-y -19px 0;
}

#article #rightRail, #blog #rightRail {
float:left;
padding:5px 0 0 5px;
width:310px;
background-color:#fafafa;
margin-left:0;
}

#article #main, #blog #main {
float:left;
width:660px;
}

#storyDetailLeft {
float:left;
padding-right:9px;
*padding-right:9px;
width:436px;
margin-bottom:5px;
}

*html #storyDetailLeft {
 padding-right: 0px;
}

#storyDetailLeft #storyColumn {
float:left;
padding-left:7px;
}

#storyDetailLeft .story {
  padding:0 0 0 0;
}

#storyDetailRight {
	float:left;
	width:181px;
}

.storyBody {
	clear:left;
	float:left;
	margin: 10px 0;
	display:block;
	width:430px;
	font: 13px/16px normal, none, georgia;
	color:#666;
}

.storyBody ol, .storyBody ul, .storyBody li {margin: 0px 20px;padding: 0px;}

#storyEnd {
  float:left;
}

/* STORY STYLES */

#storyColumn .storyBody .copyright {
float:right;
color:#999;
font-weight:normal;
font-size:11px;
padding-top:5px;
width:100%;
text-align:right;
}

#storyColumn .storyBody .published {
float:right;
color:#999;
font-weight:normal;
font-size:11px;
clear:both;
width:100%;
text-align:right;
}

#storyColumn .timestamp {
  padding: 5px 0 10px;
}

#storyColumn h1.title {
  font-size:30px;
  line-height:34px;
  font-weight:normal;
  clear:left;
  }

.story img {border:none;}

.story p img {
border:1px solid #000000;
margin:5px;
}

.storyBody p {
  color:#555555;
  font: 13px/18px, normal, none, Georgia;
  padding:5px 0;
  }
  
.storyBody a {
  color:#006699;
  }
 
.storyBody a:hover {
  color:#006699;
  text-decoration:underline;
  }

#storyInfo {
  width:288px;
  float:left;
  margin-bottom:10px;
}


/* SPECIFIC STORY LAYOUT STYLES */

.storyBody ul li {
  font:13px/18px, normal, none, Georgia;
  list-style-type:disc;
}

.storyBody ol li {
  font:13px/18px, normal, none, Georgia;
  list-style-type:decimal;
}

.storyBody blockquote {
  font:13px/18px, normal, none, Georgia;
  margin:10px;
  padding-left:10px; 
  border-left: 1px solid #ccc; 
  color: #888;
  clear:left;
}

.storyBody .story .summary {
  font: 13px/18px, normal, none, Georgia;
  }

#storyColumn .title {
  -x-system-font:none;
  font-family:Georgia,serif;
  font-size:30px;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  display:block;
  color:#006699;
  padding:5px 0;
}

#storyColumn .subtitle {
  display:block;
  font-family:Georgia,serif;
  font-size:16px;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:18px;
  padding:5px 0;
  color:#666;
}

#storyColumn .author {
  color:#666;
  display:block;
  font-size:10px;
  padding:5px 0;
  }

#storyColumn .author a {
  text-decoration: none;
  text-transform: uppercase;
  color:#006699;
}

#storyColumn .author a:hover {
  text-decoration: underline;
}

#storyInfo .updated {
  font-size:9px;
  color:#898989;
}

/*buzz on article page*/

.yahoo_buzz {color:#777;
display:block;
float:left;
font-family:georgia;
font-size:10px;
font-weight:bold;
padding:1px 0 0 5px;
text-transform:capitalize;}
.yahoo_buzz a {text-decoration:none;color:#555;cursor:pointer;font-family:arial;font-size:9px;text-transform:uppercase;}
.yahoo_buzz a:hover {text-decoration:underline;}
.yahoo_buzz .yahooBuzzBadge-text span {padding-top:2px;line-height:17px;}
.yahoo_buzz .yahooBuzzBadge-text span span {background-position:0 2px;}

/*buzz on video page*/

#videoPlayerWrapper .yahoo_buzz {font-size:9px;}

/* STORY MEDIA */

#storyColumn #storyMedia1 {
  float:left;
  margin:10px 10px 10px 0;
  padding:0;
  width:215px;
  cursor:pointer;
}

.storyBody .image_embed .bordermask img {
  left:0;
  }


#storyColumn #storyMedia1 .image_embed .dropshadow {
  background:transparent url('http://media.nbcbayarea.com/designimages/dsn_dropShadow_216w.gif') no-repeat scroll 0 100%;
  float:left;
  height:121px;
  width:220px;
}

#storyColumn #storyMedia1 .image_embed .dropshadow .bordermask {
  border:1px solid #000000;
  height:119px;
  width:213px;
}

#storyColumn #storyMedia1 .image_embed .caption_background {
  background-color:#ECECEC;
  padding: 0 10px;
  width:195px;
}

#storyColumn #storyMedia1 .image_embed .caption_background .credit {
  width:200px;
  text-align:right;
  padding:0;
}

#storyMedia1_FullWidth .overlay_caption_text  {
  width:410px;
  text-align:right;
}

#storyMedia1_FullWidth img {
  margin-left:0;
}

#storyMedia1_FullWidth .bordermask img {
  left:0;
  }

#storyColumn #storyMedia1 .caption_background .image_caption {
  color:#777777;
  font-size:12px;
  line-height:14px;
}

#storyColumn .slideshow_embed #storyMedia1 .mediaLink {
  background: url('http://media.nbcbayarea.com/designimages/temp_ico_slideshow.gif') no-repeat 5px 0;
  display:block;
  height:18px;
  width:215px;
  float:left;
  margin:5px 0;
}

#storyColumn .video_embed #storyMedia1 .mediaLink {
  background: url('http://media.nbcbayarea.com/designimages/temp_ico_video.gif') no-repeat 5px 0;
  display:block;
  height:18px;
  width:215px;
  float:left;
  margin:5px 0;
}

/* FULL WIDTH IMAGE */

#storyMedia1_FullWidth {
  display:inline;
  float:left;
  overflow:hidden;
  padding:0;
  margin:0;
  vertical-align:middle;
  width:100%;
  height:100%;
}

#storyMedia1_FullWidth img {
border:1px solid #000;  
}

#storyColumn #storyMedia1_FullWidth .dropshadow {
  background:none;
  height:auto;
  width:auto;
}

#storyColumn #storyMedia1_FullWidth .dropshadow .bordermask {
height:auto;
width:auto;
border:none;
}

#storyMedia1_FullWidth #imgCaptionWrp_1 .caption_background {
width:100%;
}

.caption_background {
float:left;
font-size:10px;
text-align:left;
}

.storyColumn .image_credit {
font-size:10px;
padding-bottom:5px;
}

#storyColumn .image_caption {
font-size:11px;
line-height:14px;
}

#media {
clear:left;
float:left;
margin:20px 15px 10px 0;
}

#media .storyMediaPos {
float:left;
margin-right:10px;
width:119px;
}

/* STORY SHARE */

/* moment share */

#share_top, #share_bottom {
border:1px solid;
position:absolute;
width:235px;
}

.share_header h3 {
background:transparent url('http://media.nbcbayarea.com/designimages/hd_moment_share.gif') no-repeat 0 0;
display:block;
width:52px;
height:18px;
}

.share_header {
background-image:url('http://media.nbcbayarea.com/designimages/bg_moment_post.jpg');
background-position:0 0;
float:left;
height:25px;
padding:5px 0 0 1px;
width:234px;
}

.share_close {
cursor:pointer;
position:absolute;
right:3px;
top:4px;
}

#share_video_embed {position: absolute;z-index: 999;display: none;width:235px;border: 1px solid #171717;background: #171717;vertical-align:top;padding:5px;height:126px;}

#share_video_embed h3 {font-weight:normal;font-size:12px; padding:5px;color:#999;float:left;}

.share_header {background-color:#272727;float:left;width:100%;}

.share_close {float:right; cursor: pointer;}

a.share_close {width:25px; height:23px;background: transparent url(http://media.nbcbayarea.com/designimages/btn_close_dark_grey.gif) no-repeat 0 0; margin:3px;}
a.share_close:hover {background-position:0 -23px;}

.share_wrap {height:88px; padding:5px 0 0 10px;background-color:#ffffff;clear:both;width:225px;}
.share_left {width:102px; float:left;}
.share_right {width:102px; float:right;}
.sharelist {padding:5px 0;list-style:none;margin-left:0px;font-size:10px;clear:both;text-align:left;}
.buzz a {text-decoration:none; color:#262626;}
.buzz a:hover {text-decoration:underline; color:#262626;}

/* EMBEDDED MEDIA */

.storyBody .storyMediaPos {
float:left;
width:105px;
margin:10px;
cursor:pointer;
}

.storyBody .storyMediaPos2 {
float:left;
width:115px;
margin:10px 30px;
}

.storyBody .thumbnail_left {
float:left;
display:block;
}

.storyBody .thumbnail_left a {
display:block;
width:120px;
height:50px;
}

.storyBody #storyInline {
float:left;
}

.storyBody .mediaFull {
  width:430px;
  clear:left;
  overflow:hidden;
}

.storyBody .mediaLeft {
  clear:left;
  float:left;
  width:150px;
}

.storyBody .storyMediaPos .slideshow .imageThumb {
border:1px solid #000;
}

.storyBody .overlay_caption_text {
font-size:10px;
float:left;
line-height:14px;
color:#999;
}

.storyBody #storyInline div {
	cursor:pointer;
	}

#storyInline .gallery .mediaLink {
width:100%;
float:left;
padding:0 2px;
height:15px;
overflow:hidden;
}

#storyInline .video_release .mediaLink {
width:100%;
float:left;
padding:0 2px;
height:15px;
overflow:hidden;
}

#storyInline .image .mediaLink {
background:transparent url('http://media.nbcbayarea.com/designimages/temp_ico_slideshow.gif') no-repeat scroll 0 0;
background-position:0 2px;
float:left;
height:20px;
padding:0 2px;
width:100%;
}

/* drop shadow for lead image */

#storyColumn .image_embed .dropshadow {
  float: left;
  width: 119px;
  height: 90px;
  background: url('http://media.nbcbayarea.com/designimages/dsn_dropShadow_119w.gif') 0 100% no-repeat;
}

#storyColumn .image_embed .dropshadow .bordermask {
  border: 1px solid #000;
  width: 115px;
  height: 87px;
}

* html #storyColumn .image_embed .dropshadow .bordermask {
  width: 117px;
  height: 89px;
}

/* drop shadow for inline boxes */

#storyColumn #storyInline .dropshadow {
  float: left;
  width: 119px;
  height: 90px;
  background: url('http://media.nbcbayarea.com/designimages/dsn_dropShadow_119w.gif') 0 100% no-repeat;
}

#storyColumn #storyInline .dropshadow .bordermask {
  border: 1px solid #000;
  width: 115px;
  height: 88px;
}

* html #storyColumn #storyInline .dropshadow .bordermask {
  width: 117px;
  height: 89px;
}

/* CATEGORY / SECTIONS */

#storyDetailLeft .story .category {
  background:none;
  padding-left:0;
  margin-top:10px;
}

#article #storyColumn .category a {
  font-decoration:none;
  color:#000;
  float:left;
  display:block;
}

#article #storyColumn .category .pipe {
  background:transparent url('http://media.nbcbayarea.com/designimages/dsn_ln_black_9height.gif') no-repeat scroll 5px 2px;
  display:block;
  float:left;
  padding:0;
  width:10px;
}

/* VIDEO EMBED STYLES */

#playerDiv1 {
  background-color:#000000;
  width:416px;
  margin-bottom:10px;
}

#hp_video {
margin:0 10px 0 0;
width:auto;
height:320px;
}

#hp_video #playerDiv1 {
  width:300px;
  height:240px;
}

.storyBody .hp_full_width #playerDiv1 {
  height:234px;
}


/* Polls */


#storyInline .poll {
background-color:#EEEEEE;
padding:5px;
}


#storyInline .pollbug_wrapper h2 {
font-family:georgia;
font-size:22px;
line-height:24px;
}

#storyInline .pollbug_body ul li {
list-style-type:none;
margin:10px 0;
} 


#storyInline .pollbug_body ul, 
#storyInline .pollbug_body li {
margin:0;
}

#storyInline a.article_poll_thumb_wrp {
color:#666666;
font-size:13px;
}

.pollbug_wrapper li .vari_font_color {
color:#666666;
font-size:13px;
}

.storyBody .jqmnTitle{
margin:0;
padding: 7px 10px 0px 10px;
font-size:16px;
color:#fff;
}

.storyBody .jqmnTitle .poll_title {
color:#ffffff;
font-size:20px;
font-transformation: uppercase;
font-weight: normal;
}

.storyBody .poll .jqmNotice {
/* background: #ffffff url(http://media.nbcnewyork.com/designimages/bg_embed_poll_popBox.gif) repeat-x 0 0; */
width:463px;
height:auto;
border:5px solid #666666;
}

.poll #jqm_wrp_2 #jqm_cont_2 {
background: #ffffff;	
}	

#pollBug {
background-color:#FFFFFF;
overflow:hidden;
padding:0;
width:463px;
}

#pollBug .poll_question {
display:block;
font-size:26px;
line-height:28px;
margin:10px auto;
text-align:center;
width:420px;
}

.storyBody #pollBug ul, .storyBody #pollBug  li {margin:0;}

.storyBody #pollBug ol {
	margin:10px 0 0 0;
	}

#pollBug .poll_list li {
list-style-type:decimal;
margin-left:50px;
font-size:16px;
}

#pollBug .poll_list .poll_count {
display:none;
}

#pollBug .poll_list a{
color:#666666;
display:block;
font-size:16px;
line-height:28px;
text-decoration:none;
width:350px;
}

#pollBug .poll_list a:hover{
color:#006699
}

#pollBug .pollResults {
display:none;
}

#pollBug .pollResults li {
list-style-type:decimal;
margin:0 40px;
font-size:16px;
padding:5px;
}


#pollBug .pollResults .poll_count {
display:none;
}

#pollBug .pollResults a{
	color:#666666;
	display:block;
	font-size:16px;
	line-height:28px;
	text-decoration:none;
	width:350px;
}

#pollBug .poll_list li:hover {
background-color:#eeeeee;
color:#006699;
}

.pollResults .poll_percentage {background-color:#006699; display:block; padding:0; margin:0;height:14px;}
.poll_ajax_wrp .pollResults .poll_percentage span {height:10px}

.poll_ajax_wrp .pollResults .poll_percentage span {height:10px}


/* embedded slideshow */

#storyDetailLeft .slideshow_embed .jqm .header .jqmClose {
  position: absolute;
  top: 6px;
  right: 5px;
  width: 39px;
  height: 14px;
  font-size:9px;
  cursor: pointer;
  background: url('http://media.nbcbayarea.com/designimages/ss_close_embed.gif') 0 0 no-repeat;
}

#storyDetailLeft .slideshow_embed .jqm .header {
  display: none;
  position: relative;
  float: left;
  background: #272727;
  border: ridge 3px #eee;
}

#storyDetailLeft .slideshow_embed .jqmnTitle {
  float: left;
  margin: 0px;
  width: 980px;
  height: 46px !important;
  background:transparent url(http://media.nbcbayarea.com/designimages/nbc_header_bgr_overlay.gif) repeat scroll 0 -4px;
}

* html #storyDetailLeft .slideshow_embed .jqmnTitle {
  margin: 0px;
}

#storyDetailLeft .slideshow_embed .jqmnTitle p {
	color:#CCC;
	font-family:Arial;
	font-size:26px;
	font-weight:bold;
	padding:5px 0;
	text-transform:capitalize;
	margin-top: 10px;
	margin-left: 10px;
}

#storyDetailLeft .slideshow_embed  #slideshow #secondary .details .title {
  font: bold 16px/18px Georgia, serif;
}


.slideshow_embed  #slideshow #ssFinalSlide {
  display: none;
  position: absolute;
  width: 645px;
  height: 602px;
  padding: 0;
  background: #171717;
  z-index: 1000;
}

.slideshow_embed  #slideshow #ssFinalSlide {
  top: 46px;
  left: 0px;
}

.slideshow_embed #slideshow #canvas #ssFinalSlide {
  top: 60px;
  left: 15px;
}

.slideshow_embed #slideshow .showcase {
  float: left;
  position: relative;
  left: 0px;
  padding: 5px;
  margin-bottom:0px;
  width: 970px;
  background: #171717;
}

#rightRail #whatDoing_rr_promo {
  margin-bottom:10px;
}