/* 1. BASE 1.1 Reset 1.2 Accessibility Navigation 1.3 Clearfix 1.4 Default Styles 2. LAYOUT 2.1 Structure 2.2 Header 2.3 Navigation 2.4 Content 2.5 Footer */ /* 1. BASE ----------------------------------------------------------------------------------------------- */ /* 1.1 Reset -----------------------------------------------------------------------------------------------*/ html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,samp,small,strong,sub,sup,tt,var,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; } q { quotes:none; } q:before,q:after { content:""; content:none; } a,ins,del { text-decoration:none; } table { border-collapse:collapse; border-spacing:0; } th,td { vertical-align:top; } th { text-align:left; } /* 1.2 Clearfix -----------------------------------------------------------------------------------------------*/ .clearfix:after,p.text-size:after,.row:after,.news-latest li:after,#jeffreys-insight li:after,#lifestyle li:after,#traffic p:after,#footer .logos:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /* 1.3 Default Styles -----------------------------------------------------------------------------------------------*/ body { background:#E5E5E5 url(../bg_body.png) repeat-y top; color:#333333; font:62.5%/1.3 Helvetica Neue, Arial, Helvetica, sans-serif; text-align:center; } hr { display:none; } strong { font-weight:bold; } em { font-style:italic; } del { text-decoration:line-through; } th { font-weight:normal; } address,cite,dfn { font-style:normal; } li { list-style:none; } abbr,acronym { border-bottom:1px dotted #999; cursor:help; } input,textarea,select { font-family:Helvetica Neue, Arial, Helvetica, sans-serif; } .float-left { float:left; } .float-right { float:right; } hr { border-bottom:1px solid #ccc; } /* Input Buttons */ .container .more-details { color:#332F2C; font:11px/12px verdana,geneva,arial,helvetica,sans-serif; margin:20px; position:relative; } .container .detail-button { -moz-border-radius:5px 0 5px 5px; background:0 repeat scroll 0 0 transparent; border:1px solid #DEDEDE; float:left; margin-bottom:10px; margin-right:10px; padding:5px; position:relative; text-shadow:1px 1px 1px white; } /* 2. LAYOUT ----------------------------------------------------------------------------------------------- */ /* 2.1 Structure -----------------------------------------------------------------------------------------------*/ .container { width:945px; position:relative; margin:0 auto; text-align:left; font-size:1.2em; } /* 2.2 Header -----------------------------------------------------------------------------------------------*/ #header { background:url(../bg_header.png) repeat-x; color:#FFFFFF;} #header .container { height:138px; padding-top:10px; z-index: 2000; } #header a { color:#FFFFFF; } h1 { padding-top:11px; } h1 a { display:block; position:relative; width:245px; height:62px; text-indent:5px; } h1 a span { display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../logo.png) no-repeat; } #accessibility-nav { float:right; color:#666666; } #accessibility-nav li { float:left; border-right:1px solid #666666; padding-right:.7em; margin-right:.7em; } #accessibility-nav .a-navigation { display:none; } #accessibility-nav .skip { padding:0; } #accessibility-nav .skip,#accessibility-nav .a-accessibility { border:none; } #accessibility-nav .a-accessibility { margin:0; padding:0; padding-right:20px; background:url(../ico_accessibility.png) no-repeat right; } #accessibility-nav a { color:#CCCCCC; } #search { position:absolute; top:50px; right:0; } #search legend { display:none; } #search .text { float:left; width:247px; height:22px; padding-top:4px; padding-left:5px; background:url(../bg_search.png) no-repeat; } #search .text input { width:215px; padding:0; background:#E9E9E9; border:none; outline:none; font-size:1.2em; line-height:1em; } #search .button { margin-left:.5em; width:59px; height:25px; line-height:25px; border:none; background:url(../btn_search-bg.png) no-repeat; color:#333333; font-size:1em; } #search .place { clear:both; margin-top:5px; } #search label { margin-right:1em; } /* 2.3 Menu -----------------------------------------------------------------------------------------------*/ #header .menu { bottom:4px; position: absolute; z-index:1000; border:none; border:0; margin:0; padding:0; font:67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif; font-size:14px; font-weight:bold; } .menu ul { background:url(../bg_header.png) repeat-x scroll 0 0 transparent; height:35px; list-style:none; margin:0; padding:0; z-index:1000; } .menu li { float:left; padding:0;} .menu li a { background:#000 url(../seperator.gif) bottom right no-repeat; color:#cccccc; display:block; font-weight:normal; line-height:35px; margin:0; padding:0 25px; text-align:center; text-decoration:none; } .menu li a:hover,.menu ul li:hover a { background:#333 url(../hover.gif) bottom center no-repeat; color:#FFFFFF; text-decoration:none; } .menu li ul { background:#333333; display:none; height:auto; padding:0; margin:0; border:0; position:absolute; width:225px; /*top:1em; /*left:0;*/ } .menu li:hover ul { display:block; } .menu li li { display:block; float:none; margin:0; padding:0; width:225px; border-bottom:1px dotted #555; } .menu li:hover li a { background:none; } .menu li ul a { display:block; height:35px; font-size:12px; font-style:normal; margin:0; padding:0 10px 0 15px; text-align:left; } .menu li ul a:hover,.menu li ul li:hover a { background:#000 url(../hover_sub.gif) center left no-repeat; border:0; color:#ffffff; text-decoration:none; } .menu p { clear:left; } /* 2.3.1 Footer Navigation */ #footer .navigation { display:table; width:100%; text-align:center; font:67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif; font-size:14px; font-weight:normal; } .navigation li { display:table-cell; border-right:1px solid #333333; padding:0 25px; height:35px; line-height:35px; } .navigation li.first { padding-left:0; text-align:left; } .navigation li.last { padding-right:0; text-align:right; border:none; } .navigation li.alt a { color:#E51B24!important; } .highlights .slider-content { float:left; height:auto!important; margin:0; padding:0 20px; position:relative; width:960px; } #slider { } #slider ul,#slider li,#slider2 ul,#slider2 li { margin:0; padding:0; list-style:none; } #slider li,#slider2 li { /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ width:945px; height:335px; overflow:hidden; z-index:890; } #slider2 { position:relative; } #slider2 li { background:#ffffff; } #slider2 li h2 { margin:0 20px; padding-top:20px; } #slider2 li p { margin:20px 0 20px 20px; } p#controls,p#controls2 { margin:0; position:relative; } #prevBtn,#nextBtn,#prevBtn2,#nextBtn2 { display:block; margin:0; overflow:hidden; width:30px; height:65px; position:absolute; left:-40px; top:230px; } #nextBtn,#nextBtn2 { left:958px; } #prevBtn a,#nextBtn a,#prevBtn2 a,#nextBtn2 a { display:block; position:relative; width:30px; height:65px; background:url(../left_off.png) no-repeat 0 0; } #nextBtn a,#nextBtn2 a { background:url(../right_off.png) no-repeat 0 0; } #prevBtn a:hover,#nextBtn a:hover,#prevBtn2 a:hover,#nextBtn2 a:hover { display:block; position:relative; width:30px; height:65px; background:url(../left_on.png) no-repeat 0 0; } #nextBtn a:hover,#nextBtn2 a:hover { background:url(../right_on.png) no-repeat 0 0; } /* // Easy Slider - For Homepage -----------------------------------------------------------------------------------------------*/ .highlights .slider-content { float:left; height:auto !important; margin:0; padding:0 20px; position:relative; width:960px; } #slider{} #slider ul, #slider li, #slider2 ul, #slider2 li{margin:0;padding:0;list-style:none;} #slider li, #slider2 li{ /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ width:945px; height:335px; overflow:hidden; z-index: 890; } #slider2{position:relative;} #slider2 li{ background:#ffffff;} #slider2 li h2{margin:0 20px;padding-top:20px;} #slider2 li p{margin:20px 0 20px 20px; } p#controls, p#controls2{margin:0;position:relative; } #prevBtn, #nextBtn, #prevBtn2, #nextBtn2{display:block;margin:0;overflow:hidden;width:30px;height:65px;position:absolute;left:-40px;top:230px;} #nextBtn, #nextBtn2{ left:958px;} #prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{ display:block;position:relative;width:30px;height:65px;background:url(../left_off.png) no-repeat 0 0; } #nextBtn a, #nextBtn2 a{ background:url(../right_off.png) no-repeat 0 0;} #prevBtn a:hover, #nextBtn a:hover, #prevBtn2 a:hover, #nextBtn2 a:hover{ display:block;position:relative;width:30px;height:65px;background:url(../left_on.png) no-repeat 0 0; } #nextBtn a:hover, #nextBtn2 a:hover{ background:url(../right_on.png) no-repeat 0 0;} #slider{} .slider_box{width:938px; height:323px;padding:20px 0px;font-size:12px;color:#666666;} #slider{} .slider_box_right{float:right;width:380px;padding:0;} #slider{} .slider_box_right h4{ font-size:28px;color:#566C11;margin:5px 0 0 20px; padding:0;} #slider{} .slider_box_right p{margin:0;padding:0; line-height:18px;letter-spacing:0.25px;} #slider{} .slider_box_right p.head-line {font-size: 1.42em;line-height:14px;} #slider{} .slider_box_right p a { color: #738C1F; font-weight: bold;} #slider{} .slider_box_left {float:left;width:542px;height:296px; padding-top:5px;} #slider{} .img-shadow { float:left; background: url(../shadowAlpha.png) no-repeat bottom right !important; background: url(../shadow.gif) no-repeat bottom right; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; } #slider{} .img-shadow img { display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; } #slider{} .slider_box_right .more_detail a{float:left;text-decoration:none;background:url(../more_details.gif) no-repeat; height:34px; width:133px} #slider{} .slider_box_right .visit_porto a{float:left;text-decoration:none;background:url(../visit_portfolio.gif) no-repeat; height:34px; width:155px} #slider{} .slider_box_right .more_detail a:hover{float:left;text-decoration:none;background:url(../more_details_hover.gif) no-repeat; height:34px; width:133px} #slider{} .slider_box_right .visit_porto a:hover{float:left;text-decoration:none;background:url(../visit_portfolio_hover.gif) no-repeat; height:34px; width:155px} .more_detail{float:left;width:140px;padding-left:20px;} .visit_porto{float:left;width:180px;} /* 2.4 Content -----------------------------------------------------------------------------------------------*/ #content { margin-bottom:4em; } #content .row { margin-bottom:1em; } /* Default */ #content .head { position:relative; background:url(../bg_head-left.png) no-repeat left; margin-bottom:10px; } #content .head h3 { padding:0 10px; height:32px; line-height:32px; background:url(../bg_head-right.png) no-repeat right; font-size:1.17em; color:#FFFFFF; } #content .head h3 em, #content li h5 em, #content li h5 { font-style: normal; } #sidebar_right h4 { font-size:1.2em; font-weight:bold; } /* News */ #content .head.news { position:relative; background:url(../bg_head-left-news.png) no-repeat left; margin-bottom:10px; } #content .head.news h3 { padding:0 10px; height:32px; line-height:32px; background:url(../bg_head-right-news.png) no-repeat right; font-size:1.17em; color:#FFFFFF; margin:0; } #content .head.headerColorNews { position:relative; background:url(../bg_head-left-news.png) no-repeat left; margin-bottom:10px; } #content .head.headerColorNews h3 { padding:0 10px; height:32px; line-height:32px; background:url(../bg_head-right-news.png) no-repeat right; font-size:1.17em; color:#FFFFFF; margin:0; } /* Classical */ #content .head.classical { position:relative; background:url(../bg_head-left-classical.png) no-repeat left; margin-bottom:10px; } #content .head.classical h3 { padding:0 10px; height:32px; line-height:32px; background:url(../bg_head-right-classical.png) no-repeat right; font-size:1.17em; color:#FFFFFF; margin:0; } #content .head.headerColorClassical { position:relative; background:url(../bg_head-left-classical.png) no-repeat left; margin-bottom:10px; } #content .head.headerColorClassical h3 { padding:0 10px; height:32px; line-height:32px; background:url(../bg_head-right-classical.png) no-repeat right; font-size:1.17em; color:#FFFFFF; margin:0; } /* Jazz */ #content .head.jazz { position:relative; background:url(../bg_head-left-jazz.png) no-repeat left; margin-bottom:10px; } #content .head.jazz h3 { padding:0 10px; height:32px; line-height:32px; background:url(../bg_head-right-jazz.png) no-repeat right; font-size:1.17em; color:#FFFFFF; margin:0; } #content .head.headerColorJazz { position:relative; background:url(../bg_head-left-jazz.png) no-repeat left; margin-bottom:10px; } #content .head.headerColorJazz h3 { padding:0 10px; height:32px; line-height:32px; background:url(../bg_head-right-jazz.png) no-repeat right; font-size:1.17em; color:#FFFFFF; margin:0; } .head a { position:absolute; color:#FFFFFF; } .head .all { top:8px; right:10px; } .head.with-rss .all { right:47px; } .head .rss { display:block; position:absolute; top:7px; right:7px; width:30px; height:18px; } .head .rss span { display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../ico_rss.png) no-repeat; } p.breadcrumbs { } p.text-size { margin:.5em 0; } p.text-size span { float:left; } p.text-size a,p.text-size a span { display:block; width:15px; height:15px; } p.text-size a { position:relative; display:inline; float:left; overflow:hidden; margin-left:5px; } p.text-size a span { position:absolute; top:0; left:0; width:100%; height:100%; background:url(../ico_text-size.png) no-repeat; } p.text-size .medium span { background-position:-40px 0; } p.text-size .large span { background-position:-80px 0; } #content .more { margin:1em 0; text-align:right; } #content .more a { padding-right:20px; background:url(../ico_arrow.png) no-repeat right; font-size:.92em; color: } /* Conditional: Fund Drive */ #fund-drive { position:relative; margin-bottom:1em; height:43px; padding-top:6px; padding-left:10px; background:url(../bg_fund-drive.png) no-repeat; color:#FFFFFF; } #fund-drive .info { float:left; } #fund-drive .info h4 { font-size:1.08em; } #fund-drive .info p { font-size:.92em; } #fund-drive .progress { margin:6px 10px 0; display:inline; float:left; height:20px; width:365px; background:#FFFFFF url(../bg_fund-drive_progress.png) no-repeat; } #fund-drive .progress .inner { height:20px; background:#AD0A0A url(../bg_fund-drive_progress_inner.png) no-repeat; } #fund-drive .progress .inner div { float:right; height:20px; width:2px; background:url(../bg_fund-drive_progress_inner_right.png) no-repeat; } #fund-drive .time h5 { color:#CCCCCC; } #fund-drive ul { position:absolute; top:8px; right:10px; } #fund-drive ul li { display:inline; float:left; height:27px; line-height:29px; background:url(../bg_fund-drive_video.png) no-repeat right; } #fund-drive ul a { display:block; height:27px; padding-left:30px; padding-right:8px; background:url(../bg_fund-drive_video_left.png) no-repeat left; } #fund-drive .news { margin-right:10px; } #fund-drive .news a { color:#8FA44C; } #fund-drive .classical a { color:#B6346A; } #highlights .carousel { position:relative; float:left; width:551px; padding:1px; border:1px solid #ABABAB; } .carousel img { display:block; width:100%; } .carousel .controls { position:absolute; height:24px; width:531px; left:10px; bottom:10px; } .carousel .controls a { display:inline; float:left; height:24px; background-image:url(../ico_carousel-controls.png); text-indent:-999em; } .carousel .controls ul { float:right; } .carousel .controls li { display:inline; float:left; } .carousel .play,.carousel .pause { width:28px; margin-right:10px; } .carousel .play:hover { background-position:0 -24px; } .carousel .pause { background-position:-28px 0; } .carousel .pause:hover { background-position:-28px -24px; } .carousel .prev a,.carousel .next a { width:24px; } .carousel .prev a { background-position:-56px 0; } .carousel .prev a:hover { background-position:-56px -24px; } .carousel .next a { background-position:-80px 0; } .carousel .next a:hover { background-position:-80px -24px; } .carousel .img a { width:15px; background-position:-104px 0; } .carousel .img a:hover { background-position:-104px -24px; } .carousel .active a { width:15px; background-position:-119px 0; } .carousel .active a:hover { background-position:-119px -24px; } #highlights .side { float:right; width:375px; } #highlights h4 a,#highlights .headline { color:#566C11; } #highlights h4 { font-size:1.83em; } #highlights .headline { font-size:1.42em; margin:5px 20px; } #highlights .info { margin:0 20px; } #highlights .summary { float:left; width:185px; } #highlights .summary p { margin-bottom:1em; } #highlights p.more { margin:0; text-align:right; } #highlights p.more a { padding-right:10px; background:url(../ico_more.png) no-repeat right; } #highlights .ad { position:relative; top:-1.5em; float:right; width:180px; text-align:right; } #highlights .ad p { margin-bottom:.5em; color:#999999; font-size:.92em; } #world-highlights .side { float:right; width:375px; } #world-highlights h4 a,#highlights .headline { color:#566C11; } #world-highlights h4 { font-size:1.83em; } #world-highlights .headline { font-size:1.42em; margin:5px 20px; } #world-highlights .info { margin:0 20px; } #world-highlights .summary { float:left; width:185px; } #world-highlights .summary p { margin-bottom:1em; } #world-highlights p.more { margin:0; text-align:right; } #world-highlights p.more a { padding-right:10px; background:url(../ico_more.png) no-repeat right; } /* Radio */ #radio { clear:both; margin:20px 0 0; } #radio .auditions { float:left; margin-left:2px; } #radio .auditions li { display:inline; float:left; background:url(../bg_audition.png) no-repeat scroll 0 0 transparent; margin-left:3px; width:162px; height:69px; } #radio .auditions .info { display:inline; float:left; width:100px; margin-left:8px; margin-top:8px; } #radio .auditions h4 a { font-size:1.33em; } #radio .auditions .news h4 a { color:#657921; } #radio .auditions .jazz h4 a { color:#04536f; } #radio .auditions .classical h4 a { color:#830036; } #radio .auditions h4 em { font-weight:normal; } #radio .auditions a.listen,#radio .auditions a.listen span { display:block; width:44px; height:51px; } #radio .auditions a.listen { position:relative; display:inline; float:right; overflow:hidden; margin-top:8px; margin-right:8px; } #radio .auditions a.listen span { position:absolute; top:0; left:0; width:100%; height:100%; background:url(../ico_listen-live.png) no-repeat; } #radio .auditions .jazz a.listen span { background-position:-44px 0; } #radio .auditions .classical a.listen span { background-position:-88px 0; } #radio .on-demand { float:right; } #radio .on-demand .info { margin-top:8px; margin-left:6px; } #radio .on-demand .description { font-size:.92em; } #radio .on-demand li { display:inline; float:left; width:140px; height:69px; background:url(../bg_cpr-on-demand.png) no-repeat; } #radio .on-demand h4 a { font-size:1.33em; } #radio .categories { margin-right:2px; } #radio .categories li { display:inline; float:left; margin-left:2px; } #radio .categories a,#radio .categories span { display:block; height:67px; } #radio .categories a { position:relative; overflow:hidden; } #radio .categories span { position:absolute; top:0; left:0; width:100%; height:100%; background:url(../bg_radio-categories.png) no-repeat; } #radio .categories .news a { width:94px; } #radio .categories .jazz a { width:72px; } #radio .categories .jazz span { background-position:-94px 0; } #radio .categories .classical a { width:132px; } #radio .categories .classical span { background-position:-166px 0; } #radio h3 { clear:both; float:left; margin-top:1em; padding-right:5px; font-size:.92em; } #radio .stations { float:left; margin-top:1em; font-size:.92em; } #radio .stations.news { color:#788944; } #radio .stations.classical { float:right; color:#9E3963; } #radio .stations li { display:inline; float:left; padding-right:8px; margin-right:3px; background:url(../bullet.png) no-repeat right; } #radio .stations li.last { margin:0; padding:0; background:none; } #announcement { position:relative; margin-bottom:1em; height:36px; line-height:36px; padding-left:15px; background:url(../bg_announcement.png) no-repeat; color:#FFFFFF; } #announcement h3 { display:inline; margin-right:20px; font-size:1.08em; text-transform:uppercase; } #announcement p { display:inline; } #announcement .more { margin-left:50px; color:#FFFFFF; font-style:italic; } #announcement .close { position:absolute; display:block; overflow:hidden; width:16px; height:16px; top:10px; right:10px; text-decoration:none; } #announcement .close span { position:absolute; top:0; left:0; width:100%; height:100%; background:url(../ico_announcement-close.png) no-repeat; } #announcement .close:hover span { background-position:bottom; } /* Radio - Right column on program details page */ #radio-right {width: 301px;} #radio-right .auditions {margin: 10px 1px; } #radio-right .auditions { float: right; width: 100%;} #radio-right .auditions li { display:inline; float:left; background:url(../bg_listen_now.png) no-repeat scroll 0 0 transparent; margin-left:1px; width:100%; height:70px; } #radio-right .auditions .info { display:inline; float:left; width:219px; margin-left:8px; margin-top:8px; } #radio-right .auditions h4 { margin-top: 0px } #radio-right .auditions h4 a { font-size:0.9em; } #radio-right .auditions .news h4 a { color:#657921; } #radio-right .auditions .jazz h4 a { color:#04536f; } #radio-right .auditions .classical h4 a { color:#830036; } #radio-right .auditions h4 em { font-weight:normal; } #radio-right .auditions a.listen,#radio-right .auditions a.listen span { display:block; width:44px; height:51px; } #radio-right .auditions a.listen { position:relative; display:inline; float:right; overflow:hidden; margin-top:8px; margin-right:8px; } #radio-right .auditions a.listen span { position:absolute; top:0; left:0; width:100%; height:100%; background:url(../ico_listen-live.png) no-repeat; } #radio-right .auditions .jazz a.listen span { background-position:-44px 0; } #radio-right .auditions .classical a.listen span { background-position:-88px 0; } /* Header Colors */ #feeds a.news { color:#687c23; } #feeds a.jazz { color:#04536f; } #feeds a.classical { color:#860038; } #main a.news { color:#687c23; } #main a.jazz { color:#04536f; } #main a.classical { color:#860038; } /* Feeds - Column */ #feeds { position:relative; width:945px;} #feeds #news { float:left; width:555px; } /* Main Content */ #main { position:relative; width:945px;} #main #news { float:left; width:555px; } #main #articles { float:left; width:625px;} #main .entry-info { border-top:1px #ccc dashed; border-bottom:1px #ccc dashed; margin:20px 15px 15px 0; padding:10px 0; } #main .article-headline { margin:0;min-height:240px;} #main .article-info { float:left; width:625px;} #main .article-content { margin:0;} #main .flashplayer { float:left; margin:0 0 20px 0; position:relative;width:100%; } /* Left Column */ #left { float:left; width:150px; } #left ul { margin:30px 0; } #left ul li { border-top:1px #ccc dashed; padding:5px 0; margin:0 15px 0 0; } #left ul li a { font-size:1.6em; color:#555; } #left ul li.last { border-bottom:1px #ccc dashed; } /* Right Columns */ #sidebar_right {float:right;min-height:280px;overflow:hidden;width:301px;} #sidebar_right .ad {clear: right;} #sidebar_right .skyscraper {float: right; border:1px solid #ccc; left:800px;} #related-links { margin-top:20px; } .related-links { margin-top:20px; } #feeds .side { float:right; width:375px; } #feeds .rightcolumn { float:right; width: 230px;} #feeds .side { float:right; width:375px; } #feeds .other .boxes { float:left; width:205px; } #feeds .other .sidebar { float:left; width:230px; } #feeds .other .ad { float:right; width:160px; margin-top:0; } #main .side { float:right; width:375px; } #main .rightcolumn { float:right; width: 230px;} #main .other .boxes { float:left; width:205px; } #main .other .sidebar { float:left; width:230px; } #main .other .ad { float:right; width:160px; margin-top:0; } #main .other .skyscraper {float: right; border:1px solid #ccc; left:800px;} #cpr-on-demand { position:relative; height:96px; padding:10px 10px 0 115px; margin-bottom:1em; background:url(../bg_cpr-on-demand.png) no-repeat; } #cpr-on-demand h3 { margin-bottom:5px; font-size:1.33em; } #cpr-on-demand h3 a { color:#000000; } #cpr-on-demand p { font-size:.92em; } #cpr-on-demand .more { position:absolute; bottom:10px; right:10px; margin:0; padding-right:9px; background:url(../ico_more.png) no-repeat right; font-size:.83em; } .news-latest li { padding:.5em 0; border-bottom:1px dotted #EAEAEA; } .news-latest .last { border:none; } .news-latest h4 { float:left; font-size:1.08em; } .news-latest h4 a { color:#738C1F; font-weight: bold;} .news-latest em { float:right; font-size:.83em; } .news-latest .verbose { margin-bottom:1em; border:none; } .news-latest .verbose h4,.news-latest .verbose em { float:none; } .news-latest .verbose .image { float:left; width:204px; } .news-latest .verbose .description { float:right; width:340px; } .news-latest .verbose em { display:block; margin-bottom:1em; font-size:1em; } #news a.ad { display:block; width:468px; margin:2em auto; } #news a.ad img { display:block; } #hourly-news { position:relative; margin-bottom:1em; height:50px; background:#EEEEEE url(../bg_news_hourly.png) no-repeat; } #hourly-news h3 { padding-left:20px; text-transform:uppercase; line-height:50px; color:#000000; } #hourly-news h3 span { padding:5px 0; padding-left:60px; background:url(../ico_news_npr.png) no-repeat left; } #hourly-news li { position:absolute; top:14px; } #hourly-news .real { width:66px; right:159px; } #hourly-news .windows { width:129px; right:20px; } #hourly-news ul a { position:relative; display:block; height:22px; overflow:hidden; } #hourly-news ul span { position:absolute; top:0; right:0; width:100%; height:100%; background:url(../ico_news_hourly.png) no-repeat; } #hourly-news .windows span { background-position:0 -22px; } #npr-news h3 span { padding:5px 0; padding-left:60px; background:url(../ico_news_npr.png) no-repeat left; } #npr-news li { margin-bottom:1.5em; } #npr-news h4 { display:inline; font-size:1.17em; } #npr-news h4 a { color:#738C1F; } #npr-news em { margin-left:.5em; font-size:.92em; } #npr-news .summary { font-size:.92em; } #jeffreys-insight li { margin-bottom:1em; } #jeffreys-insight .image { float:left; width:119px; } #jeffreys-insight .description { float:right; width:235px; } #jeffreys-insight h4 { font-size:1.08em; } #jeffreys-insight h4 a { color:#738C1F; } #jeffreys-insight em { display:block; margin-bottom:1em; } #jeffreys-insight .summary { font-size:.92em; } #lifestyle li { margin-bottom:1em; } #lifestyle .image { float:left; width:119px; } #lifestyle .description { float:right; width:235px; } #lifestyle h4 { font-size:1.08em; } #lifestyle h4 a { color:#738C1F; } #lifestyle em { display:block; margin-bottom:1em; } #lifestyle .summary { font-size:.92em; } /* save orginal #lifestyle li { margin-bottom:1em; background:url(../bg_lifestyle-article.png) repeat-y right; } #lifestyle .image { float:left; width:119px; } #lifestyle .description { display:inline; float:left; margin-left:10px; width:165px; } #lifestyle h4 { padding-top:.5em; font-size:1.08em; } #lifestyle h4 a { color:#738C1F; } #lifestyle .pink h4 a { color:#993366; } #lifestyle .blue h4 a { color:#336699; } #lifestyle .summary { font-size:.92em; } #lifestyle .sponsor { float:right; width:65px; padding-top:15px; text-align:center; font-size:.75em; color:#AAAAAA; line-height:200%; } */ #support a { display:block; margin:1em 0; } #support a img { display:block; } #community h4 { font-size:1.17em; color:#000000; border-bottom:1px solid #F7F7F7; } #community ul { margin-bottom:1em; } #community li { padding:5px; } #community p { margin: 8px 5px; } #community .alt { background:#F7F7F7; } #community h5 a { color:#A10303; } #related-links ul { margin-bottom:1em; } #related-links li { padding:5px; } #related-links .alt { background:#F7F7F7; } #related-links h5 a { color:#555555; } #related-links h4 { font-weight: normal; } .related-links ul { margin-bottom:1em; } .related-links li { padding:5px; } .related-links .alt { background:#F7F7F7; } .related-links h5 a { color:#555555; } #traffic form { display:block; height:54px; padding:5px 8px 0; background:url(../bg_traffic.png) no-repeat; } #traffic label { display:block; margin-bottom:5px; color:#000000; } #traffic select { width:125px; } #traffic .button { margin-left:.5em; width:49px; height:22px; line-height:18px; padding-left:10px; padding-bottom:2px; border:none; background:url(../btn_traffic.png) no-repeat; color:#333333; font-size:1em; } #traffic a { float:right; position:relative; overflow:hidden; margin-top:5px; width:61px; height:15px; } #traffic a span { position:absolute; top:0; left:0; width:100%; height:100%; background:url(../ico_traffic.png) no-repeat; } /* 2.5 Footer -----------------------------------------------------------------------------------------------*/ #footer { background:#E2E2E2 url(../bg_footer.png) repeat-x; } #footer .container { padding-bottom:3em; text-align:center; } #footer .container div { margin:5px 0; } #footer .navigation { padding-top:3px; } #footer .navigation a { color:#FFFFFF; } #footer .container .logos { width:296px; margin:25px auto 5px; } #footer .logos a { position:relative; display:inline; overflow:hidden; float:left; height:30px; margin-right:20px; } #footer .logos span { display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-image:url(../misc_footer-logos.png); } #footer .logos .cpb { width:30px; } #footer .logos .apm { width:36px; } #footer .logos .apm span { background-position:-30px 0; } #footer .logos .pri { width:33px; } #footer .logos .pri span { background-position:-66px 0; } #footer .logos .npr { width:41px; } #footer .logos .npr span { background-position:-99px 0; } #footer .logos .cnn { width:76px; margin:0; } #footer .logos .cnn span { background-position:-140px 0; } #footer p,#footer .categories { display:inline; font-size:.92em; } #footer .categories li { display:inline; margin-right:2em; } #footer .categories .news a { color:#738C1F; } #footer .categories .jazz a { color:#006993; } #footer .categories .classical a { color:#860038; } /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */