@CHARSET "ISO-8859-1";
html, body {
margin: 0px;
padding: 0px;
}
body {
height: 100%;
background-color: #D5D5D5;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
textarea {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
a {
font-weight: bold;
text-decoration: none;
color: #2467EC;
}
a:hover {
text-decoration: underline;
}
div.content-divider {
width: 100%;
height: 0px;
border-top: 1px solid #666;
margin-top: 10px;
margin-bottom: 10px;
}
/* 20px border for content */
div#content-outer-container {
margin: 0px 20px;
}
div#content-container {
position: relative;
margin: 0px auto;
min-width: 800px;
max-width: 1100px;
/*border: 1px solid red;*/
}
div#links-container {
margin: 0px auto;
/* border: 1px solid blue; */
}
div#selected-planet-container {
position: absolute;
z-index: 10;
}
div#home-button {
background-image: url("/img/home-icon.png");
position: absolute;
right: 10px;
top: 30px;
width: 100px;
height: 102px;
cursor: pointer;
}
div#home-button:hover {
background-position: -100px 0px;
}
img#forceload-contact-image-selected, img#forceload-extras-image-selected {
display: none;
margin-left: -1000px;
}
/********************/
/* LOADING */
/********************/
div#loading-mask {
top: 0; left: 0;
width: 100%;
height: 100%;
position: fixed;
background-color: #FFF;
opacity: 0.8;
filter: alpha(opacity=80);
z-index: 100;
}
div#loading-indicator {
position: fixed;
left: 50%;
margin-left: -175px;
top: 150px;
width: 350px;
height: 141px;
background-image: url("/img/loading.gif");
z-index: 101;
}
/********************/
/* BUBBLE CONTAINER */
/********************/
div.big-bubble-container {
display: block;
max-width: 950px;
margin: 0px 75px;
padding-top: 60px;
z-index: 5;
}
div.big-bubble-content {
padding-top: 95px;
padding-right: 30px;
margin-left: -205px;
}
div.big-bubble-top-left {
display: block;
background: url('/img/bubbles/big-bubble-top-left.png') top left no-repeat;
margin-left: -20px;
}
div.big-bubble-top-right {
display: block;
background: url('/img/bubbles/big-bubble-top-right.png') top right no-repeat;
margin-left: 230px;
}
div.big-bubble-bottom-left {
display: block;
background: url('/img/bubbles/big-bubble-bottom-left.png') bottom left no-repeat;
height: 50px;
margin-left: -20px;
}
div.big-bubble-bottom-right {
display: block;
background: url('/img/bubbles/big-bubble-bottom-right.png') bottom right no-repeat;
height: 50px;
}
/*********/
/* LINKS */
/*********/
div#contact-shop-extras-link {
position: absolute;
margin-left: 170px;
margin-top: 0px;
width: 559px;
height: 800px;
z-index: 5;
}
div#aboutus-link {
position: absolute;
margin-left: 0px;
margin-top: 80px;
width: 160px;
height: 250px;
z-index: 6;
}
div#links-link {
position: absolute;
margin-left: 40px;
margin-top: 420px;
width: 132px;
height: 240px;
z-index: 7;
}
div#news-link {
position: absolute;
margin-left: 380px;
margin-top: 40px;
width: 82px;
height: 125px;
z-index: 5;
}
div#guestbook-link {
position: absolute;
margin-left: 500px;
margin-top: 200px;
width: 125px;
height: 125px;
z-index: 5;
}
div#eurotour-link {
position: absolute;
margin-left: 700px;
margin-top: 40px;
width: 165px;
height: 195px;
z-index: 5;
}
div#media-link {
position: absolute;
margin-left: 750px;
margin-top: 350px;
width: 118px;
height: 116px;
z-index: 4;
}
div#gigs-link {
position: absolute;
margin-left: 850px;
margin-top: 250px;
width: 100px;
height: 80px;
z-index: 3;
}
div#listen-link {
position: absolute;
margin-left: 798px;
margin-top: 545px;
width: 202px;
height: 255px;
z-index: 2;
}
/***************/
/* LINK IMAGES */
/***************/
img.link-image {
position: absolute;
border: none;
}
img#contact-shop-extras-image-off, img#contact-image-on, img#shop-image-on, img#extras-image-on {
width: 559px;
height: 800px;
}
img#aboutus-image-off, img#aboutus-image-on {
width: 160px;
height: 250px;
}
img#links-image-off, img#links-image-on {
width: 132px;
height: 240px;
}
img#news-image-off, img#news-image-on {
width: 82px;
height: 125px;
}
img#guestbook-image-off, img#guestbook-image-on {
width: 125px;
height: 125px;
}
img#eurotour-image-off, img#eurotour-image-on {
width: 165px;
height: 195px;
}
img#media-image-off, img#media-image-on {
width: 118px;
height: 116px;
}
img#gigs-image-off, img#gigs-image-on {
width: 100px;
height: 80px;
}
img#listen-image-off, img#listen-image-on {
width: 202px;
height: 255px;
}
/*********************/
/* CLICKABLE REGIONS */
/*********************/
div.selectable-area {
position: absolute;
cursor: pointer;
display: block;
background-image: url("/img/transparent-pixel.png");
/*border: 1px dashed black;*/
}
div#contact-selectable-area {
left: 20px;
top: 10px;
width: 140px;
height: 250px;
}
div#shop-selectable-area {
left: 100px;
top: 355px;
width: 145px;
height: 50px;
}
div#extras-selectable-area {
left: 60px;
top: 490px;
width: 115px;
height: 120px;
}
div#aboutus-selectable-area {
left: 0px;
top: 0px;
width: 160px;
height: 250px;
}
div#links-selectable-area {
left: 0px;
top: 0px;
width: 135px;
height: 240px;
}
div#news-selectable-area {
left: 0px;
top: 0px;
width: 82px;
height: 125px;
}
div#guestbook-selectable-area {
left: 0px;
top: 0px;
width: 125px;
height: 125px;
}
div#eurotour-selectable-area {
left: 0px;
top: 0px;
width: 165px;
height: 195px;
}
div#media-selectable-area {
left: 0px;
top: 0px;
width: 115px;
height: 115px;
}
div#gigs-selectable-area {
left: 0px;
top: 0px;
width: 100px;
height: 80px;
}
div#listen-selectable-area {
left: 0px;
top: 0px;
width: 202px;
height: 255px;
}
/* Utility Classes */
.float-left {
float: left;
}
.clear-both {
clear: both;
}
.bold {
font-weight: bold;
}