html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
ul { list-style-type: none }
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }
.left{ float: left }
.right{ float: right }
.clear{ clear: both }
.relative{ position: relative }
.padding10 { padding: 10px }
body.royalWedding{ background-color: rgb(219,245,242); font-family: arial }
#weddingHeader{ background: url(http://z.cdn.turner.com/cnn/.element/img/3.0/sect/specials/royal.wedding/weddingHeader.jpg) scroll no-repeat left top; height: 86px; width: 980px }
/*#weddingHeader {background: white url('http://i.cdn.turner.com/cnn/.element/img/3.0/mosaic/bg_speccov_hdr.gif') 0px 0px repeat-x;}*/
#weddingHeader p{ padding: 28px 10px 0px; color: rgb(103,103,103); font-size: 10px }
.tiffanysBox{ background: url(http://z.cdn.turner.com/cnn/.element/img/3.0/sect/specials/royal.wedding/tiffanysBox.jpg) scroll no-repeat left top; width: 216px; height: 86px; text-indent: -10000px }
#weddingHeader .tiffanysBox{margin-top:-47px;}
.cnn_stryspcvh1 .tiffanysBox{margin-top:-75px;}
.cnn_stryspcvh1>div#ad-6271979{float:right;width:260px;height:90px;z-index:100;margin-top:-75px;}
#weddingHeader>div#ad-6271979{float:right;width:260px;height:90px;z-index:100;margin-top:-47px;background: white url('http://z.cdn.turner.com/cnn/.element/img/3.0/sect/specials/royal.wedding/weddingHeaderBgRepeat.jpg') 0px 0px repeat-x;}
/*#cnn_video_leftadarea, #cnn_video_rightadarea, #ad-6271979, .cnn_adspc728x90{ border:1px solid green; color:green; background-color:green; }*/
.cnn_adspc728x90{background-color:#FFFFFF;margin:0 5px;}
#rightNow{ font-size: 16px; padding: 0 10px }
#cnnContentContainer{ float: left }
#cnn_ftrcntnt{ background-color: rgb(255,255,255); margin-top: -1px }
/* new padding for footer content, must be placed *after* current style rules */
.cnn_ftrlnggcntr{padding-right: 10px }
.cnn_ftrlgcpy { padding-left: 10px; width: 555px }
#mainColumn{ width: 640px; margin: 0 4px 0 0; float: left }
#videoThumbnails{ margin: 20px 10px; width:640px;}
#videoThumbnails li{ float:left;display: inline-block; width: 123px; margin: 0 21px; height:140px; vertical-align:top; font-size: 11px; line-height: 12px }
#videoThumbnails li.first{ margin-left: 0 }
#videoThumbnails li.last{ margin-right: 0 }
.videoThumbnail{ margin-bottom: 10px; cursor: pointer; }
#videoThumbnails>li{}
#videoThumbnails>li>a{display:block;clear:both;}
.adBottom{ width: 727px; height: 91px; margin: 0 auto 40px; display: block }
.cnn_clear {background-color:#FFFFFF;margin:0 5px;}
/*inline*/
#sectionTitle{ margin: 0; padding: 0 10px }
#videoInfo{ background: rgb(0,0,0); color: rgb(255,255,255); padding: 8px 10px; margin: 0 }
#videoInfo span{ color: #666 }
.sourceLink{ margin-left: 5px }
h3.seriesTitle{ font-weight: bold; font-size: 18px; padding: 0 10px; position: relative }
h3.seriesTitle a{ margin-right: 5px }
#frRWLike{ position: absolute; top: 4px } /* @Ryan: did u add this or did Facebook? */
h4#liveTitle{ margin: 0 10px; font-weight: bold; font-size: 14px }
#liveTitle{ margin: 0 10px; font-weight: bold; font-size: 20px }
#liveTitle .live{ font-weight: bold }
#liveDescription{ font-size:12px; }
.live{ color: #ca0002 }
.cnn_storyarea .videoDescription{ margin: 0 10px 10px; padding: 0 }
.cnnFBRecBtn{width:328px;float:right;margin:10px 10px 0 0;clear:both;}
.cnnFBRecBtnBot{width:420px;margin:30px 0 15px 186px;}
.cnn_strycntntlft{clear:both;}
#cnn_mtt1rgtarea .cnn_bulletbin .cnnWOOL {margin-right:4px;}
#cnn_mtt1lftarea ul { list-style-type:none; } /* Fixes non link bullets in T1 blurb. 20100227 PBB */
.cnn_strybtntools_rw{ float:right;margin:0px 10px 0 20px;display:inline;height:21px;text-align:right;clear:both; }
#prevNowPlaying, #nextNowPlaying{ width: 18px; height: 107px; display: inline-block; position: absolute; top: 10px; cursor: pointer; z-index: 200 }
#prevNowPlaying{ left: -15px; background: url(http://z.cdn.turner.com/cnn/.element/img/3.0/sect/specials/royal.wedding/prev.gif) center left scroll no-repeat }
#prevNowPlaying.disabled{ background: url(http://z.cdn.turner.com/cnn/.element/img/3.0/sect/specials/royal.wedding/prevDisabled.gif) center left scroll no-repeat; cursor:auto; }
#nextNowPlaying{ left: 670px; background: url(http://z.cdn.turner.com/cnn/.element/img/3.0/sect/specials/royal.wedding/next.gif) center right scroll no-repeat }
#nextNowPlaying.disabled{ background: url(http://z.cdn.turner.com/cnn/.element/img/3.0/sect/specials/royal.wedding/nextDisabled.gif) center left scroll no-repeat; cursor:auto; }
/* iReport */
#iReporterContainer{
min-height:150px;
background-color:#FFFFFF;
margin:0 5px;
}
div#iReportHeader1{ position:relative;width:100%;font-size:18px;margin-top:20px;}
#iReportHeader1 .viewAll{ position:absolute;top:0px;right:5px;border-top: 1px solid rgb(235,235,235); padding: 0; margin: 0 0 0 8px; font-weight:bold; font-size:12px;}
#iReportHeader1 .viewAll a{ color: #004276;}
#iReportHeader1 .viewAll a:visited{ color: #5c7996;}
#iReportHeader1 .viewAll a:hover{ color: #ca0002; }
#iReportHeader{ position:relative; float:left;padding: 10px 8px; margin-right: 10px;width:230px;height:110px;}
#iReportHeader h4{ margin: 0; padding: 0 }
#iReportHeader p{ margin: 10px 0; padding: 0; line-height: 21px }
#iReportHeader p.iReportDescription{ line-height: 16px; margin: 0; height:60px; font-size:12px; width:230px;padding-left:3px;}
.addNow{ width: 230px; height: 21px; margin:0px auto; }
/*#iReportersContainer{ border: 1px solid rgb(235,235,235); margin-right: 8px }*/
#iReportersContainer{ margin-right: 8px }
#iReporters{ height: 108px; overflow: hidden; margin:0 10px; }
#iReporters li{ float:left;display: inline-block; margin: 0px 13px 0px 0 }
.iReportIcon{ position: absolute; left: 0; top: 0 }
.iReporterLinkThumb{display:block;width:120px;height:90px;}
#iReportHeader p.iReportDescription div.jive-rendered-content{height:50px;overflow:hidden;}
#iReportHeader p.iReportDescription div.jive-rendered-content p{margin:0 0;padding:0 0;line-height:1em;}
.tinyThumbDiv{float:left;width:59px;height:60px;margin-right:3px;}
.tinyThumbImg{float:left;width:59px;height:46px;}
.carouselContainer{float:left;margin-left: 5px;}
.carouselClipper{margin:10px 0px 0 0;}
/*right rail*/
#rightRailContainer{ border: 1px solid rgb(230,230,230); border-top: 5px solid rgb(0,0,0); background-color: rgb(255,255,255); padding-bottom: 5px }
#rightRailContainer a{ font-weight: bold; color: rgb(0,66,118); text-decoration: none }
#rightRailContainer a:hover{ color: #ca0002; }
h4.rightRailHeadline{ font-size: 18px; font-weight: bold; border-bottom: 1px solid rgb(230,230,230); margin: 20px 10px 5px 15px; padding: 0 0 5px }
#rightRailContainer p { font-size: 11px; padding: 0; margin: 0; line-height: 14px }
#favoriteiReports{ margin: 0 10px 5px 15px }
#favoriteiReports li{ border-bottom: 1px solid rgb(230,230,230); margin-top: 15px }
#favoriteiReports .iReportIcon{ position: absolute; top: 0; left: 0 }
a.iReportTitle{ font-size: 15px }
#rightRailContainer.timestamp{ font-size: 10px; font-weight: bold; color: rgb(153,153,153); margin-bottom: 6px }
.iReportInfoCell{ background: url(http://z.cdn.turner.com/cnn/.element/img/3.0/sect/specials/royal.wedding/vidThumb1.jpg) center left scroll no-repeat; padding-left: 130px; height: 68px; font-size: 11px; margin-bottom: 15px }
.iReportThumbCell{ height: 68px; width: 120px }
.iReportThumbInfo{ width: 175px; font-size: 11px; margin: 0 0 15px 10px }
#viewAll{ font-size: 13px; margin: 0 10px 0 15px }