/* 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:#333;} #header { background:url(/staticarchive/9f235c2899a96187d29c94023add44e0a03cf04b.jpg) no-repeat top left ; } #header h1 a, #header a#headerlink { background: url(/staticarchive/b5f908f9a3b7e0dddb88e35a4d3b6d2da817ee91.gif) no-repeat top left; width:580px; height:68px; display:block; text-indent:-9999px; font-size:0.001px; } /***************************/ #blq-main #blq-content, #blq-main, #content .homepage-promo-column-left {background:#dfdfdd;} #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:#2971af;} /*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 #dfdfdd;} #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:none; padding-bottom:10px;} #mainpromo-article.panel .mainpromoblock p {padding:0 10px; margin:5px 0;} #twocolumn1 {width:306px; margin-left:0; float:left;} /*=NAVIGATION *********************************************************************/ /*>Navigation - local*/ #local-navigation { background:url(/staticarchive/4690661c917fddc4594156cf10f2b19fd8023085.gif); } #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/01b277eb5b6e5af54d5e25a6300ed285f6e7b645.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/01b277eb5b6e5af54d5e25a6300ed285f6e7b645.gif) right -50px ; } .navigation-button a:hover, .navigation-button-last a:hover, .navigation-button-first a:hover { background:url(/staticarchive/01b277eb5b6e5af54d5e25a6300ed285f6e7b645.gif) right -100px; } #navigation-list li a {color: #ffffff; } /**/ /*------breadcrumb--------------*/ #breadcrumb {background:#f5f5f3; 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:#2971af; } #content .sub-navigation li a:hover { color:#2971af; } #content .sub-navigation li.selected a{ background:url(/staticarchive/01b277eb5b6e5af54d5e25a6300ed285f6e7b645.gif) 0 -156px; color:#333; } #content .sub-navigation li.selected a:hover { background:url(/staticarchive/01b277eb5b6e5af54d5e25a6300ed285f6e7b645.gif) -156px -150px; color:#2971af; } * html #content .sub-navigation li.selected a:hover { background-position:-156px -150px !important; } #content .sub-navigation li a:hover { background:url(/staticarchive/01b277eb5b6e5af54d5e25a6300ed285f6e7b645.gif) -156px -150px; } #content .sub-navigation-include li a:hover { background:url(/staticarchive/01b277eb5b6e5af54d5e25a6300ed285f6e7b645.gif) -156px -150px; } #content .sub-navigation-column .sub-navigation ul.sub-navigation-include a{ color:#2971af; } #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:#2971af !important; border-top:4px solid #a3112a !important; } #promo-carousel a { border-right:2px #2971af solid; color:#2971af; 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, .Textblock h2 {font-size:140%; font-weight:bold !important; padding:10px 0;} .below_main_promo_TextblockContent h3, .Textblock h3 {font-size:110%; font-weight:bold !important; margin: 20px 0 0;} /*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; display:block; } a.mpbullet:hover { color: #fff; } .mpbullet { background:transparent url(/staticarchive/f8066ed901b7f02e70480cc9bb3e21f92a4ef354.gif) no-repeat -17px 6px ; width:120px;} #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; line-height:1.2em; overflow:hidden;} ul.mpStriplist li a.mpbullet {color: #FFD100 !important; } ul.mpStriplist li a:hover {color: #fff !important; } * html #MinisiteIncludeBlockA {display:none;} .Textblock {width:420px;} /*-----Generic content blocks*/ .contentBlock h2 {border-bottom:2px solid #ccc;color:#2971af;} .contentBlock h2 a {color:#2971af;} .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; width:600px;} /*-----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;} /**/ /*infopanel*/ /*->Info panel*/ .infopanel { background:#f1f1ea ; position:absolute; right:360px; width:160px; padding-bottom:10px; } .infopanel p, .infopanel ul { margin:0 3px 5px 0; } .infopanel ul li { list-style:none; padding:0 0 0 14px; margin:0; } .infopanel h3 { } .infopanel img {margin-left:5px;} .infopanel h2 {font-size:120%; padding:10px;} .infopanel ul li {line-height:1.35em; padding-bottom:3px;} .infopanel ul li a {padding-left:10px; background:transparent url(/staticarchive/5b312650128fcbacfc604f0617af328d80a62269.gif) 0 -422px no-repeat; display:block; } .infopanel ul li a:hover {text-decoration:underline;} /**/ .content-no-left-hand-nav br {display:inline;} .LinksboxContent a:hover {text-decoration:underline;} * html .homepage-bottom-block {margin-left:-27px;} .content-no-left-hand-nav ul {padding-left:0; } #MinisiteIncludeBlockB .LinksboxArchive {margin:0 10px;} #MinisiteIncludeBlockB .LinksboxArchive li {list-style:none;} a.back {display:block; padding:0 0 10px 18px; background:transparent url(/staticarchive/345be38b413afcf7fcf03723cef938a739745962.gif) -392px -218px no-repeat; } a.back:hover {text-decoration:underline;} #column1 .Textblock {background:#fff; width:306px; overflow:hidden; margin-bottom:10px;} #column1 .Textblock p {padding:0 10px; color:#333;line-height:1.3em;} #column1 .archive_list_title {padding-right:10px;}