* {padding: 0; margin: 0; border: 0;}
body, html {
background-image: url(../graphics/backdrop-main.png);
background-position: center top;
font-family: "Trebuchet MS", Trebuchet, Verdana,S ans-Serif; color: #000000;
text-align: center;
height: 100%;
}
body {font-size: 70%;}
/* Main Container */
#main-container {
width: 100%;
margin: 0 auto;
text-align: center;
}
* html #main-container {height: 40%;}
/* END Main Container */
/* Header */
#header {
background: url("../graphics/backdrop-header.png") top center;
text-align: center;
height: 200px;
margin: 0 auto;
}
* html #header {height: 200px;}
#header-content {
color: #FFFFFF;
text-align: right;
width: 800px;
margin: 0 auto;
padding: 138px 140px 0px 0px;
}
* html #header-content {padding: 138px 70px 0px 0px;}
#header-content a {font-size: 1.0em; color: #FFFFFF; text-decoration: none;}
#header-content a:hover {color: #F26521;}
/* END Header */
/* Menu System */
#menu-system {
width: 445px;
margin: 31px -140px 0px 0px;
padding: 0px 0px 0px 0px;
float: right;
}
#menu-system li {display: inline;}
#menu-system li a {
font-size: 1.2em;
text-transform: uppercase;
color: #555555;
padding: 6px 15px 3px 15px;
float: left;
text-decoration: none;
border-left: 1px solid #DDDDDD;
}
#menu-system li a:hover {
color: #444444;
background-color: #EFEFEF;
border-bottom: 2px solid #F26521;
}
#menu-system li a#left-item {border-left: 0px;}
/* END Menu System */
/* Content */
#content {
background: transparent url('../graphics/backdrop-content.png') no-repeat;
text-align: center;
width: 650px;
min-height: 400px;
margin: 0px auto;
padding: 0px 0px 0px 30px;
}
* html #content {width: 680px; height: 400px; padding: 0px 0px 0px 30px;}
/* END Content */
/* Content Textbox */
#text-box {
text-align:justify;
float: right;
width: 600px;
padding: 5px 15px 5px 15px;
}
* html #text-box {width:450px;}
/* END Content Textbox */
/* Rounded Edge Box */
.grey-box-small {background: transparent url("../graphics/grey-box-small.png") top no-repeat;
width: 125px;
height: 125px;
text-align: center;
padding: 10px 5px 5px 5px;
margin: 0 auto;
}
.grey-box-medium {background: transparent url("../graphics/grey-box-medium.png") top no-repeat;
width: 175px;
height: 175px;
text-align: center;
padding: 12px 5px 5px 5px;
margin: 5px 5px 0px 10px;
}
.grey-box-medium-right {background: transparent url("../graphics/grey-box-medium.png") top no-repeat;
width: 175px;
height: 175px;
text-align: center;
float: right;
padding: 12px 5px 5px 5px;
margin: 5px 5px 0px 10px;
}
/* END Rounded Edge Box */
div.hr-grey-line {height: 1px; border-bottom: 1px solid #888888; margin: 10px 0px 10px 0px;}
div.hr-grey-line hr {display: none;}
div.hr-grey-dots {height: 1px; border-bottom: 1px dotted #888888; margin: 15px 0px 10px 0px;}
div.hr-grey-dots hr {display: none;}
/* Discography Container */
#discography-container {
width: 600px;
margin: 0px 0px 0px 15px;
}
.discography-main-media {
width: 125px;
float: left;
margin: 10px 0px 0px 0px;
}
.discography-main-text {
width: 450px;
float: right;
margin: 10px 0px 0px 0px;
}
.discography-media {
text-align: center;
width: 200px;
margin: 15px 0px 0px 20px;
float: left;
}
.discography-text {
width: 350px;
float: right;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
/* END Discography Container */
/* Standard Image Handling */
.thumbnail-medium {height: 150px; width:150px; border: 1px solid #C0C0C0;}
.thumbnail-small {width:105px; height: 105px; border: 1px solid #C0C0C0; padding: 0px 0px 0px 0px;}
.image-right {margin: 5px 10px 5px 10px; float: right; border: 1px solid #888888;}
/* END Standard Image Handling */
/* Enlarged Image */
.thumbnail-album-artwork span{
height: 480px;
width: 480px;
padding: 0px 0px 0px 0px;
position: absolute;
background-color: #C0C0C0;
text-align: left;
visibility: hidden;
color: #000000;
text-decoration: none;
}
.thumbnail-album-artwork span img{
border-width: 0;
padding: 2px;
}
.thumbnail-album-artwork:hover span{
visibility: visible;
top: -480px;
left: 10px;
z-index: 50;
}
/* END Enlarged Image */
/* Lightbox Image Controls */
#lightbox {background-color: #FFFFFF;
padding: 10px 10px 0px 10px;
border: 1px solid #999999;
}
#lightboxDetails {padding-top: 0.4em;}
#lightboxCaption{float: left;}
#keyboardMsg {float: right;}
#lightbox img{border: none;}
#overlay img {border: none;}
/* END Lightbox Image Controls */
/* Footer */
#footer {background: url("../graphics/backdrop-footer.png") top no-repeat; background-color: #a1a1a1;
text-align: center;
width: 100%;
height: 310px;
padding: 0px 0px 0px 0px;
}
#footer-content {
text-align: left;
width: 800px;
margin: 0 auto;
padding: 10px 0px 0px 100px;
}
/* END Footer */
/* Site Credits */
#site-credits {
width: 270px;
height: 80px;
margin: 0px 0px 0px 0px;
padding: 90px 0px 0px 75px;
float: left;
}
#site-credits .logo {padding: 0px 10px 0px 0px;}
/* END Site Credits */
/* Releases */
#releases-container {
width:450px;
height: 170px;
float: right;
padding: 0px 0px 0px 0px;
}
#releases {
text-align: left;
float: left;
padding: 0px 0px 0px 0px;
color: #000000;
}
#releases a {font-size: 1.0em; color: #666666;}
#releases a:hover {font-size: 1.0em; color: #FFFFFF; color: #808080;}
.releases-text {
font-size: 1.1em; line-height: 1.7em; text-align: right; color: #666666;
width:190px;
float: left;
padding: 65px 0px 0px 0px;
margin-top: 0px;
}
* html .releases-text {width:230px; padding: 65px 0px 0px 0px;}
.releases-media {
text-align: center;
width:150px;
height:130px;
float: left;
margin: 0px auto;
padding: 5px 0px 0px 0px;
}
* html .releases-media {width:155px; padding: 5px 0px 0px 10px;}
/* END Releases */
/* Releases Switcher */
.contentslide {
height: 150px;
padding: 5px 4px 5px 4px;
margin-top: 0px;
margin-top: 0px;
}
.contentslide .contentdiv{
display: none;
margin-top: 0px;
margin-top: 0px;
}
.pagination {
float: left;
width: 200px;
height: 15px;
text-align: right;
padding: 5px 0px 5px 100px;
}
.pagination a {
text-decoration: none;
color: #FFFFFF;
padding: 0 5px;
}
.pagination a:hover, .pagination a.selected {
background-color: #C0C0C0;
color: #000000;
}
/* END Releases Switcher */
/* Earthbound Satellites */
#satellites {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 50px;
text-align: left;
}
#satellites p {color: #FFFFFF;}
#satellites .button {padding: 0px 0px 0px 25px;}
/* END Earthbound Satellites */
.clear {overflow: hidden; width: 100%; clear: both;}