/* CLEAR FIX * Resource: http://www.webtoolkit.info/css-clearfix.html */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /* jQUERY LIGHTBOX v0.5 * Resource: http://code.google.com/p/jquery-lightbox/ */ #lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img { border: none; } #outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer { padding: 10px; } #loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav { left: 0;} #hoverNav a { outline: none;} #prevLink, #nextLink { width: 49%; height: 100%; background: transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prev.gif) left 50% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/next.gif) right 50% no-repeat; } #nextLinkText, #prevLinkText { color: #FF9834; font-weight:bold; text-decoration: none; } #nextLinkText { padding-left: 20px; } #prevLinkText { padding-right: 20px; } .ontop #imageData { padding-top: 5px; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; } #imageData { padding:0 10px; } #imageData #imageDetails { width: 70%; float: left; text-align: left; } #imageData #caption { font-weight: bold; } #imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; } #imageData #helpDisplay { clear: left; float: left; display: block; } #overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; display: none; } /* BASE STYLES */ body { background: #e9ecff url(../images/lb_body_bg.jpg) repeat-x; } #site { font: 14px/1.5 Helvetica, Arial, Verdana, sans-serif; color: #333; } #site-wrap { padding: 0; margin: 0 auto; width: 100%; overflow: hidden; } #site-head { background: none; clear: both; float: left; width: 100%; } #site-head-wrap { background: transparent url(../images/lb_head_bg3.png) no-repeat; width: 870px; padding: 0; margin: 0 auto; position: relative; height: 222px; } h1.head { display: none; } #site-nav { background: none; clear: both; float: left; width: 100%; } #site-nav-wrap { background: transparent url(../images/lb_navigation_bg2.png) no-repeat; width: 870px; padding: 0; margin: 0 auto; position: relative; height: 70px; } ul#navi { list-style-type: none; padding: 0; margin: 0 auto; width: 826px; } ul#navi li { float: left; padding: 0; margin: 0; } ul#navi a { text-indent: -9999px; outline: none; } ul#navi a.news { background:url(../images/lb_links_bg.png) 0px 0px no-repeat; display: block; width: 105px; height: 70px; text-indent: -1999px; } ul#navi a.news:hover { background:url(../images/lb_links_bg.png) 0px -70px no-repeat; display: block; width: 105px; height: 70px; text-indent: -1999px; } ul#navi a.news-selected { background:url(../images/lb_links_bg.png) 0px -140px no-repeat; display: block; width: 105px; height: 70px; text-indent: -1999px; } ul#navi a.bio { background:url(../images/lb_links_bg.png) -105px 0px no-repeat; display: block; width: 85px; height: 70px; text-indent: -1999px; } ul#navi a.bio:hover { background:url(../images/lb_links_bg.png) -105px -70px no-repeat; display: block; width: 85px; height: 70px; text-indent: -1999px; } ul#navi a.bio-selected { background:url(../images/lb_links_bg.png) -105px -140px no-repeat; display: block; width: 85px; height: 70px; text-indent: -1999px; } ul#navi a.music { background:url(../images/lb_links_bg.png) -190px 0px no-repeat; display: block; width: 115px; height: 70px; text-indent: -1999px; } ul#navi a.music:hover { background:url(../images/lb_links_bg.png) -190px -70px no-repeat; display: block; width: 115px; height: 70px; text-indent: -1999px; } ul#navi a.music-selected { background:url(../images/lb_links_bg.png) -190px -140px no-repeat; display: block; width: 115px; height: 70px; text-indent: -1999px; } ul#navi a.shows { background:url(../images/lb_links_bg.png) -305px 0px no-repeat; display: block; width: 120px; height: 70px; text-indent: -1999px; } ul#navi a.shows:hover { background:url(../images/lb_links_bg.png) -305px -70px no-repeat; display: block; width: 120px; height: 70px; text-indent: -1999px; } ul#navi a.shows-selected { background:url(../images/lb_links_bg.png) -305px -140px no-repeat; display: block; width: 120px; height: 70px; text-indent: -1999px; } ul#navi a.photos { background:url(../images/lb_links_bg.png) -425px 0px no-repeat; display: block; width: 130px; height: 70px; text-indent: -1999px; } ul#navi a.photos:hover { background:url(../images/lb_links_bg.png) -425px -70px no-repeat; display: block; width: 130px; height: 70px; text-indent: -1999px; } ul#navi a.photos-selected { background:url(../images/lb_links_bg.png) -425px -140px no-repeat; display: block; width: 130px; height: 70px; text-indent: -1999px; } ul#navi a.press { background:url(../images/lb_links_bg.png) -555px 0px no-repeat; display: block; width: 115px; height: 70px; text-indent: -1999px; } ul#navi a.press:hover { background:url(../images/lb_links_bg.png) -555px -70px no-repeat; display: block; width: 115px; height: 70px; text-indent: -1999px; } ul#navi a.press-selected { background:url(../images/lb_links_bg.png) -555px -140px no-repeat; display: block; width: 115px; height: 70px; text-indent: -1999px; } ul#navi a.contact { background:url(../images/lb_links_bg.png) -670px 0px no-repeat; display: block; width: 156px; height: 70px; text-indent: -1999px; } ul#navi a.contact:hover { background:url(../images/lb_links_bg.png) -670px -70px no-repeat; display: block; width: 156px; height: 70px; text-indent: -1999px; } ul#navi a.contact-selected { background:url(../images/lb_links_bg.png) -670px -140px no-repeat; display: block; width: 156px; height: 70px; text-indent: -1999px; } #site-body { background: none; clear: both; float: left; width: 100%; } #site-body-wrap { background: transparent url(../images/lb_wrap_bg.jpg) repeat-y 18px 0; width: 870px; padding: 0; margin: 0 auto; position: relative; overflow: hidden; min-height: 600px; height: auto !important; height: 600px; } #page-body { background: none; float: left; position: relative; padding: 0; margin: 0 0 0 18px; width: 820px; } #page-body .col1 { float: left; position: relative; padding: 0; margin: 15px 0 0 30px; overflow: hidden; width: 490px; } #page-body .col2 { float: right; position: relative; padding: 0; margin: 15px 0 0 0; overflow: hidden; width: 260px; } .col1 h1 { font: 2.2em/1.8em bold Helvetica, Arial, Verdana, sans-serif; color: #ed0783; } .col1 h2 { font: 1.4em/1.6em bold Helvetica, Arial, Verdana, sans-serif; color: #333; } .col1 p { padding: 0 0 25px 0; } .col1 a { color: #ed0783; text-decoration: none; } .col1 a:hover { color: #ed0783; text-decoration: underline; } .col2 h2 { font: 1.8em/1.6em bold Helvetica, Arial, Verdana, sans-serif; color: #03abd8; } .col2 h2.cd-header { line-height: 1.1em; padding-bottom: 3px; } .stack { padding: 0 0 16px 0; } #site-foot { background: none; clear: both; float: left; width: 100%; } #site-foot-wrap { background: transparent url(../images/lb_footer_bg.png) no-repeat -5px 0; width: 826px; height: 73px; padding: 0; margin: 0 auto; position: relative; } .copyright { font: 10px Arial, Helvetica, Verdana, sans-serif; color: #333; float: left; padding: 26px 0 0 8px; margin: 0; text-align: left; text-transform: uppercase; width: 360px; } .foot-links { font: 10px Arial, Helvetica, Verdana, sans-serif; color: #333; float: right; padding: 26px 11px 0 0; margin: 0; text-align: right; text-transform: uppercase; width: 400px; } .foot-links a, .foot-link a:visited { color: #333; } .foot-links a:hover { text-decoration: underline; } /* BUY EP STYLES */ #EPdropdown ul { list-style-type: none; padding: 0; margin: 0; } #EPdropdown li { float: left; padding-right: 5px; } #EPdropdown li a { display: block; width: 34px; height: 34px; } #EPdropdown span { display: none; } /* #EPdropdown, #EPdropdown ul { list-style: none; padding: 0; margin: 0; } #EPdropdown a { color: #333; } #EPdropdown ul li a:hover { text-decoration: none; } * Head links * #EPdropdown li.headlink { background: #fff url(../images/arrow_dropdown.gif) top right no-repeat; border: 1px solid #999; float: left; text-align: left; width: 240px; } #EPdropdown li.headlink a { display: block; padding: 12px; } * Child lists and links * #EPdropdown li.headlink ul { display: none; border-top: 1px solid #999; padding: 0 0 10px 0; text-align: left; } #EPdropdown li.headlink:hover ul { display: block; } #EPdropdown li.headlink ul li a { padding: 13px 0 0 47px; height: 33px; } #EPdropdown li.headlink ul li a:hover { color: #03abd8; background-color: #fcfcfc; } */ #EPdropdown a.itunes { background: transparent url(../images/digital_music_logos.png) -7px -598px no-repeat; } #EPdropdown a.cdbaby { background: transparent url(../images/digital_music_logos.png) -7px -532px no-repeat; } #EPdropdown a.rhapsody { background: transparent url(../images/digital_music_logos.png) -7px -4px no-repeat; } #EPdropdown a.napster { background: transparent url(../images/digital_music_logos.png) -7px -70px no-repeat; } #EPdropdown a.emusic { background: transparent url(../images/digital_music_logos.png) -7px -136px no-repeat; } #EPdropdown a.groupiemusic { background: transparent url(../images/digital_music_logos.png) -7px -197px no-repeat; } #EPdropdown a.amazon { background: transparent url(../images/digital_music_logos.png) -7px -268px no-repeat; } #EPdropdown a.lala { background: transparent url(../images/digital_music_logos.png) -7px -329px no-repeat; } #EPdropdown a.amie { background: transparent url(../images/digital_music_logos.png) -7px -395px no-repeat; } #EPdropdown a.itunes-uk { background: transparent url(../images/digital_music_logos.png) -7px -461px no-repeat; } /* TWITTER STYLES */ .twitters { font-size: 12px; line-height: 15px; } .twitters a { color: #03abd8; } .twitters ul li { padding: 6px 3px 6px 3px; } .twitters span.twitterPrefix { font-weight: bold; } .twitters span.twitterStatus { color: #333; } .twitters span.twitterTime { font-style: italic; color: #666; } .twitters img.twit { float: left; padding: 1px 5px 5px 0; } /* SOCIAL (LB) NETWORK STYLES */ #LBNdropdown ul { list-style-type: none; padding: 0; margin: 0; } #LBNdropdown li { float: left; padding-right: 5px; } #LBNdropdown li a { display: block; width: 34px; height: 34px; } #LBNdropdown span { display: none; } /* #LBNdropdown, #LBNdropdown ul { list-style: none; padding: 0; margin: 0; } #LBNdropdown a { color: #333; } #LBNdropdown ul li a:hover { text-decoration: none; } * Head links * #LBNdropdown li.headlink { background: #fff url(../images/arrow_dropdown.gif) top right no-repeat; border: 1px solid #999; float: left; text-align: left; width: 240px; } #LBNdropdown li.headlink a { display: block; padding: 12px; } * Child lists and links * #LBNdropdown li.headlink ul { display: none; border-top: 1px solid #999; padding: 0 0 10px 0; text-align: left; } #LBNdropdown li.headlink:hover ul { display: block; } #LBNdropdown li.headlink ul li a { padding: 13px 0 0 47px; height: 33px; } #LBNdropdown li.headlink ul li a:hover { color: #03abd8; background-color: #fcfcfc; } */ #LBNdropdown a.myspace { background: transparent url(../images/social_network_logos.png) -7px -5px no-repeat; } #LBNdropdown a.facebook { background: transparent url(../images/social_network_logos.png) -7px -70px no-repeat; } #LBNdropdown a.twitter { background: transparent url(../images/social_network_logos.png) -7px -136px no-repeat; } #LBNdropdown a.youtube { background: transparent url(../images/social_network_logos.png) -7px -202px no-repeat; } #LBNdropdown a.reverb-nation { background: transparent url(../images/social_network_logos.png) -7px -268px no-repeat; } #LBNdropdown a.sonicbids { background: transparent url(../images/social_network_logos.png) -7px -334px no-repeat; } #LBNdropdown a.purevolume { background: transparent url(../images/social_network_logos.png) -7px -395px no-repeat; } #LBNdropdown a.lastfm { background: transparent url(../images/social_network_logos.png) -7px -461px no-repeat; } /* MAILING LIST STYLES */ form.mailing-list { background: #fff; border: 1px solid #999; width: 230px; padding: 0 0 0 5px; overflow: hidden; } form.mailing-list input.email { float: left; font-size: 14px; color: #333; border-width: 0; border: none; margin: 6px 0 0 0; width: 155px; } form.mailing-list button.join { background: #03abd8; float: right; padding: 0; margin: 0; border-width: 0; border: none; } form.mailing-list button.join img { display: block; } /* MUSIC PAGE STYLES */ img.album { float: left; padding-right: 10px; } .album-div { padding-bottom: 26px; } .album-div dl { padding: 0; margin: 0; } .album-div dt { font-weight: bold; } .album-div dd { font-size: 11px; } /* PHOTOS PAGE STYLES */ a { color: #30F; text-decoration: none; }