/********************************************************************************************** 1. BASE 1.1 Reset 1.2 Default styles 1.3 Basic styles 2. LAYOUT 2.1 Header 2.2 Content 2.3 Sidebar 2.4 Footer 2.5 Media Player ***********************************************************************************************/ /* 1. BASE ----------------------------------------------------------------------------------------------- ===============================================================================================*/ /* 1.1 Reset -----------------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /* 1.2 Default styles -----------------------------------------------------------------------------------------------*/ body { background: #aa0001; font: 62.5% Arial, Helvetica, sans-serif; text-align: center; } hr { display: none; } strong { font-weight: bold; } em { font-style: italic; } abbr, acronym { border-bottom: 1px dotted #999; cursor: help; } input, textarea, select { font: 1.2em Arial, Helvetica, sans-serif; } a { color: #bc1e35; text-decoration: none; } a:hover, a:active { color: #bc1e35; text-decoration: underline; } /* 1.3 Basic styles -----------------------------------------------------------------------------------------------*/ .hide { display: none; } div.hero ul.pagination:after, .clearfix:after, .container:after, div#navigation div.nav:after, div#header:after, div#content:after, div.header-navs:after, div.recently-played:after, div.virgin-radio-clips:after, div.col-wrap:after, div.featured-concerts:after, div.shows-and-hosts-list:after, div.critics-pick-of-the-week:after, div.artist-content:after, ul.featured-movies:after, ul.search-results li.search-results-item:after, ul.search-results div.artist-lists:after, div.artist-bio div.artist-info:after, div.clips div.featured-radio-clip:after, div.virgin-radio-presents div.featured-artist:after, div.you-may-also-like div.recommendations:after, div.virgin-radio-contest div.featured-contest:after, div.more-events div.featured-events:after, div.recent-events div.featured-recent-events:after, div.shows-and-hosts div.radio-host-list:after, div.todays-schedule div.browse-schedule:after, div.songs-of-summer div.featured-song:after, div.contest div.featured-song:after, div.virgin-music-artists div.artist-list:after, div.podcasts div.featured-podcast:after, div.recently-played div.playlist-and-songs:after, div.photo-gallery ul.small-photos:after, div.recent-events ul.recent-event-details:after, div.virgin-radio-music-channels ul.featured-music-channels:after, div.virgin-radio-clips ul.virgin-radio-clips-nav:after, div.win-with-virgin-radio ul li:after, div.shows-and-hosts ul li:after, div.on-location ul li:after, div.featured-concerts ul li.featured-concert-list:after, div.recent-events ul li.featured-recent-event-list:after, div.virgin-radio-music-channels ul li.featured-music-channel-list:after, div.todays-schedule ul li:after, div.albums div.featured:after, ul.days:after, div.recently-played-small ul:after, div.photo-gallery ul:after, div.featured-recent-event-list:after, div.playlist-wide:after, div.podcasts ul.div-contain li:after, .listener-comments:after, div.contest-details-content:after, div.collecting-your-prize ul:after{content: "."; display:block; height: 0; clear: both; visibility: hidden; } /* 2. LAYOUT ----------------------------------------------------------------------------------------------- ===============================================================================================*/ #page {background: url(../images/bg-swirls.gif) no-repeat top center;} div#header { position: relative; text-align: left; min-height: 169px; height: auto !important; height: 169px; width:940px; margin:0 auto; background:url(../images/bg-header.jpg) top left no-repeat #405395;} div.container { width: 920px; position: relative; margin: 0 auto; text-align: left; background: #fff; padding: 1px 10px; font-size: 1.2em; } div#content { width: 610px; float: left; padding-bottom: 200px; background: url(../images/bg-swirl.gif) no-repeat bottom left; } div#sidebar { width: 300px; float: right; padding-top: 5px; } /* Black theme */ body.black {background:#000 url(../images/blk_bg-body.jpg) left 104px repeat-x;} body.black #page {background:url(../images/blk_bg-page.jpg) top center no-repeat;} body.black #header {background:url(../images/blk_bg-header.jpg) #000 no-repeat;} body.black #header ul.subnav li.join a {background-image:url(../images/blk_bg-li-top-join.gif);} body.black #header ul.subnav li.login a {background-image:url(../images/blk_bg-li-top-login.gif);} body.black #header ul.other-stations li {width:173px;} body.black #header ul.other-stations li span {background-image:url(../images/blk_bg-tab-right.gif);} body.black #header div.host {left:235px;width:226px;} /* 2.1 Header -----------------------------------------------------------------------------------------------*/ #header, #header a, #header a:hover {color:#fff;} /* accessibility links */ ol#accessibility-links { position: absolute; left: -1000em; text-align: left; } /* ad */ div.vertical-ad { background: #727272; } div.vertical-ad img { padding: 8px 0; } div.ad { text-align: center; } div.ad p { font-size: 0.9em; padding: 0 0 1px; } div.ad img { display: block; margin: 0 auto; text-align: center; } /* logo */ div#header h1, div#header h1 span, div#header .logo a, div#header .logo span {display: block;width: 139px;height: 108px;overflow: hidden;cursor: pointer;} div#header h1, div#header .logo {position: absolute;top: 52px;left: 55px;text-indent:-9999px;color: #0c479d;} div#header h1 strong, div#header .logo strong {color: #fe202a;font-size: 0.6em;vertical-align: top;} div#header h1 span, div#header .logo span {position: absolute;top: 0;left: 0;z-index: 10;background: url(../images/logo.gif) no-repeat;} /* Montreal Header */ body#montreal div#header h1, body#montreal div#header h1 span, body#montreal div#header .logo a, body#montreal div#header .logo span {width:150px;} body#montreal div#header h1 span, body#montreal div#header .logo span {background-image:url(../images/logo-montreal.gif);} /* Vancouver Header */ body#vancouver div#header h1, body#vancouver div#header h1 span, body#vancouver div#header .logo a, body#vancouver div#header .logo span {width:150px;} body#vancouver div#header h1 span, body#vancouver div#header .logo span {background-image:url(../images/logo-vancouver.gif);} /* Ottawa Black Header */ body#edmonton.black div#header h1, body#edmonton.black div#header h1 span, body#edmonton.black div#header .logo a, body#edmonton.black div#header .logo span {width:150px;} body#edmonton.black div#header h1 span, body#edmonton.black div#header .logo span {background-image:url(../images/logo-vancouver.gif);} /* header-navs */ div.header-navs {height:25px;line-height:25px;} /* weather */ div.weather { padding-left:17px;float:left; } div#header div.weather h4 { font-size:1em; text-transform:uppercase; float:left; margin:0 7px 0 0;} div.weather p { float:left; color: #fff; text-transform: uppercase; font-size: 0.9em; padding:0 0 0 0; margin-right:15px; } div.weather p img {float:left; margin:5px 6px 0 0;} div.weather p.mostly-sunny { background: url(../images/ico-mostly-sunny.gif) no-repeat center left; } div.weather p strong { font-weight: bold; font-size:1.22em; } div.weather p span { color: #8f8f8f; } div.weather ul {float:left;} div.weather ul li { float: left; } div.weather ul li a { float:left; font-size:0.9em; line-height:25px; color: #fff; text-transform: uppercase; padding: 0 21px 0 7px; } div.weather ul li.forcast a { background: url(../images/ico-forcast.gif) no-repeat center right; } div.weather ul li.traffic a { background: url(../images/ico-traffic.gif) no-repeat center right; } /* subnav */ ul.subnav { float: right; height:25px; } ul.subnav li { float: left; font-size: 0.9em; text-transform: uppercase; } ul.subnav li a { float:left; color: #fff; background: url(../images/bg-li-top.gif) no-repeat center right; line-height:25px; padding: 0 8px; display: block; } ul.subnav li.last a {background:none;} ul.subnav li.login a {padding:0 9px 0 13px; text-align:center;background: url(../images/bg-li-top-login.gif) no-repeat center left;} ul.subnav li.join {padding-left:2px;background:url(../images/bg-li-top-join-l.gif) left center no-repeat;} ul.subnav li.join a {padding:0 13px 0 10px; text-align:center;background: url(../images/bg-li-top-join.gif) no-repeat center right;} ul.subnav li.join {padding-right:11px;} ul.subnav li.end {margin:0 11px 0 0;padding-right:10px;background:url(../images/bg-li-top-join.gif) no-repeat center right;height:25px;} /* ul.subnav li.loggedin {padding:0 15px 0 10px; text-align:center;background: url(../images/bg-li-top-join.gif) no-repeat center right;display:inline;margin-right:10px;} ul.subnav li.loggedin a { display: block; background: url(../images/bg-li-top-login.gif) no-repeat center left; padding-left: 18px; } body.black ul.subnav li.loggedin {background-image: url(../images/blk_bg-li-top-join.gif);} body.black ul.subnav li.loggedin a {background-image: url(../images/blk_bg-li-top-login.gif);} */ body.black ul.subnav li.join {background-image:url(../images/blk_bg-li-top-join-l.gif);} body.black ul.subnav li.join a {background-image:url(../images/blk_bg-li-top-join.gif);} /* Header Utility */ div.header-utility {position:relative;clear:both;} /* search */ div.header-utility form#search-form { position:absolute;top:3px;left:721px; width:213px;} * html div.header-utility form#search-form {left:543px;} div.header-utility form#search-form label {cursor: pointer;font-weight:bold;text-transform:uppercase;float:left;line-height:16px;padding-right:6px;} div.header-utility form#search-form input {vertical-align: middle;} div.header-utility form#search-form input.text { float:left;background:url(../images/bg_search-input.gif) top left repeat-x #fff; border: 1px solid #7c7c7c; color: #333; font-size: 1.2em; margin-left: 1px; width: 128px; padding:0 1px; margin:0 8px 0 0; } /* other-stations */ #header ul.other-stations {float:left;padding-left:10px;} #header ul.other-stations li { width:158px;border-top: 1px solid #ddd; float: left; color: #999; text-transform: uppercase; margin-right: 1px; font-size: 0.9em; font-weight: bold; } #header ul.other-stations li a, #header ul.other-stations li a:hover { color: #666; } #header ul.other-stations li { background: url(../images/bg-tab-left.gif) no-repeat bottom left; } #header ul.other-stations li span { background: url(../images/bg-tab-right.gif) no-repeat bottom right; display: block; padding: 4px 28px 4px 15px;zoom:1; } /* on-air-now */ div.listen-live {position:absolute;top:63px;left:492px;width:230px;} div.listen-live h2 {text-indent:-9999px;width:134px;height:19px;background:url(../images/listen-live-now.gif) no-repeat;margin:0 0 5px;} div.listen-live p {font-size:1.1em;line-height:1.36em;} div.listen-live ul {padding-top:3px;height:18px;} div.listen-live ul li { float:left; height: 19px; } div.listen-live ul li a { float:left; color: #fff; font-size: 0.9em; text-transform: uppercase; padding: 0 5px 0 24px; height: 18px; line-height: 18px; margin:0 5px 0 0; } div.listen-live ul li.listen a { background: url(../images/ico-listen2.gif) no-repeat center left; } div.listen-live ul li.webcam a { background: url(../images/ico-webcam.gif) no-repeat center left; } div.listen-live ul li.text a { background: url(../images/ico-text.gif) no-repeat center left; } /* rewards */ div.rewards {position:absolute;top:48px;left:728px;} div.host {position:absolute;top:25px;left:210px;height:144px;width:272px;} /* 2.2 Navigation -----------------------------------------------------------------------------------------------*/ div#navigation { width:940px; margin:0 auto;background: url(../images/bg-nav-btm.gif) no-repeat bottom center; clear:both; } div#navigation div.nav { height:33px; background: #c80808 url(../images/bg-nav.gif) repeat-x bottom left; font-family:Helvetica,Arial,sans-serif; } div#navigation ul { text-align: center; } div#navigation ul li { float: left; } div#navigation ul li a { background: url(../images/bg-nav-separator.gif) no-repeat center right; color: #fff; font-size: 1.4em; height:32px; line-height:32px; font-weight: bold; display: block; padding: 0 2px 1px 0; text-align:center; } div#navigation ul li.nav-vrm a {width:198px;} div#navigation ul li.nav-snh a {width:166px;} div#navigation ul li.nav-cne a {width:189px;} div#navigation ul li.nav-nnc a {width:190px;} div#navigation ul li.nav-cno a {width:189px;} div#navigation ul li.nav-cno a { background: none;padding-right:0; } /* 2.2 Content -----------------------------------------------------------------------------------------------*/ div#content h2 { font-size: 1.5em; font-weight: normal; padding: 0 0 11px; font-family:Helvetica,Arial,sans-serif; color:#333;} div#content h3 a { font-size: 1.2em; } div#content a.read-more { font-weight: bold; background: url(../images/ico-read-more.gif) no-repeat center right; padding: 0 22px 0 10px; } div#content h2.virgin-radio-music-header { display: block; background: url(../images/ir-virgin-radio-music.gif) top left no-repeat; width: 235px; height: 16px; text-indent: -9999px; margin-top: 22px; } div#content h2.concerts-and-events { display: block; background: url(../images/ir-concerts-and-events.gif) top left no-repeat; width: 346px; height: 16px; text-indent: -9999px; margin-top: 22px; } div#content h2.shows-and-hosts { display: block; background: url(../images/ir-vr-shows-hosts.gif) top left no-repeat; width: 281px; height: 16px; text-indent: -9999px; margin-top: 22px; } div#content h2.contests-and-special-offers { display: block; background: url(../images/ir-contests-and-special-offers.gif) top left no-repeat; width: 391px; height: 19px; text-indent: -9999px; margin-top: 22px; } /* hero */ div.hero { background: url(../images/feature-mjb.jpg) no-repeat top left; width: 610px; height: 250px; overflow: hidden; position: relative; margin: 15px 0 25px; } div.hero-short { background: url(../images/feature-mjb-short.jpg) no-repeat top left; height: 196px; } div.hero.header-above { margin-top: 5px; } /* hero pagination */ div.hero ul.pagination { position: absolute; bottom: 9px; right: 20px; } div.hero ul.pagination li { float: left; margin-left: 1px; } div.hero ul.pagination li a { display: block; background: url(../images/bg-pagination.gif) no-repeat top right; height: 21px; width: 21px; overflow: hidden; text-align: center; color: #fff; line-height: 21px; } div.hero ul.pagination li a:hover { text-decoration: none; } div.hero ul.pagination li.prev a, div.hero ul.pagination li.next a { text-indent: -999em; } div.hero ul.pagination li.prev a { background-position: top left; } div.hero ul.pagination li.next a { background-position: -21px 0; } /* recently-played */ div#content h2.recently-played-on-virgin-radio { display: block; background: url(../images/ir-recently-played-on-virgin-radio.gif) top left no-repeat; width: 324px; height: 19px; text-indent: -9999px; margin: 22px 0 10px; } div.recently-played { position: relative; margin: 0 0 38px; } div.recently-played h2 { display: block; background: url(../images/ir-recently-played.gif) top left no-repeat; width: 194px; height: 19px; text-indent: -9999px; } div.recently-played ul li { float: left; width: 154px; } div.recently-played ul li div.image { position: relative; } div.recently-played ul li img { margin-bottom: 2px; } div.recently-played ul li.last { width: 148px; } div.recently-played ul li p { color: #999; font-size: 0.9em; } div.recently-played ul li p a { font-size: 1.1em; } div.recently-played-small { padding-top: 30px; border-top: 3px solid #ddd; width: 295px; float: left; margin-right: 5px; } div.two-rows div.recently-played-small { margin-right: 0; width: 300px; } div.recently-played-small ul { margin-top: 9px; } div.recently-played-small ul li p a { font-size: 1em; } div.recently-played-small ul li p strong a { font-size: 1.1em; } div.recently-played-small ul li { width: 72px; font-size: 0.9em; } /* recently-played / virgin radio clips pagination */ div.pagination { float: right; } div.pagination p { float: right; font-weight: bold; margin: 15px 7px 0 0; line-height: 18px; text-align: right; font-size: 0.9em; } div.pagination ul { float: right; color: #666; margin-top: 15px; } div.pagination ul li { float: left; width: auto; line-height: 18px; padding: 0 4px; } div.pagination ul li.prev, div.recently-played div.pagination ul li.next { padding: 0; } div.pagination ul li a { display: block; background: url(../images/bg-arrows.gif) no-repeat top left; height: 18px; width: 18px; overflow: hidden; text-align: center; color: #fff; text-indent: -999em; } div.pagination ul li a:hover { text-decoration: none; } div.pagination ul li.next a { background-position: -18px 0; } a.play, div.recently-played a.listen { position: absolute; top: 0; left: 0; width: 148px; height: 95px; display: block; text-indent: -999em; } a.play { background: url(../images/ico-play.png) no-repeat center center; } a.listen { background: url(../images/ico-listen.png) no-repeat center center; } /* ad */ div#content div.ad { float: left; width: 300px; margin-top: 8px; } /* win-with-virgin-radio */ div.col-wrap { margin-bottom: 30px; } div.win-with-virgin-radio { width: 290px; float: right; border-top: 3px solid #ddd; padding: 27px 0 0 12px; margin-top: 8px; } div#content div.win-with-virgin-radio h2 { display: block; background: url(../images/ir-win-with-virgin-radio.gif) top left no-repeat; width: 258px; height: 17px; text-indent: -9999px; margin-left: 7px; } div.win-with-virgin-radio ul { padding: 3px 0 22px; } div.win-with-virgin-radio ul li { padding: 0 0 1px; background: url(../images/border-dotted.gif) bottom left repeat-x; } div.win-with-virgin-radio ul li.alt div.image, div.win-with-virgin-radio ul li.alt div.desc { background: #fbfbfb; } div.win-with-virgin-radio ul li div.image { width: 88px; float: left; padding-top: 6px; } div.win-with-virgin-radio ul li div.image img { display: block; margin-left: 9px; padding: 5px 0 8px; } div.win-with-virgin-radio ul li div.desc { width: 182px; float: right; line-height: 1.3; padding: 11px 10px 17px 0; } /* more-favourites */ div.more-favourites { width: 290px; float: right; border-top: 3px solid #ddd; padding: 27px 0 0 12px; margin-top: 8px; } div#content div.more-favourites h2 { display: block; background: url(../images/ir-more-favourites.gif) top left no-repeat; width: 277px; height: 16px; text-indent: -9999px; margin-left: 7px; } div.more-favourites ul { padding: 3px 0 22px; } div.more-favourites ul li { width: 145px; float: left; } div.more-favourites ul li div.image img { display: block; margin-left: 9px; padding: 5px 0 8px; } div.more-favourites ul li div.desc { line-height: 1.3; padding: 0 5px 17px 10px; } div.more-favourites ul li div.desc p { padding: 0 0 10px; } div#content div.more-favourites a.read-more { padding-left: 0; } /* virgin-radio-clips */ div.virgin-radio-clips { border-top: 3px solid #ddd; padding: 20px 0 15px; background: #f4f2f3; margin-bottom: 30px; } div.virgin-radio-clips-no-bg { border: 0; background: none; padding: 0; } div.virgin-radio-clips div.pagination { padding: 0 6px 0 0; } div#content div.virgin-radio-clips h2 { display: block; background: url(../images/ir-radio-clips.gif) top left no-repeat; width: 228px; height: 19px; text-indent: -9999px; margin-left: 10px; } div#content div.virgin-radio-clips div h2 {background:none;width:auto;height:auto;text-indent:0;margin-left:0;} div.virgin-radio-clips ul.songs { float: left; width: 270px; margin-top: 37px; margin-left: 10px; } div.virgin-radio-clips ul.songs li a { padding-left: 0; background: none; width: 270px; } div.virgin-radio-clips-no-bg div.pagination ul { padding-bottom: 10px; margin-top: 0; } /* virgin-radio-clips-nav */ div.virgin-radio-clips ul.virgin-radio-clips-nav { background: url(../images/bg-tabbed.gif) repeat-x bottom left; } div.virgin-radio-clips ul.virgin-radio-clips-nav li { float: left; } div.virgin-radio-clips ul.virgin-radio-clips-nav li a { display: block; background: url(../images/bg-tabbed-left.gif) repeat-x top left; color: #666; padding: 0 0 0 5px; cursor: pointer; } div.virgin-radio-clips ul.virgin-radio-clips-nav li.first a { padding-left: 11px; background: url(../images/bg-tabbed-left-first.gif) no-repeat top left; } div.virgin-radio-clips ul.virgin-radio-clips-nav li span { padding-right: 35px; background: url(../images/bg-tabbed-right.gif) no-repeat top right; display: block; line-height: 22px; height: 22px; overflow: hidden; } div.virgin-radio-clips ul.virgin-radio-clips-nav li.current span { background: url(../images/bg-tabbed-right-current.gif) no-repeat top right; } div.virgin-radio-clips ul.virgin-radio-clips-nav li.last span { background: url(../images/bg-tabbed-right-last.gif) no-repeat top right; } div.virgin-radio-clips ul.virgin-radio-clips-nav li a:hover { color: #000; text-decoration: none; } div.virgin-radio-clips ul.virgin-radio-clips-nav li.current a { color: #000; background: url(../images/bg-tabbed-left-current.gif) repeat-x top left; } div.virgin-radio-clips ul.virgin-radio-clips-nav li.current-first a { padding-left: 11px; background: url(../images/bg-tabbed-left-first-current.gif) no-repeat top left; } div.virgin-radio-clips ul.virgin-radio-clips-nav li.before-current span { background: url(../images/bg-tabbed-before-right.gif) no-repeat top right; } div.virgin-radio-clips ul.virgin-radio-clips-nav li.current-last span { background: url(../images/bg-tabbed-right-current-last.gif) no-repeat top right; } div.virgin-radio-clips div.recently-played { background: #fff url(../images/bg-gradient.gif) repeat-x bottom left; border: 1px solid #ddd; border-top: 0; padding: 0 2px 0; } div.virgin-radio-clips div.recently-played { margin-bottom: 0px; min-height: auto; } div.virgin-radio-clips div.recently-played ul { padding-top: 9px; } div.virgin-radio-clips div.recently-played ul li { width: 152px; } div.virgin-radio-clips div.recently-played ul li.last { width: 148px; } div.virgin-radio-clips div.recently-played div.pagination ul li { width: auto; } div.virgin-radio-clips div.recently-played div.pagination ul { padding-top: 0; } div.virgin-radio-clips div.recently-played ul li div.desc { padding: 0 0 9px 10px; background: url(../images/bg-vrclips-desc.gif) center right no-repeat; } div.virgin-radio-clips div.recently-played ul li.first div.desc { padding: 0 0 9px 3px; } div.virgin-radio-clips div.recently-played ul li.last div.desc { background: none; } div.virgin-radio-clips-no-bg ul.virgin-radio-clips-nav li.current span { background-image: url(../images/bg-tabbed2-right-current.gif); } div.virgin-radio-clips-no-bg ul.virgin-radio-clips-nav li.last span { background-image: url(../images/bg-tabbed2-right-last.gif); } div.virgin-radio-clips-no-bg ul.virgin-radio-clips-nav li.current-first a { padding-left: 11px; background: url(../images/bg-tabbed2-left-first-current.gif) no-repeat top left; } div.virgin-radio-clips-no-bg ul.virgin-radio-clips-nav li.before-current span { background: url(../images/bg-tabbed2-before-right.gif) no-repeat top right; } div.virgin-radio-clips-no-bg ul.virgin-radio-clips-nav li.current-last span { background: url(../images/bg-tabbed2-right-current-last.gif) no-repeat top right; } /* host bio */ div.virgin-radio-clips div.host-bio { padding: 20px 10px; background: #fff url(../images/bg-gradient.gif) repeat-x bottom left; border: 1px solid #ddd; border-top: 0; } div.virgin-radio-clips div.host-bio div.video { text-align: center; margin: 0 auto; padding: 0 0 15px; } div.virgin-radio-clips div.host-bio p { padding: 0 0 15px; } div#content div.virgin-radio-clips div.host-bio h2 { font-weight: bold; color: #bc1e35; background: none; text-indent: 0; font-size: 1.1em; width: auto; height: auto; margin: 0; } div.virgin-radio-clips div.blog-index { padding: 0 10px; background: #fff url(../images/bg-gradient.gif) repeat-x bottom left; border: 1px solid #ddd; border-top: 0; } /* virgin-radio-music-channels */ div.virgin-radio-music-channels { padding-top: 30px; margin-bottom: 25px; border-top: 3px solid #ddd; } div#content div.virgin-radio-music-channels h2 { display: block; background: url(../images/ir-virgin-radio-music-channels.gif) top left no-repeat; width: 313px; height: 16px; text-indent: -9999px; } div.virgin-radio-music-channels ul.featured-music-channels { padding-top: 15px; } div.virgin-radio-music-channels ul li.channel1 { width: 49%; float: left; } div.virgin-radio-music-channels ul li.channel2 { width: 49%; float: right; } div.virgin-radio-music-channels ul li div.image { width: 72px; float: left; } div.virgin-radio-music-channels ul li div.desc { width: 210px; float: right; } /* todays-schedule */ div.todays-schedule { margin-bottom: 30px; } div.todays-schedule div.browse-schedule { padding-bottom: 12px; } div.todays-schedule div.browse-schedule form { width: 450px; float: left; } div.todays-schedule div.browse-schedule form label { font-weight: bold; } div.todays-schedule div.browse-schedule form input { padding: 3px 3px 3px 6px; width: 160px; font-size: 1.1em; color: #666; margin-left: 2px; } div.todays-schedule div.browse-schedule div.pagination { width: 150px; float: right; } div.todays-schedule div.browse-schedule div.pagination ul { margin: 0; } div.todays-schedule div.browse-schedule div.pagination ul li { padding: 0 4px; } div.todays-schedule ul.onair { padding: 0 0 20px 60px; } div.todays-schedule ul.onair-with-dates { padding-top: 7px; padding-left: 0; background: url(../images/border-dotted.gif) top left repeat-x; margin-left: 10px; margin-right: 50px; } div.todays-schedule ul.onair li { padding: 7px 0; background: url(../images/border-dotted.gif) bottom left repeat-x; } div.todays-schedule ul.onair li.sep { margin-bottom: 20px; } div.todays-schedule ul.onair li li { background: none; } div.todays-schedule ul.onair li span.onair-state { display: block; float: left; width: 50px; } div.todays-schedule ul.onair li a.expand { display: block; width: 18px; height: 18px; background: url(../images/ico-expand.gif) top left no-repeat; text-indent: -9999px; } div.todays-schedule ul.onair li a.collapse { display: block; width: 18px; height: 18px; background: url(../images/ico-collapse.gif) top left no-repeat; text-indent: -9999px; } div.todays-schedule ul.onair li span.time { display: block; float: left; width: 70px; font-size: 0.9em; color: #999; padding-top: 3px; } div.todays-schedule ul.onair li span.host { display: block; float: left; width: 400px; font-weight: bold; padding-top: 3px; } div.todays-schedule ul.onair li div.onair-content { background: url(../images/ir-on-air-now.gif) 12px 13px no-repeat; width: 500px; height: 125px; float: right; border-top: 2px solid #969696; border-right: 2px solid #fbfbfb; border-bottom: 2px solid #fbfbfb; border-left: 2px solid #969696; overflow: auto; margin: 10px 0; } div.todays-schedule ul.no-scroll li div.onair-content { height: auto; border: 0; overflow: hidden; } div.todays-schedule ul.onair li div.onair-content ul { padding: 7px 0 0 82px; } div.todays-schedule ul.onair li div.onair-content ul li {padding: 2px 0; background: none; } div.todays-schedule ul.onair li div.onair-content ul li span.onair-content-time { width: 55px; float: left; } div.todays-schedule ul.onair li div.onair-content ul li span.onair-content-song { width: 340px; float: right; } div.todays-schedule ul.onair li div.onair-content ul li span.onair-content-song a { background: url(../images/ico-speaker.gif) center left no-repeat; padding-left: 15px; } div.todays-schedule a.request-a-song { font-weight: bold; } /* days */ ul.days { padding: 0 0 10px; } ul.days li { display: block; float: left; padding: 1px 10px 1px 11px; border-left: 1px solid #b8b8b8; } ul.days li.first { border: none; padding-left: 0; } ul.days li a { font-weight: bold; } /* songs-of-summer */ div.songs-of-summer, div.contest { padding: 30px 0 25px; border-top: 3px solid #ddd; width: 300px; float: right; margin-top: 8px; } div#content div.songs-of-summer h2 { display: block; background: url(../images/ir-97-songs-of-summer.gif) top left no-repeat; width: 281px; height: 19px; text-indent: -9999px; margin-left: 15px; } div.songs-of-summer div.featured-song { padding: 0 0 15px 22px; } div.songs-of-summer div.image, div.contest div.image { width: 72px; float: left; } div.songs-of-summer div.image img, div.contest div.image img { float: left; margin-right: 5px; } div.songs-of-summer div.desc, div.contest div.desc { width: 200px; float: right; } div.songs-of-summer ul, ul.songs { padding: 0 0 20px 22px; } div.songs-of-summer ul li a, ul.songs li a { display: block; background: url(../images/ico-speaker.gif) center left no-repeat; padding: 2px 0 2px 24px; } /* contest */ div#content div.contest h2 { display: block; background: url(../images/ir-contest-name.gif) top left no-repeat; width: 167px; height: 16px; text-indent: -9999px; margin-left: 15px; margin-bottom: 10px; } div.contest div.featured-song { padding: 0 0 15px 10px; } div.contest div.featured-song-large div.image { width: 152px; } div.contest div.featured-song-large div.desc { width: 125px; } /* radio-picks */ div.col-wrap-with-border { border-top: 3px solid #ddd; padding-top: 30px; } div#content div.radio-picks h2 { display: block; background: url(../images/ir-radio-picks.gif) top left no-repeat; width: 236px; height: 17px; text-indent: -9999px; margin-bottom: 10px; } div.radio-picks, div.radio-contest { float: left; width: 300px; } div.radio-picks div.image, div.radio-contest div.image, div.playlist div.image { float: left; width: 158px; display:inline; } div.radio-picks div.desc, div.radio-contest div.desc { float: left; width: 140px; } div.playlist { float: left; width: 300px; padding: 20px 0; } div.playlist div.image { margin-left: 10px; } div.playlist div.desc { float: left; width: 130px; } div#content div.playlist h2 { display: block; background: url(../images/ir-johns-playlist.gif) top left no-repeat; width: 191px; height: 19px; text-indent: -9999px; } div.playlist-wide { float: none; width: auto; } div.playlist-wide span.date { display: block; font-size: 0.9em; color: #999; padding: 0 0 10px; } div#content div.playlist-wide h2 { display: block; background: url(../images/ir-john-tesh.gif) top left no-repeat; width: 153px; height: 16px; text-indent: -9999px; margin-bottom: 10px; } div.playlist-wide ul { padding: 5px 0 0; } div.playlist-wide ul li a { color: #000; text-transform: uppercase; font-size: 0.8em; padding: 4px 8px 4px 23px; } div.playlist-wide ul li.email a { background: url(../images/ico-email.gif) center left no-repeat; } div.playlist-wide div.desc { width: auto; } div.playlist-wide div.desc-wide {float:left;width:430px;} /* radio-picks */ div.radio-contest { border-top: 3px solid #ddd; padding-top: 30px; padding-left: 15px; width: 285px; } div.radio-contest div.desc { float: left; width: 125px; } div#content div.radio-contest h2 { display: block; background: url(../images/ir-radio-contest.gif) top left no-repeat; width: 228px; height: 16px; text-indent: -9999px; margin-bottom: 10px; } div#content div.radio-contest a.read-more { padding-left: 0; } div.no-float { float: none; padding-left: 0; clear: left; width: 300px; } div.two-rows { float: left; width: 300px; } /* song-list */ div.song-list { float: left; width: 300px; padding-top: 36px; } div.song-list ul.songs { margin-left: 10px; } div.song-list div.pagination ul { margin-top: 0; } /* error-page */ div#content h2.we-are-sorry { display: block; background: url(../images/ir-we-are-sorry.gif) top left no-repeat; width: 169px; height: 19px; text-indent: -9999px; margin: 22px 0 10px 2px; } div.error-page { padding: 0 0 120px 2px; } div.error-page h3 { color: #bc1e35; font-size: 1.2em; } div.error-page p { padding-bottom: 20px; } div.error-page form { padding-bottom: 20px; } div.error-page form label { display: block; font-weight: bold; margin-bottom: 5px; } div.error-page form input#find-a-page { width: 200px; padding: 3px; border-top: 2px solid #969696; border-right: 2px solid #fbfbfb; border-bottom: 2px solid #fbfbfb; border-left: 2px solid #969696; font-size: 1.1em; } div.error-page form input.form-submit { margin: 0 0 -5px 5px; } div.error-page ul li { padding: 1px 0; } div.error-page ul li a { background: url(../images/bullet-square.gif) center left no-repeat; padding-left: 13px; } /* artist-bio */ div.artist-bio { padding: 15px 0 25px; } div#content div.artist-bio h2.artist-name { color: #bc1e35; font-size: 1.6em; font-weight: bold; } div.artist-bio div.artist-info div.image { width: 320px; float: left; } div.artist-bio div.artist-info div.desc { width: 280px; float: right; } div#content div.artist-bio div.artist-info div.desc h2 { display: block; background: url(../images/ir-biography.gif) top left no-repeat; width: 154px; height: 20px; text-indent: -9999px; } div.artist-bio div.artist-info div.desc p { line-height: 1.4em; margin-bottom: 20px; } div.artist-bio div.artist-info div.desc span.bio-author { color: #999; } div#content div.artist-bio a.read-more { background: url(../images/ico-expand.gif) center left no-repeat; padding: 7px 0 7px 27px; display: block; } /* artist-details */ div.artist-details div.clips { width: 300px; float: left; border-top: 3px solid #ddd; padding: 30px 0; } div.clips h3 { font-size: 1.2em; margin-bottom: 10px; } div.clips div.featured-radio-clip { margin-bottom: 25px; } div.clips div.featured-radio-clip div.image { width: 80px; float: left; position: relative; } div.clips div.featured-radio-clip div.image a { width: 68px; height: 45px; position: absolute; top: 0; left: 0; background: url(../images/ico-play.png) center center no-repeat; } div.clips div.featured-radio-clip div.desc { width: 195px; float: right; } div.clips ul { margin-bottom: 15px; } div.clips ul li { padding-bottom: 10px; } div.clips ul.list-recently-played span.date { display: block; font-size: 0.9em; color: #999; } div.clips ul.list-recently-played span.title a { background: url(../images/ico-speaker.gif) center left no-repeat; padding-left: 14px; } div.clips ul.list-events span { display: block; } div.clips ul.list-events span.date { font-size: 0.9em; color: #999; } div.clips ul.list-events span.title a { font-weight: bold; } div.clips ul.list-bloggers li { padding: 1px 0; } div.clips ul.list-bloggers li a { background: url(../images/bullet-square.gif) 5px center no-repeat; padding-left: 17px; } div.artist-details div.albums { width: 300px; float: right; border-top: 3px solid #ddd; padding: 30px 0; } div#content div.artist-details div.albums h2 { display: block; background: url(../images/ir-albums.gif) top left no-repeat; width: 102px; height: 16px; text-indent: -9999px; } div.artist-details div.albums div.featured-albums { padding-left: 20px; } div.artist-details div.albums div.featured div.featured1 { width: 135px; float: left;} div.artist-details div.albums div.featured div.featured2 { width: 135px; float: right;} div.artist-details div.albums div.featured img { display: block; margin: 10px 0 4px; } div.artist-details div.albums div.featured a.album-buy { display: block; background: url(../images/ico-buy.gif) center left no-repeat; padding: 5px 0 5px 25px; } div.artist-details div.albums ul { padding: 20px 0; } div.artist-details div.albums ul li { padding: 2px 0; } div.artist-details div.albums ul li a { background: url(../images/bullet-square.gif) center left no-repeat; padding-left: 12px; } div#content div.artist-details a.read-more { background: url(../images/ico-expand.gif) center left no-repeat; padding: 7px 0 7px 27px; } /* album-details */ div.album-details { width: 300px; float: left; padding: 15px 0 25px; } div#content div.album-details h2 { color: #bc1e35; font-size: 1.6em; font-weight: bold; margin-bottom: 10px; } div.album-details img { display: block; margin-bottom: 25px; } div.album-details div.album-review { border-top: 3px solid #ddd; padding-top: 27px; } div#content div.album-details div.album-review h2 { display: block; background: url(../images/ir-album-review.gif) top left no-repeat; width: 178px; height: 17px; text-indent: -9999px; } div.album-details div.album-review p { line-height: 1.4em; margin-bottom: 15px; } div.album-details div.album-review span.author { color: #999; } div.album-content { width: 300px; float: right; padding: 15px 0 25px; } /* album-content */ div#content div.album-content a.read-more { float: right; text-align: right; } div.album-content div.album-data { clear: both; padding-left: 20px; margin: 40px 0 20px; } div.album-content div.album-data h3 {color: #bc1e35; font-size: 1.2em; } div.album-content div.album-data span { font-size: 0.9em; color: #999; } div.album-content h4 { padding-left: 20px; } div.album-content ol { padding: 0 0 15px 20px; } div.album-content ol li { list-style-type: decimal; padding: 2px 0; margin-left: 25px; } div.album-content ol li a { background: url(../images/ico-speaker.gif) center left no-repeat; padding-left: 15px; } div.album-content div.similar-albums { border-top: 3px solid #ddd; padding: 27px 0 0 20px; } div#content div.album-content div.similar-albums h2 { display: block; background: url(../images/ir-similar-albums.gif) top left no-repeat; width: 177px; height: 16px; text-indent: -9999px; } div.album-content div.similar-albums ul { padding: 15px 0; } div.album-content div.similar-albums ul li { padding: 2px 0; } div.album-content div.similar-albums ul li a { background: url(../images/bullet-square.gif) center left no-repeat; padding-left: 12px; } /* featured-movies */ ul.featured-movies { padding-bottom: 40px; } ul.featured-movies li { width: 154px; float: left; } ul.featured-movies li.last { width: 148px; } ul.featured-movies li span.title { font-weight: bold; } ul.featured-movies li div.data { margin-top: 2px; font-size: 0.9em; color: #999; } ul.featured-movies li p { padding-right: 6px; } /* featured-concerts */ div.featured-concerts { margin-bottom: 25px; border-bottom: 3px solid #ddd; } div.featured-concerts-with-title { border-bottom: 0; border-top: 3px solid #ddd; clear: left; padding-top: 20px; } div#content div.featured-concerts-with-title h2 { display: block; background: url(../images/ir-more-contests.gif) top left no-repeat; width: 306px; height: 16px; text-indent: -9999px; margin-bottom: 5px; } div.featured-concerts ul.concert-list1 { width: 300px; float: left; } div.featured-concerts ul.concert-list2 { width: 300px; float: right; } div.featured-concerts ul li { padding-bottom: 25px; } div.featured-concerts ul li div.image { width: 80px; float: left; } div.featured-concerts ul li div.desc { width: 210px; float: right; } div.featured-concerts ul li div.desc span.date { font-size: 0.9em; color: #999; } div#content div.featured-concerts a.read-more { padding-left: 0; } /* more-events */ div.more-events { padding-bottom: 25px; border-bottom: 3px solid #ddd; margin-bottom: 25px; } div#content div.more-events h2 { display: block; background: url(../images/ir-more-events-in-toronto.gif) top left no-repeat; width: 250px; height: 16px; text-indent: -9999px; margin-bottom: 10px; } div.more-events ul.event-list { width: 380px; height: 185px; padding-top: 5px; float: left; overflow: auto; border-top: 2px solid #969696; border-right: 2px solid #fbfbfb; border-bottom: 2px solid #fbfbfb; border-left: 2px solid #969696;} div.more-events ul.event-list li { padding: 5px 0 5px 42px; background: url(../images/ico-expand.gif) 12px center no-repeat; } div.more-events ul.event-list li a { font-weight: bold; display: block; } div.more-events ul.event-list li span.date { font-size: 0.9em; color: #999; } div.more-events div.event-calendar { position: relative; width: 190px; float: right; margin-right: 15px; background: #f6f6f6; border: 1px solid #ddd; } div.more-events div.event-calendar div.calendar-contents { padding: 20px 15px; } div.more-events div.event-calendar table { font-weight: bold; } div.more-events div.event-calendar table th { color: #666; width: 22px; text-align: center; border-right: 1px solid #e9e9e9; } div.more-events div.event-calendar table tr td { text-align: right; border-right: 1px solid #e9e9e9; padding-right: 5px; } div.more-events div.event-calendar table th.last, div.more-events div.event-calendar table tr td.last { border-right: 0; } div.more-events div.event-calendar table tr td a { color: #000; } div.more-events div.event-calendar table tr td.previous a, div.more-events div.event-calendar table tr td.next a { color: #d7d7d7; } div.more-events div.event-calendar table tr td.selected a { color: #bc1e35; } div.more-events div.event-calendar h3 { text-align: center; margin-bottom: 5px; } div.more-events div.event-calendar a.scroll-back { position: absolute; width: 30px; height: 12px; top: 21px; left: 10px; background: url(../images/ico-arrow-table-left.gif) top left no-repeat; text-indent: -9999px; } div.more-events div.event-calendar a.scroll-forward { position: absolute; width: 30px; height: 12px; top: 21px; right: 10px; background: url(../images/ico-arrow-table-right.gif) top left no-repeat; text-indent: -9999px; } /* more-events */ div.recent-events { padding-bottom: 25px; } div#content div.recent-events h2 { display: block; background: url(../images/ir-recent-concerts-and-events.gif) top left no-repeat; width: 392px; height: 16px; text-indent: -9999px; margin-bottom: 10px; } div.recent-events ul.recent-event-list1 { width: 300px; float: left; } div.recent-events ul.recent-event-list2 { width: 300px; float: right; } div.recent-events ul li.featured-recent-event-list { padding-bottom: 25px; } div.recent-events ul li div.image { width: 80px; float: left; } div.recent-events ul li div.desc { width: 210px; float: right; } div.recent-events ul li div.desc span.date { font-size: 0.9em; color: #999; } div.recent-events ul li div.desc p { margin-bottom: 5px; } div.recent-events ul li div.desc ul li { float: left; font-size: 0.9em; font-weight: bold; } div.recent-events ul li div.desc ul li a { color: #000; } div.recent-events ul li div.desc ul li.text a { padding: 0 8px 0 23px; background: url(../images/ico-comments.gif) center left no-repeat; } div.recent-events ul li div.desc ul li.pics a { padding: 0 8px 0 23px; background: url(../images/ico-pic.gif) center left no-repeat; } div.recent-events ul li div.desc ul li.vids a { padding: 0 8px 0 23px; background: url(../images/ico-vid.gif) center left no-repeat; } div#content div.recent-events a.read-more { padding-left: 0; } /* featured-recent-event-list */ div.featured-recent-event-list { clear: left; padding: 7px 0 0 15px; margin-left: 50px; background: url(../images/ir-on-air-now.gif) no-repeat 0 7px; padding-left: 70px; } div.featured-recent-event-list span.date { font-size: 0.9em; color: #999; display: block; padding: 0 0 3px; } div.featured-recent-event-list div.image { float: left; width: 160px; } div.featured-recent-event-list div.desc { float: left; width: 260px; } div.featured-recent-event-list ul li { background: none; float: left; } div.featured-recent-event-list ul li a { color: #000; text-transform: uppercase; font-size: 0.8em; padding: 4px 8px 4px 23px; } div.featured-recent-event-list ul li.email a { background: url(../images/ico-email.gif) center left no-repeat; } div.featured-recent-event-list ul li.webcam a { background: url(../images/ico-webcam.gif) center left no-repeat; } div.featured-recent-event-list ul li.text a { background: url(../images/ico-text.gif) center left no-repeat; } div.featured-recent-event-list ul li.chat a { background: url(../images/ico-chat.gif) center left no-repeat; } div.featured-recent-event-list a.listen-live { color: #000; text-transform: uppercase; font-size: 0.8em; background: url(../images/ico-listen2.gif) center left no-repeat; padding: 4px 8px 4px 23px; display: block; } /* search-results */ div#content h2.search-results { color: #bc1e35; font-size: 1.6em; font-weight: bold; margin-top: 15px; } div.sponsored-results { background: #f4f2f3 url(../images/btn-iab.gif) 516px 12px no-repeat; padding: 10px; border: 1px solid #ddd; border-top: 4px solid #ddd; margin-bottom: 25px; } div#content div.sponsored-results h2 { font-size: 1.6em; font-weight: bold; } ul.search-results { padding: 0 0 5px 10px; } ul.search-results li { padding-bottom: 20px; } ul.search-results li div.image { width: 150px; float: left; position: relative; } ul.search-results li div.image a.play { width: 148px; height: 95px; position: absolute; top: 0; left: 0; background: url(../images/ico-play.png) center center no-repeat; text-indent: -9999px; } ul.search-results li div.image a.listen { width: 148px; height: 95px; position: absolute; top: 0; left: 0; background: url(../images/ico-listen.png) center center no-repeat; text-indent: -9999px; } ul.search-results li div.desc { width: 440px; float: right; } ul.search-results li div.desc .artist-lists { padding-top: 10px; } ul.search-results li div.desc .artist-lists ul.single-list { width: 130px; float: left; } ul.search-results li div.desc .artist-lists ul li { padding: 2px 0; } ul.search-results li div.desc .artist-lists ul li a { background: url(../images/bullet-square.gif) center left no-repeat; padding-left: 12px; } ul.search-results li div.desc ul.search-result-details li { padding: 1px 0; } ul.search-results li div.desc ul.search-result-details li.play a { padding-left: 12px; background: url(../images/ico-arrow.gif) center left no-repeat; } ul.search-results li div.desc ul.search-result-details li.listen a { padding-left: 15px; background: url(../images/ico-speaker.gif) center left no-repeat; } ul.search-results li div.desc ul.search-result-details li.location, ul.search-results li div.desc ul.search-result-details li.date { font-size: 0.9em; color: #999; } /* search-pagination */ div.search-pagination-container { text-align: center; padding-bottom: 80px; } del.search-pagination ul { display: table; margin: 0 auto; white-space: nowrap; } del.search-pagination ul li { display:table-cell; font-weight: bold; } del.search-pagination ul li.to { letter-spacing: 1px; padding: 0 5px; } del.search-pagination ul li a { width: auto; display:block; padding: 0 5px; } del.search-pagination ul li.active a { color:#000; } del.search-pagination ul li.prev { margin-left:0; } del.search-pagination { clear:both; text-decoration:none; } /* Recently Played */ #sidebar div.recently-played {margin:20px 0 25px 0;} #sidebar div.recently-played ul li {width:73px;margin-right:2px;} #sidebar div.recently-played div.pagination {clear:both} #sidebar div.recently-played div.pagination ul li {width:auto;} #sidebar div.recently-played ul li p {font-size:0.83em;} #sidebar div.recently-played ul li p strong {font-size:1.1em;} #sidebar div.recently-played ul li p a {font-size:1em;} /* Listener Comments */ div.listener-comments {padding:0 0 0 12px;color:#333;margin:0 0 20px 0;} div.listener-comments h2 {background:url(../images/ir-listener-comments.gif) no-repeat;width:211px;height:16px;text-indent:-9999px;} div.listener-comments blockquote {padding:15px 0;text-align:center;} div.listener-comments blockquote p {font-weight:bold;font-style:italic;padding:0 25px;} div.listener-comments blockquote p.author {float:left;width:190px;font-weight:normal;font-style:normal;padding:0;text-align:left;margin:20px 0 0 0;} div.listener-comments blockquote div.pagination {float:right;margin-top:25px;width:100px;} div.listener-comments blockquote div.pagination ul {margin-top:0;} .col-wrap div.listener-comments {float:right;width:290px;margin-top:8px;border-top:3px solid #ddd;padding-top:27px;} /* FullBlogPost */ div.return-to {margin:20px 0 0 0;text-align:right;height:20px;line-height:20px;} div.return-to a {float:right;line-height:18px;height:20px;background:url(../images/ico-read-more.gif) right center no-repeat;padding-right:22px;} .blog-post {padding-bottom:5px;} .blog-post h1 {font-size:1.5em;} .blog-post p {margin:15px 0 15px 0;color:#333;line-height:1.33em;} .blog-post p.clear {clear:both;} .blog-post p.meta {color:#999;margin:0 0 20px 0;font-size:0.91em;} .blog-post img.left {float:left;margin:0 15px 15px 0;} .blog-post .utilities {clear:both;margin:20px 0 20px;font-size:0.83em;height:20px;line-height:20px;} .blog-post .utilities a {text-transform:uppercase;color:#000;float:left;line-height:20px;padding-left:24px;margin:0 10px 0 0;background-position:left center;background-repeat:no-repeat;font-weight:bold;} .blog-post .utilities a.share {background-image:url(../images/ico-share.gif);} .blog-post .utilities a.comment {background-image:url(../images/ico-comments.gif);} div#content .blog-post .utilities a.read-more {background-position:left center;padding:0 0 0 18px;} .blog-post a.listen-to {padding-left:18px;background:url(../images/ico-speaker.gif) left center no-repeat;white-space:nowrap;} .blog-post div.video {margin:15px 0;text-align:center;} .blog-post div.video object {margin:0 auto;} /* Index */ .blog-index .blog-post {padding:20px 0 5px 0;background:url(../images/bg-dash.gif) bottom left repeat-x;} #content .blog-index .blog-post h2 {font-size:1.16em;padding:0;margin:0;font-weight:bold;} .blog-index .blog-post p.meta {margin:0 0 15px 0;} .blog-comments {background:#fbfbfb;border-width:3px 1px 1px 1px;border-style:solid;border-color:#ddd;padding:25px 12px;margin:0 0 25px 0;} .blog-comments h3#ir-comments {width:155px;height:16px;text-indent:-9999px;background:url(../images/ir-comments.gif) no-repeat;margin:0;} .blog-comments p {color:#333;margin:0 0 10px 0;} .blog-comments p.report {margin:15px 0 0 0;} .blog-comments ul.comments {margin:0 0 30px 0;} .blog-comments ul.comments li {padding:20px 0;background:url(../images/border-dotted.gif) bottom left repeat-x;} .blog-comments ul.comments li p.meta {font-size:0.91em;color:#999;margin:0 0 15px 0;} .blog-comments #post-comment {} .blog-comments #post-comment h3 {padding-left:25px;background:url(../images/ico-comment.gif) left center no-repeat;height:20px;line-height:20px;font-size:1.16em;color:#bc1e35;} .blog-comments #post-comment p.note {padding-left:25px;} .blog-comments #post-comment p.note a {padding:0 8px 0 6px;border-right:1px solid #afafaf;} .blog-comments #post-comment p.note a.last {border:none;} .blog-comments #post-comment #commentform {padding-left:25px;margin:15px 0 0 0;} .blog-comments #post-comment #commentform label {display:block;font-size:0.91em;line-height:1.45em;color:#999;margin:0 0 6px 0;} .blog-comments #post-comment #commentform textarea {display:block;border-top:2px solid #969696;border-left:2px solid #969696;border-bottom:2px solid #fbfbfb;border-right:2px solid #fbfbfb;background:#fff;margin:0 0 7px 0;width:530px;height:133px;padding:2px;font-size:12px;} .blog-comments #post-comment #commentform input.buttonimg {display:block;} /* 2.3 Sidebar -----------------------------------------------------------------------------------------------*/ #sidebar h2 {color:#333;font-size:1.5em;font-weight:normal;margin:0 0 10px 0;font-family:Helvetica,Arial,sans-serif;} #sidebar h3 a {font-size: 1.2em;} #sidebar a.read-more { font-weight: bold; background: url(../images/ico-read-more.gif) no-repeat center right; padding: 0 22px 0 10px; } #sidebar div.more a.read-more {padding-left:0;margin-right:10px;} /* ad */ div#sidebar div.ad { margin-bottom: 25px; } /* shows-and-hosts */ div.shows-and-hosts { border-bottom: 3px solid #ddd; padding: 0 0 25px 12px; margin-bottom: 30px; } div#sidebar div.shows-and-hosts h2 { display: block; background: url(../images/ir-shows-hosts.gif) top left no-repeat; width: 281px; height: 16px; text-indent: -9999px; margin-left: 8px; } div.shows-and-hosts ul, div.on-location ul { padding: 3px 0 22px; } div.shows-and-hosts ul li, div.on-location ul li { padding: 0 0 1px; background: url(../images/border-dotted.gif) bottom left repeat-x; } div.shows-and-hosts ul li.alt, div.on-location ul li.alt { padding: 0 0 1px; background: #fbfbfb url(../images/border-dotted.gif) bottom left repeat-x; } div.shows-and-hosts ul li div.image, div.on-location ul li div.image { width: 88px; float: left; padding-top: 6px; } div.shows-and-hosts ul li div.image img, div.on-location ul li div.image img { display: block; margin-left: 9px; padding: 5px 0 8px; } div.shows-and-hosts ul li div.desc, div.on-location ul li div.desc { width: 182px; float: right; line-height: 1.3; padding: 11px 10px 17px 0; } div.shows-and-hosts ul li ul { width: 49%; padding: 12px 0; } div.shows-and-hosts ul li ul.left { float: left; width: 49%; } div.shows-and-hosts ul li ul.right { float: right; width: 49%; } div.shows-and-hosts ul li ul li { background: url(../images/bullet-square.gif) 11px center no-repeat; padding: 5px 0 5px 23px; } div.on-location span.date { font-size: 0.9em; display: block; color:#999; } /* concert-and-event-listing */ div.concert-and-event-listing {padding-left:12px; margin-bottom: 30px;} div.concert-and-event-listing div.event { padding-left: 8px; } div#sidebar div.concert-and-event-listing h2 { display: block; background: url(../images/ir-concert-event-listings.gif) top left no-repeat; width: 251px; height: 20px; text-indent: -9999px; margin-left: 8px; } div.concert-and-event-listing div.event {padding-top:5px;padding-bottom:5px;margin-bottom:8px;} div.concert-and-event-listing div.expanded {padding-left:8px;padding-bottom:15px;} div.concert-and-event-listing div.expanded h3 {margin-bottom:15px;} div.concert-and-event-listing div.expanded h3 a {display:block;} div.concert-and-event-listing p.date {color:#999;} div.concert-and-event-listing img {margin-bottom:10px;} div#sidebar div.concert-and-event-listing ul li { padding: 0; } div.concert-and-event-listing ul li div.single { background: url(../images/border-dotted.gif) bottom left repeat-x; padding: 9px 0 9px 9px; margin-bottom: 0; } div.concert-and-event-listing ul li div.single p.date { font-size: 0.9em;} div.concert-and-event-listing .odd {background:#f8f8f8;} /* virgin-music-artists */ div.virgin-music-artists { padding: 0 0 30px 12px; margin-bottom: 30px; border-bottom: 3px solid #ddd; } div#sidebar div.virgin-music-artists h2 { display: block; background: url(../images/ir-artists.gif) top left no-repeat; width: 228px; height: 16px; text-indent: -9999px; margin-left: 10px; } div.virgin-music-artists form { padding: 15px 0 15px 10px; } div.virgin-music-artists form label { display: block; font-weight: bold; padding-bottom: 5px; } div.virgin-music-artists form input#find-an-artist { padding: 3px 3px 3px 6px; width: 160px; font-size: 1.1em; color: #666;} div.virgin-music-artists form input.form-submit { margin: 0 0 -5px 5px; } div.virgin-music-artists div.artist-list { overflow: auto; height: 200px; border-bottom: 2px solid #fbfbfb; } div.virgin-music-artists div.artist-list ul.artist-list1 { width: 49%; float: left; } div.virgin-music-artists div.artist-list ul.artist-list2 { width: 49%; float: right; } div.virgin-music-artists div.artist-list ul li { background: url(../images/bullet-square.gif) 11px center no-repeat; padding: 2px 0 2px 23px; } /* podcasts */ div.podcasts { padding: 0 0 25px 12px; margin-bottom: 30px; border-bottom: 3px solid #ddd; } div#sidebar div.podcasts h2 { display: block; background: url(../images/ir-podcasts.gif) top left no-repeat; width: 146px; height: 16px; text-indent: -9999px; } div.podcasts div.featured-podcast { padding: 15px 0 18px; margin-bottom: 15px; background: url(../images/border-dotted.gif) bottom left repeat-x; } div.podcasts div.image { width: 90px; float: left; } div.podcasts div.image img { margin-left: 7px; } div.podcasts div.desc { width: 185px; float: right; } div.podcasts div.desc ul li a { display: block; padding: 3px 0 3px 22px; } div.podcasts div.desc ul li.subscribe a { background: url(../images/ico-subscribe.gif) center left no-repeat; } div.podcasts div.desc ul li.rss a { background: url(../images/ico-rss.gif) center left no-repeat; } div.podcasts div.desc ul li.listen a { background: url(../images/ico-listen.gif) center left no-repeat; } /* PODCASTS with more items */ div.podcasts ul.div-contain {margin-bottom: 15px;} div.podcasts ul.div-contain li.even, div.podcasts ul.div-contain li.odd { padding: 15px 0 15px; background: url(../images/border-dotted.gif) bottom left repeat-x; } div.podcasts ul.div-contain li.odd {background-color:#fbfbfb;} /* virgin-radio-presents */ div.virgin-radio-presents { padding: 0 0 25px 19px; margin-bottom: 30px; border-bottom: 3px solid #ddd; } div#sidebar div.virgin-radio-presents h2 { display: block; background: url(../images/ir-virgin-radio-presents.gif) top left no-repeat; width: 238px; height: 16px; text-indent: -9999px; } div.virgin-radio-presents div.featured-artist { padding: 15px 0; } div.virgin-radio-presents div.featured-artist div.image { width: 155px; float: left; } div.virgin-radio-presents div.featured-artist div.desc { width: 120px; float: right; } /* you-may-also-like */ div.you-may-also-like { padding: 0 0 25px 19px; margin-bottom: 15px; } div#sidebar div.you-may-also-like h2 { display: block; background: url(../images/ir-you-may-also-like.gif) top left no-repeat; width: 201px; height: 19px; text-indent: -9999px; } div.you-may-also-like div.recommendations { padding: 15px 0; } div.you-may-also-like div.recommendations ul.list1 { width: 49%; float: left; } div.you-may-also-like div.recommendations ul.list2 { width: 49%; float: right; } div.you-may-also-like div.recommendations ul li { background: url(../images/bullet-square.gif) center left no-repeat; padding: 2px 0 2px 12px; } /* virgin-radio-contest */ div.virgin-radio-contest { padding: 0 0 25px 19px; margin-bottom: 30px; border-bottom: 3px solid #ddd; } div#sidebar div.virgin-radio-contest h2 { display: block; background: url(../images/ir-virgin-radio-contest.gif) top left no-repeat; width: 228px; height: 16px; text-indent: -9999px; } div.virgin-radio-contest div.featured-contest { padding: 15px 0; } div.virgin-radio-contest div.featured-contest div.image { width: 155px; float: left; } div.virgin-radio-contest div.featured-contest div.desc { width: 120px; float: right; } /* virgin-radio-clips-sidebar */ div.virgin-radio-clips-sidebar { padding: 0 0 25px 19px; } /* on-location */ div.on-location { padding: 20px 0 25px 20px; } div#sidebar div.on-location h2 { display: block; background: url(../images/ir-virgin-radio-on-location.gif) top left no-repeat; width: 241px; height: 16px; text-indent: -9999px; margin-left: 8px; } /* photo-gallery */ div.photo-gallery { padding: 0 0 20px 20px; } div#sidebar div.photo-gallery h2, div#content div.photo-gallery h2 { display: block; background: url(../images/ir-photo-gallery.gif) top left no-repeat; width: 166px; height: 19px; text-indent: -9999px; } div.photo-gallery a.featured-photo { display: block; margin-bottom: 8px; } div.photo-gallery ul { padding-bottom: 20px; } div.photo-gallery ul li { width: 70px; height: 49px; float: left; overflow: hidden; } div#sidebar div.photo-gallery a.read-more, div#content div.photo-gallery a.read-more {padding-left: 0; } div.photo-gallery-with-border { border-top: 3px solid #ddd; float: right; width: 280px; padding-top: 30px; } /* blog-posts-links */ div.blog-posts-links {margin-bottom:30px;padding:0 0 13px 12px;} div.blog-posts-links ul {margin-bottom:12px;} div.blog-posts-links ul li {background:transparent url(../images/bullet-square.gif) no-repeat scroll 11px center;padding:2px 0 2px 23px;} /* recent-blog-posts */ div#recent-blog-posts {border-bottom:3px solid #DDDDDD;} div#recent-blog-posts h2 {height:19px;width:199px;text-indent:-9999px;background:url(../images/ir-recent-blog-posts.gif) no-repeat;} /* latest-blog-posts */ div#previous-blog-posts h2 {height:19px;width:210px;text-indent:-9999px;background:url(../images/ir-previous-blog-posts.gif) no-repeat;} /* Landing */ body#landing .container {background:none;width:875px;padding:20px 10px 20px 55px;min-height:573px;} * html body#landing .container {height:573px;} #radiostations {width:768px;height:362px;padding:31px;background:url(../images/bg-wrap-radiostations.png) no-repeat;} #radiostations .contents {position:relative;width:768px;height:362px;background:url(../images/bg-radiostations.jpg) no-repeat #ab0001;} #radiostations a {display:block;position:absolute;height:0px;overflow:hidden;padding:22px 0 0 0;background-position:top left;background-repeat:no-repeat;} #radiostations a.l-montreal {background-image:url(../images/circ-montreal.gif);width:80px;top:207px;left:579px;} #radiostations a.l-edmonton { background-image:url(../images/circ-edmonton.gif); width:88px; top:177px; left:256px; } #radiostations a.l-toronto {background-image:url(../images/circ-toronto.gif);width:71px;top:236px;left:478px;} #radiostations a.l-vancouver {background-image:url(../images/circ-vancouver.gif);width:88px;top:239px;left:169px;} #radiostations a.l-calgary {background-image:url(../images/circ-calgary.gif);width:85px;top:214px;left:250px;} /* Overlay */ #header .other-stations {cursor:pointer;} div#rs-overlay {display:none;} div#rs-overlay.active { display:block; position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; filter:alpha(opacity=60); z-index:200; background:#fff; } #rs-popup {display:none;width:830px;left:-9999px;} #rs-popup.active { position:fixed; top:42px; left:50%; margin-left:-415px; z-index:201; } * html div#rs-overlay.active { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } * html #rs-popup.active { position: absolute; } /* 2.4 Footer -----------------------------------------------------------------------------------------------*/ /*8 div#footer .dark {text-align:center;background:#333;padding:14px 0 18px;font-size:1.2em;} div#footer .dark ul, div#footer .dark p {display:inline;} div#footer .dark ul.menu {display:block;margin:0 0 2px 0;} div#footer .dark ul li {display:inline;background-position:left center;background-repeat:no-repeat;background-image:url(../images/bg-li-btm.gif);} div#footer .dark ul li a {color:#fff;} div#footer .dark p {padding-right:3px;color:#fff;} div#footer .dark p a {color:#fff;} div#footer .dark ul li.first {background:none;} div#footer .dark ul li a {padding:0 1px 0 5px;} */ /* 2.5 Media Player -----------------------------------------------------------------------------------------------*/ body#mediaplayer {background:#fff;} body#mediaplayer .page {width:730px;margin:10px auto;text-align:left;} body#mediaplayer #content {width:423px;background-image:url(../images/bg-swirl-s.gif);padding-bottom:130px;} body#mediaplayer .bottom-ad {clear:both;padding-top:9px;} body#mediaplayer .bottom-ad p {text-align:left;padding-left:10px;} /* the mpb */ #mediaplayerbox {position:relative;height:350px;background:url(../images/bg_media-player.jpg) top left no-repeat #fff;} body.black #mediaplayerbox {background-image:url(../images/blk_bg_media-player.jpg);} #mediaplayerbox .logo {position:absolute;top:10px;left:13px;width:136px;height:98px;background-position:top left;background-repeat:no-repeat;background-image:url(../images/mp-torronto.png);} #mediaplayerbox a.help {position:absolute;top:7px;right:10px;font-size:1.1em;font-weight:bold;color:#fff;} #mediaplayerbox div.leftpart {position:absolute;top:124px;left:11px;width:130px;} #mediaplayerbox ul.links {width:130px;margin:15px 0 0 0;} #mediaplayerbox ul.links li {float:left;clear:left;} #mediaplayerbox ul.links li a {float:left;width:105px;padding:0 0 1px 25px;height:18px;line-height:18px;font-size:1em;color:#000;text-transform:uppercase;background-position:left top;background-repeat:no-repeat;;} #mediaplayerbox ul.links li a:hover {text-decoration:underline;} #mediaplayerbox ul.links li.webcam a {background-image:url(../images/ico-webcam.gif);} #mediaplayerbox ul.links li.emailhosts a {background-image:url(../images/ico-emailhosts.gif);} #mediaplayerbox ul.links li.text a {background-image:url(../images/ico-text.gif);} #mediaplayerbox ul.links li.chat a {background-image:url(../images/ico-chat.gif);} #mediaplayerbox ul.links li.share a {background-image:url(../images/ico-share.gif);} #mediaplayerbox .nowplayingmp {position:absolute;top:57px;left:162px;width:252px;} #mediaplayerbox .nowplayingmp h2 {margin:18px 0 12px 0;padding:0;height:23px;text-indent:-9999px;width:191px;background:url(../images/ir-now-playing.gif) no-repeat;} #mediaplayerbox h3 {font-size:1.6em;color:#ba1e2b;} #mediaplayerbox h4 {font-size:1.4em;color:#ba1e2b;margin:8px 0 0 0;} #mediaplayerbox .nowplayingmp p, #mediaplayerbox .leftpart p {font-size:1.1em;color:#ba1e2b;} #mediaplayerbox .nowplayingmp .controls {margin:7px 0;} body.vancouver #mediaplayerbox .logo {background-image:url(../images/mp-vancouver.png);} body.montreal #mediaplayerbox .logo {background-image:url(../images/mp-montreal.png);} body.edmonton #mediaplayerbox .logo {background-image:url(../images/mp-edmonton.png);left:8px;width:145px;} /* contest details */ div.contest-details div.contest-details-content { width: 290px; float: left; padding: 20px 20px 20px 0; } div.contest-details div.contest-details-content-full { width: auto; float: none; padding: 20px 0; } div#content.contest-details div.contest-details-content h2 { font-weight: bold; color: #bc1e35; padding: 0 0 15px; } div.contest-details div.contest-details-content h3 { font-size: 1.5em; font-weight: bold; padding: 0 0 15px; } div.contest-details div.contest-details-content p { padding: 0 0 15px; line-height: 1.3; } div.contest-details div.contest-details-content a.print-coupon { width: 138px; height: 22px; position: relative; overflow: hidden; display: block; } div.contest-details div.contest-details-content a.print-coupon span { position: absolute; top: 0; left: 0; background: url(../images/btn-print-the-coupon.gif); overflow: hidden; width: 100%; height: 100%; display: block; } div.contest-details div.contest-details-content address { font-style: normal; } div.contest-details div.ad-right { width: 300px; float: right; margin-bottom: 20px; } div.contest-details div.ad-right img { margin-top: 50px; } div.contest-details div.contest-details-content a.enter-the-contest { width: 126px; height: 22px; position: relative; overflow: hidden; display: block; } div.contest-details div.contest-details-content a.enter-the-contest span { position: absolute; top: 0; left: 0; background: url(../images/btn-enter-the-contest.gif); overflow: hidden; width: 100%; height: 100%; display: block; } div.contest-details div.contest-details-content div.image { width: 281px; float: left; } div.contest-details div.contest-details-content div.desc { width: 295px; float: right; } /* lucky winners */ div.lucky-winners { padding: 0 15px; } div#sidebar div.lucky-winners h2 {margin:18px 0 15px 0;padding:0;height:19px;text-indent:-9999px;width:188px;background:url(../images/ir-lucky-winners.gif) no-repeat;} div.lucky-winners p.padd, div.lucky-winners ul { padding-bottom: 15px; } div.lucky-winners ul li { background: url(../images/bullet-square.gif) center left no-repeat; padding-left: 13px; margin-left: 2px; } /* collecting-your-prize */ div.collecting-your-prize {padding: 0 10px 15px 15px; } div#sidebar div.collecting-your-prize h2 {margin:18px 0 15px 0;padding:0;height:19px;text-indent:-9999px;width:240px;background:url(../images/ir-collecting-your-prize.gif) no-repeat;} div.collecting-your-prize p { padding: 0 0 15px; } div.collecting-your-prize ol li { list-style: decimal; margin-left: 20px; padding: 0 0 15px; font-weight: bold; } div.collecting-your-prize ol li span { font-weight: normal; } div.collecting-your-prize ul li { padding-top: 5px; padding-bottom: 5px; float: left; margin-right: 15px; } div.collecting-your-prize ul li.tel { background: url(../images/ico-phone.gif) no-repeat center left; padding-left: 25px; } div.collecting-your-prize ul li.email { background: url(../images/ico-email.gif) no-repeat center left; padding-left: 25px; } /* News N-Community */ /* News top content */ #content .news-top-content { overflow: hidden; padding: 15px 0 25px; height: 1%; } #content .news-top-content h2 { position: relative; overflow: hidden; clear: both; margin-bottom: 22px; padding: 0 !important; width: 337px; height: 20px; } #content .news-top-content h2 span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/ir-news-and-community.gif) no-repeat left top; } #content .news-top-content .artist-post { } #content .news-top-content .artist-post .image-post { float: left; width: 320px; } #content .news-top-content .artist-post .image-post ul { overflow: hidden; margin: 10px 0 0 0; float: left; } #content .news-top-content .artist-post .image-post ul li { float: left; display: block; padding-left: 24px; padding-right: 14px; text-transform: uppercase; line-height: 2em; font-weight: bold; font-size: .75em; color: #000; } #content .news-top-content .artist-post .image-post ul li a {color: #000;} #content .news-top-content .artist-post .image-post ul li.read-more { padding-left: 18px; text-transform: none; line-height: 1.5em; font-size: 1em; background: url(../images/ico-read-more.gif) no-repeat left 1px; } #content .news-top-content .artist-post .image-post ul li.read-more a {color: #BC1E35;} #content .news-top-content .artist-post .image-post ul li.comments { background: url(../images/ico-comments.gif) no-repeat left top; } #content .news-top-content .artist-post .image-post ul li.share { background: url(../images/ico-share.gif) no-repeat left top; } #content .news-top-content .artist-post .content-post { float: right; width: 280px; } #content .news-top-content .artist-post .content-post h3 { line-height: 1.14em; font-weight: bold; font-size: 1.17em; color: #BC1E35; } #content .news-top-content .artist-post .content-post p { line-height: 1.33em; font-weight: normal; font-size: 1em; color: #333; } #content .news-top-content .artist-post .content-post p.date-post { padding: 0 0 15px 0; color: #999; } #content .news-top-content .artist-post .content-post ul.nav-post { } #content .news-top-content .artist-post .content-post ul.nav-post li { line-height: 1.33em; font-weight: normal; font-size: 1em; color: #333; } #content .news-top-content .artist-post .content-post ul.nav-post li a {color: #BC1E35;} #content .news-top-content .artist-post .content-post ul.nav-post li.listen-clip a { padding-left: 18px; background: url(../images/ico-speaker.gif) no-repeat 1px center; } /* News content */ #content .news-content { overflow: hidden; clear: both; padding: 0 0 50px 0; height: 1%; } #content .news-content .col-left-news { float: left; width: 300px; } #content .news-content .col-right-news { float: right; width: 300px; } #content .news-content .list-news { padding: 30px 0 30px 0; border-top: 3px solid #ddd; } #content .news-content .col-right-news .list-news { padding-left: 20px; width: 280px; } #content .news-content .list-news h2 { position: relative; overflow: hidden; clear: both; margin: 0 0 3px 0; padding: 0 !important; height: 16px; font-size: 1.4em !important; } #content .news-content .top-news-stories h2 { margin: 0; width: 178px; height: 19px; } #content .news-content .local-news h2 { width: 128px; } #content .news-content .entertainment-news h2 { width: 198px; } #content .news-content .list-news h2 span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #content .news-content .top-news-stories h2 span {background: url(../images/ir-top-news-stories.gif) no-repeat left top;} #content .news-content .local-news h2 span {background: url(../images/ir-local-news.gif) no-repeat left top;} #content .news-content .entertainment-news h2 span {background: url(../images/ir-entertainment-news.gif) no-repeat left top;} #content .news-content .list-news ul { padding: 20px 0 0 0; } #content .news-content .list-news ul li { padding: 2px 0; } #content .news-content .list-news ul li a { padding-left: 12px; background: url(../images/bullet-square.gif) no-repeat scroll left center; } #content .news-content .ad { padding-bottom: 30px; } /* News sidebar */ #sidebar .weather, #sidebar .traffic { padding: 30px 0 30px 20px; width: 280px; border-top: 3px solid #ddd; } #sidebar .weather { overflow: hidden; float: none; padding-left: 20px; padding-top: 15px; border-top: none; } #sidebar .weather h2, #sidebar .traffic h2 { position: relative; overflow: hidden; clear: both; margin: 0 0 24px 0; padding: 0; height: 16px; font-size: 1.4em; } #sidebar .weather h2 {width: 126px;} #sidebar .traffic h2 {width: 111px;} #sidebar .weather h2 span, #sidebar .traffic h2 span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #sidebar .weather h2 span {background: url(../images/ir-weather.gif) no-repeat left top;} #sidebar .traffic h2 span {background: url(../images/ir-traffic.gif) no-repeat left top;} #sidebar .weather .weather-wrapper { width: 280px; height: 125px; } #sidebar .traffic img { float: left; } #sidebar .traffic .info { float: right; padding: 0 0 20px 0; width: 205px; } #sidebar .traffic ul.nav-traffic { overflow: hidden; clear: both; padding: 0; height: 1%; } #sidebar .traffic ul.nav-traffic li { float: left; } #sidebar .traffic ul.nav-traffic li.report {background: url(../images/bg-spacer-nav-traffic.gif) no-repeat right top;} #sidebar .traffic ul.nav-traffic li a {font-weight: bold;} #sidebar .traffic ul.nav-traffic li.report a { padding: 0 13px 0 14px; background: url(../images/ico-speaker.gif) no-repeat left center; } #sidebar .traffic ul.nav-traffic li.map a { padding: 0 21px 0 11px; background: url(../images/ico-read-more.gif) no-repeat right center; } /* Podcast */ #content .podcasts-list { overflow: hidden; padding: 15px 0 4px 0; height: 1%; } #content .podcasts-list h2 { position: relative; overflow: hidden; clear: both; margin: 0 0 24px 0; padding: 0 !important; width: 261px; height: 16px; font-size: 1.4em !important; } #content .podcasts-list h2 span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/ir-virgin-radio-podcasts.gif) no-repeat left top; } #content .podcasts-list ul { } #content .podcasts-list ul li { overflow: hidden; clear: both; padding: 0 0 21px 0; height: 1%; } #content .podcasts-list ul li img { float: left; } #content .podcasts-list ul li .podcasts-detail { float: right; padding: 0; width: 450px; } #content .podcasts-list ul li .podcasts-detail h3 { line-height: 1.14em; font-weight: bold; font-size: 1.17em; color: #BC1E35; } #content .podcasts-list ul li .podcasts-detail h3 a {font-size: 1em;} #content .podcasts-list ul li .podcasts-detail p { line-height: 1.33em; font-size: 1em; } #content .podcasts-list ul li .podcasts-detail ul { margin: 5px 0 0 0; } #content .podcasts-list ul li .podcasts-detail ul li { padding: 0 0 1px 21px; line-height: 1.50em; font-size: 1em; } #content .podcasts-list ul li .podcasts-detail ul li.itunes { background: url(../images/ico-subscribe.gif) no-repeat left top; } #content .podcasts-list ul li .podcasts-detail ul li.rss { background: url(../images/ico-rss.gif) no-repeat left 1px; } #content .podcasts-list ul li .podcasts-detail ul li.listen-now { background: url(../images/ico-listen.gif) no-repeat left 2px; } #content .podcasts-content { overflow: hidden; clear: both; padding: 0 0 50px 0; height: 1%; } #content .podcasts-content .col-left-podcasts { float: left; width: 300px; } #content .podcasts-content .col-right-podcasts { float: right; width: 300px; } #content .podcasts-content .section-podcasts { padding: 30px 0 30px 0; border-top: 3px solid #ddd; } #content .podcasts-content .col-right-podcasts .section-podcasts {padding: 30px 0 30px 20px;} #content .podcasts-content h2 { position: relative; overflow: hidden; clear: both; margin: 0 0 24px 0; padding: 0 !important; width: 211px; height: 16px; font-size: 1.4em !important; } #content .podcasts-content h2 span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/ir-listener-comments.gif) no-repeat left top; } #content .podcasts-content p.author { float: left; width: 175px; } #content .podcasts-content blockquote { margin: 0 auto 24px auto; width: 190px; text-align: center; } #content .podcasts-content blockquote p { line-height: 1.33em; font-style: italic; font-weight: bold; font-size: 1em; color: #333; } #content .podcasts-content .pagination { margin-top: -7px; width: 100px; } /* Podcast sidebar */ #sidebar .what-is-podcast { overflow: hidden; padding: 10px 0 24px 0; height: 1%; } #sidebar .what-is-podcast h2 { position: relative; overflow: hidden; clear: both; margin: 0 0 24px 0; padding: 0 !important; width: 225px; height: 16px; font-size: 1.4em !important; } #sidebar .what-is-podcast h2 span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/ir-whats-a-podcast.gif) no-repeat left top; } #sidebar .what-is-podcast ul { } #sidebar .what-is-podcast ul li { padding: 0 20px 21px 60px; height: 1%; } #sidebar .what-is-podcast ul li.subscribe { background: url(../images/ico-subscribe-big.gif) no-repeat left top; } #sidebar .what-is-podcast ul li.rss { background: url(../images/ico-rss-big.gif) no-repeat 4px top; } #sidebar .what-is-podcast ul li h3 { font-weight: bold; font-size: 1.17em; color: #BC1E35; } #sidebar .what-is-podcast ul li h3 a { font-size: 1em; } #sidebar .what-is-podcast ul li p { line-height: 1.33em; font-weight: normal; font-size: 1em; color: #333; } #sidebar .virgin-radio-contest-podcasts { border-bottom: none !important; } #sidebar .virgin-radio-contest .featured-artist { padding: 15px 0 0 0; } #sidebar .virgin-radio-contest .featured-artist .image { float: left; width: 148px; } #sidebar .virgin-radio-contest .featured-artist .desc { float: right; width: 120px; } /* Alerts */ #content-wide .alerts { padding: 10px 0 0 0; } #content-wide .alerts .tabs { } #content-wide .alerts .tabs ul { overflow: hidden; } #content-wide .alerts .tabs ul li { float: left; position: relative; margin-left: -5px; padding: 0 0 0 11px; height: 22px; font-weight: bold; font-size: 1em; color: #000; background: url(../images/bg-alert-tabs-left.gif) no-repeat left top; overflow: hidden; } #content-wide .alerts .tabs ul li.tabs-1 { z-index: 1; margin-left: 0; background: url(../images/bg-alert-tabs-left-first.gif) no-repeat left top; } #content-wide .alerts .tabs ul li.tabs-2 { z-index: 2; } #content-wide .alerts .tabs ul li.tabs-3 { z-index: 3; } #content-wide .alerts .tabs ul li a { float: left; display: block; padding: 0 25px 0 0; height: 22px; line-height: 1.92em; color: #000; background: url(../images/bg-alert-tabs-right.gif) no-repeat right top; } #content-wide .alerts .tabs ul li a:hover { text-decoration: none; color: #BC1E35; } #content-wide .alerts .tabs ul li.active { background: url(../images/bg-alert-tabs-active-left.gif) no-repeat left top; } #content-wide .alerts .tabs ul li.active a { color: #fff; background: url(../images/bg-alert-tabs-active-right.gif) no-repeat right top; } #content-wide .alerts .box { overflow: hidden; margin: 0 0 11px 0; padding: 21px 0 25px 15px; height: 1%; border: 10px solid #B20101; } #content-wide .alerts .box .title h2 { float: left; position: relative; overflow: hidden; margin: 0 20px 0 0; height: 16px; text-transform: uppercase; } #content-wide .alerts .box .title h2 span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #content-wide .alerts .urgent-amber-alert h2 { width: 178px; } #content-wide .alerts .urgent-amber-alert h2 span { background: url(../images/ir-urgent-amber-alert.gif) no-repeat left top; } #content-wide .alerts .weather-alert h2 { width: 189px; } #content-wide .alerts .weather-alert h2 span { background:url(../images/ir-weather-alert.gif) no-repeat left top; } #content-wide .alerts .news-emergency h2 { width: 206px; } #content-wide .alerts .news-emergency h2 span { background: url(../images/ir-news-emergency.gif) no-repeat left top; } #content-wide .alerts .box .content { float: left; } #content-wide .alerts .box .content .image { float: left; margin: 0 20px 0 0; } #content-wide .alerts .box .content .desc { float: left; width: 500px; } #content-wide .alerts .weather-alert .content .desc { margin-top: -3px; width: 670px; } #content-wide .alerts .news-emergency .content .desc { margin-top: -3px; width: 650px; } #content-wide .alerts .box .content .desc h3 { line-height: 1.14em; font-weight: bold; font-size: 1.17em; color: #BC1E35; } #content-wide .alerts .box .content .desc p { line-height: 1.33em; font-weight: normal; font-size: 1em; } #content-wide .alerts .box .content .desc p.date { font-size: 0.92em; color: #999; } #content-wide .breaking-news { overflow: hidden; margin: 0 0 10px 0; padding: 14px 13px; height: 1%; border: 1px solid #ddd; border-top-width: 3px; background: #F4F2F3; } #content-wide .breaking-news h2 { float: left; margin: 8px 25px 0 0; position: relative; overflow: hidden; width: 189px; height: 16px; text-transform: uppercase; } #content-wide .breaking-news h2 span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/ir-breaking-news.gif) no-repeat left top; } #content-wide .breaking-news .news-content { float: left; } #content-wide .breaking-news .news-content h3 { line-height: 1.14em; font-weight: bold; font-size: 1.17em; color: #BC1E35; } #content-wide .breaking-news .news-content p { line-height: 1.33em; font-weight: normal; font-size: 1em; }