/* General vignette styles */
div#content {width: 980px;}
.hidden {display:none;}
.preloader { position:absolute; top:50%; margin-top:-50px;}
#vignette-container { position:relative; width:980px; min-height:300px; margin:20px 0px; padding:20px 0px 3px; background-color:#000; }
img.play_btn { position:absolute; display:none; }
.row { width:950px; padding:0px 10px; margin:0px 0px 5px 10px; clear:both; zoom:1; display:block; height:auto; }
.vignette-holder { background-color:#000; padding:3px; float:left; 
    margin:0px 11px 11px 0px; display:block; position:relative; overflow:hidden; display:none; }
.vignette-holder img { float:left; position:absolute; cursor:pointer; }
.vignette-holder.right { margin-right:0px; }
.boxcaption {background: url('http://www.latimes.com/media/graphic/2011-12/66555996-09160004.png'); background: rgba(22, 22, 22, 0.8); border:2px solid #ccc; color:#fff; padding: 0px; position:absolute; left: 0; top: 0; -moz-box-shadow:inset 0 0 10px #000000; -webkit-box-shadow:inset 0 0 10px #000000; box-shadow:inset 0 0 10px #000000; } 
.boxcaption .name {font-size:18px; font-weight:bold; margin:25px 0px 5px 0px; line-height:24px; text-shadow: 1px 1px 1px #000; -moz-text-shadow: 1px 1px 1px #000; -webkit-text-shadow: 1px 1px 1px #000; text-transform:uppercase; }
.boxcaption .titles {font-size:18px; margin:0px 0px 5px 0px; text-shadow: 1px 1px 1px #000; -moz-text-shadow: 1px 1px 1px #000; -webkit-text-shadow: 1px 1px 1px #000; }
.boxcaption .description {margin:5px 0px 0px 0px; width:auto; font-size:14px; line-height:1.43em;}
.boxcaption .name,
.boxcaption .titles,
.boxcaption .description,
.boxcaption .video-text {padding-right:10px; display:none; color:#fff; font-family:Arial, sans-serif;}
.boxcaption .video-text {margin-top:20px; text-decoration:underline; font-size:14px; margin-top:10px; line-height:1.43em;}
.vignette-holder.right .boxcaption .name,
.vignette-holder.right .boxcaption .titles,
.vignette-holder.right .boxcaption .description,
.vignette-holder.right .boxcaption .video-text { width:252px; margin-left:10px; padding-right:10px; display:none;}
a.video-link {color:#fff;}
a.video-link:hover {cursor:pointer}

.video_embed {display:none;}

/* Column-specific widths */
.vignette-holder.columns-1, 
.vignette-holder.columns-1 img, 
.columns-1 .boxcaption { width:900px; height:600px; }

.vignette-holder.columns-2, 
.vignette-holder.columns-2 img, 
.columns-2 .boxcaption { width:460px; height:307px; }

.vignette-holder.columns-3, 
.vignette-holder.columns-3 img, 
.columns-3 .boxcaption { width:300px; height:200px; }

.vignette-holder.columns-4, 
.vignette-holder.columns-4 img, 
.columns-4 .boxcaption { width: 221px; height:147px; }

.vignette-holder.columns-5, 
.vignette-holder.columns-5 img, 
.columns-5 .boxcaption { width: 173px; height:115px; }

/* Text positioning */
.columns-2 .boxcaption .name,
.columns-2 .boxcaption .titles,
.columns-2 .boxcaption .description,
.columns-2 .boxcaption .video-text { margin-left:505px; }

.columns-3 .boxcaption .name,
.columns-3 .boxcaption .titles,
.columns-3 .boxcaption .description,
.columns-3 .boxcaption .video-text { margin-left:338px; }

.columns-4 .boxcaption .name,
.columns-4 .boxcaption .titles,
.columns-4 .boxcaption .description,
.columns-4 .boxcaption .video-text { margin-left:263px; }

.columns-5 .boxcaption .name,
.columns-5 .boxcaption .titles,
.columns-5 .boxcaption .description,
.columns-5 .boxcaption .video-text { margin-left:215px; }

/* Static text holder styles */
.vignette-holder.static {text-align:center;}
.vignette-holder.static div.cover.boxcaption {cursor:default;}
.vignette-holder.static .boxcaption .name,
.vignette-holder.static .boxcaption .description {display:block; margin-left:0px;}
.vignette-holder.static .boxcaption .name {font-size:34px; margin-top: 14%; text-transform:capitalize; font-weight:normal; line-height: 41px; width:auto; padding:0 10px;}

/* jQuery UI styles override */
.ui-widget-overlay {background:#fff url(''); opacity: .70; filter:Alpha(Opacity=70);position: absolute; top: 0; left: 0;}
.ui-dialog-titlebar {display:none;}
.ui-dialog .ui-dialog-content {padding:5px 15px 15px 15px;}
.ui-widget-content {background-color:#000;}
.ui-widget-content p {margin:0px;text-align:right; }
a#close {font-weight:bold; color:#fff;}
.ui-widget-content .third-party-embed {text-align:center;}
.ui-widget-content iframe {margin:0 auto;}

.BrightcoveExperience {display:block;}
#video-holder{height:590px; width:1010px; display:none; top:0; left:0; background-color:#000; z-index:1001;}
#widget-overlay {height:100%; width:100%; position:fixed; top:0; left:0; background:#000 url(''); opacity: .80; filter:Alpha(Opacity=80); display:none; z-index:1000;}