/* GLOBAL RADIO 3 STYLE -------------------- EM CALCULATIONS BASED ON 13px BASE ------ 11px 0.846em 12px 0.923em 13px 1em 14px 1.077em 16px 1.231em 18px 1.385em 20px 1.538em 22px 1.692em 24px 1.846em 26px 2em 28px 2.154em 30px 2.308em 32px 2.462em 36px 2.769em COLOR VALUES ------------- RED BRIGHT #FF2737 RED #CD1C28 RED MID #7B1513 RED DARK #3D0407 LIGHT GREY #F5F5F5 MID GREY #666666 BLACK #333333 */ /* BLQ RESET ----------------------------------------*/ body { background:#FFF; } body.ie6 { font-size:50%; } body.ie7 { position:static; } #blq-pre-mast, #blq-acc, #blq-mast, #blq-main, #blq-foot { font:130% sans-serif; } #blq-foot { border-top:none; } #blq-pre-mast, #blq-container-inner, #blq-acc, #blq-mast-home { width:976px; } #blq-container { background:transparent url('/staticarchive/b8887c62a9c3e5f695db4e5fe7933e057545c3a1.png') repeat-x bottom left; } #blq-foot, #blq-mast-home { background:url(/staticarchive/92c168a85f201fb12679f3c7f6b8b7845d821db8.png); } #blq-sitelinks, #blq-bbclinks { background-color:transparent; } #blq-main { font-family:arial, sans-serif; background-color:transparent; color:#333; } #blq-container-inner { background-color:transparent; } #blq-mast { left:94px; } input, textarea, button { font-family:arial, sans-serif; } /* GENERIC ----------------------------------------*/ a:link, a:active, a:visited { color:#CD1C28; } a:hover { color:#333; } p, li, blockquote, h4 { line-height:1.231em; } h1, h2, h3 { line-height:1em; } li:last-child { margin-bottom:0; } .clearfix:before, .clearfix:after, .block:before, .block:after, .slimblock:before, .slimblock:after, .moduleblock:before, .moduleblock:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after, .block:after, .slimblock:after, .moduleblock:after, .moduleblock:after { clear: both; } .clearfix, .block, .slimblock, .moduleblock { zoom: 1; } #skip { clear:both; display:block; margin:32px 0; } .left-to-listen { padding-left:15px; font-style: italic; background:url('/staticarchive/f9436db1f4ec42514a0d8a154b86218f2f87ec60.gif') no-repeat scroll 2px 60% transparent; color:#666; } .hidden { display:none; } /* R3 HEADER ----------------------------------------*/ body { background:url(/staticarchive/1233a5df06a53bb17c05f8aac57bd18cbf739818.gif) repeat-x -40px -140px; } body.season { background:url(/staticarchive/e9d7aa6a78f46eb184863335234dc10d5cb923e4.jpg) repeat-x center top; } body.season #blq-container-outer { background:url(/staticarchive/0626ea77f58cfc787ffc7c64562b4bbcf273b54a.jpg) no-repeat center top; } #blq-main { padding-top:150px; margin-bottom:1.231em; position:relative; } #blq-main h1 a, #blq-main .site-name a { display:block; width:219px; height:125px; background:url(/staticarchive/7a6d6c3bd23092831bf2eb8bd93ca37c3a06e02d.gif); position:absolute; top:10px; left:8px; text-indent:-9999em; } .season #blq-main h1 a, .season #blq-main .site-name a { background:url(/staticarchive/89379471b43e475bb445d7e809731ac164d655dd.gif); } #blq-main #listen-live .coming-up, #blq-main #listen-live .on-air, #blq-main #coming-up .coming-up, #blq-main #coming-up .on-air { margin:0.5em 0 0 0.5em; height:18px; display:block; color:#FFF; font-weight:bold; text-decoration:none; float:left; position:relative; width:auto; z-index:1; padding:4px 5px 0; text-transform:uppercase; font-size: 0.9em; cursor:pointer; } .ie6 #blq-main #listen-live .coming-up, .ie6 #blq-main #listen-live .on-air, .ie6 #blq-main #coming-up .coming-up, .ie6 #blq-main #coming-up .on-air { margin:0; position:absolute; } .ie7 #blq-main #listen-live .coming-up, .ie7 #blq-main #listen-live .on-air, .ie7 #blq-main #coming-up .coming-up, .ie7 #blq-main #coming-up .on-air, .ie8 #blq-main #listen-live .coming-up, .ie8 #blq-main #listen-live .on-air, .ie8 #blq-main #coming-up .coming-up, .ie8 #blq-main #coming-up .on-air { padding-top:3px; } .ie6 #blq-main #listen-live .coming-up, .ie6 #blq-main #coming-up .coming-up { top:6px; left:65px; } .ie6 #blq-main #listen-live .on-air, .ie6 #blq-main #coming-up .on-air { top:6px; left:6px; } .ie6 #blq-main #coming-up .on-air, .ie6 #blq-main #listen-live .coming-up { background-color:#CD1C28; } #blq-main #listen-live .coming-up:hover, #blq-main #coming-up .on-air:hover { text-decoration:underline; } #blq-main #listen-live span.active, #blq-main #coming-up span.active { background-color:#811C28; color:#fff; cursor:default; } #blq-main #listen-live span.active, #blq-main #coming-up span.active { text-decoration:none; } .no-js #blq-main #listen-live .coming-up, .no-js #blq-main #coming-up .on-air { display:none; } #blq-main #listen-live, #blq-main #coming-up { color:#FFF; background:#811C28; width:336px; position:absolute; top:8px; right:0; } .ie6 #blq-main #listen-live { color:#FFF; background:#811C28; width:336px; position:absolute; top:8px; right:0; padding-bottom:8px; } .no-js #blq-main #coming-up { display:none; } #blq-main #listen-live h2 { background:#CD1C28; display:block; padding:8px; text-align:right; font-size:1.385em; position:relative; } .ie6 #blq-main #listen-live h2 { display:inline-block; } #blq-main #coming-up h2 { background:#CD1C28; display:block; padding:8px 23px 8px 8px; text-align:right; font-size:1.385em; position:relative; } #blq-main #listen-live h2 a, #blq-main #coming-up h2 a { color:#FFF; text-decoration:none; } #blq-main #listen-live h2 a:hover, #blq-main #coming-up h2 a:hover { text-decoration:underline; } #blq-main #coming-up h2 a { padding-right:12px; } #blq-main #listen-live h2 a span { display:block; background:url(/staticarchive/ac61f792aff64896191101fb8a0728df7693335d.gif) 0 0; width:23px; height:20px; position:absolute; right:68px; } #blq-main #coming-up h2 a span { display:block; background:url(/staticarchive/ca832396f80c867b2927f51942974b9e609b6f34.png) 0 0; width:17px; height:23px; position:absolute; right:10px; top:6px; } .ie6 #blq-main #coming-up h2 { padding-right:8px; } .ie6 #blq-main #coming-up h2 a { padding-right:28px; width:200px; } .ie6 #blq-main #coming-up h2 a span { top:7px; } #blq-main #listen-live .date-time, #blq-main #coming-up .date-time { color:#FFF; } #blq-main #listen-live .summary, #blq-main #coming-up .summary { padding:6px 8px 8px; overflow:hidden; } #blq-main #listen-live .summary h3, #blq-main #coming-up .summary h3 { margin-bottom:0.2em; } #blq-main #listen-live .summary h3 a, #blq-main #coming-up .summary h3 a { color:#FFF; font-size:1.231em; text-decoration:none; margin-left:3px; } #blq-main #listen-live .summary h3 a:hover, #blq-main #coming-up .summary h3 a:hover { text-decoration:underline; } #blq-main #listen-live .summary p, #blq-main #coming-up .summary p { margin-bottom:0.2em; padding-bottom:0; } #blq-main #listen-live .summary .button { background:#333; margin-top:0.2em; height:22px; display:block; color:#FFF; font-weight:bold; text-decoration:none; float:left; position:relative; width:auto; } #blq-main #listen-live .summary .button:hover { background:#FFF; color:#333; } #blq-main #listen-live .summary .button .text { padding:3px 32px 0 38px; display:block; } #blq-main #listen-live .summary .button .icon { display:block; background:url(/staticarchive/327f1c02d455d90fce6bd6a1b211e1e603a68584.gif); width:29px; height:22px; position:absolute; left:0; top:0; } #blq-main #listen-live .summary .button .hds { background-image:url(/staticarchive/3afb0f4d15055b970bf668396c6a1e9c1a22fbe2.gif); width:18px; height:11px; display:block; position:absolute; right:10px; top:5px; } .ie6 #blq-main #listen-live .summary .button .hds { overflow:hidden; } #blq-main #listen-live .summary .button:hover .hds, #blq-main #coming-up .summary .button:hover .hds { background-position:0 -11px; } /*NAVIGATION ----------------------------------------*/ #blq-main #blq-local-nav { clear:both; width:976px; background:#F5F5F5; overflow:hidden; margin-bottom:1.231em; } #blq-main #blq-local-nav ul { overflow:hidden; display:block; float:left; } #blq-main #blq-local-nav li { display:block; float:left; } #blq-main #blq-local-nav li a { display:block; float:left; color:#CD1C28; text-decoration:none; } #blq-main #blq-local-nav li a:hover { color:#333; } #blq-main #blq-local-nav li a.current { background-color:#CD1C28; color:#FFF; } #blq-main #blq-local-nav li a#homepage { background:url(/staticarchive/a4ea00c39db49c7b0d1665f6b6333a67f281b873.gif) no-repeat 13px 10px; padding-left:1.778em; } #blq-main #blq-local-nav li a#homepage.current { background-position:10px -40px; background-color:#CD1C28; } #blq-main #blq-local-nav .main-nav { font-size:1.385em; font-weight:bold; padding-right:0.3em; background:url(/staticarchive/e3eb09c65106ecccc525323f38f6156bd4b489b5.gif) no-repeat right 8px; } #blq-main #blq-local-nav .sub-nav { margin-top:4px; margin-left:2px; font-size:1.077em; } #blq-main #blq-local-nav .main-nav li a { padding:0.29em 0.54em; } #blq-main #blq-local-nav .sub-nav li a { padding:0.26em 0.6em; } /* CONTENT COLUMNS ----------------------------------------*/ .page-title { font-size:3.692em; color:#CD1C28; margin:0.25em 0 0.33em; letter-spacing:-0.04em; } .season #blq-content { min-height:440px; } #blq-content #content-left { float:left; width:624px; padding-right:16px; } .ie7 #blq-content #content-left { overflow:hidden; padding-bottom:1px; position:statc; } .glow173-carousel .carousel-light .carousel-window { background:#000!important; } /*FEATURED CAROUSEL ----------------------------------------*/ #blq-content #content-left #featured-hero { height:351px; padding-bottom:2.7em; overflow:hidden; position:relative; } #blq-content #media-player-block { height:351px; background-color:#000; } #blq-content #media-player-block p { color:#fff; padding-left:2em; padding-right:2em; padding-top:2em; text-align:center; } #blq-content #media-player-block .first-note { padding-top:10em; font-weight:bold; } #blq-content #media-player-block p a:hover { color:#fff; } .season #blq-content #content-left #featured-hero { height:386px; } #blq-content #content-left #featured-hero span { background: none repeat scroll 0 0 #CD1C28; color: #FFFFFF; display: inline-block; font-size: 1em; left: 16px; padding: 3px 5px; position: absolute; text-transform: uppercase; top: 199px; z-index: 99; } .ie6 #blq-content #content-left #featured-hero { background-color:#fff; } .season.ie6 #blq-content #content-left #featured-hero { background-color:transparent; } .js #carousel { left:624px; } #blq-content #content-left #featured-hero ul#carousel { height:351px; width:624px; overflow:hidden; position:relative; } #blq-content #content-left #featured-hero ul#carousel.hide { left:624px; } #blq-content #content-left #featured-hero ul#carousel li { height:351px; width:624px; overflow:hidden; position:relative; } #blq-content #content-left #featured-hero ul#carousel li div.trans { background:url(/staticarchive/92c168a85f201fb12679f3c7f6b8b7845d821db8.png); position:absolute; bottom:0; left:0; display:block; padding:1.538em; z-index:9997; width:585px; } #blq-content #content-left #featured-hero ul#carousel li a { z-index:9998; color:#FFF; text-decoration:none; } #blq-content #content-left #featured-hero ul#carousel li p { color:#FFF; } #blq-content #content-left #featured-hero ul#carousel li cite { color:#fff; font-size:0.846em; display:block; text-align:right; position:absolute; right:8px; bottom:8px; } #blq-content #content-left #featured-hero ul#carousel li h2 { font-size:2.462em; margin-bottom:0.2em; } #a-z #blq-content #content-left #featured-hero ul#carousel li h2 { font-size:1.846em; margin-bottom:0.2em; } #blq-content #content-left #featured-hero ul#carousel li .trans a:hover { color:#CD1C28; text-decoration:none; } #blq-content #content-left #featured-hero ul#carousel li a:hover { color:#ffffff; text-decoration:underline; } #blq-content #content-left #featured-hero ul#editorial-image { height:351px; width:624px; overflow:hidden;/*left:624px;*/ position:relative; } #blq-content #content-left #featured-hero ul#editorial-image li { height:351px; width:624px; overflow:hidden; position:relative; } #blq-content #content-left #featured-hero ul#editorial-image li div.trans { background:url(/staticarchive/92c168a85f201fb12679f3c7f6b8b7845d821db8.png); position:absolute; bottom:0; left:0; display:block; padding:1.538em; z-index:9997; width:604px; } #blq-content #content-left #featured-hero ul#editorial-image li a { z-index:9998; color:#FFF; text-decoration:none; } #blq-content #content-left #featured-hero ul#editorial-image li p { color:#FFF; } #blq-content #content-left #featured-hero ul#editorial-image li h2 { font-size:2.462em; margin-bottom:0.2em; color:#fff; } #a-z #blq-content #content-left #featured-hero ul#editorial-image li h2 { font-size:1.846em; margin-bottom:0.2em; } #blq-content #content-left #featured-hero ul#editorial-image li .trans a:hover { color:#CD1C28; text-decoration:none; } #blq-content #content-left #featured-hero ul#editorial-image li a:hover { color:#ffffff; text-decoration:underline; } /*FEATURED CAROUSEL BUTTONS*/ #featured-hero .glow173-carousel ul.pageNav { margin-left:290px!important; } #featured-hero.single .glow173-carousel .pageNav { display:none; } #featured-hero .glow173-carousel .pageNav .dot { background:#3D0407; width:8px; height:8px; margin-right:8px; margin-top:8px; } .season #featured-hero .glow173-carousel .pageNav .dot { background:#FFF; } #featured-hero .glow173-carousel .pageNav li.dotActive { background:#FF2533; width:8px; height:8px; } .season #featured-hero .glow173-carousel .pageNav li.dotActive { background:#3D0407; } #featured-hero .glow173-carousel .pageNav li#leftarrow, #featured-hero .glow173-carousel .pageNav li#rightarrow { position:absolute; width:64px; height:64px; display:block; z-index:9999; background-image:url(/staticarchive/92c168a85f201fb12679f3c7f6b8b7845d821db8.png); } #featured-hero .glow173-carousel .pageNav li#leftarrow, #featured-hero .glow173-carousel .pageNav li#rightarrow { top:39%; } .ie6 #featured-hero .glow173-carousel .pageNav li#leftarrow, .ie6 #featured-hero .glow173-carousel .pageNav li#rightarrow { top:20px; display:inlne-block; } #featured-hero .glow173-carousel .pageNav li#leftarrow { left:0; } #featured-hero .glow173-carousel .pageNav li#rightarrow { right:0; } #featured-hero .glow173-carousel .pageNav li#leftarrow.hide, #featured-hero .glow173-carousel .pageNav li#rightarrow.hide { display:none; } #featured-hero .glow173-carousel .pageNav li#leftarrow a, #featured-hero .glow173-carousel .pageNav li#rightarrow a { width:64px; height:64px; display:block; background:url(/staticarchive/96a34444f0702a6a127abcd430706f6adc71ce76.png) no-repeat; } .ie6 #featured-hero .glow173-carousel .pageNav li#leftarrow a, .ie6 #featured-hero .glow173-carousel .pageNav li#rightarrow a { background-image:url(/staticarchive/156265812df8aa0a8d68a88f37ac64bbf774ab41.png); } #featured-hero .glow173-carousel .pageNav li#leftarrow a { background-position: 17px 15px; } #featured-hero .glow173-carousel .pageNav li#rightarrow a { background-position: 21px -79px; } #featured-hero .glow173-carousel .pageNav li#leftarrow a:hover, #featured-hero .glow173-carousel .pageNav li#rightarrow a:hover { background-color:#CD1C28; } .glow173-carousel .dot .dotLabel, .glow173-vCarousel .dot .dotLabel { width:8px; height:8px; } /*LEFT COLUMN CONTENT BLOCK ----------------------------------------*/ #content-left .content { width:624px; float:left; overflow:hidden; margin-bottom: 1.231em; position:relative; /*padding-top:1em;*/ } #content-left .content h2 { font-size:2.769em; margin-bottom:0.25em; padding-bottom:0.33em; color:#333; } #a-z #content-left .content h2 { padding-right:156px; } /*LEFT SUB COLUMN ----------------------------------------*/ .subcontent { width:304px; float:left; overflow:hidden; } .subcontent#left_col { margin-right:16px; } .subcontent h2 { font-size:2.769em; letter-spacing:-0.04em; margin-bottom:0.25em; color:#333; } /*RIGHT SUB COLUMN ----------------------------------------*/ #blq-content #content-right { float:left; width:336px; } .arts-and-drama #blq-content .subcontent#right_col { min-height:1500px; } .season #blq-content #right_col { min-height: 560px; } /* CONTENT BLOCKS ----------------------------------------*/ /* STANDARD COLOUR BLOCKS */ #blq-main .block { padding:16px; margin-bottom:1.231em; position:relative; overflow:hidden; } #blq-main .block h3 { font-size:1.846em; margin-bottom:0.65em; letter-spacing:-0.04em; } #blq-main .block h3 span.smallcontext { font-size:0.876em; color:#333; } #blq-main .block h3 a { text-decoration:none; width:auto; } /* WHITE BG BLOCKS - LIKE LEFT COLUMN ON HOMEPAGE */ #blq-main .slimblock { padding:0; margin-bottom:2.462em; overflow:hidden; } #blq-main .slimblock h3 { font-size:2.154em; color:#CD1C28; padding:0.371em 0 0.65em; border-top:solid 1px #CCC; letter-spacing:-0.04em; } #blq-main .slimblock h3 a { text-decoration:none; } /*#blq-main .slimblock a.button {margin-top:1em;}*/ /* PURE CONTAINER BLOCK - USED TO SEPERATE CONTENT FROM OTHER CONTENT - HOME MID COLUMN*/ #blq-main .moduleblock { margin-bottom:1.1em; } /*{margin-bottom:0.3em;font-size:1.2em}*/ /* COMBINATIONS */ #blq-main .block h4, #blq-main .slimblock h4, #blq-main .moduleblock h4 { margin-bottom:0.3em; font-size:1.077em; } #blq-main .block h4 a, #blq-main .slimblock h4 a, #blq-main .moduleblock h4 a { text-decoration:none; } /* BOX BASED ON COLOR ----------------------------------------*/ #blq-content .grey { background-color:#F5F5F5; } #blq-content #content-right .red-mid { background-color:#811C28; } #blq-content #content-right .red-mid h3, #blq-content .red-mid p, #blq-content .red-mid form { color:#FFF; } #blq-content #content-right .red-mid a { color:#fff; text-decoration:none; } #blq-content #content-right .red-mid a:hover { text-decoration:underline; } #blq-content #content-right .red-mid li a:hover { text-decoration:underline; } #blq-content #content-right .red-dark { background-color:#3D0407; color:#FFF; } #blq-content #content-right .red-dark h3 { font-size:2.769em; letter-spacing:-0.04em; margin-bottom:0.5em; color:#FFF; } #blq-content #content-right .red-dark h4 { font-size:1.385em; } #blq-content #content-right .red-dark p { margin-bottom:1.231em; } #blq-content #content-right .red-dark ul#blog-list p { margin-bottom:0; } #blq-content #content-right .red-dark ul#blog-list li { padding-bottom:16px; } #blq-content #content-right .red-dark li:last-child p { margin-bottom:0; } #blq-content #content-right .red-dark a { color:#FF2533; text-decoration:none; } #blq-content #content-right .red-dark a:hover { color:#FFF; text-decoration:underline; } #blq-content #content-right .spiral { background-image:url(/staticarchive/b697e7ac640e5a79f465659ccd51c7483303ecd7.png); background-position:right top; background-repeat: no-repeat; } .ie6 #blq-content #content-right .spiral { background-image:none; } ul.bullet-list { margin-top:0.3em; } ul.bullet-list li { display:block; padding-left:16px; background:url(/staticarchive/d2b433c7a2af7650cf2684c58f98fa257ec047ae.gif) no-repeat left 4px; margin-bottom:0.2em; } ul.bullet-list li a { text-decoration:none; } ul.bullet-list li a:hover { text-decoration:underline; } .ie6 ul.bullet-list li { display:inline-block; } /* BOX SPECIFICS ----------------------------------------*/ #blq-content #looking-ahead { min-height:225px; margin-bottom:8px; padding-bottom:1px; } #blq-content #looking-ahead h4 { margin-bottom:0.2em; } #blq-content #playlists { margin-top:16px; } #blq-content #playlists h4 { margin-bottom:0; } #blq-content #content-right #reviews { word-wrap: break-word; } #blq-content #content-right #reviews h3 { font-size:2.769em; margin-bottom:0.2em; } #blq-content #content-right #london2012 span{position:absolute;z-index:-1} #blq-content #content-right #london2012{padding:0;} #blq-content #content-right #london2012 h3{ margin-bottom:0.2em;} #blq-content #content-right #london2012 #london2012-description a {text-decoration: none;} #blq-content #content-right #london2012 #london2012-description a:hover {text-decoration: underline;color:#333333;} #blq-content #share { padding:16px; background-color:#F5F5F5; } #blq-content .bbc-st-full .bbc-st-count { clear:both; float:none; margin-left:0; } #blq-content .bbc-st-full .bbc-st-count, #blq-main #blq-content .bbc-st-full .bbc-st-count { margin-left:0; } #blq-content #share h3 { font-size: 2.769em; } #blq-content #latest-tweets { margin-top:1.231em; } #blq-content #share h3, #blq-content #keep-informed h3, #blq-content #latest-tweets h3, #blq-content #elsewhere-on-bbc h3, #blq-main #blq-content .bbc-st-full div.bbc-st-wrapper h2.bbc-st-heading { color:#333; margin-bottom:0.444em; letter-spacing:-0.04em; } #latest-tweets a { font-weight:bold; text-decoration:none; } #latest-tweets a:hover { text-decoration:underline; } #latest-tweets .tweet-text { background:#fff; padding:1em 16px; margin-bottom:0.6155em } #blq-content #keep-informed, #blq-content #season-social-media, #blq-content #latest-tweets { clear:both; } #blq-content #keep-informed .icon-list li, #blq-content #season-social-media .icon-list li, #blq-content #elsewhere-on-bbc .icon-list li { display:block; margin-bottom:0.3em; } .ie6 #blq-content #keep-informed .icon-list li, .ie6 #blq-content #season-social-media .icon-list li, .ie6 #blq-content #elsewhere-on-bbc li { display:inline-block; } #blq-content #keep-informed .icon-list li.newsletter, #season-social-media .newsletter a { margin-left:0; } #blq-content #keep-informed .icon-list li.newsletter a, #season-social-media .newsletter a { background-position:0 2px; } #blq-content #keep-informed .icon-list li.facebook a, #season-social-media .facebook a { background-position:0 153px; } #blq-content #keep-informed .icon-list li.twitter a, #season-social-media .twitter a { background-position:0 103px; } #blq-content #keep-informed .icon-list li.comment a, #season-social-media .comment a { background-position:0 52px; } .ie6 #blq-content #keep-informed .icon-list li a, .ie6 #season-social-media li a { position:relative; } #blq-content #keep-informed .icon-list li a, #season-social-media li a { background:url(/staticarchive/ec4bec10eeef864847ea9a68dfde544adc90d6f6.gif) repeat-y; display:block; padding-left:32px; } #blq-content .icon-list li a { text-decoration:none; } #blq-content .icon-list li a:hover { text-decoration:underline; } #blq-content #elsewhere-on-bbc .icon-list li a { background:url(/staticarchive/ec4bec10eeef864847ea9a68dfde544adc90d6f6.gif) repeat-y; display:block; padding-left:32px; background-position: 0 53px; } #blq-content #reviews h3 span { font-size:0.889em; position:relative; top:-0.23em; } #blq-content #reviews h4 { margin-bottom:0.2em; } #blq-content #reviews h4 a { text-decoration:none; } #blq-content #reviews ul#blog-list li img { display:none; } #blq-content #content-right #reviews #blog-list h3 { font-size:1.385em; } elsewhere-on-bbc #blq-content .newsletter { margin-left:2px; } #blq-content #newsletter .newsletter_help { display:block; width:22px; height:22px; position:absolute; right:16px; top:16px; background:url(/staticarchive/77834f1a77db86c4bcfb84fdc0b2b12ca734bf35.gif); text-indent:-9999em; } #blq-content #newsletter .newsletter_help:hover { background-position:0 -22px; } #blq-content #newsletter .hide, #blq-content .newsletter .hide { position:absolute; left:-9999em; } #blq-content #newsletter .text { height:34px; line-height:34px; padding:0 8px; font-size:1.538em; display:block; font-weight:bold; color:#666; background-color:#FFF; width:282px; margin:8px 0; border:0 none; } #blq-content .newsletter .text { height:34px; line-height:34px; padding:0 8px; font-size:1.538em; display:block; font-weight:bold; color:#666; background-color:#eee; width:282px; margin:8px 0; border:1px solid #ccc; } #blq-content #newsletter button, #blq-content .newsletter button { font-size:1.538em; border:0 none; padding:4px; font-weight:bold; margin-top:8px; cursor:pointer; } #blq-content .newsletter button { padding:4px 6px; margin-left:-1px; } #blq-content #newsletter .subscribe, #blq-content .newsletter .subscribe { background-color:#CD1D29; color:#FFF; } #blq-content #newsletter .subscribe:hover, #blq-content .newsletter .subscribe:hover { background-color:#3D0407; } #blq-content #newsletter .radio, #blq-content .newsletter .radio { display:block; float:left; width:140px; margin-bottom:0.3em; } #blq-content #newsletter .radio input, #blq-content .newsletter .radio input { margin-right:8px; float:left; margin-top:3px; } #blq-content #newsletter p {margin:1em;} .ie6 #blq-content #newsletter .radio input, .ie6 #blq-content .newsletter .radio input { margin-top:0; } .ie7 #blq-content #newsletter .radio input, .ie7 #blq-content .newsletter .radio input { margin-top:-2px; } #blq-content #newsletter label, #blq-content .newsletter label { width:114px; display:block; float:left; } .ie6 #blq-content #newsletter label, .ie6 #blq-content .newsletter label, .ie7 #blq-content #newsletter label, .ie7 #blq-content .newsletter label { width:100px; } /* PODCASTS BLOCK ----------------------------------------*/ #blq-content-inner #blq-foot { position:static !important; } #blq-content #podcasts .podcasts-cta-series-artwork { float:left; width:70px; height:70px; margin-right:16px; } .ie7 #blq-content #podcasts, .ie8 #blq-content #podcasts { padding-bottom:0; } #blq-content #podcasts ul li { margin-bottom:16px; clear:both; display:block; overflow:hidden; } #blq-content #podcasts ul li:last-child { margin-bottom:0; } #blq-content #podcasts p { display:block; } #blq-content #podcasts p { margin-bottom:0.4em; } .podcasts-cta-series-title { font-size: 1.077em; font-weight:bold; } .podcasts-cta-series-title a:link { text-decoration:none; } .podcast-cta-series-duration { float:left; width:164px; background:url(/staticarchive/4b1860f95dbf03e44fcf1e9ceb53dcd4d78f6ce5.gif) 0 -49px no-repeat; padding-left:20px; font-weight:bold; color:#666; } .podcast-cta-series-duration span { display:none; } .podcast-cta-series-updated { float:left; width:164px; background:url(/staticarchive/4b1860f95dbf03e44fcf1e9ceb53dcd4d78f6ce5.gif) 0 0 no-repeat; padding-left:20px; font-weight:bold; color:#666; } .podcast-cta-series-updated span { display:none; } .podcast-cta-series-description { margin-left:86px; } #blq-content #podcasts .podcasts-cta-tagline { display:none; } .podcasts-cta { position:relative; padding-bottom:2em; overflow:hidden; } .ie6 .podcasts-cta { zoom:1; } .podcasts-cta-tagline { margin-left:86px; } .podcast-cta-series-button { overflow:hidden; position:absolute; bottom:0; left:86px; } .podcast-cta-series-button a { background:url(/staticarchive/f33054c035795566c0394d2732dba8207e7efd17.gif) no-repeat; width:172px; height:15px; display:block; margin-right:8px; } .podcast-cta-series-button a:hover { background-position:0 -15px; } .podcast-cta-series-button a.podcast-cta-series-button-help { display:none; } .podcast-cta-series-button img { display:none; } #blq-main .block ul.podcasts img { float:left; margin-right:16px; } .ie6 #blq-main .block ul.podcasts img { margin-right:8px; } #blq-main .block ul.podcasts .summary { float:left; width:186px; } #blq-content #podcasts .help_icon { width:22px; height:22px; display:block; text-indent:-9999em; background-image:url(/staticarchive/77834f1a77db86c4bcfb84fdc0b2b12ca734bf35.gif); float:right; } #blq-content #podcasts .help_icon:hover { background-position:0 -22px; } /* THUMBNAIL CONTENT LISTS ----------------------------------------*/ #blq-main .block ul.content-list { overflow:hidden; } #blq-main .block ul.content-list li { margin-bottom:1.231em; overflow:hidden; clear:both; } /*#blq-main .block ul.content-list li:last-child {margin-bottom:0;}*/ #blq-main .block ul.content-list h4 { margin-top:-0.2em; } /* 86x48 IMAGE LIST BLOCK ----------------------------------------*/ #blq-main .lr_86x48 li { display:block; } #blq-main .lr_86x48 li .summary { float:left; width:202px; } #blq-main .lr_86x48 li h4 { margin-bottom:0.3em; } #blq-main .lr_86x48 li p a:link { margin-top:0.2em; display:inline-block; } #blq-main .lr_86x48 li img { width:86px; height:48px; } /* EVENTS & TICKETS BLOCK ----------------------------------------*/ #blq-main #events-tickets li { display:block; clear:both; overflow:hidden; margin-bottom:16px; } .ie6 #blq-main #events-tickets li { height:48px; margin-bottom:16px; padding-bottom:16px; } #blq-main #events-tickets ul.button-list { margin-bottom:-16px; } .ie6 #blq-main #events-tickets ul.button-list li { height:auto; padding-bottom:8px; margin-bottom:0; } #blq-main #events-tickets li img { float:left; margin-right:10px; } #blq-main #events-tickets.lr_86x48 p a { text-decoration:none; } #blq-main #events-tickets.lr_86x48 p { float:left; width:170px; color:#666; font-weight:bold; } /* LATEST REVIEWS BLOCK ----------------------------------------*/ #blq-main #latest-reviews li { display:block; clear:both; overflow:hidden; margin-bottom:16px; } .ie6 #blq-main #latest-reviews li { height:86px; margin-bottom:16px; padding-bottom:16px; } #blq-main #latest-reviews ul.button-list { margin-bottom:-16px; } .ie6 #blq-main #latest-reviews ul.button-list li { height:auto; padding-bottom:8px; margin-bottom:0; } #blq-main #latest-reviews li img { float:left; margin-right:10px; width:86px; height:86px; } #blq-main #latest-reviews.lr_86x48 .release-title { font-size:1.077em; margin-top:0; } #blq-main #latest-reviews.lr_86x48 .release-title a { margin-top:0; } #blq-main #latest-reviews.lr_86x48 p a { text-decoration:none; } #blq-main #latest-reviews.lr_86x48 p { float:left; width:170px; color:#666; font-weight:bold; } #blq-main #latest-reviews.lr_86x48 p.short-synopsis { color:#333; font-weight:normal; margin-bottom:8px; float:right; width:176px; } #blq-main #latest-reviews.lr_86x48 li.feed-news-item p.short-synopsis { float:left; width:auto; margin-bottom:0; } #blq-main #latest-reviews.lr_86x48 p.artist-name { margin-bottom:4px; width:176px; float:right; } #blq-main #latest-reviews.lr_86x48 p.reviewer { font-size:0.9em; text-transform:uppercase; font-weight:normal; float:right; width:176px; } #blq-main #latest-reviews.lr_86x48 p.reviewer em { font-weight:bold; font-style:normal; } #blq-main #latest-reviews li.feed-news-item p { width:auto; } .ie6 #blq-main #latest-reviews li.feed-news-item p, .ie7 #blq-main #latest-reviews li.feed-news-item p { float:none; } #blq-main #latest-reviews.lr_86x48 li.feed-news-item p.story-date { margin-bottom:4px; } #blq-main #latest-reviews.lr_86x48 li.feed-news-item p { clear:both; } /* LARGE DISCOVER BLOCKS ----------------------------------------*/ #blq-main ul#discover li { margin-bottom:14px; } #discover h3.title { font-size: 1.846em; letter-spacing:-0.04em; } #discover h3.title a { text-decoration:none; } #discover h3.title a:hover { text-decoration:none; color:#333; } /* 140x80 IMAGE LIST BLOCK ----------------------------------------*/ #blq-main .lr_140x80 ul { overflow:hidden; width:328px;/* We set an explicit size so the thumbs have enough room to stack against each other*/ } #blq-main .lr_140x80 li { width:140px; padding-right:24px; padding-bottom:16px; float:left; display:block; overflow:hidden; } .arts-and-drama #blq-main .lr_140x80 li { height:210px; } .ie6 #blq-main .lr_140x80 li { zoom:1; } #blq-main .lr_140x80 li.alt { padding-right:0; } #blq-main .lr_140x80 li .img_overlay { margin-bottom:0.3em; width:140px; } #blq-main .lr_140x80 li h4 { margin-bottom:0.3em; } #blq-main .lr_140x80 li p { margin-bottom:0.3em; } #blq-main .lr_140x80 li .img_overlay span { background-image:url(/staticarchive/105b39bc1cc90a64b4ec28f1963f0e39e20d20b9.png); background-repeat:no-repeat; background-position:0 0; width:24px; height:24px; } p.date-time, p.duration { margin-bottom:0; color:#666; font-weight:bold; } /* PODCASTS */ /* THUMBNAIL OVERLAYS ----------------------------------------*/ .small_img_overlay { position:relative; width:86px; height:48px; float:left; margin-right:16px; } .small_img_overlay span, .small_img_overlay a.label { position:absolute; text-decoration:none; bottom:0; left:0; background:#CC1B27; color:#FFF; text-transform:uppercase; font-weight:bold; padding:0.3em; } .large_img_overlay { position:relative; height:170px; width:304px; } .large_img_overlay a { text-decoration:none; color:#fff; } .ie6 .large_img_overlay a { text-decoration:none; color:#fff; } .large_img_overlay div.trans { position:absolute; bottom:0; left:0; background:url(/staticarchive/92c168a85f201fb12679f3c7f6b8b7845d821db8.png); color:#FFF; padding: 8px; width:288px; } .large_img_overlay div.trans h3 { font-size:1.692em; } .large_img_overlay div.trans h3 a:hover { color:#FF2533; } .large_img_overlay p { margin-top:0.3em; } .large_img_overlay a.hover-area { display:block; position:absolute; top:0; left:0; width:304px; height:170px; background-color:transparent; z-index:100; } .img_overlay { position:relative; height:80px; width:304px; } .img_overlay span { position:absolute; top:0; left:0; z-index:9999; } /* BUTTONS ----------------------------------------*/ /* BUTTONS IN LIST */ #blq-content .block ul.button-list { margin-top:1.231em; display:block; clear:both; } #blq-content ul.button-list a.button { float:none; float:none; } #blq-content ul.button-list li { margin-bottom:8px; } .ie6 #blq-content ul.button-list li, .ie7 #blq-content ul.button-list li { display: inline-block; } #blq-content ul.button-list li:last-child a.button { margin-bottom:0; } /* STANDALONE BUTTONS */ #blq-content a.button { background:#CC1B27; color:#FFF; font-size:1.231em; font-weight:bold; float:left; display:block; padding:8px; text-decoration:none; clear:both; position:relative; } #blq-content a.button:hover { background:#660D13 } #blq-content a.button .icon { display:block; cursor:pointer; position:absolute; right:0; top:0; width:32px; height:32px; background-image:url(/staticarchive/22c17d5436687c43a634c18948a0542f6c063873.gif); } .ie6 #blq-content a.button .icon, .ie7 #blq-content a.button .icon { right:0; top:2px; } #blq-content a.button .search { background-position:0 0; } #blq-content a.button .info { background-position:0 -32px; } #blq-content a.button .podcast { background-position:0 -64px; } /* BUTTONS IN HEADING */ #blq-content h2 a.button { background:#CC1B27; color:#FFF; width:140px; font-size:0.4em; line-height:normal; font-weight:bold; float:right; display:block; padding:8px; text-decoration:none; clear:both; position:absolute; top:0; right:0; } #blq-content h2 a.button:hover { background:#660D13 } #blq-content h2 a.button .icon { display:block; position:absolute; right:0; top:0; width:32px; height:32px; background-image:url(/staticarchive/22c17d5436687c43a634c18948a0542f6c063873.gif); } #blq-content h2 a.button .search { background-position:0 0; } #blq-content h2 a.button .info { background-position:0 -32px; } #blq-content h2 a.button .podcast { background-position:0 -64px; } /*BBC MUsic hides*/ .podcast-cta-series-description-more { display:none; } /* BBC HEADER SEARCH FORM INPUT HEIGHT ----------------------------------------*/ .ie6 #blq-mast form #blq-search, .ie7 #blq-mast form #blq-search, .ie8 #blq-mast form #blq-search { padding-bottom:4px; } /* iPlayer 'Listen now' Link ----------------------------------------*/ a.iplayer { clear: right; display: block; float: left; height: 15px; width: 104px; min-height: 15px; min-width: 104px; margin-top: 2px; margin-right: 0.5em; margin-bottom:0.3em; background-image: url("/staticarchive/44e2597644b243bba38213897f02a19e1b3e53f3.png"); background-repeat: no-repeat; background-position:0 0; text-decoration: none; overflow:hidden; text-indent:-999em; } a.iplayer:hover { background-position:0 -30px; } /* A-Z ----------------------------------------*/ #a-z #content-left .content h2 { margin-bottom:0.5em; padding-bottom:0.4em; border-bottom:1px solid #ccc } .a-z-nav { width:100%; overflow:hidden; clear:both; padding-bottom:2em; } .a-z-nav li { float:left; display:block; position:relative; font-size:1.8em; text-align:left; } .ie6 .a-z-nav li { font-size:1.75em; } .a-z-nav li:first-child { margin-left:-4px; } .a-z-nav a { display:block; padding:4px; text-decoration:none; } .a-z-section { clear:both; overflow:hidden; padding-bottom: 3em; } .ie6 .a-z-section { margin-bottom: 3em; } .a-z-section h3 { border-bottom:1px solid #eee; font-weight:normal; font-size:1.538em; padding-bottom:0.5em; margin-bottom:0.25em; } .ie6 .a-z-section h3 { display:inline-block; } #editorial-page .a-z-section h3 { font-weight:bold; color:#CC1B27; } #editorial-page .a-z-section h3 em { color:#666; font-style:normal; } #editorial-page .a-z-section ul { margin-bottom:15px } .a-z-section ul { width:304px; float:left; overflow:hidden; } .ie6 .a-z-section ul li { display:inline-block; } .a-z-section ul li ul { padding-left:18px; padding-bottom:0.4em; } .a-z-section ul li ul li { list-style:square; } .a-z-section ul li ul li a { color:#CC1B27; } .a-z-section ul li ul li a:hover { text-decoration:underline; } .a-z-section ul.first { margin-right:16px; } .a-z-section a { color:#333; text-decoration:none; display:block; line-height:1.5em; } .a-z-section a.iplayer { float:none; } .a-z-section strong { text-transform:uppercase; color:#CD1C28; } .a-z-section a:hover strong { color:#333; } #a-z .content p { margin:0 0 1em 0; } /* PROGRAMME LIST ----------------------------------------*/ .programme-list ul { width:100%; } .programme-list li { width:304px; margin:0 16px 0 0; float:left; padding:16px 0; color:#555; } .programme-list li.alt { clear:none; margin-right:0; } .programme-list li div { float:left; } .programme-list li div p { padding-bottom:0.75em; } .programme-list li h4 { padding-bottom:0.3em; font-size:1.077em; color:#666; } .programme-list li h5 { color:#666; font-style:italic; font-weight:normal; } .programme-list li h4 a, .programme-list li .info h4 a:visited { color:#CD1C28; line-height:inherit; } .programme-list li .info h4 a:hover { color:#333; } .programme-list .thumb { width:128px; padding:3px 16px 0 0; } .programme-list .thumb p { font-size:0.923em; } .programme-list .thumb a { position:relative; } .ie6 .programme-list .thumb a, .ie7 .programme-list .thumb a { margin-bottom:5px; } .programme-list .thumb a span { background-image: url("/staticarchive/105b39bc1cc90a64b4ec28f1963f0e39e20d20b9.png"); background-position: 0 0; background-repeat: no-repeat; height: 24px; width: 24px; left: 0; position: absolute; top: 0; z-index: 9999; } .programme-list .availability { color:#999; } .programme-list .availability img { padding-left:3px; vertical-align:-1px; } .programme-list .thumb .duration { display:block; } .programme-list .info { width:144px; padding:0; } .programme-list .info p.programme-playlist a { padding-bottom:0.3em; font-weight:bold; font-size:1.077em; color:#CD1C28; line-height: 1.231em; } #a-z .a-z-section { width:640px; } #a-z #blq-content #content-left { margin-right:16px; padding:0; overflow:hidden; } /* POPULAR COMPOSERS ----------------------------------------*/ #popular-composers li { float:left; width:140px; clear:left; } .ie6 #popular-composers li { margin-right:0; } #popular-composers li.alt { margin-left:24px; clear:none; } .ie6 #popular-composers li.alt { margin-left:24px; } #popular-composers img { padding-top:12px; } #content-right #popular-composers.red-dark h4 { font-size:1.077em; padding-bottom:0; } #popular-composers.red-dark h4 a { padding:0.33em 0 0; display:block; text-decoration:none; } /* FIND OUT MORE ----------------------------------------*/ #find-out-more a { color:#fff; } #find-out-more a:hover { color:#FF2533; } /* Get Flash Text */ a.get-flash { display:block; padding:150px 16px; background-color:#eee; font-size:1.077em; font-weight:bold; text-align:center; text-decoration:none; } /* Share popup */ .bbc-st-sharepanel p.bbc-st-explain { padding-right:16px; } /* EDITORIAL PAGE CAROUSEL - copied from Desert Island Discs ----------------------------------------*/ #editorial-carousel { padding:0 0 26px 0; position:relative; height:289px; } /********************************* * Scroller **********************************/ #scroll-wide { height: 289px; position: relative; } #scroll-view { overflow: hidden; position: absolute; height: 288px; width:100%; } #scroll-panel-holder { width: 9999px; margin:0; padding:0; position: absolute; left: 5px; } .scroll-panel { display:block; float:left; height: 288px; width: 512px; position: relative; overflow: hidden; margin: 0 2px 0 0; line-height:1.2em } .ie6 .scroll-panel *, .ie7 .scroll-panel * { display:inline-block; } /* Scroller icons **********************************/ .scroll-panel .type { display: block; height: 68px; position: absolute; top: 0; width: 74px; } .scroll-panel .type.video { background: none top left no-repeat; } .scroll-panel .type.audio { background: none top left no-repeat; } .scroll-panel .type.photo { background: none top left no-repeat; } /*#scroll-view li.first, #scroll-view li.last { opacity:0.8;filter:alpha(opacity=80)}*/ /* Scroller copy **********************************/ .scroll-panel a { color:#FFF; } .scroll-panel h2 a { text-decoration:none; } .scroll-panel a:hover, .scroll-panel .hover a { text-decoration: none; color:#CC1B27; } .scroll-panel .copy { display:none; left:0; overflow:hidden; position:absolute; bottom:62px; width:270px; } .scroll-panel .copy .title, .scroll-panel .copy .description { background:url(/staticarchive/92c168a85f201fb12679f3c7f6b8b7845d821db8.png) repeat scroll left top transparent; color:#FFFFFF; display:block; padding-left:20px; } .scroll-panel .copy .title { font-size:2.462em; line-height:1em; padding-right:30px; padding-top:10px; font-weight:bold; } .scroll-panel .copy .description { padding: 5px 60px 10px 20px; } .scroll-panel .copy .description p { font-size:1.077em; line-height:1.2em; font-weight:bold; color:#FFF; } .scroll-panel .copy .description p.date { font-size:0.846em; text-transform:uppercase; } /* Scroller Nav **********************************/ #scroll-view a.nav { position: absolute; width: 60px; height: 60px; display: block; bottom:16px; } #scroll-view a.nav#prev { background:#000 url(/staticarchive/96a34444f0702a6a127abcd430706f6adc71ce76.png) no-repeat 17px 13px; left: 514px; opacity:0.85; filter:alpha(opacity=85); } #scroll-view a.nav#next { background:#000 url(/staticarchive/96a34444f0702a6a127abcd430706f6adc71ce76.png) no-repeat 21px -81px; right: 514px; opacity:0.85; filter:alpha(opacity=85); } .ie6 #scroll-view a.nav#prev, .ie6 #scroll-view a.nav#next { background-image:url(/staticarchive/156265812df8aa0a8d68a88f37ac64bbf774ab41.png); } /*#scroll-view a.nav#prev:hover{background-position: bottom left;} #scroll-view a.nav#next:hover{background-position: bottom right;}*/ #scroll-view a.nav#prev:hover { background:#CC1B27 url(/staticarchive/96a34444f0702a6a127abcd430706f6adc71ce76.png) no-repeat 17px 13px; opacity:1; filter:alpha(opacity=100); } #scroll-view a.nav#next:hover { background:#CC1B27 url(/staticarchive/96a34444f0702a6a127abcd430706f6adc71ce76.png) no-repeat 21px -81px; opacity:1; filter:alpha(opacity=100); } .ie6 #scroll-view a.nav#prev:hover, .ie6 #scroll-view a.nav#next:hover { background-image:url(/staticarchive/156265812df8aa0a8d68a88f37ac64bbf774ab41.png); } #scroll-view li a:hover .description { text-decoration: underline; } /* Scroller Cover **********************************/ #cover-left { background:url('/staticarchive/e69ac8e97781ab6dccf585a9af7e2124fabcd093.png') repeat-y scroll left top transparent; height:288px; width:360px; z-index:10; left:-285px; position:absolute; top:0; } #cover-right { background:url('/staticarchive/6d053ec08b4d97f55c06e70d85f887dbea92495a.png') repeat-y scroll left top transparent; height:288px; width:360px; z-index:10; right:-285px; position:absolute; top:0; } /* FOOTER LNKS WHICH APPEAR WHEN JS IS OFF ----------------------------------------*/ #blq-nav-links { width:auto; height:auto; } #blq-nav-links .blq-nav-sub { width:33%; } #blq-nav-links .blq-nav-sub a { width:auto; padding-right:5px; }*/ /* EDITORIAL PAGE STYLES ----------------------------------------*/ .main-text, .alternative-main-text { border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:25px 2px 15px; margin-bottom:34px; position:relative; } .collapsed-main-text { padding-bottom:25px; } .collapsed-main-text div { overflow:hidden; height:129px; } .main-text a.view-more-text, .main-text a.view-less-text { background-color:#fff; color:#CC1B27; cursor:pointer; display:block; position:absolute; bottom:-8px; left:500px; font:bold 1.385em "Helvetica Neue", Arial, Helvetica, sans-serif; line-height:1em; text-decoration:none; padding:0 15px 0 38px; background-image:url(/staticarchive/355f518aac051d4230c00aff7903a3ceb4aaba18.png); background-repeat:no-repeat; } .ie6 .main-text a.view-more-text, .ie6 .main-text a.view-less-text { position:static; padding-bottom:5px; margin-left:-10px; margin-top:10px; } .main-text a.view-more-text { display:none; background-position:9px 6px; } .main-text a.view-more-text:hover { background-position:9px -34px; color:#333; } .main-text a.view-less-text { display:none; background-position:9px -75px; } .main-text a.view-less-text:hover { background-position:9px -115px; color:#333; } .main-text div p, .alternative-main-text p { line-height:1.231em; padding-bottom:1.231em; } .main-text div h3, .alternative-main-text h3 { font-size:1.846em; margin-bottom: 0.65em; } .main-text div h4, .alternative-main-text h4 { font-size:1.385em; margin-bottom: 0.65em; } .main-text div p:first-child, .alternative-main-text p:first-child { font-weight:bold; } #editorial-page .view-all { text-decoration:none; font:bold 1.846em "Helvetica Neue", Arial, Helvetica, sans-serif; padding-left:26px; background:transparent url(/staticarchive/9d5f2cc139e05af14b9001eb95f0a16cfd70585f.png) no-repeat 0 4px; } #editorial-page .view-all:hover { text-decoration:none; color:#333; background-position:0 -36px; } .repeating-facts { margin-bottom:2.462em; border-bottom:1px solid #eee; padding-bottom:1em; } .repeating-facts h3 { font-size: 1.846em; margin-bottom: 0.65em; } .repeating-facts em { color:#666; font-weight:bold; font-style:normal; text-transform:uppercase; font-size:0.88em; letter-spacing:-0.001em; } .repeating-facts p, .repeating-facts ul { padding-bottom:1.231em; } .repeating-facts p.reviewer-details { margin-top:-10px; } .repeating-facts ul { padding-left:16px; } .repeating-facts ul li { list-style:square; } /* LISTEN / WATCH LINKS ----------------------------------------*/ a.watch-w, a.watch-b, a.watch-wt, a.watch-bt, a.listen-w, a.listen-b, a.listen-wt, a.listen-bt { background:url(/staticarchive/b6337fe31370ec7430197636f99a289e080c3d85.png) no-repeat; padding:0 0 0 22px; } .ie6 a.watch-w, .ie6 a.watch-b, .ie6 a.watch-wt, .ie6 a.watch-bt, .ie6 a.listen-w, .ie6 a.listen-b, .ie6 a.listen-wt, .ie6 a.listen-bt { background:url(/staticarchive/c6ad9bcb89019d64eff4b3391f99b7cbd9a948aa.gif) no-repeat; padding:0 0 0 22px; } a.watch-w { background-position: -3px -281px; } a.watch-b { background-position: -28px -256px; } a.watch-wt { background-position: -54px -230px; } a.watch-bt { background-position: -79px -205px; } a.listen-w { background-position: -103px -180px; } a.listen-b { background-position: -128px -155px; } a.listen-wt { background-position: -153px -130px; } a.listen-bt { background-position: -178px -105px; } /* TAG AGGREGATOR ----------------------------------------*/ .programmes .episode h3 span { display:block; } .programmes .episode h3 .programme-brand { text-transform:uppercase; font-weight:bold; color:#000; margin:0 0 0.5em 0; } .programmes .episode h3 .master-brand {margin:0 0 0.8em 0;} .programmes .episode h3 .titles { font-size: 1.3em; line-height: 1.1em; margin:0 0 1em 0; } .programmes .episode-item { padding:0; position:relative; overflow:hidden; background:#f5f5f5; margin:0 0 32px 0;} .programmes .episode-item .depiction { float:left; } .programmes .episode-item .depiction { width:256px; position: absolute; right: 0; top: 0; height:144px;} .programmes .episode-item .summary { margin-right:16px; padding: 12px; width: 328px; } .programmes .episode-item .summary h3 a { text-decoration:none; } .programmes .episode-item .summary .synopsis { margin: 8px 0; min-height: 40px; } .programmes .episode-item .iplayer-cta { clear:both;height: 128px; padding: 8px; width: 64px; position: absolute; right: 0; top: 0; background:url(/staticarchive/92c168a85f201fb12679f3c7f6b8b7845d821db8.png); text-decoration: none; z-index:1; } .ie6 .programmes .episode-item .iplayer-cta {height:128px;overflow:hidden;background:#000;} .programmes .episode-item .iplayer-cta:hover { color:#fff; } .programmes .episode-item .iplayer-cta .verb { background: url("/staticarchive/843b9e7ec5111d008fcc1f82e8e7965effb88b81.png") no-repeat scroll center 2px transparent; display: block; font-size: 1.231em; font-weight: bold; line-height: 19px; padding-top: 56px; text-transform:uppercase; } .ie6 .programmes .episode-item .iplayer-cta .verb {background: url("/staticarchive/98e8d5daf5296ed06912c446ee946f16fefb37bc.gif") no-repeat scroll center 2px transparent;} .programmes .episode-item .iplayer-cta .remaining { font-size: 0.9em; line-height: 1.2em; display: block; margin-top: 5px; color:#fff; } .programmes .episode-item .summary .first-broadcast a { text-transform: uppercase; text-decoration: none; font-weight:bold; font-size:0.9em; color:#666; } .programmes .additional-content { margin:8px 0 0 0; } .programmes .additional-content a { display:inline; background:#cd1c28; color:#fff; padding:2px 4px; text-transform:uppercase; text-decoration:none; font-weight:bold; font-size:0.9em; } #next-on li { overflow:hidden; margin:0 0 16px 0; } #next-on h3.broadcast { display: block; float: left; font-weight: normal; line-height: 1em; margin: 4px 16px 0 0; text-align: center; width: 80px; font-size:1em; letter-spacing:normal; } #next-on .episode { display: block; float: left; font-size: 1.2em; width: 208px; } #next-on .broadcast { text-align:center; } #next-on .broadcast span {width: 80px;text-align:center;} #next-on .broadcast .date { display: block; font-size: 0.9em; letter-spacing: 0; line-height: 1em; text-transform: uppercase; color:#666666; } #next-on .broadcast .time { display: block; font-size: 2.2em; line-height: 1.5em; text-align: center; } #next-on .broadcast .service { font-weight:bold; } #next-on .episode .context { display: block; font-size: 0.8em; text-transform: uppercase; color:#666666; } #next-on .episode .titles { font-size: 0.9em; } #tag-page #podcasts {padding-bottom:0;} #podcasts .margin-bottom {margin-bottom:16px;} cite.tweet-info {margin-bottom:1em;display:block;margin-left:58px;} #latest-tweets .tweet {overflow:hidden;} #latest-tweets p.tweet-text {float:right;width:214px;} #latest-tweets img.tweitpic {float:left;margin:0 10px 10px 0;border:1px solid #F5F5F5;width:49px;} .ie6 cite.tweet-info, .ie7 cite.tweet-info, .ie8 cite.tweet-info, .ie9 cite.tweet-info { display:inline-block; } .intro {margin:0 0 1.5em 0;} .intro p {margin:0 0 1em 0;} .content #accordion h2 {margin:1em 0 0.3em 0;padding:0;color:#CD1C28;font-size:2.2em;} #accordion h3 {font-size: 1.8em;margin:0.5em 0 0.5em 0;cursor:pointer;} #accordion h3.accordion {background:url("/staticarchive/dc8de82b091b3dbc59a417762746a18abcc326c0.png") no-repeat 0px 6px;padding-left:0.8em;} #accordion h3.active {background:url("/staticarchive/dc23620a692e1e5a47d29a4fc48585b4a88c6ae1.png") no-repeat 0px 6px;} #accordion h4 {font-size: 1.5em;margin:0.5em 0 0 0;} #accordion .repeating-facts {padding:1em 0;margin:0 0 0 1em;} #accordion .repeating-facts h4 {font-size:1em;margin:0;} #accordion .repeating-facts p {padding:0;margin:0;} #accordion .collapsable {margin:0 0 0 1.6em;}