/** * ------------------------------------------------------------------------------------------ * index.css * Styles for new homepage spring 2010 onwards * ------------------------------------------------------------------------------------------ **/ /* hide the prelaoded feature images from showing - the will be shown / hide using jquery */ .featureImg2, .featureImg3, .featureImg4, .featureImg5 {display:none; } /** override normal copy links as we don't want underline on homepage **/ p a {text-decoration:none; color:#333; } p a:hover {text-decoration:underline; color:#b00; } #featureImgWrap {width:475px; height:291px; float:left; display:inline; margin:0; padding:0; overflow:hidden; position:relative; } .featureArticleImg {position:relative; } a.featureVideoImg img {height:291px; margin:0 0 0 -21px; } a.featureArticleImg img {width:475px; height:291px; } a.featureGalleryImg img {max-width:475px; max-height:291px; } ul#featureNav {width:245px; height:auto; float:left; display:inline; margin:0 0 15px 0; padding:0; overflow:hidden; border-top:1px solid #e5e5e5; list-style-type:none; position:relative; } ul#featureNav li {height:58px; width:245px; overflow:hidden; position:relative; margin:0; padding:0; float:left; display:inline; clear:left; } ul#featureNav li h2 {margin:0; padding:0; float:left; clear:left; position:relative; color:#333; font-size:13px; line-height:16px; } ul#featureNav li p {color:#999; font-weight:normal; font-size:9px; text-transform:uppercase; position:absolute; z-index:12; left:13px; bottom:8px; padding:0; margin:0; line-height:8px; } ul#featureNav li p.sectionName {left:71px; border-left:1px solid #ccc; padding:0 0 0 5px; font-size:9px; } ul#featureNav li h2 a.featureNavLink {float:left; display:inline; padding:4px 10px 10px 13px; font-weight:normal; height:43px; width:227px; z-index:0; margin:0; border-bottom:1px solid #e5e5e5; } ul#featureNav li h2 a.featureNavLink:hover {color:#b60001; background-color:#f3f3f3; text-decoration:none; } .featureNavOn {color:#b60001; background-color:#f3f3f3; text-decoration:none; } .threeBoxesWrap {float:left; clear:left; margin:0; width:739px; padding:0; } .threeBoxesWrap div {float:left; clear:none; width:245px; margin:0; } .threeBoxesWrap div a {width:230px; display:block; font-size:13px; line-height: 16px; color:#333; overflow:hidden; } .threeBoxesWrap div img {height:166px; } .vidThumb a img {margin:0 auto; max-width: 230px;height: auto; } .threeBoxesWrap h3, .threeBoxesWrap h4 {font-size:14px; font-weight:normal; line-height:16px; margin:7px 0 20px 0; padding:0; } .threeBoxesWrap h6 {width:720px; font-size:12px; border-top: 1px solid #e5e5e5; padding:8px 0; margin:0; } .threeBoxesWrap p {margin:5px 0 10px 0; height:40px;} #customBoxSlots {float:left; clear:left; margin:0; width:739px; padding:0; display:inline; } #customBoxSlots h4 {border-top:1px solid #e5e5e5; font-size:12px; font-weight:bold; margin:0; padding:8px 0; width:720px; } #customBoxSlots h3 {font-size:11px; line-height:14px; font-weight:normal; margin:0; padding:7px 0; } #customBoxSlots div {float:left; clear:none; width:245px; } #customBoxSlots div a {width:230px; display:block; } /** Content Box Slots **/ #contentBoxSlots {float:left; clear:left; margin:0; width:740px; padding:0; display:inline; } #contentBoxSlots h4 {font-size:12px; font-weight:bold; border-top:1px solid #e5e5e5; margin:0 0 10px 0; padding:8px 0 0 0; width:230px; } .contentBoxSlot {width:110px; float:left; margin:0 10px 7px 0; display:inline; } .contentBoxSlot a {width:110px; height:79px; overflow:hidden; } .contentBoxSlot img {height:79px; } .contentBoxSlot p {height:30px; margin:0; padding:7px 0; } .contentBoxGroup {float:left; width:240px; margin-right:5px; padding:0; display:inline; } #videogalleryWrap {width:720px; float:left; clear:left; display:inline; } #videoSlotWrap {float:left; display:inline; width:360px; margin:15px 7px 0 0; padding:0; } #videoSlot {position:relative; margin:0; padding:0; float:left; clear:left; display:inline; } #videoSlot h4, #gallerySlot h4 {font-size:12px; border-top:1px solid #e5e5e5; width:353px; padding:8px 0; margin:0; } #videoSlot img {height:199px; } #videoSlot a {height:199px; width:353px; overflow:hidden; } #videoSlotWrap h6, #gallerySlotWrap h6 {margin:0; padding:5px 0; border-top:1px solid #e5e5e5; color:#333; font-size:11px; clear:left; width:353px; } img#videoPlayArrow {position:absolute; top:85px; left:140px; z-index:1; width:auto; height:auto; } #videoSlot p, #gallerySlot p {float:left; clear:left; display:inline; width:353px; padding:10px 0; margin:0; } #gallerySlotWrap {float:right; display:inline; width:353px; margin:15px 0 0 0; padding:0; } #gallerySlot #gallerySlotImgLink {height:216px; } #gallerySlot a#gallerySlotImgLink {overflow:hidden; width:353px; height:199px; display:block; float:left; display:inline; } #latestVideoList, #latestGalleryList {float:left; clear:left; display:inline; list-style-type:none; margin:0; padding:0; width:353px; } #latestVideoList img {float:left; clear:left; display:inline; width:110px; margin-bottom:7px; } #latestGalleryList .thumbItem {height:62px; overflow:hidden; padding:0; margin:0 0 7px 0; } #latestGalleryList img {height:67px; } #subsHpBanner {float:left; clear:none; margin:20px 0 0 0; display:inline; } #latestVideoList li {float:left; width:110px; margin-right:11px; overflow:visible; display:inline; height:123px;} #latestGalleryList li.vidGalLast, #latestVideoList li.vidGalLast {margin:0; } #latestGalleryList li {float:left; width:110px; margin-right:11px; overflow:visible; display:inline; } #sectionHomeBottom {border-top:1px solid #000; border-bottom:1px solid #000; float:left; clear:left; width:720px; } #bottomSubs {float:left; width:50%; font-size:12px; } .archiveLinks {float:right; clear:none; display:inline; margin-left: 6px; font-size:12px; } #centerBanner {display: block; clear: both; margin: 15px 0; width:720px; overflow:hidden;} #subsBanner {width:720px; overflow:hidden; margin:0; padding:0; float:left; clear:left; display:inline; }