/* CSS! */ *{margin:0;padding:0;font-family:Verdana, Arial, sans-serif;color:#333} html{background:url(../img/bg.jpg) 50% -10px;} a {text-decoration:none;} /* Top */ #top {width:100%;height:20px;background:#222;font-size:9px;padding-top:15px;text-transform:uppercase;} #top-border {background:url(../img/zz.jpg) repeat-x center top;height:15px;width:100%;} #top ul {float:right;list-style:none;} #top ul li {display:inline;margin: 0 0 0 10px} #top ul li a{display:inline;color:#666;} #top a.hp {color: #666;} #top a:hover{color:#777;} .cont {width:800px;margin:0 auto;} /* Homepage */ h1 {display:block;width:275px;height:80px;background:url(../img/h1.gif) no-repeat center top;margin:20px 20px 0 20px;position:relative;} h1.home {position:absolute;top:40px;width:800px;height:100px;background:url(../img/h1_home.gif) no-repeat left top;margin:20px 20px 0 20px;} h1 span {display:none;} h1 a {display:block;width:100%;height:100%} #homesprite {width:100%;height:300px;margin-bottom:90px;} #homesprite a {background:url(../img/homesprite.jpg);width:400px;height:100%;display:block;} #homesprite a.news {background-position:top left;float:left;} #homesprite a.tour {background-position:top right;float:right;} #homesprite a:hover.news {background-position:bottom left;float:left;} #homesprite a:hover.tour {background-position:bottom right;float:right;} #homesprite #balloon {width:164px;height:50px;position:relative;top:75px;left:610px;} #homesprite #balloon p {font-size:10px;padding:4px 20px;text-align:center;} #homesprite #balloon p strong {} #homepolaroid{float:left;width: 100%;background:url(../img/pol.gif) top left no-repeat;height:420px} #homebio {float:right;width:307px;height:189px;margin-top:20px} #homebio a {background:url(../img/biosprite.jpg);width:100%;display:block;} #homebio a.bio {background-position: 0 0;height:126px;} #homebio a.gal {background-position: 0 258px ;height:37px;} #homebio a.disco {background-position: 0 223px;height:38px;} #homebio a:hover.bio {background-position: 0 190px;height:126px;} #homebio a:hover.gal {background-position: 0 70px ;height:37px;} #homebio a:hover.disco {background-position: 0 35px;height:38px;} /* Menu */ #menusprite{height:105px;margin-bottom:20px} #menusprite a{height:100%;display:block;float:left;width:160px;background:url(../img/menusprite.jpg)} #menusprite a.news {background-position:0 -210px;} #menusprite a.tour {background-position:-160px -210px;} #menusprite a.bio {background-position:-320px -210px;} #menusprite a.gal {background-position:-480px -210px;} #menusprite a.disco {background-position:-640px -210px;} #menusprite a:hover.news {background-position:0 0px;} #menusprite a:hover.tour {background-position:-160px 0px;} /*#menusprite a:hover.bio {background-position:-320px 216px;} #menusprite a:hover.gal{background-position:-480px 216px;} #menusprite a:hover.disco {background-position:-640px 216px;}*/ #menusprite a.news-a {background-position:0 0;} #menusprite a.tour-a {background-position:-160px 0;} #menusprite a.bio-a {background-position:-320px 0;} #menusprite a.gal-a {background-position:-320px 0;} #menusprite a.disco-a {background-position:-320px 0;} #menusprite a:hover.news-a {background-position:0 315px;} #menusprite a:hover.tour-a {background-position:-160px 315px;} /*#menusprite a:hover.bio-a {background-position:-320px 100%;} #menusprite a:hover.gal-a {background-position:-480px 100%;} #menusprite a:hover.disco-a {background-position:bottom right;}*/ /* Right */ #right {float:right;width:200px;margin-left:30px} #right .box {height:316px; background:url(../img/rightbox.gif) center top no-repeat;margin:10px 0;padding:5px 10px} #right .box h3 {background:url(../img/arrow.gif) center left no-repeat; padding:10px 0 0 40px;height:23px;margin:5px;} #right .box p {text-align:right;line-height:110%;} #right .box p,#right .box form {margin:7px; font-size:10px;color:#888} #right .box form label{font-size:9px;text-transform:uppercase;margin:0 0 0px 0;display:block} #right .box form input {border:1px solid #bbb;padding:3px;} #right .box form input.submit {font-size:9px;text-transform:uppercase;margin-top:8px;} /* Left Polaroid */ #leftpolaroid {float:left;width:150px;position:relative;top:2px;background:url(../img/verticalpolaroid.gif); height:560px;margin-right:30px} /* MAIN! */ #main {float:left;width:520px;margin:20px 0 10px 20px;} #main h2 {padding:0;} #main img {padding:0;} #main a img {border:0; padding:0;} #main .newsitem{margin:20px 0 60px 0;left:150px;border-bottom: 1px dashed #ccc;padding-bottom:10px} #main .newsitem h3 {font-size:13px;color:#ef9c0e;text-transform:uppercase;padding:5px 0;display:block;} #main .newsitem .newstext {font-size:12px;line-height:150%} #main .newsitem h4.date {font-weight:normal;color:#999;width:60px;display:block;height:18px;padding:0 40px 0 0px;background: url(../img/arrowdate.gif) top right no-repeat;font-size:9px;} #main .touritem1,#main .touritem2 {margin:10px 0 40px 0px;height:105px;padding-top:10px;} #main .touritem1 .tourdate span,#main .touritem2 .tourdate span {color:#fff;} #main .touritem1 .tourdate span.day,#main .touritem2 .tourdate span.day {font-weight:bold;font-size:36px;letter-spacing:-4px;} #main .touritem1 .tourdate span.year,#main .touritem2 .tourdate span.year {font-weight:bold;letter-spacing:10px;position:relative;top:-7px} #main .touritem1 .tourdate span.hours,#main .touritem2 .tourdate span.hours {color:#666;position:relative;top:-10px;left:-4px;font-size:13px;font-weight:bold;} #main .touritem1 .tourdate {margin-top: -10px;text-align:center;width:132px;height:95px;padding-top:10px;margin-right:20px;float:left;background:url(../img/tourdate.gif);} #main .touritem1 h3 {font-size:13px;color:#ef9c0e;text-transform:uppercase;padding:5px 0;display:block;} #main .touritem1 .tourtext {border-bottom:2px dashed #bbb;font-size:12px;line-height:150%} #main .touritem1 .tourtext a.smoothbox {font-size:10px;text-transform:uppercase;display:block;text-align:right;color:#888;} #main .touritem2 .tourdate {margin-top: -10px;text-align:center;width:132px;height:95px;padding-top:10px;margin-left:20px;float:right;background:url(../img/tourdate.gif);} #main .touritem2 h3 {text-align:right;font-size:13px;color:#ef9c0e;text-transform:uppercase;padding:5px 0;display:block;} #main .touritem2 .tourtext {border-bottom:2px dashed #bbb; text-align:right;font-size:12px;line-height:150%} #main .touritem2 .tourtext a.smoothbox {font-size:10px;text-transform:uppercase;display:block;text-align:left;color:#888;} img.footer {margin-top:30px;} #main h3.albumname {padding-left:10px;color:#696969;background: url(../img/arrowdate.gif) right bottom no-repeat;display:inline;padding-right:40px} #main a.galleryalbum {text-align:center;background:url(../img/albumcover.gif) center top no-repeat;padding:10px;float:left;width:143px;margin:10px 10px 0 0;height:137px;} #main a.galleryalbum img {display:block;margin:14px auto 0px 22px} #main a.galleryalbum span {font-size:9px;text-transform:uppercase;} #main a.gallerypic {background:url(../img/picback.gif) center top no-repeat;padding:10px;float:left;width:143px;margin:10px 0 0 0;height:137px;} #main a.gallerypic img {background:red;margin:1px 0 0 19px;} /* Smoothbox v20070814 by Boris Popoff (http://gueschla.com) */ html, body { min-height: 100%; height: auto !important; height: 100% } #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; } #TB_window a {color: #ccc;font-weight:bold;} #TB_window a:hover {color: #eee;} #TB_overlay { position: absolute; z-index:100; top: 0px; left: 0px; background:#000; } #TB_window { position: absolute; z-index: 105; color:#000000; text-align:left; } #TB_caption{ height:15px; padding:0px 10px 10px 25px; float:left; color:red; } #TB_caption #TB_secondLine{color:#ddd;margin-left:-25px;text-transform:uppercase;font-size:10px;} #TB_caption #TB_secondLine a{color: #fff;} #TB_closeWindow{ height:25px; padding:10px 20px 10px 0; float:right; } #TB_closeAjaxWindow{ padding:10px 10px 0px 0; margin-bottom:1px; text-align:right; float:right; } #TB_closeWindow{ float:right; padding:0; } #TB_closeAjaxWindow a, #TB_closeWindow a {text-transform:uppercase;font-size:10px;} #TB_closeWindow a {padding-right:30px} #TB_ajaxWindowTitle{ float:left; padding:10px 0 0px 0px; margin-bottom:1px;color:#ddd;font-size:10px;text-transform:uppercase; } #TB_title{ background-color:#222; height:0px; color:#ddd; } #TB_ajaxContent{ clear:both; padding:0; overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent p{ padding:5px 0px 5px 0px; } #TB_load{ position: absolute; display:none; height:100px; width:100px; z-index:101; } #TB_HideSelect{ z-index:99; position:absolute; top: 0; left: 0; background-color:#fff; border:none; } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; } /* IE6 */ * html #TB_iframeContent{ margin-bottom:1px; }