/* @group RESET */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,input { margin:0; padding:0; line-height:18px; } table { border-collapse:collapse; border-spacing:0; } p { margin:9px 0; } fieldset,img { border:0; } address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } legend { display:none; } a:active { outline:none; } a:focus { -moz-outline-style:none; } /* @endgroup RESET */ /* Container, Footer, Header Styles*/ body { height:100%; margin:0pt; padding:0pt; } a { color:#a2937b; } #wrapper { background:#000 url(../images/back4.png) no-repeat 50% 50%; height:100%; position:absolute; width:100%; } #wrapper.icebend1 { background-image:url(../images/back1.png); } #wrapper.icebend2 { background-image:url(../images/back2.png); } #wrapper.icebend3 { background-image:url(../images/back3.png); } #wrapper.icebend4 { background-image:url(../images/back4.png); } #wrapper h1 { position:absolute; left:50%; top:50%; margin-left:-130px; margin-top:125px; background:transparent url(../images/icebEnd_Hyperventilation.png) no-repeat 0 0; width:258px; height:22px; text-indent:-1000em; } #wrapper h2 { position:absolute; left:50%; top:50%; margin-left:-300px; margin-top:-255px; z-index:5; color:#fff; background:transparent url(../images/h2/h2Background.png) no-repeat center bottom; width:600px; height:22px; text-indent:-1000em; } #wrapper h2 strong { display:block; width:79px; height:18px; background-repeat:no-repeat; } #wrapper h2.news strong { width:79px;background-image:url(../images/h2/news.png); } #wrapper h2.tour strong { width:79px;background-image:url(../images/h2/tour.png); } #wrapper h2.gallery strong { width:79px;background-image:url(../images/h2/gallery.png); } #wrapper h2.video strong { width:79px;background-image:url(../images/h2/video.png); } #wrapper h2.albums strong { width:79px;background-image:url(../images/h2/albums.png); } #wrapper h2.contact strong { width:79px;background-image:url(../images/h2/contact.png); } #wrapper h2.links strong { width:79px;background-image:url(../images/h2/links.png); } #wrapper h2.press strong { width:79px;background-image:url(../images/h2/press.png); } #menu { position:absolute; width:600px; height:27px; z-index:5; top:50%; left:50%; margin:0; padding:0; margin-left:-300px; margin-top:90px; background:transparent url(../images/menu/menu_background.png) no-repeat 0 0; } #menu li { margin:0; padding:1px 0 0 15px; display:block; float:left; background:transparent url(../images/menu/separa_menu.png) no-repeat 0 0; } #menu li.news { background:none; margin-left:30px; } #menu li.press { background-image:url(../images/menu/separa_press.png); background-position:0 2px; } #menu li a, #menu li strong { display:block; text-indent:-1000em; width:60px; height:26px; background-position:-13px -13px; background-repeat:no-repeat; } #menu li a:hover, #menu li strong { background-position:-13px -65px; } #menu li.news a, #menu li.news strong { width:47px; background-image:url(../images/menu/news_sprite.png); } #menu li.news a:hover, #menu li.news strong { width:47px; } #menu li.tour a, #menu li.tour strong { width:35px; background-image:url(../images/menu/tour_sprite.png); } #menu li.tour a:hover, #menu li.tour strong { width:35px; } #menu li.gallery a, #menu li.gallery strong { width:48px; background-image:url(../images/menu/gallery_sprite.png); } #menu li.gallery a:hover, #menu li.gallery strong { width:48px; } #menu li.video a, #menu li.video strong { width:38px; background-image:url(../images/menu/video_sprite.png); } #menu li.video a:hover, #menu li.video strong { width:38px; } #menu li.albums a, #menu li.albums strong { width:53px; background-image:url(../images/menu/albums_sprite.png); } #menu li.albums a:hover, #menu li.albums strong { width:53px; } #menu li.contact a, #menu li.contact strong { width:54px; background-image:url(../images/menu/contact_sprite.png); } #menu li.contact a:hover, #menu li.contact strong { width:54px; } #menu li.mailing a, #menu li.mailing strong { width:82px; background-image:url(../images/menu/mailing_sprite.png); } #menu li.mailing a:hover, #menu li.mailing strong { width:82px; } #menu li.press a, #menu li.press strong { width:42px; background-image:url(../images/menu/press_sprite.png); } #menu li.press a:hover, #menu li.press strong { width:42px; } #footer { margin:260px 0 0 -188px; padding:0; left:50%; position:absolute; top:50%; z-index:5; } #footer li { margin:0 10px 0 0; padding:0; display:block; float:left; color:#fff; } #footer li a { display:block; text-indent:-1000em; width:100px; height:40px; background-position:-20px -20px; background-repeat:no-repeat; } #footer li a:hover { background-position:-20px -100px; } #footer li.myspace a { background-image:url(../images/footer/logo_myspace_bw_sprite.gif); } #footer li.lastfm a { background-image:url(../images/footer/logo_lastfm_bw_sprite.gif); width:88px; } #footer li.facebook a { background-image:url(../images/footer/logo_facebook_sprite.gif); width:90px; } #footer li.flickr a { background-image:url(../images/footer/logo_flickr_bw_sprite.gif); width:73px; background-position:-33px -20px; } #footer li.flickr a:hover { background-position:-33px -100px; } #subscribe_form { display:none; left:50%; margin-left:50px; margin-top:0px; position:absolute; top:50%; padding:10px; background-color:#fff; z-index:5; } #subscribe_form p { font-size:11px; width:150px; margin:0; padding:0; margin-bottom:5px; } #subscribe_form p.msg_box .error{ color:#DD0000; } /*END Container, Footer, Header Styles*/ /* CONTENT STYLES */ #content { position:absolute; top:50%; left:50%; margin-left:-400px; margin-top:-300px; width:800px; height:600px; } /*#content { border: 1px solid red; }*/ #content p, #content li, #content li li { margin:3px 20px; font:12px Arial, sans-serif; color:#000; } #content ul { margin:5px; } #content h3 { margin:3px 20px; font:bold 14px Arial, sans-serif; color:#a2937b; } #content #gallery { overflow:hidden; width:602px; height:320px; margin:140px 0 0 110px; } #gallery li { display:block; float:left; height:75px; margin:10px; } #gallery li.flickr { height:auto; } #video { padding-left:150px; padding-top:65px; } /*HOME*/ #promo a { display:block; margin-top:50px; margin-left:215px; } #news { width:602px; height:280px; margin-top:85px; margin-left:110px; overflow:hidden; } #content #news p, #content #news li, #content #news li li { font-size:11px; } #content #news li { margin:0; float:left; width:602px; height:280px; } #content #news .content { float:left; padding-top:10px; width:380px; height:280px; background:transparent url(../images/news/newsbackground.png) repeat 0 0; } #content #news li ul { margin:3px 30px; } #content #news li li { background:none; width:auto; height:auto; padding-top:0; float:none; } #content #news li ul.gallery li { display:inline; } #news .news_extra { float:left; margin:0 0 0 10px; overflow:hidden; width:210px; height:290px; } #content #tour { width:600px; overflow:hidden; margin:110px 0 0 134px; } #content #tour li { display:block; float:left; width:144px; height:87px; background:#fff; margin:5px; padding:10px; } #content #tour li h3 { margin:0; } #content #tour li span { display:block; font:12px Arial, sans-serif; } #content #tour li a { display:block; font:11px Arial, sans-serif; color:#a2937b; } #content #tour li.selected { background:#a2937b; } #content #tour li.selected h3, #content #tour li.selected a { color:#fff; } #content #all_events { margin-left:140px; } #content #albums { width:780px; overflow:hidden; margin:190px 103px; } #albums li { float:left; margin:12px; } #albums li img:hover { cursor:pointer; } #albums li .info { display:none; position:relative; position:absolute; width:300px; padding:10px 0; background-color:#fff; z-index:500; } #albums li.hyperventilation .info { top:77px; left:326px; width:400px; height:295px; background:transparent url(../images/albums/hyperOptions.png) no-repeat 0 0; } #albums li.hyper_avant .info { top:124px; left:100px; width:561px; height:295px; background:transparent url(../images/albums/hyperAvantOptions.png) no-repeat 0 0; } #albums li.acousticArma .info { top:118px; left:124px; width:400px; height:295px; background:transparent url(../images/albums/acousticOptions.png) no-repeat 0 0; } #albums li .tracks { width:150px; position:absolute; } #albums li .info ol li { float:none; line-height:11px; } #albums li .info p.extra, #albums li .info p.extra2 { font-size:10px; position:absolute; } #albums li .info ul.options { position:absolute; } #albums li .info ul.options li { margin:0; float:none; font-size:15px; } .close { position:absolute; text-indent:-1000em; width:30px; height:30px; } .close:hover { cursor:pointer; } #albums li.hyperventilation .tracks { top:89px; left:35px; } #albums li.hyperventilation .info p.extra { top:173px; left:240px; width:110px; } #albums li.hyperventilation .info p.extra2 { top:14px; left:311px; } #albums li.hyperventilation .info ul.options { top:65px; left:229px; } li.hyperventilation .close { top:100px; right:28px; } #albums li.hyper_avant .tracks { top:89px; left:35px; } #albums li.hyper_avant .info p.extra { top:130px; left:415px; width:110px; } #albums li.hyper_avant .info ul.options { top:20px; left:405px; } li.hyper_avant .close { top:57px; right:14px; } #albums li.acousticArma .tracks { top:89px; left:200px; } #albums li.acousticArma .info p.extra { top:140px; left:15px; width:110px; } #albums li.acousticArma .info ul.options { top:20px; left:10px; } li.acousticArma .close { top:75px; left:110px; } /*CSS Settings for jCarrousel*/ .jcarousel-container { position:relative; } .jcarousel-clip { z-index:2; padding:0; margin:0; overflow:hidden; position:relative; } .jcarousel-list { z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; margin-left:0!important; padding:0; } .jcarousel-item { width:602px; height:280px; } .jcarousel-next { z-index:3; display:none; } .jcarousel-prev { z-index:3; display:none; } .jcarousel-skin-carousel .jcarousel-clip-horizontal { width:600px; height:370px; margin:0 0 0 100px; overflow:hidden; position:relative; } .jcarousel-skin-carousel .jcarousel-next-horizontal { background:transparent url(../images/news/next.png) no-repeat scroll 50%; cursor:pointer; height:32px; margin-top:84px; position:absolute; right:67px; text-align:center; width:32px; z-index:50; } .jcarousel-skin-carousel .jcarousel-next-disabled-horizontal, .jcarousel-skin-carousel .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-carousel .jcarousel-next-disabled-horizontal:active { background:transparent url(none) no-repeat scroll 50%; cursor:default; } .jcarousel-skin-carousel .jcarousel-prev-horizontal { background:transparent url(../images/news/prev.png) no-repeat scroll 50%; cursor:pointer; display:none; height:32px; left:67px; margin-top:84px; position:absolute; text-align:center; width:32px; } .jcarousel-skin-carousel .jcarousel-prev-disabled-horizontal, .jcarousel-skin-carousel .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-carousel .jcarousel-prev-disabled-horizontal:active { background:transparent url(none) no-repeat scroll 50%; cursor:default; } * html .jcarousel-skin-carousel .jcarousel-prev-horizontal { left:-35px; } /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/ #jquery-overlay { position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; } #jquery-lightbox { position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0; } #jquery-lightbox a img { border:none; } #lightbox-container-image-box { position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; } #lightbox-container-image { padding:10px; } #lightbox-loading { position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; } #lightbox-nav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; } #lightbox-container-image-box > #lightbox-nav { left:0; } #lightbox-nav a { outline:none; } #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width:49%; height:100%; background:transparent url(___just-anything-here.gif) no-repeat; /* Trick IE into showing hover */ display:block; } #lightbox-nav-btnPrev { left:0; float:left; } #lightbox-nav-btnNext { right:0; float:right; } #lightbox-container-image-data-box { font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px 0; } #lightbox-container-image-data { padding:0 10px; color:#666; } #lightbox-container-image-data #lightbox-image-details { width:70%; float:left; text-align:left; } #lightbox-image-details-caption { font-weight:bold; } #lightbox-image-details-currentNumber { display:block; clear:left; padding-bottom:1.0em; } #lightbox-secNav-btnClose { width:66px; float:right; padding-bottom:0.7em; }