/*RESET STYLES*/ * { margin: 0; padding: 0; } a { color: #5e0063; text-decoration: none; } a img { border: 0; } a:hover { text-decoration: underline; } a:focus { outline: none; } ul { list-style: none; } h1 { font-size: 18px; text-transform: uppercase; color: #fff; line-height: 1em; font-weight: normal; } h2 { font-size: 14px; } h2 a { color: #000; } h3 { font-size: 12px; font-weight: normal; font-style: italic; padding-bottom: 7px; } /*HELPER CLASSES*/ .left { float: left; } .right { float: right; } a.more { padding-right: 10px; background: url(../images/arrows/purple_right.gif) right center no-repeat; } a.launch_player { text-transform: uppercase; padding-right: 25px; background: url(../images/arrows/audio2.gif) right center no-repeat; } a.thumb { float: left; border: 1px solid #aaa; padding: 1px; background: #fff; margin-right: 8px; } a.new_thumb { float: left; border: 4px solid #143f88; margin-right: 6px; } a.thumb img, a.new_thumb img { float: left; } a.learn { float: left; text-align: center; padding: 3px 18px 3px 10px; background: #000 url(../images/arrows/learn_right.gif) right center no-repeat; color: #fff; font-size: 11px; text-transform: uppercase; } a.learn:hover { color: #e8f2fe; text-decoration: none; } a.btn_black { float: right; padding: 3px 8px; border: 1px solid #1e1e1e; background: #1e1e1e url(../images/common/btn_listen.gif) left top repeat-x; color: #fff; } a.btn_black span { padding-right: 10px; background: url(../images/arrows/white_right.gif) right center no-repeat; line-height: 1em; } a.btn_black:hover { text-decoration: none; color: #ecf5ff; } a.btn_black:hover span { color: #ecf5ff; background-image: url(../images/arrows/lightblue_right.gif); } img.banner { float: left; } /*GLOBAL PAGE STRUCTRE*/ /* body { font: 12px arial, helvetica, sans-serif; color: #000; text-align: center; background: #fff url(../images/common/bg_gradient.jpg) left top repeat-x; } #wrapper { background: url(../images/common/bg_waves.jpg) center top no-repeat; width: 100%; min-height: 1100px; } #header, #navigation, #listen, #content, #footer { width: 984px; margin: 0 auto; text-align: left; overflow: hidden; } */ body { font: 12px arial, helvetica, sans-serif; color: #000; text-align: center; background: url(../images/common/bg_waves.jpg) center top no-repeat; } #wrapper { width: 984px; margin: 0 auto; text-align: left; overflow: hidden; } #header, #content, #footer { clear: both; width: 984px; text-align: left; } /*Header Styles*/ #header { position: relative; z-index: 1000; } #header a.logo { float: left; padding-top: 7px; } #header a.logo img { float: left; } #header dl { position: absolute; top: -200px; left: 283px; z-index: 999; } #header dt { position: absolute; left: 111px; bottom: -30px; background: url(../images/common/btn_currently_playing.png) center top no-repeat; width: 194px; height: 25px; padding-top: 5px; font-size: 11px; font-weight: bold; text-transform: uppercase; text-align: center; z-index: 1000; cursor: pointer; } #header dt span { color: #e8f2fe; padding-right: 14px; background: url(../images/arrows/lightblue_down.gif) right center no-repeat; } /*#header dt a:hover { text-decoration: none; }*/ #header dd { display: block; position: absolute; bottom: 0px; width: 395px; padding: 35px 10px 5px 10px; border: 1px solid #7B8590; background: #c1cbd6 url(../images/common/bg_currently_playing.gif) left top repeat-x; } /*#header dl.open dt { background-image: url(../images/common/btn_currently_playing.gif); }*/ #header dl.open dt span { background-image: url(../images/arrows/lightblue_up.gif); } #header dl.open dd { display: block; } #tertiary_nav { float: right; } #tertiary_nav ul { float: right; clear: both; padding: 17px 0 20px; } #tertiary_nav ul li { float: left; font-size: 13px; border-right: 1px solid #c9d1dc; padding-right: 15px; margin-right: 15px; line-height: 1em; } #tertiary_nav ul li.last { border-right: 0; padding-right: 0; margin-right: 0; } #tertiary_nav ul li.logout { border-left: 1px solid #c9d1dc; padding-left: 15px; border-right: 0; margin-left: 15px; padding-right: 0; margin-right: 0; } #tertiary_nav ul li.logout a { color: #0772be; } #tertiary_nav ul li a { color: #fff; } #search, div.search { float: right; clear: both; } #search input.search, div.search input.search { float: left; width: 168px; line-height: 200%; height: 20px; padding: 2px 2px 0px 20px; margin-right: 7px; border-width: 1px; border-style: solid; vertical-align: bottom; border-color: #717171 #b4b4b4 #dadada #b4b4b4; background: #fff url(../images/icons/header_search.gif) 5px center no-repeat; font: 13px arial, helvetica, sans-serif; color: #000; } #search input.form-submit, div.search input.submit { float: left; width: 44px; height: 22px; background: url(../images/common/btn_go.gif) left top no-repeat; color: #fff; text-transform: uppercase; cursor: pointer; border: 0; } /* #nav { float: left; width: 978px; padding: 3px; margin: -2px 0 0; background: url(../images/common/bg_nav.png) left top no-repeat; } #nav li { float: left; border-right: 1px solid #858686; text-align: center; font-size: 14px; padding: 0 5px; color: #fff; text-transform: uppercase; font-weight: bold; background: url(../images/common/btn_nav.gif) left top repeat-x; line-height: 1em; font-weight: normal; position: relative; z-index: 1; } #nav li.listen_now { padding: 0; background: url(../images/common/btn_nav_listen.png) repeat-x; } #nav li.listen_now span { padding: 0 10px; } #nav li.listen_now a.open span { background-image: url(../images/arrows/blue_up.gif); } #nav li.donate { position: absolute; background-image: none; border-right: 0; padding: 0; border: 0px solid blue; right: 0; overflow: hidden; width: 190px; } #nav li.donate a { border: 0px solid yellow; font-size: 0.9em; width: 120px; text-align: center; float: right; margin-right: 15px; } #nav li a { float: left; height: 18px; padding: 9px 30px 7px; color: #fff; } #nav li a.nav_primary_v2 { padding: 9px 33px 7px; } #nav li a#navtravel { padding: 9px 20px 7px; } #nav li a:hover { text-decoration: none; color: #aed9ff; } #nav li a.on, #nav li a.on:hover, #nav li.listen_now a.open { color: #aed9ff; } #nav ul li.wolper a { height: 2em; } */ #nav { float: left; width: 978px; padding: 3px; margin: -2px 0 0; background: url(../images/common/bg_nav.png) left top no-repeat; } #nav li { float: left; border-right: 1px solid #858686; text-align: center; font-size: 13px; padding: 2px 4px 0 4px; color: #fff; text-transform: uppercase; font-weight: bold; background: url(../images/common/btn_nav.gif) left top repeat-x; line-height: 1em; font-weight: normal; position: relative; z-index: 1; } #nav li.listen_now { padding: 0; background: url(../images/common/btn_nav_listen.png) repeat-x; } #nav li.listen_now span { padding: 0 10px; } #nav li.listen_now a.open span { background-image: url(../images/arrows/blue_up.gif); } #nav li.donate { position: absolute; background-image: none; border-right: 0; padding: 2px 0 0 0; border: 0px solid blue; right: 0; overflow: hidden; width: 190px; } #nav li.donate a { border: 0px solid yellow; font-size: 1em; width: 120px; text-align: center; float: right; margin-right: 25px; } #nav li a { float: left; height: 18px; padding: 9px 30px 7px; color: #fff; } #nav li a.nav_primary_v2 { padding: 9px 33px 7px; } #nav li a#navtravel { padding: 9px 20px 7px; } #nav li a:hover { text-decoration: none; color: #aed9ff; } #nav li a.on, #nav li a.on:hover, #nav li.listen_now a.open { color: #aed9ff; } #nav ul li.wolper a { height: 2em; } /*Nav dropdowns*/ #nav li ul { display: none; position: absolute; top: 34px; left: -1px; width: 195px; z-index: 1000; margin: 0; padding: 0; background: #3F3F3F; filter: alpha(opacity=85); -moz-opacity: 0.85; opacity:0.85; border: 1px solid #2f2f2f; } #nav ul li { float: none; display: block; border: 0; text-align: left; background: none; font-size: 13px; text-transform: none; padding: 0; } #nav ul a { float: none; display: block; padding: 10px 20px 8px 20px; } #nav ul a:hover { color: #AED9FF; background-color: #6F6F6F; } #listen_now { display: none; position: relative; width: 978px; padding-bottom: 10px; border: 1px solid #566c96; border-top: 0; background: #e8edf3 url(../images/common/bg_listen_now.jpg) left top repeat-x; margin: 0 auto; clear: both; overflow: hidden; } #listen_now h2 { text-transform: uppercase; font-size: 15px; color: #14336b; padding-bottom: 4px; } #listen_now ul { float: left; width: 285px; padding: 0 15px; margin: 16px 0 0 0; border-right: 1px solid #9facbd; min-height: 95px; height: auto !important; height: 95px;} #listen_now ul.last { border-right: 0; } #listen_now li { padding-bottom: 4px; } #listen_now a { color: #14336b; font-weight: bold; } #listen_now .media_players li { position: relative; padding-bottom: 6px; margin-bottom: 6px; } #listen_now .media_players .primary_player { padding-bottom: 8px; margin-bottom: 8px; margin-top: 17px; border-bottom: 1px dotted #9FACBD; } #listen_now .media_players .secondary_player { height: 17px; overflow: hidden; } #listen_now .media_players .player_block { width: 110px; float: left; padding-top: 6px; } #listen_now .media_players a { padding: 5px 0 0 27px; } #listen_now .media_players .hd2_player { padding-bottom: 8px; margin-bottom: 10px; margin-top: 5px; width: 285px; } #listen_now a.link_wbgoplayer { background: url(../images/icons/mediaplayers/player_icons.png) 0 -116px no-repeat; } #listen_now a.link_wmp { background: url(../images/icons/mediaplayers/player_icons.png) 0 -1px no-repeat; } #listen_now a.link_winamp { background: url(../images/icons/mediaplayers/player_icons.png) 0 -90px no-repeat; } #listen_now a.link_itunes { background: url(../images/icons/mediaplayers/player_icons.png) 0 -32px no-repeat; } #listen_now a.link_real { background: url(../images/icons/mediaplayers/player_icons.png) 0 -62px no-repeat; } #listen_now a.link_hd2player { background: url(../images/icons/mediaplayers/player_icons.png?A) 0 -146px no-repeat; display: block; width: 145px; } #listen_now a.close { position: absolute; bottom: 0; right: 0; margin: 0 15px 10px 0; padding-right: 15px; background: url(../images/icons/close.gif) right top no-repeat; font-size: 11px; text-transform: uppercase; } #listen_now .listen_slideshow { z-index: 0; height: 135px; margin: 0; padding: 0; overflow: hidden; } #listen_now .listen_slideshow .slide_container { clear: both; width: 100%; color: #14336b; } #listen_now .slide_container h2 { margin-bottom: 5px; } #listen_now .slide img { float: left; margin-right: 5px; padding: 1px; border: 1px solid #aaa; height: 100px; } #listen_now .slide h3 { font-size: 14px; color: #1F1F1F; font-style: normal; font-weight: bold; padding-bottom: 3px; } #listen_now .slide p { color: #3F3F3F; } #listen_now .slide_ad img { float: left; margin-right: 5px; padding: 0; border: 1px solid #aaa; height: 125px; } #listen_now .slide_ad h3 { font-size: 14px; color: #1F1F1F; font-style: normal; font-weight: bold; padding-bottom: 3px; } #listen_now .slide_ad p { color: #3F3F3F; } #listen_now .slide_ad p a { font-weight: normal; } #listen_now .media_players { width: 25%; } #listen_now ul.center_partition { width: 35%; } /*Footer Styles */ #footer { position: relative; background: url(../images/common/bg_984_top.png) left top no-repeat; padding: 3px 0 50px; top: 6px; } #footer_links { float: left; width: 978px; padding: 0 3px; background: url(../images/common/bg_984_mid.png) left top repeat-y; min-height: 200px; height: auto !important; height: 200px; } #footer_bar ul { float: left; width: 978px; background: #b9c2cc; font-size: 12px; text-transform: uppercase; font-weight: bold; } #footer_bar li { float: left; border-right: 1px solid #fff; } #footer_bar li a { float: left; height: 16px; color: #07111d; padding: 13px 28px 8px 27px; line-height: 1em; } #footer_bar li a img { vertical-align: top; margin-right: 7px; } #footer_bar li a:hover { text-decoration: none; } #footer_bar li.logo a { padding: 10px 55px 8px 15px; height: 19px; } #footer_bar li.last { border-right: 0; } #footer_links dl { float: left; width: 133px; padding: 0 15px 15px; } #footer_links dl.half { min-height: none; } #footer_links dt { font-weight: bold; line-height: 1.5em; padding-top: 15px; } #footer_links dd a { color: #454545; line-height: 1.5em; } #menu_main_clone .listen-now, #menu_main_clone .contribute { display: none; } #menu_main_clone .expanded { float: left; width: 130px; padding: 0 15px 15px; min-height: 185px; height: auto !important; height: 185px; } #menu_main_clone ul { list-style: none; margin: 0; padding: 0; list-style-image: none; } #menu_main_clone ul li { background-image: none; list-style: none; padding: 0; margin: 0; list-style-image: none; } #menu_main_clone .expanded.half { min-height: none; } #menu_main_clone li.expanded { font-weight: bold; line-height: 1.5em; padding-top: 15px; } #menu_main_clone li.expanded a { color: black; font-weight: bold; } #menu_main_clone li.expanded a:hover { text-decoration: none; } #menu_main_clone li.expanded ul li a { color: #454545; line-height: 1.5em; font-weight: normal; color: #424542; } #menu_main_clone li.expanded ul li a:hover { text-decoration: underline; } #menu_main_clone li.events { position: absolute; left: 483px; top: 115px; min-height: 0px;} #menu_main_clone li.staff { position: absolute; left: 644px; top: 150px; min-height: 0px;} #footer_legals { float: left; width: 978px; background: url(../images/common/bg_984_btm.png) left top no-repeat; padding: 15px 3px; } #footer_legals ul.left { font-size: 11px; } #footer_legals li { float: left; border-right: 1px solid #b2b2b2; line-height: 1em; padding-right: 15px; margin-right: 15px; } #footer_legals li.last { padding-right: 0; margin-right: 0; border-right: 0; } #footer_legals a { color: #000; } /*CONTENT STYLES*/ #main_content { float: left; width: 674px; background: url(../images/common/bg_674_btm.png) left bottom no-repeat; margin-top: 6px; padding-bottom: 3px; } #home #main_content { background: none; padding-bottom: 0; } /*Homepage only*/ #main_content h1 { height: 26px; padding: 8px 0 0 14px; background: left top no-repeat; } #main_content p { padding-bottom: 15px; } #home #main_content p { padding-bottom: 0; } #crumbs { float: left; width: 650px; padding: 12px 12px 0; background: url(../images/common/bg_674_crumbs.png) left top no-repeat; color: #010000; font-weight: bold; line-height: 1em; } #crumbs ul { float: left; width: 650px; padding-bottom: 10px; border-bottom: 1px dotted #424242; } #crumbs ul li { float: left; padding-left: 13px; background: url(../images/arrows/thin_right.gif) left center no-repeat; margin-right: 9px; } #crumbs ul li a { text-decoration: underline; } #crumbs ul li.first { padding-left: 0; background: none; } div.inner_content { float: left; width: 650px; padding: 10px 12px; background: url(../images/common/bg_674_mid.png) left top repeat-y; } div.text_box { float: left; width: 648px; border: 1px solid #a8aeb4; margin-top: 10px; } div.text { width: 620px; padding: 14px 14px 0; } .inner_content .text_box { margin-top: 10px; } .inner_content .first_box { margin-top: 0; } /* Blog page */ #main_content #blog_content {position: relative; border: 1px solid #D4D4D4; padding: 5px 20px; background: url(../images/common/bg_674_mid.png);} #main_content #blog_content h2.title { line-height: 40px; font-size: 1.75em; } /*SIDEBAR STYLES*/ #sidebar { float: right; width: 304px; } #sidebar h1 { height: 26px; padding: 7px 3px 0 17px; margin-bottom: 1px; } div.sidebar_module { float: left; width: 298px; margin-top: 8px; padding: 0 3px 3px; background: url(../images/common/bg_304_btm_long.png) left bottom no-repeat; } div.sidebar_module ul { float: left; width: 270px; padding: 0 14px 11px; background: left top repeat-x; line-height: 1.1em; color: #fff; } div.sidebar_module li { float: left; width: 270px; padding: 10px 0; border-bottom: 1px dotted #5e5e5e; font-size: 11px; } div.sidebar_module li a.more { color: #9900a0; } div.sidebar_module li.last { padding-bottom: 0; border-bottom: 0; } div.sidebar_module li.last a.more { float: right; } div.sidebar_module h1 { background: center top no-repeat; } div.sidebar_module h2 { font-size: 12px; margin-bottom: 5px; } div.sidebar_module h2 img { vertical-align: middle; } div.listen_module { float: left; width: 298px; height: 242px; margin-top: 8px; padding: 1px 3px 3px; background: url(../images/common/bg_304_btm_long.png) left bottom no-repeat; overflow: hidden; } #discover_headlines { position: relative; } #discover_headlines #events_pager { border: 1px solid yellow; position: relative; top: 0; left: 0; } #discover_headlines #events_list h2 a { color: #FFF; } #discover_headlines #events_list p { color: #D2D2D2; width: 186px; margin-left: 63px; } #discover_headlines #more_events { float: left; color: #AF009B; padding-right: 10px; background: url(../images/arrows/purple_right.gif) right center no-repeat; } #discover_headlines #events_pager .page_numbers { float: left; } #discover_headlines ul { height: 94px; background: url(../images/modules/home_news.jpg); overflow: hidden; } #discover_headlines #discover_list li { padding: 0; border-bottom: 0; } #discover_headlines #discover_list li a img { float: left; margin-right: 10px; border: 1px solid #fff; } #discover_headlines #discover_list li .discover_list_title a { font-weight: bold; color: #fff; font-size: 12px; } #discover_headlines #discover_list li p { color: #BFC9D2; } #discover_headlines #discover_list h2 a { color: #FFF; } #discover_headlines #discover_list #events_pager { position: absolute; top: 0; border: 0; width: 100%; } #discover_headlines #discover_list #events_pager .page_numbers { display: none; } #discover_headlines #discover_list #more_events { position: absolute; top: 12px; right: 10px; color: #fff; padding-right: 10px; background: none; } #discover_headlines #discover_list .discover_title { margin: 10px 0; font-size: 14px; text-transform: uppercase; font-weight: bold; } div.discover_module { float: left; width: 298px; margin-top: 8px; padding: 1px 3px 3px; background: url(../images/common/bg_304_btm_long.png) left bottom no-repeat; overflow: hidden; } div.discover_module ul { float: left; width: 270px; padding: 0 14px 11px; background: left top repeat-x; line-height: 1.1em; color: #fff; } div.discover_module li { float: left; width: 270px; padding: 10px 0; border-bottom: 1px dotted #5e5e5e; font-size: 11px; } div.discover_module li a.more { color: #9900a0; } div.discover_module li.last { padding-bottom: 0; border-bottom: 0; } div.discover_module li.last a.more { float: right; } div.discover_module h1 { background: center top no-repeat; } div.discover_module h2 { font-size: 12px; margin-bottom: 5px; } div.discover_module h2 img { vertical-align: middle; } div.ad { float: left; width: 304px; padding-top: 3px; margin-top: 6px; background: none; } div.ad_internal { float: left; width: 272px; height: 83px; padding: 10px 13px 13px; background: #481E60; margin-left: 2px; border: 1px solid #000; overflow: hidden; } div.ad_external { float: left; width: 300px; margin-left: 2px; padding: 0; border: 0; background: none; overflow: hidden; } #sidebar div.ad_internal h1 { padding: 0; width: auto; } div.ad_internal p { color: #fff; padding-bottom: 10px; font-size: 11px; } #community { float: left; width: 286px; height: 19px; overflow: hidden; padding: 9px; margin-top: 6px; background: url(../images/modules/community.png) left top no-repeat; } #community a { float: left; height: 13px; padding-top: 2px; margin-top: 2px; background: url(../images/icons/add.gif) left center no-repeat; padding-left: 20px; font-size: 11px; color: #fff; line-height: 1em; } #community a:hover { text-decoration: underline; } #community form { float: left; margin-left: 8px; padding-left: 8px; border-left: 1px solid #b7becb; } #community input.email { float: left; width: 115px; height: 15px; padding: 2px 2px 0; margin-right: 5px; border-width: 1px; border-style: solid; border-color: #717171 #b4b4b4 #dadada #b4b4b4; font: 11px arial, helvetica, sans-serif; } #community input.submit { float: left; width: 25px; height: 20px; border: 0; background: url(../images/common/btn_newsletter_go.gif) left top no-repeat; cursor: pointer; } #at15s_head, #at16pf { display:none; } #community .jazzenews { float: left; width: 121px; overflow: hidden; height: 17px; margin-right: 5px; border: 0; font: 11px arial, helvetica, sans-serif; } #community .jazzenews .subscribe_text { float: left; color: #FFF; padding-top: 3px; } #headlines ul { height: 314px; overflow: hidden; } /*Homepage only*/ #subnav ul { padding: 10px 14px 20px; } /*Sidebar Unique Backgrounds*/ #headlines h1, #subnav h1 { background-image: url(../images/headers/home_news_headlines.jpg); background-repeat: no-repeat; } #headlines ul, #subnav ul { background-image: url(../images/modules/home_news.jpg); } #subnav li { border-bottom: 0; padding: 10px 0 0; font-size: 12px; } #subnav li a { color: #b536bb; background: url(../images/arrows/pink_left.gif) left center no-repeat; padding-left: 12px } #subnav li a.on { color: #fff; background-image: url(../images/arrows/white_left.gif); } #headlines li a img { float: left; margin-right: 10px; border: 1px solid #fff; } #side_listing h1 { background-image: url(../images/headers/side_listing.jpg); } #side_listing ul { background: url(../images/modules/side_listing.jpg) left top repeat-x; color: #000; } /*SPECIFIC PAGES*/ /*Homepage: page-home*/ /* simande feature #feature ul { float: left; width: 674px; height: 358px; padding: 0 0 3px; background: url(../images/common/bg_674_btm.png) left bottom no-repeat; } #feature ul li { display: none; } #feature ul li.current { display: block; position: relative; float: left; width: 668px; height: 358px; padding: 0 3px; background: url(../images/common/bg_674_mid.png) left top repeat-y; } #feature ul li.current img { position: absolute; top: 0; left: 3px; } #feature ul li.current div.desc { position: absolute; bottom: 0; left: 3px; width: 553px; padding: 10px 100px 10px 15px; background: url(../images/common/bg_opaque.png) left top repeat; } #feature_arrows { position: absolute; right: 17px; bottom: 13px; } #feature_arrows a img { float: left; } #feature h1 { font-size: 20px; font-weight: normal; padding: 0 0 6px 0; height: auto; } #feature p { color: #fff; } #feature p a.more { color: #fff; background-image: url(../images/arrows/white_right.gif); } #feature li img { float: left; } */ /* views feature #feature h1 { font-size: 20px; font-weight: normal; padding: 0 0 6px 0; height: auto; } #feature p { color: #fff; } #feature p a.more { color: #fff; background-image: url(../images/arrows/white_right.gif); } #feature li img { float: left; } */ #feature { position: relative; float: left; width: 668px; height: 359px; top: 2px; background: url(../images/common/bg_674_mid.png) left bottom repeat-y; overflow: hidden; margin-bottom: 3px; padding: 1px 3px; } #feature .views-admin-links { display: none; } /* #feature .view-wbgo-feature { position: absolute; width: 668px; height: 361px; left: 3px; bottom: 0px; } */ #feature .view-wbgo-feature img { position: relative; left: 0px; width: 669px; height: 358px; } #feature .item-list #views-rotator-wbgo_feature-default-views-rotator-prev { width: 36px; height: 36px; position: absolute; z-index: 100; right: 53px; bottom: 13px; background-image: url(../images/arrows/feature_left.png); cursor: pointer; } #feature .item-list #views-rotator-wbgo_feature-default-views-rotator-next { width: 36px; height: 36px; position: absolute; z-index: 100; right: 17px; bottom: 13px; background-image: url(../images/arrows/feature_right.png); cursor: pointer; } /* #feature .view-wbgo-feature .views-field-field-feature-text-value { position: absolute; padding: left: 3px; width: 669px; height: 70px; left: 0px; bottom: 0px; background: url(../images/common/bg_opaque.png) left top repeat; color: white; } #feature .view-wbgo-feature .views-field-field-feature-text-value .field-content { position: relative; width: 553px; height: 70px; left: 15px; top: 5px; padding: 0; } */ #feature .view-wbgo-feature .views-field-field-feature-text-value { display: none; position: absolute; width: 669px; margin-bottom: 2px; height: 70px; bottom: 0; background: url(../images/common/bg_opaque.png) left top repeat; color: white; } #feature .view-wbgo-feature .views-field-field-feature-text-value .field-content { padding-right: 90px; height: 70px; padding-left: 15px; padding-top: 5px; } #feature .feature_title { display: none; font-size: 20px; text-transform: uppercase; padding-bottom: 2px; } #feature .feature_text { display: none; } #feature .feature_text .more { display: none; position: relative; color: #FFF; background-image: url(../images/arrows/white_right.gif); } div.home_half { width: 334px; margin-top: 6px; padding-bottom: 3px; background: url(../images/common/bg_334_btm.png) left bottom no-repeat; } div.home_half ul { float: left; width: 304px; padding: 0 15px; background: url(../images/common/bg_334_mid.png) left top repeat-y; } div.home_half ul li { float: left; width: 304px; padding: 10px 0; border-bottom: 1px dotted #5a5a5a; } div.home_half ul li.last { border-bottom: 0; } div.home_full { float: left; width: 674px; padding-bottom: 3px; background: url(../images/common/bg_674_btm.png) left bottom no-repeat; margin-top: 6px; } div.home_full ul { float: left; width: 644px; padding: 0 15px; background: url(../images/common/bg_674_mid.png) left top repeat-y; } div.home_full ul li { float: left; width: 644px; padding: 10px 0; border-bottom: 1px dotted #5a5a5a; } div.home_full ul li.last { border-bottom: 0; } div.home_full h2 { padding-bottom: 5px; } /*Homepage Unique Backgrounds*/ #home_music h1 { background-image: url(../images/headers/home_new_music.png); } #home_news h1 { background-image: url(../images/headers/home_featured_news.png); } #home_blog h1 { background-image: url(../images/headers/home_blog.png); } #home_news li, #home_music li { height: 100px; } #home_news li.last, #home_music li.last { height: 20px; } #home_news p, #home_music p { width: 171px; margin-left: 130px; } /*klac: Generic inner page Header background*/ #main_content h1.page_title { background-image: url(../images/headers/inner_banner.jpg); } #main_content div.text_box h1 { background-image: url(../images/headers/inner_textbox.jpg); } /*Common Inner page Styles*/ div.inner_content { float: left; width: 650px; padding: 10px 12px; background: url(../images/common/bg_674_mid.png) left top repeat-y; } div.text_box { float: left; width: 648px; border: 1px solid #a8aeb4; margin-top: 10px; } div.text { float: left; width: 628px; padding: 10px; } #intro_headshot { float: left; width: 628px; padding: 10px; border: 1px solid #a8aeb4; } #intro_headshot img { float: left; margin-right: 15px; } #intro_headshot p { padding: 15px 15px 0 0; font-weight: bold; font-size: 13px; } #intro_headshot div.text { float: left; width: 628px; padding: 0; background: #7f94b0 url(../images/modules/intro_headshot.gif) left top repeat-x; } #intro_headshot div.text p { color: #fff; } #top_feature { float: left; width: 624px; padding: 12px; margin-top: 10px; border: 1px solid #8fa1a7; background: #ccd5e0; } #top_feature h2 { text-transform: uppercase; padding-bottom: 8px; } #top_feature p { padding-bottom: 0; } #featured_list ul { float: left; width: 628px; padding: 10px; } #news_list ul { float: left; width: 628px; padding: 0 10px 10px; } #featured_list ul h2, #news_list ul h2 { text-transform: uppercase; } #featured_list ul p, #news_list ul p { padding-bottom: 0; } #featured_list ul li, #news_list ul li { float: left; width: 628px; padding: 10px 0; border-bottom: 1px dotted #5a5a5a; } #featured_list ul li.first { padding: 0; border-bottom: 0; } #featured_list ul li.last, #news_list ul li.last { padding-bottom: 0; border-bottom: 0; } #featured_list ul a.more { text-transform: uppercase; } #audio_search { float: left; width: 592px; padding: 15px; border: 3px solid #8797b1; background: #cdd5e0; } #audio_search h2 { color: #333; text-transform: uppercase; padding-bottom: 15px; } #audio_search dl { width: 288px; position: relative; } #audio_search dt, #audio_search dd { float: left; border: 1px solid #6e7c97; line-height: 1em; background: #fff; } #audio_search dt { height: 12px; padding: 5px; width: 276px; } #audio_search dd { display: none; position: absolute; width: 286px; top: 22px; left: 0; border-top: 0; padding: 5px 0; } #audio_search dl.open dd { display: block; } #audio_search dt a, #audio_search dd a { display: block; color: #333; } #audio_search dt a:hover, #audio_search dd a:hover { text-decoration: none; } #audio_search dt a { background: url(../images/arrows/black_down.gif) right center no-repeat; } #audio_search dl.open dt a { background-image: url(../images/arrows/black_up.gif); } #audio_search dd a { width: 276px; padding: 3px 5px; color: #000; } #audio_search dd a:hover { background: #cdcdcd; } #audio_search input { float: left; width: 263px; height: 16px; padding: 4px 4px 2px 19px; border: 1px solid #6e7c97; font: 12px/1em arial, helvetica, sans-serif; color: #333; background: #fff url(../images/icons/header_search.gif) 5px center no-repeat; } #audio_search_result { float: left; width: 592px; background: #8797b1; padding: 18px; color: #fff; } #audio_search_result h2 { text-transform: uppercase; } #audio_search_result a { color: #fff; } #audio_search_result a.listen { float: right; } div.half_box { width: 319px; border: 1px solid #A8AEB4; margin-top: 10px; } div.half_box ul { float: left; width: 299px; padding: 0 10px; } div.half_box ul li { float: left; width: 299px; padding: 10px 0; border-bottom: 1px dotted #5a5a5a; } div.half_box ul li.last { border-bottom: 0; } div.half_box ul h2 { padding-bottom: 5px; } #main_content div.half_box ul p { padding-bottom: 0; } div.half_box ul h2 a { color: #3b4562; font-size: 14px; text-transform: uppercase; } div.half_box ul a.more { float: right; } /*Generic inner page Header background*/ #main_content h1.page_title, #main_content #search_list h1 { background-image: url(../images/headers/inner_banner.jpg); } #main_content div.text_box h1.audio_search, #main_content #news_list h1 { background-image: url(../images/headers/audio_search.jpg); } #main_content #featured_list h1, #main_content #featured_video h1 { background-image: url(../images/headers/featured_video.jpg) } #main_content div.text_box h1 { background-image: url(../images/headers/inner_textbox.jpg); } #main_content div.inner_content div.left h1 { background-image: url(../images/headers/inner_box_left.jpg); } #main_content div.inner_content div.right h1 { background-image: url(../images/headers/inner_box_right.jpg); } /*Color Themed inner page header backgrounds*/ #main_content #teal_inner_theme h1.page_title { background-image: url(../images/headers/teal_banner.jpg); } #main_content #teal_inner_theme h1.audio_search { background-image: url(../images/headers/teal_audio_search.jpg); } #main_content #teal_inner_theme div.text_box h1 { background-image: url(../images/headers/teal_inner_textbox.jpg); } #main_content #green_inner_theme h1.page_title { background-image: url(../images/headers/green_banner.jpg); } #main_content #green_inner_theme h1.audio_search { background-image: url(../images/headers/green_audio_search.jpg); } #main_content #green_inner_theme div.text_box h1 { background-image: url(../images/headers/green_inner_textbox.jpg); } /*Color Themed page content backgrounds*/ #teal_inner_theme #intro_headshot div.text { background: #7999a2 url(../images/modules/green_intro_headshot.gif) left top repeat-x; } #teal_inner_theme #top_feature { background: #c2d8df; } #teal_inner_theme #audio_search { border-color: #7f9da6; background: #c2d8df; } #teal_inner_theme #audio_search_result { background: #7f9da6; } #green_inner_theme #intro_headshot div.text { background: #7f8c71; } #green_inner_theme #top_feature { background: #c3d4b1; } #green_inner_theme #audio_search { border-color: #7f8c71; background: #c3d4b1; } #green_inner_theme #audio_search_result { background: #7f8c71; } #green_inner_theme #news_feature div.text { background: #181b11; } /*Innerpage feature*/ #news_feature { float: left; width: 648px; border: 1px solid #989999; position: relative; } #news_feature img { float: left; } #news_feature div.text { position: absolute; bottom: 0; left: 0; width: 618px; padding: 10px 15px; background: url(../images/common/bg_opaque.png) left top repeat; color: #fff; } #news_feature div.text h1 { font-size: 24px; background: none; padding: 0 0 7px; height: auto; } #news_feature div.text p { padding-bottom: 0; } /*Schedule Page Styles*/ #schedule_content { float: left; margin-top: 8px; width: 650px; padding: 12px; background: url(../images/common/bg_984_mid.png) left top repeat-y; border-bottom: 1px solid #EBECF0; border-right: 1px solid #EBECF0; min-height: 641px; } #schedule_content dl { float: left; width: 622px; padding: 7px 14px 10px; background: #4a5876 url(../images/modules/schedule_days.gif) left top repeat-x; color: #fff; text-transform: uppercase; line-height: 1em; margin-bottom: 20px; } #schedule_content dt { float: left; font-size: 18px; padding: 7px 45px 0 0; } #schedule_content dd { float: left; font-size: 16px; padding-left: 13px; margin-right: 30px; } #schedule_content dd a { float: left; height: 17px; padding-top: 7px; padding-right: 12px; color: #fff; } #schedule_content dd a:hover { text-decoration: none; } #schedule_content dd.on, #schedule_content dd.over { background: url(../images/buttons/filter_left.gif) left center no-repeat; } #schedule_content dd.on a, #schedule_content dd.over a { color: #000; background: url(../images/buttons/filter_right.gif) right center no-repeat; } #schedule_content h1 { float: left; color: #000; text-transform: none; font-weight: bold; font-size: 24px; padding: 0 16px; } #schedule_content ul { float: left; width: 100%; padding: 22px 0 0; } #schedule_content ul h2 { float: left; width: 80px; padding: 20px 20px 0 20px; font-size: 24px; color: #3b4562; text-transform: uppercase; line-height: 1em; } #schedule_content ul div.program { float: left; width: 400px; padding: 20px 20px 20px 60px; border-left: 1px dotted #3b4562; } #schedule_content ul p { font-size: 1.5em; color: #3B4562; } #schedule_content ul li { float: left; width: 100%; padding: 10px 0; } #schedule_content ul li.blue { background: #c7d2df; } #schedule_content .view .views-admin-links ul.links li { float: left; width: 60px; padding: 0; } /*Search Results Page*/ #search_list div.filters { float: left; width: 630px; padding: 10px; text-transform: uppercase; font-size: 11px; line-height: 1em; background: #CDD5E0; } #search_list div.filter_links { width: 100%; height: 1em; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #E0E7EF; } #search_list div.filters dt { float: left; padding-right: 15px; } #search_list div.filters dd { float: left; padding-right: 8px; margin-right: 8px; border-right: 1px solid #67718e;} #search_list div.filters dd.last { padding-right: 0; margin-right: 0; border-right: 0; } #search_list div.filters p { padding-bottom: 0; } #search_list ul { float: left; width: 630px; padding: 20px 10px; } #search_list ul h2 { text-transform: uppercase; } #main_content #search_list ul p { padding-bottom: 0; } #search_list ul li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #3b4562; } #search_list ul li.last { padding-bottom: 0; margin-bottom: 10px; border-bottom: 0; } #search_filter p { padding-bottom: 10px; } #search_filter dl { width: 134px; position: relative; margin-top: 5px; } #search_filter dt, #search_filter dd { float: left; border: 1px solid #6e7c97; line-height: 1em; background: #fff; } #search_filter dt { height: 12px; padding: 5px; width: 122px; } #search_filter dd { display: none; position: absolute; width: 132px; top: 22px; left: 0; border-top: 0; padding: 5px 0; } #search_filter dl.open dd { display: block; } #search_filter dt a, #search_filter dd a { display: block; color: #333; } #search_filter dt a:hover, #search_filter dd a:hover { text-decoration: none; } #search_filter dt a { background: url(../images/arrows/black_down.gif) right center no-repeat; } #search_filter dl.open dt a { background-image: url(../images/arrows/black_up.gif); } #search_filter dd a { width: 122px; padding: 3px 5px; color: #000; } #search_filter dd a:hover { background: #cdcdcd; } /*klac: ELEMENTS*/ /*Contact Forms*/ #page-contact-override #main_content { float: left; background: url(../images/common/bg_674_mid.png) left top repeat-y; margin: 8px 0 3px 0; padding: 0; border: 0; } .forms_content { position: relative; background: #E9ECF1; margin: 1px 3px; min-height: 496px; height: auto !important; height: 496px; } .forms_content #form_title { color: #FFF; background-color: #366DAE; } .forms_content .status { background: #E9ECF1; padding: 15px; } .forms_default { padding: 15px; } .forms_default input.form-submit { width: 44px; height: 22px; background: url(../images/common/btn_go.gif) left top no-repeat; color: #fff; text-transform: uppercase; cursor: pointer; border: 0; } /*klac: default page*/ #default #main_content #teal_inner_theme h1.page_title { background-image: none; background-color: #6E7C97; color: white; height: 100%; padding: 8px 15px; margin-bottom: 10px; } /*klac: search result page*/ #search_result #main_content #search_list { min-height: 803px; height: auto !important; height: 803px; } /*klac: default err404 err403 pages*/ #err404 #content, #err403 #content { min-height: 400px; background-color: #FFF; margin: 4px; padding: 10px; } /*klac: recently played*/ #recently_played { text-transform: uppercase; } /*klac: events block*/ .hide { display: none; } #headlines { position: relative; } #headlines #events_pager { position: absolute; top: 320px; left: 15px; } #headlines #events_list h2 a { color: #FFF; } #headlines #events_list p { color: #D2D2D2; width: 186px; margin-left: 83px; } #headlines #more_events { float: right; color: #AF009B; padding-right: 10px; background: url(../images/arrows/purple_right.gif) right center no-repeat; } #headlines #events_pager .page_numbers { float: left; } /*klac: calender non-featured listing*/ #side_listing { position: relative; } #side_listing a.calendar_link { display: block; width: 180px; color: #FFF; text-decoration: none; background: url(../images/arrows/dart.gif) right center no-repeat; } #side_listing a.calendar_link:hover { color: #DDA6E0; } #side_listing #calendar_pager { position: absolute; top: 590px; left: 15px; } #side_listing #calendar_more_events, #side_listing .calendar_more_events { float: right; color: #AF009B; padding-right: 10px; background: url(../images/arrows/purple_right.gif) right center no-repeat; } #side_listing #calendar_pager .page_numbers { float: left; } #side_listing ul#calendar_list { height: 492px; overflow: hidden; } #side_listing ul#calendar_list li { padding: 0; margin-bottom: 10px; min-height: 35px; height: auto !important; height: 35px;} #side_listing ul#calendar_list p { padding: 0; margin-bottom: 10px; } /* mp3inline audio */ .mp3inline { margin:0; padding:0; border: 0; width: 131px; height: 24px; background: url(../images/buttons/btn_ondemand.gif); } .mp3inline:hover { background: url(../images/buttons/btn_ondemand_hover.gif); cursor: pointer; } /* comments */ .messages { background: #BFFFC8; padding: 10px; } /* weather */ #weather { position: absolute; left: 275px; top: 30px; } #weather li { margin-right: 5px; color: #3C4B58; font-size: 0.85em; } /* underwriting sidebar */ .underwriting { float: left; width: 300px; margin: 15px 0 0 16px; background: none; padding: 0; overflow: hidden; } .underwriting dl { height:125px; margin-bottom: 20px; } .underwriting dl.last { margin-bottom: 10px; } .underwriting dd { position: relative; float:left; width: 125px; height: 125px; margin: 0 20px 5px 0; text-align: center; background: #75819B; overflow: hidden; } .underwriting dd a { color: #C9D1DC; } .underwriting dd img { float: left; } /* wbgo news */ .home_flickr { width: 118px; height: 81px; overflow: hidden; } .home_flickr .home_flickr_img { width: 118px; } /* hd2 the jazz stream button */ .btn_hd2_container { width: 610px; text-align: center; font-size: 1.2em; font-weight: bold; text-transform: uppercase; } .btn_hd2_container .link_wbgoplayer { display: block; width: 205px; margin: 0 auto; } .btn_hd2 { width: 205px; height: 45px; border: 0; text-align: center; background: url(../images/buttons/btn_hd2_v3.png) no-repeat; } .btn_hd2:hover { text-decoration: none; background: url(../images/buttons/btn_hd2_v3.png) 0 -51px no-repeat; cursor: pointer; } /* listen now widget */ .lwidget_background { position: relative; height: 242px; background: url(../images/common/listen_now_sprite.png) repeat-x; padding: 3px 15px 0 15px; } .lwidget_header1 { position: relative; color: #F9F5F6; font-weight: bold; font-size: 11px; padding-top: 3px; } .lwidget_prev { position: absolute; top: 0; left: 0; } .lwidget_now { width: 65px; margin: 0 auto; } .lwidget_next { position: absolute; top: 0; right: 0; } .lwidget_header1 a { color: #F9F5F6; } .lwidget_prog_list { position: absolute; top: 31px; } .lwidget_prog_list img { float: left; border: 1px solid #fff; width: 72px; margin-right: 7px; } .lwidget_prog_list li { width: 270px; height: 62px; } .lwidget_prog_list li div p { color: #43464F; font-size: 11px; } .lwidget_stream { position: absolute; top: 92px; font-size: 9px; } .lwidget_stream div { float: left; margin-right: 5px; } .lwidget_stream marquee, .lwidget_stream .lwidget_stream_pointer { height: 10px; float: left; width: 185px; text-transform: uppercase; color: #43464F; } .lwidget_stream_pointer:hover { cursor: pointer; } #lwidget_play_stream { position: absolute; top: 113px; } #lwidget_play_stream .link_wbgoplayer { background: url(../images/icons/mediaplayers/player_icons.png) 0 -116px no-repeat; } .lwidget_other_formats { position: absolute; top: 116px; right: 15px; font-size: 11px; } .lwidget_other_formats a { color: #F9F5F6; } #lwidget_play_jazzbee { position: absolute; top: 220px; } #lwidget_play_jazzbee .link_wbgoplayer { background: url(../images/icons/mediaplayers/player_icons.png) 0 -146px no-repeat; } .lwidget_play .link_wbgoplayer { padding-left: 25px; color: #F9F5F6; font-weight:bold; text-transform: uppercase; font-size: 16px; } .lwidget_play .link_wbgoplayer:hover { color: #DFD77D; text-decoration: none; } .lwidget_prog_jazzbee { position: absolute; top: 141px; } .lwidget_prog_jazzbee img { float: left; border: 0; margin-right: 7px; } .lwidget_prog_jazzbee li div { float: left; width: 195px; } .lwidget_prog_jazzbee li div p { color: #43464F; } .lwidget_jazzbee { position: absolute; top: 197px; font-size: 9px; } .lwidget_jazzbee div { float: left; margin-right: 5px; } .lwidget_jazzbee marquee, .lwidget_jazzbee .lwidget_jazzbee_pointer { height: 10px; float: left; width: 185px; text-transform: uppercase; color: #43464F; } .lwidget_jazzbee_pointer:hover { cursor: pointer; } #lwidget_player_options { position: absolute; top: 0; left: 0; width: 298px; height: 242px; z-index: 7; background: #e8edf3 url(../images/common/bg_listen_now.jpg) left top repeat-x; margin: 0 auto; overflow: hidden; } #lwidget_player_options h2 { font-size: 16px; color: #000; padding: 5px 0 0 0; } #lwidget_player_options .media_players .iOS_Android_app_header { padding: 10px 0 0 0; } #lwidget_player_options ul { position: relative; float: left; width: 250px; padding-left: 15px; margin: 10px 0 0 0; } #lwidget_player_options .media_players li { position: relative; padding-bottom: 6px; margin-bottom: 5px; } #lwidget_player_options .media_players .secondary_player { height: 17px; overflow: hidden; } #lwidget_player_options .media_players .player_block { width: 110px; float: left; padding-top: 6px; } #lwidget_player_options .media_players a { padding: 5px 0 0 27px; font-weight: bold; color: #43464F; } #lwidget_player_options a.link_wmp { background: url(../images/icons/mediaplayers/player_icons.png) 0 -1px no-repeat; } #lwidget_player_options a.link_winamp { background: url(../images/icons/mediaplayers/player_icons.png) 0 -90px no-repeat; } #lwidget_player_options a.link_itunes { background: url(../images/icons/mediaplayers/player_icons.png) 0 -32px no-repeat; } #lwidget_player_options a.link_real { background: url(../images/icons/mediaplayers/player_icons.png) 0 -62px no-repeat; } #lwidget_player_options .player_app a { background: none; padding: 0; } #lwidget_close_options { position: absolute; top: 55px; right: -40px; width: 25px; height: 130px; background: #6E7C97; color: #fff; overflow : hidden; } #lwidget_close_options:hover { cursor: pointer; } #lwidget_close_options .lwidget_close_container { position: absolute; top: 10px; left: 7px; } #lwidget_close_options .lwidget_close_container div { font-size: 18px; font-weight: bold; margin: 0; } /*NPR CLASSES*/ .npr_frame_px { position: relative; float: left; border: 1px solid #aaa; background: #fff; margin-right: 8px; width: 120px; height: 83px; overflow: hidden; } .npr_frame_px2 { position: absolute; width: 118px; height: 81px; border: 1px solid #fff;} a.npr_image_frame_thumb img { position: absolute; left: -10%; float: left; border: 0px solid #aaa; height: 83px; } /*RESPONSIVE*/ /* listen now widget */ .lwidgit_container { position: relative; } .lwidgit_container .lwidget_background { position: relative; height: 115px; background: #4A565F; padding: 3px 15px 0 15px; } .lwidgit_container .lwidget_header1 { position: relative; color: #F9F5F6; font-weight: bold; font-size: 11px; padding-top: 3px; } .lwidgit_container .lwidget_prev { position: absolute; top: 0; left: 0; } .lwidgit_container .lwidget_now { width: 65px; margin: 0 auto; } .lwidgit_container .lwidget_next { position: absolute; top: 0; right: 0; } .lwidgit_container .lwidget_header1 a { color: #F9F5F6; } .lwidgit_container .lwidget_prog_list { position: absolute; top: 31px; } .lwidgit_container .lwidget_prog_list img { float: left; border: 1px solid #E4ECF2; width: 72px; margin-right: 7px; } .lwidgit_container .lwidget_prog_list li { width: 100%; height: 62px; border: 0px solid red; } .lwidgit_container .lwidget_prog_list li div h2 { color: #E4ECF2; } .lwidgit_container .lwidget_prog_list li div h2 a { color: #E4ECF2; } .lwidgit_container .lwidget_prog_list li div p { color: #7F95A4; font-size: 11px; } .lwidgit_container .lwidget_stream { position: absolute; top: 92px; font-size: 9px; } .lwidgit_container .lwidget_stream div { float: left; margin-right: 5px; } .lwidgit_container .lwidget_stream marquee, .lwidget_stream .lwidget_stream_pointer { height: 10px; float: left; width: 185px; text-transform: uppercase; color: #43464F; } .lwidgit_container .lwidget_stream_pointer:hover { cursor: pointer; } .lwidgit_container #lwidget_play_stream { position: absolute; top: 113px; } .lwidgit_container .lwidget_stream_pointer { color: #fff; } .lwidgit_container .lwidget_stream_pointer a { color: #fff; } .lwidgit_container .lwidget_other_formats { display: none; position: absolute; top: 116px; right: 15px; font-size: 11px; } .lwidgit_container .lwidget_other_formats a { color: #F9F5F6; } .lwidgit_container #lwidget_play_jazzbee { position: absolute; top: 0; } .lwidgit_container .lwidget_prog_jazzbee { display: none; position: absolute; top: 31px; } .lwidgit_container .lwidget_prog_jazzbee img { float: left; border: 0; margin-right: 7px; } .lwidgit_container .lwidget_prog_jazzbee li div { float: left; width: 195px; border: 0px solid green; } .lwidgit_container .lwidget_prog_jazzbee li div p { color: #E4ECF2; } .lwidgit_container .lwidget_jazzbee { display: none; position: absolute; top: 87px; font-size: 9px; } .lwidgit_container .lwidget_jazzbee div { float: left; margin-right: 5px; } .lwidgit_container .lwidget_jazzbee marquee, .lwidget_jazzbee .lwidget_jazzbee_pointer { height: 10px; float: left; width: 185px; text-transform: uppercase; color: #43464F; } .lwidgit_container .lwidget_jazzbee_pointer:hover { cursor: pointer; } .lwidgit_container .lwidget_jazzbee_pointer { color: #fff; } .lwidgit_container .lwidget_jazzbee_pointer a { color: #fff; } .lwidgit_container .lwidget_play { display: none; } .cycle_playlist_next { position: absolute; z-index: 9; top: 31px; right: 0; background: #000; } .cycle_playlist_prev { position: absolute; z-index: 9; top: 31px; right: 50px; background: #000; } .cycle_playlist_next:hover, .cycle_playlist_prev:hover { cursor: pointer; } @media all and (max-width: 600px) { .lwidgit_container .lwidget_background { position: relative; padding: 0; margin: 0; } .lwidgit_container .lwidget_prog_list { border: 0px solid yellow; position: absolute; padding: 0; margin: 0; width: 100%; } .lwidgit_container .lwidget_prog_list li { border: 0px solid blue; width: 100%; } .lwidgit_container .lwidget_prog_list li div h2 { font-size: 1.4em; font-weight: normal; } .lwidgit_container .lwidget_stream, .lwidgit_container .lwidget_jazzbee { margin-top: 1em; } .lwidgit_container .lwidget_prev, .lwidgit_container .lwidget_next { font-weight: normal; font-size: 1.4em; margin-top: 0.5em; } .lwidgit_container .lwidget_next a, .lwidgit_container .lwidget_next a { color: #B5BFC5; } .lwidgit_container .lwidget_prog_list img { border: 0; } } /* jplayer */ .fix-persistent { width: 100%; position: fixed; display: none; z-index: 1030; } .block-audity { text-align: left; opacity: 1; position: relative; clear: both; margin: 0 2px 1em 2px; width: 980px; } .block-audity { background: #4a565f; min-height: 3em; } @media only screen and (min-width: 40.063em) { .block-audity { min-height: 5.0001em; } } .block-audity:before { content: "LOADING..."; color: #FFF; line-height: 3em; position: absolute; text-align: center; width: 100%; } @media only screen and (min-width: 40.063em) { .block-audity:before { line-height: 5.0001em; } } #audity-wrapper { z-index: 1030; width: 100%; position: relative; margin: auto; color: #7f95a4; } .player-bar-wrapper { background: #4a565f; border-bottom: 1px solid #363d44; } .player-bar { background: transparent; border-left: 1px solid #363d44; border-right: 1px solid #363d44; max-width: 62.5em; margin: auto; overflow: hidden; width: 100%; height: 3em; display: table; table-layout: fixed; overflow: visible; } @media only screen and (min-width: 40.063em) { .player-bar { height: 5.0001em; } } .audity-controls, .now-playing, .more-toggle { display: table-cell; padding-top: .2em; vertical-align: middle; } .now-playing { padding-left: 2%; width: 60%; border: 0; outline: 0; } @media only screen and (min-width: 40.063em) { .now-playing { padding-top: 0.25em; padding-left: 0; } } @media only screen and (min-width: 64.063em) { .now-playing { width: 75%; } } .now-playing .player-title-text:after { content: '\00B7'; margin-right: 0.05em; margin-left: 0.25em; } .now-playing .stream-label { color: #e4ecf2; font-size: 80%; opacity: .7; } @media only screen and (min-width: 40.063em) { .now-playing .stream-label { margin-top: 0.25em; -webkit-transition: all .3s ease; transition: all .3s ease; } } .expanded .now-playing .stream-label { margin-top: 0; } @media only screen and (min-width: 40.063em) { #audity-wrapper:not(.expanded) .stream-label { opacity: .75; } } .now-playing .program-name { color: #e4ecf2; font-size: 1em; font-weight: 400; line-height: 1.4; } @media only screen and (min-width: 40.063em) { .now-playing .program-name { font-size: 1.25em; font-weight: 300; } } @media only screen and (min-width: 40.063em) { #audity-wrapper:not(.expanded) .program-name { display: block; } } .expanded-player-outer-wrapper { background: #363d44; box-shadow: inset 0 0 5em rgba(0, 0, 0, 0.1); } .expanded-player-wrapper { height: 0; max-width: 62.5em; margin: 0 auto; opacity: 0; overflow: hidden; -webkit-transition: all .4s ease .2s; transition: all .4s ease .2s; visibility: hidden; } .expanded .expanded-player-wrapper { height: auto; opacity: 1; visibility: visible; } .expanded-player-wrapper .stream-program-meta-view { display: none; } .program-next { color: #7f95a4; display: none; font-size: 75%; margin-top: 0.25em; opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } @media only screen and (min-width: 40.063em) { .expanded .program-next { display: block; opacity: 1; } } .more-toggle { background: #363d44; border-left: 1px solid #363d44; font-size: .8em; height: 100%; opacity: .75; overflow: hidden; text-align: center; width: 15%; } .more-toggle span { display: none; } @media only screen and (min-width: 40.063em) { .more-toggle { width: auto; } .more-toggle span { display: inline; } } .more-toggle:hover { color: #e4ecf2; cursor: pointer; } .toggle-arrow { -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .expanded .toggle-arrow { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .toggle-arrow path { fill: #7f95a4; } .audity-controls { padding-right: 1%; padding-left: 1%; text-align: center; width: 2.5em; } @media only screen and (min-width: 40.063em) { .audity-controls { width: 4.5em; padding-right: 2%; padding-left: 2%; } } @media only screen and (min-width: 40.063em) { .no-touch .audity-controls { width: 5em; } } .jp-stop { display: none; } .jp-state-playing .jp-stop { display: block; } .jp-state-playing .jp-play { display: none; } .player-btn:hover { cursor: pointer; } .btn-play circle, .btn-stop circle { fill: transparent; stroke: #7f95a4; stroke-width: 2; -webkit-transition: all .3s; transition: all .3s; } .btn-play path, .btn-play rect, .btn-stop path, .btn-stop rect { fill: #e4ecf2; stroke-width: 0; -webkit-transition: all .3s; transition: all .3s; } .btn-play:active circle, .btn-stop:active circle { fill: #e4ecf2; stroke-width: 1; } .btn-play:active path, .btn-play:active rect, .btn-stop:active path, .btn-stop:active rect { fill: #7f95a4; } @media only screen and (min-width: 40.063em) { svg[class^="btn-"] { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.3s cubic-bezier(0.17, 0.37, 0.43, 0.67); transition: all 0.3s cubic-bezier(0.17, 0.37, 0.43, 0.67); } .expanded svg[class^="btn-"] { -ms-transform: scale(1.25); -webkit-transform: scale(1.25); transform: scale(1.25); } } .jp-state-seeking .jp-stop svg rect { -webkit-animation: pulsate 1.5s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite; animation: pulsate 1.5s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite; }.jp-state-seeking .jp-stop svg rect { -webkit-animation: pulsate 1.5s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite; animation: pulsate 1.5s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite; } @-webkit-keyframes pulsate { 0% { opacity: 1; } 50% { opacity: .5; } 100% { opacity: 1; } } @keyframes pulsate { 0% { opacity: 1; } 50% { opacity: .5; } 100% { opacity: 1; } } .jp-stop svg .btn-load { display: none; } .jp-state-seeking .jp-stop svg .btn-load { display: block; } .change-volume { display: none; } .volume-container { display: none; } .jp-mute svg, .jp-unmute svg { -ms-transform: scale(0.9); -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transition: all 0.3s cubic-bezier(0.17, 0.37, 0.43, 0.67); transition: all 0.3s cubic-bezier(0.17, 0.37, 0.43, 0.67); } #audity-wrapper:not(.expanded) .jp-mute svg, #audity-wrapper:not(.expanded) .jp-unmute svg { overflow: visible; -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); } .start-stop { float: left; overflow: visible; } @media only screen and (min-width: 40.063em) { .no-touch .change-volume { display: block; margin: 1.55em 4em 1.55em 2em; float: right; position: relative; z-index: 10; } } .no-touch .volume-container { border-radius: 3px; display: inline-block; height: 2em; overflow: hidden; position: absolute; -webkit-transition: all 0.1s cubic-bezier(0.17, 0.37, 0.43, 0.67) 0.2s; transition: all 0.1s cubic-bezier(0.17, 0.37, 0.43, 0.67) 0.2s; width: 2em; text-align: center; } .no-touch .volume-container:hover { background: #3A424B; cursor: pointer; height: 8.5em; width: 3em; } .no-touch .jp-volume-bar { display: none; height: 5em; margin: 0.5em 0 0.5em 0.5em; overflow: hidden; position: absolute; top: 2em; width: 2em; } .no-touch .jp-volume-bar-value-bg, .no-touch .jp-volume-bar-value { background: #E1A3E2; border-radius: 1px; bottom: 0; left: 0.75em; position: absolute; width: 0.5em; } .no-touch .jp-volume-bar-value-bg { height: 100%; opacity: .35; } .no-touch .jp-volume-bar-value { -webkit-transition: height 0.1s cubic-bezier(0.17, 0.37, 0.43, 0.67); transition: height 0.1s cubic-bezier(0.17, 0.37, 0.43, 0.67); } .volume-buttons { background: none; border-radius: 50%; padding: 5px; -webkit-transition: all 0.1s cubic-bezier(0.17, 0.37, 0.43, 0.67) 0.2s; transition: all 0.1s cubic-bezier(0.17, 0.37, 0.43, 0.67) 0.2s; } .volume-buttons:hover { border-radius: 3px 3px 0 0; opacity: 1; } .no-touch .volume-container:hover .volume-buttons { border-radius: 3px 3px 0 0; opacity: 1; } .no-touch .volume-container:hover .volume-buttons svg path { fill: white; } .stream-song-meta-view { overflow: hidden; } @media only screen and (min-width: 40.063em) { .stream-song-meta-view .song-meta-view-inner { border-bottom: 1px solid #4a565f; overflow: hidden; } } .stream-song-meta-view .album-wrapper { margin: 1em auto 0; max-width: 100px; text-align: center; } .stream-song-meta-view .album-wrapper img.song-artwork { border: 5px solid rgba(0, 0, 0, 0.25); border-radius: 4px; } @media only screen and (min-width: 40.063em) { .stream-song-meta-view .album-wrapper { float: left; margin-right: 1em; margin-left: 1em; margin-top: 1.25em; margin-bottom: 1.25em; } } @media only screen and (min-width: 64.063em) { .stream-song-meta-view .album-wrapper { margin-left: 0; } } .stream-song-meta-view .song-info-wrapper { overflow: hidden; padding: 1em 2%; text-align: center; } @media only screen and (min-width: 40.063em) { .stream-song-meta-view .song-info-wrapper { padding: 1.125em 4% 1.25em 1%; text-align: left; } } .stream-song-meta-view .song-trackname { display: block; font-size: 1.5em; line-height: 1.25; margin-bottom: 0.25em; } @media only screen and (min-width: 40.063em) { .stream-song-meta-view .song-trackname { font-size: 1.7em; line-height: 1.4; margin-bottom: 0; } } .stream-song-meta-view .song-artistname { display: block; margin-bottom: 0.5em; } @media only screen and (min-width: 40.063em) { .stream-song-meta-view .song-artistname { font-size: 1.35em; line-height: 1.4; margin-bottom: 0; } } .stream-song-meta-view .song-collectionName { display: block; font-style: italic; opacity: .8; } @media only screen and (min-width: 40.063em) { .stream-song-meta-view .song-collectionName { font-size: 1.1em; line-height: 1.4; } } .stream-song-meta-view span.label, .stream-song-meta-view ul.song-commerce { display: none; } .current-content { width: 100%; } @media only screen and (min-width: 40.063em) { .current-content { display: inline-block; float: left; } } .current.program { font-size: 2em; } .streams-list { clear: both; overflow: hidden; list-style-type: none; margin: 0 auto; } @media only screen and (min-width: 40.063em) { .streams-list { border-top: none; } .playing .streams-list, .expanded .streams-list { padding-left: 2%; padding-right: 2%; } } .streams-list li { border-top: 1px solid #4a565f; padding: 0 2% .5em; } .streams-list li:first-child { border-top: 0; } @media only screen and (min-width: 40.063em) { .streams-list li { border-top: 0; float: left; width: 33%; padding: 0.75em 2%; -webkit-transition: all .2s linear; transition: all .2s linear; } } @media only screen and (min-width: 64.063em) { .streams-list li { width: 30%; } } .streams-list li a { color: #7f95a4; font-size: 100%; text-decoration: none; } @media only screen and (min-width: 40.063em) { .streams-list li a { font-size: 85%; } } .streams-list li.current.playing a, .streams-list li.current.paused a { color: #e4ecf2; } .streams-list li.current.playing a { cursor: default; } a:focus.stream { outline: none; } .stream-name { overflow: hidden; } .stream-name .stream-label { color: #7f95a4; font-size: .85em; margin-top: 0.5em; } @media only screen and (min-width: 40.063em) { .stream-name .stream-label { font-size: .9em; margin-top: 0; } } .playing .current.playing .stream-name .stream-label, .playing .current.paused .stream-name .stream-label, .now-playing .stream-name .stream-label { color: #e4ecf2; } .stream-name .program-name { color: #7f95a4; font-size: 1.25em; font-weight: 400; line-height: 1.4; } @media only screen and (min-width: 40.063em) { .stream-name .program-name { font-weight: 300; } } .playing .current.playing .stream-name .program-name, .playing .current.paused .stream-name .program-name, .now-playing .stream-name .program-name { color: #e4ecf2; } .stream-indicator { position: relative; } .stream-indicator { border-radius: 50%; float: left; height: 2.5em; margin-top: 0.5em; margin-right: 0.25em; width: 2.5em; } @media only screen and (min-width: 40.063em) { .stream-indicator { margin-top: 0.25em; margin-right: 0.5em; } } .stream-inactive { width: 0; height: 0; border-top: .6em solid transparent; border-bottom: .6em solid transparent; border-left: 1em solid #7f95a4; position: absolute; top: .6em; left: .8em; } .current.playing .stream-inactive, .playing .current.paused .stream-inactive { display: none; } .stream-active { display: none; } .current.playing .stream-active, .playing .current.paused .stream-active { display: block; } .stream-activebar { background: #7f95a4; bottom: .5em; height: .1em; position: absolute; width: 3px; -webkit-animation: sound 1s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite alternate; animation: sound 1s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite alternate; } .jp-state-seeking .stream-activebar { height: .2em; border: 1px solid #fff; top: 50%; -webkit-animation: sound-loading 1s cubic-bezier(0.2, 0.2, 0.2, 0.2) infinite alternate; animation: sound-loading 1s cubic-bezier(0.2, 0.2, 0.2, 0.2) infinite alternate; } @-webkit-keyframes sound { 0% { opacity: 0.5; height: 0.1em; } 100% { opacity: 1.0; height: 1.0em; } } @keyframes sound { 0% { opacity: 0.5; height: 0.1em; } 100% { opacity: 1.0; height: 1.0em; } } @-webkit-keyframes sound-loading { 0% { opacity: 0.1; } 100% { opacity: 1; } } @keyframes sound-loading { 0% { opacity: 0.1; } 100% { opacity: 1; } } .stream-activebar:nth-child(1) { left: .6em; -webkit-animation-duration: .4s; animation-duration: .4s; } .stream-activebar:nth-child(2) { left: .9em; -webkit-animation-duration: .2s; animation-duration: .2s; } .stream-activebar:nth-child(3) { left: 1.2em; -webkit-animation-duration: 1s; animation-duration: 1s; } .stream-activebar:nth-child(4) { left: 1.5em; -webkit-animation-duration: .3s; animation-duration: .3s; } #audio-ad-metadata { display: block; opacity: 0; margin: 1em; text-align: center; font-style: italic; font-weight: 300; } .playing #audio-ad-metadata { opacity: 1; } .ad-view { border: 0; padding: 0; margin: 0 auto; text-align: center; max-width: 62.5em; } .ad-view .ad-wrapper.display-ad:not([style]) { border-top: 1px solid #4a565f; padding: 1em 0; } .pi-ajax-links-api-loading { background-repeat: no-repeat; margin: 50px; padding: 30px; height: 11px; width: 16px; } #nprogress { pointer-events: none; } #nprogress .bar { background: #29d; position: fixed; z-index: 1031; top: 0; left: 0; width: 100%; height: 2px; } #nprogress .peg { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #29d, 0 0 5px #29d; opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); } #nprogress .spinner { display: block; position: fixed; z-index: 1031; top: 15px; right: 15px; } #nprogress .spinner-icon { width: 18px; height: 18px; box-sizing: border-box; border: solid 2px transparent; border-top-color: #29d; border-left-color: #29d; border-radius: 50%; -webkit-animation: nprogress-spinner 400ms linear infinite; animation: nprogress-spinner 400ms linear infinite; } .nprogress-custom-parent { overflow: hidden; position: relative; } .nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar { position: absolute; } @-webkit-keyframes nprogress-spinner { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes nprogress-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .program-promo-content > .program { display: none; } .program-promo-content > .active-program { display: block; } @media all and (max-width: 600px) { .block-audity { width: 100%; } }