/* INFO Barlesque version : Function : set all structure, aesthetics, typography Author: Takako Tucker */ /* SECTIONS =STANDARDISE =NAVIGATION >Navigation - local >Navigation - sub =CONTENT >Slideshow >Accordion =IMAGES =OBJECTS ->Map */ /*=STANDARDISE *********************************************************************/ body {color:#333333;} #header { background: #CFEDF6 url(/staticarchive/74294dfdbb896a1872fa5b753e236df3eec79077.gif) no-repeat top left; height:106px; } #header h1 a, #header a#headerlink { background: transparent; display:block; font-size:0.001px; height:68px; text-indent:-9999px; width:243px; } /***************************/ #blq-main, #content .homepage-promo-column-left { background:transparent; } #blq-main #blq-content { background:#4FBB39 url(/staticarchive/036c826a65f94d60ee4dd11dddc9f6ee41d1cc67.gif) no-repeat bottom right; padding-bottom: 140px; font-size: 1.3em; } #column-container {padding: 0 0 14px 0; } #content { margin: 14px 14px 0 14px; height: 100%; } * html #content { margin: 0 -14px 0 0; padding: 14px; height: 100%; margin-bottom: 14px; } a {color:#B36204;} /*override minus margin in wales_layout*/ #content .centre-content, #content .right-content, #content .sub-navigation-column {padding-bottom:0; margin-bottom:0;} #prg-bookmark {border-top:10px solid #C9CAC8;} #emp1 {padding-top:0;} .mainpromoblock {margin-bottom:10px;} .mainpromoblock p {margin:0;} .mainpromoblock p span.date {font-size:90%;} #mainpromo-article .promo-image-446x251, #mainpromo-article .promo-image-226x127 {margin-top:0; padding-top:0;} #mainpromo-article.panel .mainpromoblock {background:#eee; padding-bottom:10px;} #mainpromo-article.panel .mainpromoblock p {padding:0 10px; margin:5px 0;} /*=NAVIGATION *********************************************************************/ /*>Navigation - local*/ #local-navigation { background:transparent; } #local-navigation ul#navigation-list .navigation-button.selected a, #local-navigation ul#navigation-list .navigation-button-first.selected a, #local-navigation ul#navigation-list .navigation-button-last.selected a, #local-navigation ul#navigation-list .navigation-button.selected a:hover, #local-navigation ul#navigation-list .navigation-button-first.selected a:hover, #local-navigation ul#navigation-list .navigation-button-last.selected a:hover { background: url(/staticarchive/df80981905326c98ac91e2b0556f80f075ee10d4.gif) 0 0 ; } .navigation-button a, .navigation-button-first a, .navigation-button-first.selected a, .navigation-button-last.selected a, .navigation-button-last a, .navigation-button-last a { background:url(/staticarchive/df80981905326c98ac91e2b0556f80f075ee10d4.gif) right -50px ; } .navigation-button a:hover, .navigation-button-last a:hover, .navigation-button-first a:hover { background:url(/staticarchive/df80981905326c98ac91e2b0556f80f075ee10d4.gif) right -100px; } #navigation-list li a {color: #ffffff; } /**/ /*------breadcrumb--------------*/ #breadcrumb {background:#dfdfdd; width:946px; } #breadcrumb { margin: 0; padding: 0 14px; } #breadcrumb a:hover { text-decoration: underline;} #breadcrumb ul { margin: 0; padding: 8px 0; height:100%; overflow: hidden; } #breadcrumb ul li { margin: 0 5px 0 0; padding: 0 0 0 10px; display: inline; background:transparent url(/staticarchive/5b312650128fcbacfc604f0617af328d80a62269.gif) no-repeat left -2px; font-size: 1.1em; line-height: 1; } #breadcrumb ul li.first { margin: 0 5px 0 0; padding: 0; background: none; } #breadcrumb ul li.last { margin: 0 5px 0 0; padding: 0 0 0 10px; } /**/ /*>Navigation - sub*/ #content .sub-navigation li { border-top:1px solid #eeeedd; } #content .sub-navigation li a { color:#c11d1d; } #content .sub-navigation li a:hover { color:#c11d1d; } #content .sub-navigation li.selected a{ background:url(../images/furniture/sprite.gif) 0 -156px; color:#333; } #content .sub-navigation li.selected a:hover { background:url(../images/furniture/sprite.gif) -156px -150px; color:#c11d1d; } * html #content .sub-navigation li.selected a:hover { background-position:-156px -150px !important; } #content .sub-navigation li a:hover { background:url(../images/furniture/sprite.gif) -156px -150px; } #content .sub-navigation-include li a:hover { background:url(../images/furniture/sprite.gif) -156px -150px; } #content .sub-navigation-column .sub-navigation ul.sub-navigation-include a{ color:#c11d1d; } #content .sub-navigation-column .sub-navigation ul.sub-navigation-include a:hover{ color:#333; background:#e2dbc7; } #content .sub-navigation-column .sub-navigation ul.sub-navigation-include li { border-top: 1px solid #ffffff !important; } #content .sub-navigation-include li a { color:#1819db; } #content .sub-navigation-column .sub-navigation ul.sub-navigation-include li a { background:#f1ecde; } #content .sub-navigation-column .sub-navigation ul.sub-navigation-include li a:hover { color:#333; background:#D5D5C3; } #content .sub-navigation-column .sub-navigation ul.sub-navigation-include li.selected a{ color:#fff ; background:#333; } #content .sub-navigation-column .sub-navigation ul.sub-navigation-include li.selected a:hover { background:#333; color:#fff; } #content .sub-navigation li.selected{ height:100%; } #content .sub-navigation-column .sub-navigation ul.sub-navigation-include { margin:0; padding:0; } #content .sub-navigation li a:hover { text-decoration: none; } #content .sub-navigation-column .sub-navigation ul.sub-navigation-include li.selected a{margin:0; padding:2px 10px; } #content .sub-navigation-column .sub-navigation ul.sub-navigation-include li a:hover {margin:0; padding:2px 10px; } /*->Carousel contains default colours - override these with site specific colours in the site specific css */ #promo-carousel { background:#c11d1d !important; border-top:4px solid #a3112a !important; } #promo-carousel a { border-right:2px #c11d1d solid; color:#c11d1d; background:#F9F8F3; } #promo-carousel a:hover { color:#FFFFFF; background-color:#911823; } #promo-carousel a.selected, #promo-carousel a.selected:hover { color:#fff; background-color:#a3112a; } /*-*/ /*EMP style for two col layout*/ .content-no-left-hand-nav #empcontainer {margin-left:10px;} .content-no-left-hand-nav #empcontainer {width:512px; text-align:center;} /**/ /*Linksbox style*/ .SeeAlso .Linksbox .LinksboxHeader h2 {border-bottom:none; font-size:100%; margin:2px 0 0 0; text-transform:uppercase; color:#333;} /**/ /*itemblock style*/ .itemBlock-short {background-color:#eee;} /*content text*/ .below_main_promo_TextblockContent h2 {font-size:110%; font-weight:bold !important;} /*homepage main promo - colour setting*/ #content .homepage-mainpromo-container #mainpromo a, #content .homepage-mainpromo-container #mainpromo1 a, #content .homepage-mainpromo-container #mainpromo2 a, #content .homepage-mainpromo-container #mainpromo3 a{ color:#ffba00 } #content .homepage-mainpromo-container #mainpromo .mpStrip, #content .homepage-mainpromo-container #mainpromo1 .mpStrip, #content .homepage-mainpromo-container #mainpromo2 .mpStrip, #content .homepage-mainpromo-container #mainpromo3 .mpStrip { color:#666666; background:#000; } #content .homepage-mainpromo-container #mainpromo .mpBlock , #content .homepage-mainpromo-container #mainpromo1 .mpBlock , #content .homepage-mainpromo-container #mainpromo2 .mpBlock , #content .homepage-mainpromo-container #mainpromo3 .mpBlock { background:#000; } #content .homepage-mainpromo-container #mainpromo .mpBlock p, #content .homepage-mainpromo-container #mainpromo1 .mpBlock p, #content .homepage-mainpromo-container #mainpromo2 .mpBlock p, #content .homepage-mainpromo-container #mainpromo3 .mpBlock p{ color:#FFF; } #content .homepage-mainpromo-container #mainpromo .mpBlock h3 , #content .homepage-mainpromo-container #mainpromo1 .mpBlock h3, #content .homepage-mainpromo-container #mainpromo2 .mpBlock h3, #content .homepage-mainpromo-container #mainpromo3 .mpBlock h3{ color:#fff; } #content .homepage-mainpromo-container #mainpromo .mpBlock h3 a, #content .homepage-mainpromo-container #mainpromo1 .mpBlock h3 a, #content .homepage-mainpromo-container #mainpromo2 .mpBlock h3 a, #content .homepage-mainpromo-container #mainpromo3 .mpBlock h3 a { color:#fff; } #content .homepage-mainpromo-container #mainpromo .mpBlock a:hover, #content .homepage-mainpromo-container #mainpromo1 .mpBlock a:hover, #content .homepage-mainpromo-container #mainpromo2 .mpBlock a:hover, #content .homepage-mainpromo-container #mainpromo3 .mpBlock a:hover { color:#fff; } #content .homepage-mainpromo-container #mainpromo .mpStrip p, #content .homepage-mainpromo-container #mainpromo1 .mpStrip p, #content .homepage-mainpromo-container #mainpromo2 .mpStrip p, #content .homepage-mainpromo-container #mainpromo3 .mpStrip p{ color:#FFF; } #content .homepage-mainpromo-container #mainpromo .mpStrip h3, #content .homepage-mainpromo-container #mainpromo1 .mpStrip h3, #content .homepage-mainpromo-container #mainpromo2 .mpStrip h3, #content .homepage-mainpromo-container #mainpromo3 .mpStrip h3 { color:#fff; } #content .homepage-mainpromo-container #mainpromo .mpStrip h3 a, #content .homepage-mainpromo-container #mainpromo1 .mpStrip h3 a, #content .homepage-mainpromo-container #mainpromo2 .mpStrip h3 a, #content .homepage-mainpromo-container #mainpromo3 .mpStrip h3 a { color:#fff; } #content .homepage-mainpromo-container #mainpromo .mpStrip a:hover, #content .homepage-mainpromo-container #mainpromo1 .mpStrip a:hover, #content .homepage-mainpromo-container #mainpromo2 .mpStrip a:hover, #content .homepage-mainpromo-container #mainpromo3 .mpStrip a:hover { color:#fff; } #mainpromotx { color:#FFF;} #content .homepage-mainpromo-container #mainpromo li a.mpbullet, #content .homepage-mainpromo-container #mainpromo1 li a.mpbullet, #content .homepage-mainpromo-container #mainpromo2 li a.mpbullet, #content .homepage-mainpromo-container #mainpromo3 li a.mpbullet { color: #FFD100; } a.mpbullet:hover { color: #fff; } .mpbullet { background:url(/staticarchive/5b312650128fcbacfc604f0617af328d80a62269.gif) no-repeat -17px -422px; } ul.mpStriplist li a.mpbullet {color: #FFD100 !important; } ul.mpStriplist li a:hover {color: #fff !important; } /*-----Generic content blocks*/ .contentBlock h2 {border-bottom:2px solid #ccc;color:#c11d1d;} .contentBlock h2 a {color:#c11d1d;} .contentBlock h2 a:hover {color:#333;} .contentBlock ul {border-top:1px dashed #ccc;} /*-----Generic content blocks*/ #mainpromo-article h1 {padding-top:9px; border-bottom:2px solid #ccc;} /*-----Homepage layout styles*/ .homepage-block {width:626px;float:left;margin-left:14px;} #column1 {float:left;width:306px;} #column2 {float:left;width:306px; margin-left:14px;} #column3 {float:left;width:306px;margin-left:14px;} /*-----Homepage layout styles*/ /* iplayer_feed */ #iplayer_feed #feed-comingup, #iplayer_feed #feed-episodes { margin: 0 10px 10px 10px; padding: 5px 10px 10px 10px; background: #f5f1e0; line-height: 1.2em; clear: both; overflow: hidden; } #iplayer_feed #feed-comingup ol.episodes, #iplayer_feed #feed-episodes ol.episodes { margin: 0; padding: 0; list-style-type: none; } #iplayer_feed #feed-comingup ol.episodes li, #iplayer_feed #feed-episodes ol.episodes li { margin: 0; padding: 10px 0 5px 0; list-style-type: none; border-bottom: 1px solid #ccc; } #iplayer_feed #feed-comingup ol.episodes li a, #iplayer_feed #feed-episodes ol.episodes li a { margin: 0; padding: 0; text-decoration: none; } #iplayer_feed #feed-comingup ol.episodes li a:hover, #iplayer_feed #feed-episodes ol.episodes li a:hover { margin: 0; padding: 0; text-decoration: underline; } #iplayer_feed #feed-episodes ol.episodes li .episode .availability span.time-remaining {display: none; } #iplayer_feed #feed-comingup ol.episodes li#e4, #iplayer_feed #feed-episodes ol.episodes li#e4 {border-bottom: 0 !important;} #iplayer_feed #feed-episodes ol.episodes li .episode .description, #iplayer_feed #feed-comingup ol.episodes li .episode .description {display: none;} #iplayer_feed #feed-episodes ol.episodes li .episode .summary a { padding: 0 0 0 20px; background: url(/staticarchive/bfa49efe3fec8c04e492825bbda4f61bb0686466.gif) 0 1px no-repeat; } #iplayer_feed #feed-episodes ol.episodes li .episode .summary a span.subtitle, #iplayer_feed #feed-comingup ol.episodes li .episode .summary a span.subtitle, #iplayer_feed #feed-comingup ol.episodes li .episode .availability span.time-remaining {display: none; } .iplayer_feed_base {margin: 15px 10px; padding: 0; } .iplayer_feed_base a { background:transparent url(/staticarchive/3a88e011e1eccb423f91bf3b73f5280953d15c44.gif) no-repeat scroll -388px -146px; padding:0 0 0 20px; display:block; } .time, .location { padding: 0 0 5px 0; } /* Iplayer feed -----------------------------------------------------------------------------*/ /*horizontal style list*/ .itemblock_list .itemBlock h3 a {font-weight:bold;} .itemblock_list .itemBlock h3 {margin-top:0;} .itemblock_list .itemBlock h3, .itemblock_list .itemBlock p {float:left; width:270px;} .itemblock_list .itemBlock {background:none; clear:both; width:450px; height:auto;} /**/ .homepage-top-block { margin-bottom:0; } .contentBlockv2 img { padding:5px 0 10px 10px; } .contentBlockv2 h2 { margin: 2px 10px 0 166px; padding: 0 0 2px 0; border: none; font-size: 1.8em; } .contentBlockv2 h2 a:link, .contentBlockv2 h2 a:visited { color: #B36204; } #content .homepage-mainpromo-container #mainpromo, #content .homepage-mainpromo-container #mainpromo1, #content .homepage-mainpromo-container #mainpromo2, #content .homepage-mainpromo-container #mainpromo3, #content .homepage-mainpromo-container #mainpromo .mpBlock, #content .homepage-mainpromo-container #mainpromo1 .mpBlock, #content .homepage-mainpromo-container #mainpromo2 .mpBlock, #content .homepage-mainpromo-container #mainpromo3 .mpBlock { height:300px;background:url("/staticarchive/1ed2275fd0de2e674c1a8096862ab43e7e0a3a9d.png") repeat scroll 0 0 transparent; } .contentBlock p.intro { font-size:1.1em; line-height:1.2em; } #column1 .links-box-container, #column2 .links-box-container, #column3 .links-box-container { float: left; width:306px; } #content .homepage-mainpromo-container #mainpromo li a.mpbullet, #content .homepage-mainpromo-container #mainpromo1 li a.mpbullet, #content .homepage-mainpromo-container #mainpromo2 li a.mpbullet, #content .homepage-mainpromo-container #mainpromo3 li a.mpbullet { width: auto; overflow: visible; } * html #content .homepage-mainpromo-container .mpBlock li { height: 1%; line-height: 1.2em; } #content .hp-mainpromo-container .mainpromo ul.mpBlocklist, #content .hp-mainpromo-container .mainpromo ul.list { margin-left: 11px; } #content .homepage-mainpromo-container { font-size: 1.1em; } #blq-content #content .homepage-mainpromo-container #mainpromo h3 { font-size: 1.8em; line-height:1.2em;} #blq-content #content .homepage-mainpromo-container #mainpromo li a:link, #blq-content #content .homepage-mainpromo-container #mainpromo li a:visited { color: #FE8B06; font-weight: bold; } #content .hp-mainpromo-container .mainpromo .mpBlockLeft {background:url("/staticarchive/1ed2275fd0de2e674c1a8096862ab43e7e0a3a9d.png") repeat scroll 0 0 transparent;} #content .hp-mainpromo-container .mainpromo .mpBlockLeft p{color:#ffffff;margin-top:0;} #content .hp-mainpromo-container .mainpromo .mpBlockLeft ul{margin-left:0;}