/* 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:url("/staticarchive/e8bf2b58f27eae78faea36eb1d6a56f23cabd68c.gif") repeat scroll 0 0 transparent;height:68px; } #header h1 a, #header a#headerlink { background:url("/staticarchive/e8bf2b58f27eae78faea36eb1d6a56f23cabd68c.gif") repeat scroll 0 0 transparent; display:block; font-size:0.001px; height:68px; text-indent:-9999px; width:256px;} /***************************/ #blq-main #blq-content, #blq-main, #content .homepage-promo-column-left {background:#c6eaff;} #column-container {padding: 0 0 14px 0; } #content { margin: 4px 14px 0 14px; height: 100%; } * html #content { margin: 0 -14px 0 0; padding: 14px; height: 100%; margin-bottom: 14px; } a {color:#295d8c;} /*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 #C6EAFF;} #emp1 {padding-top:0;} #content .centre-content {padding:0 10px; } .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;} #content .sub-navigation-column {width:auto; padding-right:0;} /*=NAVIGATION *********************************************************************/ /*>Navigation - local*/ #local-navigation { background:url(/staticarchive/cf4359b59fb36708144472875ac5b87339fb7dab.gif) 0 -560px; } #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/cf4359b59fb36708144472875ac5b87339fb7dab.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/cf4359b59fb36708144472875ac5b87339fb7dab.gif) right -50px ; } .navigation-button a:hover, .navigation-button-last a:hover, .navigation-button-first a:hover { background:url(/staticarchive/cf4359b59fb36708144472875ac5b87339fb7dab.gif) right -100px; } #navigation-list li a {color: #ffffff; } /**/ /*------breadcrumb--------------*/ #breadcrumb {background:#e8f6ff; width:946px; } #breadcrumb { margin: 0; padding: 0 14px; border-top:1px solid #a6cbdf;border-bottom:1px solid #a6cbdf;} #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(/staticarchive/cf4359b59fb36708144472875ac5b87339fb7dab.gif) 0 -156px; color:#333; } #content .sub-navigation li.selected a:hover { background:url(/staticarchive/cf4359b59fb36708144472875ac5b87339fb7dab.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(/staticarchive/cf4359b59fb36708144472875ac5b87339fb7dab.gif) -156px -150px; } #content .sub-navigation-include li a:hover { background:url(/staticarchive/cf4359b59fb36708144472875ac5b87339fb7dab.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:#fff; width:auto; } #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; font-size:1.2em; } #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; line-height:1.2em; } #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;} .hp-mainpromo-container {} #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; width:200px; } #content .hp-mainpromo-container .mainpromo .mpStrip p, #content .hp-mainpromo-container .mainpromo .mpBlock p, #content .hp-mainpromo-container .mainpromo .mpBlockLeft p {color:#fff;} #content .hp-mainpromo-container .mainpromo .mpBlockLeft ul {margin-left:0;} .hp-mainpromo-container p{font-size:1.2em;} #content .homepage-mainpromo-container .hp-mainpromo-container .mpBlock ul {margin-left:10px;} a.mpbullet:hover { color: #fff; } .mpbullet {background:url("/staticarchive/5b312650128fcbacfc604f0617af328d80a62269.gif") no-repeat scroll -17px -422px transparent;} #column1 ul.mpStriplist li a.mpbullet {color: #FFD100; } #column1 ul.mpStriplist li a:hover {color: #fff; } .minisite #content{margin-top:10px;} /*-----Generic content blocks*/ .contentBlock h2 {border-bottom:2px solid #c6eaff;color:#333333;} .contentBlock h2 a {color:#295d8c;} .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;} /**/ .links-box-container {clear:both;} #local-navigation {display:none;} #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; font-size:1.2em; }