/* set the main nav item for this section */ #header ul li#home a:link, #header ul li#home a:visited { background-position: 0 bottom; } #header {height: 157px;} /* Page Header: utility,masthead,navbar ---------------------------------- */ #header { position: relative; background:url(images/phil-home/wdch_hm_header_2011.jpg) no-repeat } #header div.bar { height: 24px; position: relative; background: url(images/shared/utility_hm_background.png);} #header div.bar form {background: url(images/shared/search_hm_background.png); } #header div.bar form input { color:#ddd; } #header div.bar form button { background: url(images/phil-header/2009/search_hm.png) no-repeat left top; } /* For IE6 */ #header div.bar { _background:#650A29 !important; } #header div.bar a.switch:link, #header div.bar a.switch:visited, #header div.bar a.switch:hover, #header div.bar a.switch:active { _background-image:url(/common/css/images/phil-header/2009/bowl_link_hm.gif) !important } #header div.bar a.login:link, #header div.bar a.login:visited, #header div.bar a.login:hover, #header div.bar a.login:active { _background-image:url(/common/css/images/phil-header/2009/arrow_hm.gif) !important } #header div.bar form { _background:#8C475F !important; _border-bottom:1px solid #8C475F !important; } #header div.bar form button { _background-image:url(/common/css/images/phil-header/2009/search_hm.gif) !important } #header #swfheader { display: none; } #header ul { position: absolute; bottom: 0; left: 0; height:27px; width: 960px; list-style-type: none; } #body { background: #fff; width: 960px; } #wrapper { width: 920px; padding: 20px; margin: 0; float: left; } #wrapper .content { width: 663px; padding: 0; margin: 0; float: left; } #wrapper .sidebar { width: 257px; padding: 0; margin: 0; float: right; } #body .content h2 { font-size: 18px; line-height: 26px; height: 26px; text-transform: uppercase; color: #666; font-weight: bold; margin: 5px 0 0 0; } #flash { margin-bottom: 15px; height:250px; width:635px; background-color:#000000; } #series, #upcoming { margin-bottom: 10px; } #upcoming h1 { background: url(images/phil-home/upcoming_header.gif) no-repeat; height: 20px; text-indent: -999em; margin-bottom:5px; } #upcoming p.info { position: absolute; left: 10px; bottom: 0; } #upcoming p.info a { display: block; float: left; margin-right: 0; } #upcoming a.listen { width: 20px; height: 18px; padding: 0; text-indent: -999em; background-position: bottom; margin-left: 5px; background-image:url(images/phil-shared/icon_listen_large.gif) } /* 01.21.09 - rebuild upcoming block as table to handle resizing. * Remove UL styles above when launched [BB] */ #upcoming table { padding: 0; margin: 0 0 15px 0; width:635px } #upcoming td { background:#DBE6EB url(images/phil-home/upcoming_background.png) repeat-x left bottom; margin: 0; padding: 0; width: 195px; } #upcoming td.spacer {width:25px; background:none} #upcoming td p, #upcoming td h3 { margin: 0 10px; } #upcoming td p.date { text-transform: none; margin-bottom: 9px; margin-top: 10px; line-height: 11px; } #upcoming td h3 { color: #007EB1; font-weight: bold; font-size:1.1em !important; line-height:1.1em !important; } #upcoming td h3 a * { color:#007EB1 } #upcoming td p.info { margin:5px 0 0 0; position:relative} #upcoming td p.info a { display: block; float: left; margin: 0; } #upcoming td a.listen { width: 20px; height: 18px; padding: 0; text-indent: -999em; background-position: bottom; margin-left: 5px; background-image:url(images/phil-shared/icon_listen_large.gif) } /* overrides of standard is_resizable styles */ #upcoming.is_resizable td h3 { margin-top:10px; font-size:1.1em !important; line-height:1.1em !important; } #upcoming.is_resizable td p.date { line-height:1.1em !important;} #upcoming tr.info td { background:none; } /* SERIES */ #series { width:635px; font-size: 11px; color: #333; margin: 0; padding: 0; clear: left; } #series ul { margin:5px 0 0 0; padding:0; height:235px; width:635px; position:relative; overflow:visible; } #series li { position:absolute; width:123px; height:200px; top:0; margin:0; padding:0; overflow:visible; background-position:left top; } #series li#series-classical { left:0; background-image:url(images/phil-home/series/classical.png); } #series li#series-jazz { left:128px; background-image:url(images/phil-home/series/jazz.png); } #series li#series-world { left:256px; background-image:url(images/phil-home/series/world.png);} #series li#series-popular { left:384px; background-image:url(images/phil-home/series/popular.png); } #series li a { position:absolute; top:0; left:0; } #series li a img { margin:0; padding:0; display:block; } #series li table { display:none; } #series li a span { display:block; width:123px; height:35px; position:absolute; bottom:-35px; left:0; text-indent:-999em; background-image:url(images/phil-home/series/series-labels.png); } #series li#series-classical a span { background-position: 0px top; } #series li#series-jazz a span { background-position: -128px top; } #series li#series-world a span { background-position: -256px top; } #series li#series-popular a span{ width:251px; background-position: -384px top; } #series li.active { width:385px; z-index:9; top:0;} #series li#series-classical.active { left:0; } #series li#series-jazz.active { left:128px; } #series li#series-world.active { left:256px; } #series li#series-popular.active { width: 635px; left:0px; } #series li.active a { top:0; left:0; } #series li.active table { display:block; height:200px; width:256px; position:absolute; top:0; left:123px; } #series li.active table td { vertical-align:top; padding:15px 10px 0 20px; height:200px; width:256px; line-height:1; font-size:12px } #series li.active table td p { margin:0; } /* special setup for popular: */ #series li#series-popular.active a{ left:384px;} #series li#series-popular.active table {width:384px; left:-384px; } #series li.active ul { margin:0; padding:0; height:auto; position:relative; overflow:visible; } #series li.active li { position:relative; width:auto; height:auto; top:auto; margin:0; padding:0; background:none; z-index:1; } #series li.active table a { display:block; padding-left: 14px; background-position: left 3px; background-repeat:no-repeat; position:relative; margin:2px 0; } #series li#series-classical.active table a { background-image:url(images/phil-home/series/arrow-classical.png); color:#4D9B33; } #series li#series-jazz.active table a { background-image:url(images/phil-home/series/arrow-jazz.png); color:#920E3C; } #series li#series-world.active table a { background-image:url(images/phil-home/series/arrow-world.png); color:#D75222; } #series li#series-popular.active table a { background-image:url(images/phil-home/series/arrow-popular.png); color:#362981; } #series li.inactive img { filter:alpha(opacity=25); -moz-opacity: 0.25; opacity: 0.25; } #series li#series-classical.inactive a span { background-position: 0px bottom; } #series li#series-jazz.inactive a span { background-position: -128px bottom; } #series li#series-world.inactive a span { background-position: -256px bottom; } #series li#series-popular.inactive a span{ background-position: -384px bottom; } /* ------ */ #calendar.mini { margin-bottom: 5px; } #calendar.mini tfoot td { text-align: right !important; padding: 20px 0 0 0 !important; } #calendar.mini tfoot td a { background-position: 0 0 !important; padding-left: 19px; height: 19px; } /* LAPhil Live Promo */ div#laphil-live-promo {margin-bottom:30px;} #promos h2 { background: url(images/phil-home/moreatlaphil_header.gif) no-repeat; height: 20px !important; line-height:20px; text-indent: -999em; margin:0 0 8px 0 !important; } #promos div.cycle { height: 181px; margin: 0; } #promos div.cycle a.additional { display: none; } /* hide hidden blocks until the script kicks in */ #promos p { background: #7399a9; position: relative; height: 19px; line-height: 19px; margin-top: 1px;} #promos p a { width: 70px; height: 19px; display: block; text-indent: -999em; text-decoration: none; position: absolute; } #promos p a#cycleNext { top: 0; right: 0; background:url(images/phil-home/nextpromo.gif) } #promos p a#cyclePrev { top: 0; left: 0; background:url(images/phil-home/prevpromo.gif) } #accordion h2{ background: url(images/phil-home/visit_header.gif) no-repeat; height: 20px !important; line-height:20px; text-indent: -999em; margin:0 0 8px 0 !important; } #accordion .accordion { clear: both; } #accordion .accordion h3 { background: url(images/phil-home/accordion.gif) no-repeat top left; color: #333333; width: 217px; margin: 0; padding: 0 20px; height: 26px; line-height: 26px; cursor: pointer; font-weight: bold; } #accordion .accordion h3.selected { background-position: bottom left; } #accordion .accordion div { float:left; margin: 0; padding: 0; width: 257px; padding-top: 0; _padding-bottom: 9px; background: #F8FAFB url(images/phil-home/accordion_background.gif) repeat-x; } #accordion .accordion div p {clear: left; margin: 0; padding: 5px 9px 9px 9px; _padding-bottom: 0; } #accordion .accordion div img { float: left; margin: 4px 9px 9px 0; } #accordion .accordion div hr {width: 237px; margin:0 !important; margin-left:10px; background-color: #cddbe1; color: #cddbe1; } /*p.utility { float:none; width:auto !important; text-align:right; margin:0 0 5px 0 !important; } p.utility span.text { margin-top:0 }*/ .utility { float:none; width:auto !important; text-align:right; margin:0 0 5px 0 !important; } .utility .text { margin-top:0 } div.utility p.text { height:18px; line-height:18px; float:right; text-align:right; } div.utility p.text a { font-family:Arial, Helvetica, sans-serif; margin-left:5px; text-decoration:underline; } div.utility p.text a#normal { font-size:10px } div.utility p.text a#large { font-size:13px; } div.utility p.text a#huge { font-size:16px; } div.utility p.text a.on { color:#666; text-decoration:none; } #connect-module { background:url(images/phil-home/connect/twitter-top.gif) no-repeat left 35px; } #connect-module h2 { width:259px; height:16px; background:url(images/phil-home/connect/connect_with_the_phil.gif) no-repeat; text-indent:-999em; margin-bottom:60px; } #connect-module .tweets { background:url(images/phil-home/connect/twitter-bottom.gif) no-repeat left bottom; margin:0 0 12px 0; padding:10px; text-align:right; font-size:11px; line-height:15px; } #connect-module .tweets a:link, #connect-module .tweets a:visited { color:#007EB1; } #connect-module .tweets a:hover, #connect-module .tweets a:active { text-decoration:underline; } #connect-module .tweets div { margin-bottom:10px; } #connect-module .tweets ul.tweet_list { margin:0; padding:0; } #connect-module .tweets ul.tweet_list li { list-style-type:none; color:#333; text-align:left; border-top:1px solid #E4EBEE; padding-top:10px; margin-top:10px; } #connect-module .tweets ul.tweet_list li.tweet_first { border-top:none; padding-top:0; margin-top:0; } #connect-module .tweets a.more-tweets { font-weight:bold; color:#007EB1; } #connect-module p { margin:0; *height:1%; zoom:1; position:relative; } #connect-module p:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #connect-module p a { display:block; text-indent:-9999em; float:left; margin:0; overflow:hidden; } #connect-module p a.photos { background:url(images/phil-home/connect/photos.gif); width:257px; height:42px; margin-bottom:8px; } #connect-module p a.facebook { background:url(images/bowl-home/connect/facebook.gif); width:25px; height:25px; } #connect-module p a.myspace { background:url(images/bowl-home/connect/myspace.gif); width:25px; height:25px; margin-left:4px; } #connect-module p a.foursquare { background:url(images/phil-home/connect/foursquare.gif); width:25px; height:25px; margin-left:4px; } #connect-module p a.email { background:url(images/phil-home/connect/email.gif); width:98px; height:25px; margin-left:4px; } #connect-module p a.mobile { background:url(images/phil-home/connect/mobile.gif); width:97px; height:25px; position:absolute; top:0; right:0; } #connect-module p a:link,#connect-module p a:visited { background-position: left top; } #connect-module p a:hover, #connect-module p a:active { background-position: left bottom; } #promos, #accordion, #connect-module { padding-top:10px; margin-bottom: 10px; } #promoExtra {padding-top:10px} /* Moved to phil.css #footer {width:940px; background-color:#333; padding:10px 10px 6px 10px} #footer p.utility a:link, #footer p.utility a:visited {padding:0 10px; border-left:1px solid #666;} #footer p.utility a.first:link, #footer p.utility a.first:visited {padding-left:none; border-left:none; */