/* All layout css including margins, padding, positioning etc */

/* General */
/* Hides from IE-mac \*/
* html #body { height: 1%; }
/* End hide from IE-mac */
* { margin: 0; padding: 0; }
img { border: 0; }
a { font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Clear-float */
/* This fix from http://positioniseverything.net/easyclearing.html */
.clear-float:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clear-float { display: inline-table; }
/* Hides from IE-mac \*/
* html .clear-float { height: 1%; }
.clear-float { display: block; }
/* End hide from IE-mac */

/* Banner */
#banner { height: 75px; width: 645px; }
#banner .image-wrapper { float: left; padding: 8px 0 0 10px; }
#banner .image-wrapper img { height: 67px; width: 168px; }
#banner #strapline-wrapper { padding: 49px 0 0 188px; }
#banner #strapline-wrapper img { height: 16px; width: 320px; }

/* Stripe below banner */
#toc { border-top-style: solid; border-top-width: 9px; }
#main { border-top-style: solid; border-top-width: 10px; }

/* Table of Contents */
#toc { padding: 5px 0 0 5px; }
#toc p#link-home { margin-bottom: 10px; }
#toc ul { margin-bottom: 10px; width: 120px; }
#toc ul li { border-bottom-style: solid; border-bottom-width: 1px; list-style: none; width: 120px; }
#toc a { display: block; padding: 6px 5px; width: 100%; }
html>body #toc a { width: auto; }
#toc a:hover { text-decoration: none; }

/* Main */
#main { min-height: 800px; padding: 5px 5px 5px 0; }
#main #content { float: left; overflow: hidden !important; width: 430px; }
#main #content-inner { margin-right: 10px; }

#main #content-full { float: left; overflow: hidden !important; width: 630px; }
#main #content-full #content-inner { margin-right: 0; }

#main #nav { float: left; overflow: hidden !important; width: 200px; }
#main #title { padding: 10px 5px; }
* html #main #title { height: 59px; }
#main #small-title, #main #wrapping-title { padding: 10px 5px; }
#main #small-title h1, #main #small-title .separator, #main #small-title h2 { display: block; float: left; }
#main #title-no-promo { margin-bottom: 10px; padding-bottom: 5px; }
#main #title-no-promo #wrapping-title { padding: 10px 5px 5px; }
#main .section { margin-bottom: 10px; }
#main .bottom-section, #main .bottom-section .section { margin: 0; } 
#main h3 { border-bottom-style: solid; border-bottom-width: 1px; padding: 10px 5px; }
#main h3.noborder { border-bottom-style: none; border-bottom-width: 0; }
* html #main h3 { height:1%; }
#main h4 { border-style: solid; border-width: 1px 0; padding: 10px 5px; }
#main h4.top-title { border-width: 0 0 1px; }
#main #album-promo h4 { border: 0; padding: 0; }
#main h6 { margin: 10px 0 5px; }
#main .content { padding: 13px 5px; }
#main .content-listing { margin-bottom: 13px; }
#main .content-listing p, #main .content-listing-last p { margin-bottom: 5px; }

/* Fact list (used on artist pages for in a minute section) */
#main ul.fact-list { list-style: none; }
#main ul.fact-list li { padding: 0 0 5px 10px; }
* html #main ul.fact-list li { background-position: 0 9px; }
#main ul.fact-list li.last-link { padding-bottom: 0; }

/* Link lists (used everywhere) */
#main ul.link-list { list-style: none; }
#main ul.link-list li { padding: 0 0 5px 0; }
/* Hides from IE-mac \*/
* html #main ul.link-list li { padding: 0 0 2px 0; }
/* End hide from IE-mac */
#main ul.link-list li br { display: none; }
#main ul.link-list li br.show { display: block; }
#main ul.link-list li.last-link { padding: 0; }
#main ul.link-list a { display: block; }
/* Hides from IE-mac \*/
* html #main ul.link-list a { height: 1%; }
/* End hide from IE-mac */
#main ul.link-list a.radio-player { padding-left: 32px; }
#main ul.link-list a.haveyoursay { min-height: 17px; padding-left: 32px; }
* html #main ul.link-list a.haveyoursay { height: 17px; }
#main ul.link-list a.video { min-height: 17px; padding-left: 32px; }
* html #main ul.link-list a.video { height: 17px; }
#main ul.link-list a.help { min-height: 17px; margin-top: 5px; padding-left: 32px; }
* html #main ul.link-list a.help { height: 17px; }
#main ul.link-list a.newsletter { min-height: 17px; margin-bottom: 5px; padding-left: 32px; }
* html #main ul.link-list a.newsletter { height: 17px; }
#main a.listen, #main a.aod { padding-left: 15px; }
#main a.day-list { float: left; margin-right: 10px; }
#main .long-copy p { padding-bottom: 10px; }
#main p.padded { padding-bottom: 5px; }
#main blockquote { padding-bottom: 10px; }
#main .image-wrapper { float: left; margin-right: 5px; overflow: hidden !important; }
#main .image-wrapper img { height: 70px; width: 70px; }
#main #promo .image-wrapper img { height: 150px; width: 205px; }
#main #album-promo .image-wrapper { float: left; margin: 0 5px 0 0; overflow: hidden !important; }
#main #album-promo .image-wrapper img { height: 70px; width: 70px; }
#main #dont-miss .image-wrapper img { height: 60px; width: 234px; }
#main .text-wrapper { float: left; overflow: hidden !important; width: 122px; }
#main #promo .text-wrapper { width: 200px; }
#main #album-promo .text-wrapper { width: 335px; }
#main .full-width .text-wrapper { width: 335px; }
#main .full-width .half-width .text-wrapper { width: 122px; }
#main #dont-miss .text-wrapper { width: 171px; }
/* top promo with text wrap */
#main #promo-wrap {padding:10px}
#main #promo-wrap img {margin:0 10px 7px 0}
#main #promo-wrap h3 {background-color:#f5f5f5;}

/* To handle lists appearing directly below small promos on the homepage */
#main .padded-promo { padding-bottom: 5px; }
#main #promo h3,#main #promo-wrap h3  { border: 0; padding: 0 0 10px; }

/* Paragraph stuff */
#main #promo p { padding-bottom: 8px; }
/* Hides from IE-mac \*/
* html #main #promo p { height: 1%; }
/* End hide from IE-mac */
#main #promo p.also { padding-bottom: 0; }
#main #promo p.last-para { padding-bottom: 0; }
#main p.last-para { padding-bottom: 0; }
#main #promo p.down { padding: 0; }
#main p.review { padding-bottom: 10px; }
#main .review p { padding-bottom: 10px; }

#main #promo ul.link-list li { padding-bottom: 0; }
#main ol { margin-left: 25px; }
#main ol li { margin-bottom: 5px; }
#main .half-width { padding-bottom: 3px; }
#main .section .left-column { float: left; overflow: hidden !important; width: 212px; }
#main .section .left-column-inner { margin-right: 5px; }
#main .section .right-column { float: left; overflow: hidden !important; width: 208px; }

/* Genre album page more button */
#main #morealbums { width:198px; }
/* End Genre album page more button */

#main p.more { margin-top: 10px; }
#main p.more a { display: block; padding-top: 2px; }
#main p.more a:hover { text-decoration: none; }
#main p.more a .more-link { display: block; padding-bottom: 2px; }
#main p.more a .more-link-inner { display: block; padding: 1px 10px 1px 5px; }
#main p.down a { display: block; height: 17px; padding-left: 32px; }
#main p.up { text-align: right; }
#main p.up a { display: block; height: 17px; padding-right: 32px; }
#main p.expand a, #main p.contract a { display: block; height: 17px; padding-left: 32px; }

/* For paragraphs on promos where 2 columns of links underneath and no h4 */
p.above-two-columns { padding: 13px 5px 0 5px; }

/* Albums details (used in promos on album pages) */
#main #promo .album-details .text-wrapper { width: 327px; }
#main #promo .album-details dt { float: left; width: 122px; }
#main #promo .album-details dd { float: left; width: 205px; }
#main #promo .album-details .image-wrapper { margin-right: 13px; }
#main #promo .album-details .image-wrapper img { height: 70px; width: 70px; }

/* Work details (used in promos on classical work pages) */
#main #promo .work-details dt { float: left; width: 100px; }
#main #promo .work-details dd { float: left; width: 227px; }

/* Sub-section nav */
#sub-section-links ul { width: 200px; }
#sub-section-links ul li { display: block; list-style: none; }
#sub-section-links a { display: block; height: 24px; padding: 5px 5px 4px; width: 100%; }
/* Hides from IE-mac \*/
html>body #sub-section-links a { height: 15px; width: auto; }
/* End hide from IE-mac */
#sub-section-links a:hover { text-decoration: none; }

/* Adverts */
#main #nav .advert-inner { padding-top: 3px !important; }
#main #nav .advert-inner .content { padding: 8px; }
#main #nav .advert-inner .image-wrapper { margin-right: 8px; }
#main #nav .advert-inner .text-wrapper { width: 106px; }
#main #nav .advert-inner .text-wrapper img { margin-bottom:5px; }
#nav #advert-1xtra, #nav #advert-6music, #nav #advert-collective, #nav #advert-radio1, #nav #advert-radio2, #nav #advert-radio3, #nav #advert-asiannetwork, #nav #advert-bbcfour, #nav #advert-radio4, #nav #advert-bbcthree { padding-bottom: 3px; }

/* Results */
#main #results .result { margin-bottom: 15px; }
#main #results .last-result { margin: 0; }
#main #results .result h4 { border: 0; padding: 0; }

/* Galleries */
#main #gallery h4 { border-style: solid; border-width: 0 0 1px; padding: 10px 5px; }
#main #gallery #promo img { display: block; height: 300px; width: 420px; }
.pager { border-style: solid; border-width: 0 0 1px; padding: 10px 5px; }
#main #promo .pager p { padding: 0; }
.pager p.prev { float: left; width: 150px; }
.pager p.no { float: left; text-align: center; width: 110px; }
.pager p.next { float: right; text-align: right; width: 150px; }
.pager a { height: 17px; }
.pager p.prev a { display: block; padding-left: 32px; }
.pager p.next a { display: block; padding-right: 32px; }

/* Vote results table */
.vote { margin-top: 5px; }
.vote table { border: 0; border-collapse: collapse; margin-top: 5px; }
.vote table th, .vote table td { padding: 0 5px 5px 0; text-align: left; vertical-align: top; }

/* Comments (ACS) */
#main .comment-text p { margin-bottom: 5px; }

/* Forms */
#main form { margin-top: 6px; }
#main form dl { margin: 3px 0 2px; }
#main form dl.answer { margin-bottom: 20px; }
#main form.vote dt, #main form.simple-search dt, #main form.competition dl.answer dt { clear: both; display: block; float: right; margin-top: 2px; width: 173px; }
#main form.competition dl.answer dt { width: 385px; }
#main #nav form.vote dt, #main #nav form.simple-search dt { width: 164px; }
#main form.comment dt, #main form.competition dt { clear: both; display: block; float: left; margin-top: 2px; width: 100px; }
#main form dd { margin-bottom: 3px; }
#main form input.text, #main form textarea { margin-bottom: 10px; }
#main .half-width form input.text { width: 193px; }
#main form.comment input.text, #main form.competition input.text { width: 250px; }
#main form.comment textarea, #main form.competition textarea { height: 50px; width: 250px; }
/* Hides from IE-mac \*/ 
* html #main .half-width form input.text { width: 197px; }
/* End hide from IE-mac */
#main #nav form input.text { width: 186px; }
/* Hides from IE-mac \*/
* html #main #nav form input.text { width: 190px; }
/* End hide from IE-mac */
#main form button.submit { border: 0; padding: 3px 0; height: 21px; text-align: center; }
#main form input.submit { border: 0; padding: 3px 0; height: 21px; text-align: center; background:#00959a; }
#main form dd .input-wrapper { padding-bottom: 3px; }
#main form dd .input-wrapper input { vertical-align: middle; }
#main form dd .input-wrapper label { padding-left: 3px; }
#main form.comment button.submit,#main form.comment input.submit, #main form.competition button.submit { margin: 0 0 0 102px; }
#main form button.vote { width: 43px; }
#main form button.send { width: 43px; }
#main form button.search { width: 56px; }
#main form button.submit:hover { cursor: pointer; }
#main form input.submit:hover { cursor: pointer; }
#main p.disclaimer { margin-top: 10px; }
#main form.newsletters dl dt, #main form.newsletters dl dd { float:left; }
#main form.newsletters dl dt.first { width: 55px; }
#main form.newsletters dl dt.second { width: 70px; }
#main form.newsletters dl dd { width: 30px; }
#main form.newsletters label { float:left; }
#main form.newsletters #email { margin-left:5px; }

/* Footer */
div[id="body"] > br[clear="all"] { display: none; }
#external-disclaimer { position: absolute; }
#external-disclaimer-inner { height: 25px; position: relative; top: -10px;  width: 770px; }
* html #external-disclaimer-inner { top: -20px; }
#external-disclaimer p { text-align: center; }

/* rss button */
.rss { padding:13px 0 0 0; }
.rss img { float:left; margin:0 5px 0 0; }

/* acs */
#main .acs_text { display:block; padding:0; margin:0 5px; }
#main .acs_name { display:block; padding:0; font-weight:bold; margin:0 5px 20px 5px; }
#main .acs-comments { padding:5px 0 0 0; margin:0 5px; }
#main .acs-comments p { margin:0; padding:0 0 10px 0; }
#main .acs-comments .acs_text { display:inline; padding:0; margin:0; }
#main .acs-comments .acs_name { display:inline; padding:0; font-weight:bold; margin:0; }

/* flash embedd */
.flash {margin:0 0 10px 0;}

/* acs */

span.acs_text {margin-top:-28px!important; margin-bottom:20px!important;}