body{ background: #000000; font-family: Arial, Geneva, Sans-serif; font-size: 9pt; color: #000000; } a:link, a:visited, a:hover, a:active{ color: #FFFFFF; } .whiteText{ font-size: 9pt; color: #FFFFFF; } #wrapper{ position: absolute; height: 100%; width: 100%; text-align: center; vertical-align: middle; } .wrapper2{ position: absolute; height: 100%; width: 100%; text-align: center; vertical-align: middle; /*border-style: solid; border-width: 1px; border-color: #ffffff;*/ } .overlay{ position: absolute; top: 60px; left: 180px; height: 583px; width: 924px; z-index: 10; color: #000000; margin-left: auto; margin-right: auto; align: center; vertical-align: middle; /* filter: alpha(opacity=100); -moz-opacity: 1.0; filter: progid:DXImageTransform.Microsoft.Fade(duration=1,overlap=0.5) background: #ffffff;*/ } #content{ position: relative; height: 683px; width: 1024px; margin-left: auto; margin-right: auto; vertical-align: middle; } #content a:link, a:visited{ color: #FFFFFF; text-decoration: none; } #content a:hover, a:active{ color: #FFFFFF; text-decoration: underline; } #homeLogo{ position: absolute; top: 5%; left: 5%; height: 24%; text-align: center; } #leftNav{ position: absolute; top: 27%; left: 5%; width: 110; font-size: 8pt; color: #FFFFFF; text-align: center; } #leftNav a:visited{ color: #FFFFFF; } /****************************************************************************************** Emphasis ******************************************************************************************/ gonzoStrong{ font-weight: 700; color: #ffff00; } /****************************************************************************************** Bottom buttons ******************************************************************************************/ #seeUs{ position: absolute; height: 120; top: 560px; left: 6px; height: 121px; width: 177px; font-size: 8pt; color: #FFFFFF; text-align: center; background: url('images/homePage/seeUs-inactive.png'); background-repeat: no-repeat; } #seeUsText{ position: absolute; top: 45px; left: 25px; height: 50px; width: 140px; font-size: 8pt; color: #FFFFFF; text-align: center; } #bookUs{ position: absolute; top: 604px; left: 220px; height: 77px; width: 583px; font-size: 8pt; color: #FFFFFF; text-align: center; background-image: url('images/homePage/bookUs-inactive.png'); background-repeat: no-repeat; } #bookUsText{ position: absolute; top: 17px; left: 180px; width: 380px; font-size: 11pt; font-weight: 500; color: #FFFFFF; text-align: left; } .didYouKnowTitle{ } #didYouKnowDetails{ width: 340px; /*background: #CCFFFF; border-style: solid; border-width: 1px; border-color: #cccccc; line-height: 14pt;*/ padding: 15; } #contactUs{ position: absolute; top: 560px; left: 835px; height: 120px; width: 177px; font-size: 8pt; color: #ffffff; text-align: center; background-image: url('images/homePage/contactUs-inactive.png'); background-repeat: no-repeat; } #contactUsText{ position: absolute; top: 55px; left: 45px; } /****************************************************************************************** About us popup ******************************************************************************************/ #aboutUsPopup{ position: relative; top: 50px; /*left: 150px;*/ margin-left: auto; margin-right: auto; height: 683px; /* Must be full sized in order to disable underlying links! */ width: 949px; /* Must be full sized in order to disable underlying links! */ z-index: 10; color: #000000; } #aboutUsBand{ position: absolute; top: 230px; left: 767px; width: 121px; height: 28px; background-image: url('images/homePage/buttonBand.png'); background-repeat: no-repeat; } #aboutUsSteve{ position: absolute; top: 507px; left: 63px; width: 121px; height: 28px; background-image: url('images/homePage/buttonSteve.png'); background-repeat: no-repeat; } #aboutUsJen{ position: absolute; top: 507px; left: 240px; width: 121px; height: 28px; background-image: url('images/homePage/buttonJen.png'); background-repeat: no-repeat; } #aboutUsMike{ position: absolute; top: 507px; left: 418px; width: 121px; height: 28px; background-image: url('images/homePage/buttonMike.png'); background-repeat: no-repeat; } #aboutUsAdam{ position: absolute; top: 507px; left: 599px; width: 121px; height: 28px; background-image: url('images/homePage/buttonAdam.png'); background-repeat: no-repeat; } #aboutUsAndreas{ position: absolute; top: 507px; left: 777px; width: 121px; height: 28px; background-image: url('images/homePage/buttonAndreas.png'); background-repeat: no-repeat; } #closeAboutPopup{ position: absolute; top: 0px; left: 924px; width: 30px; height: 30px; background-image: url('images/redXtoClose.png'); background-repeat: no-repeat; } /****************************************************************************************** Contact us popup ******************************************************************************************/ .contactUsPopup{ position: relative; top: 210px; margin-left: auto; margin-right: auto; height: 480px; width: 1024px; z-index: 10; color: #000000; } #mailingListForm{ position: absolute; top: 105px; left: 205px; width: 200px; color: #FFFFFF; text-align: center; } #contactUsForm{ position: absolute; top: 95px; left: 505px; width: 375px; color: #FFFFFF; text-align: center; } #closeContactPopup{ position: absolute; top: -5px; left: 900px; width: 30px; height: 30px; background-image: url('images/redXtoClose.png'); background-repeat: no-repeat; } .mailingListJoin{ font-family: Arial, Geneva, Sans-serif; font-size: 9pt; } .mailingListJoinError{ font-family: Arial, Geneva, Sans-serif; font-size: 9pt; border-style: solid; border-width: 2px; border-color: #ff0000; background: #ffcccc; } /****************************************************************************************** Book us popup ******************************************************************************************/ #bookUsPopup{ position: relative; top: 50px; margin-left: auto; margin-right: auto; height: 683px; /* Must be full sized in order to disable underlying links! */ width: 953px; /* Must be full sized in order to disable underlying links! */ z-index: 10; color: #000000; } #bookUsDidYouKnow{ position: absolute; top: 49px; left: 375px; width: 500px; font-size: 11pt; font-weight: 500; color: #FFFFFF; text-align: left; } #bookUsDidYouKnowRefresh{ position: absolute; top: 190px; left: 375px; width: 500px; font-size: 10px; font-weight: 500; color: #cccccc; text-align: right; } #bookUsCorporate{ position: absolute; top: 345px; left: 70px; width: 120px; height: 28px; background-image: url('images/homePage/buttonCorporate.png'); background-repeat: no-repeat; } #bookUsWeddings{ position: absolute; top: 345px; left: 372px; width: 120px; height: 28px; background-image: url('images/homePage/buttonWeddings.png'); background-repeat: no-repeat; } #bookUsFestivals{ position: absolute; top: 345px; left: 672px; width: 120px; height: 28px; background-image: url('images/homePage/buttonFestivals.png'); background-repeat: no-repeat; } #bookUsClubShows{ position: absolute; top: 430px; left: 70px; width: 120px; height: 28px; background-image: url('images/homePage/buttonClubShows.png'); background-repeat: no-repeat; } #bookUsPrivateParties{ position: absolute; top: 430px; left: 372px; width: 120px; height: 28px; background-image: url('images/homePage/buttonPrivateParties.png'); background-repeat: no-repeat; } #bookUsEverythingElse{ position: absolute; top: 430px; left: 672px; width: 120px; height: 28px; background-image: url('images/homePage/buttonEverythingElse.png'); background-repeat: no-repeat; } #closeBookUsPopup{ position: absolute; top: 0px; left: 924px; width: 30px; height: 30px; background-image: url('images/redXtoClose.png'); background-repeat: no-repeat; } /****************************************************************************************** Bookings pages (all six) ******************************************************************************************/ #bookingsContent{ position: relative; height: 683px; width: 1024px; margin-left: auto; margin-right: auto; vertical-align: middle; filter: alpha(opacity=30); opacity: 0.3; } #bookingsOverlay{ position: relative; top: 195px; left: 0px; margin-left: auto; margin-right: auto; height: 479; /* Must be full sized in order to disable underlying links! */ width: 947; /* Must be full sized in order to disable underlying links! */ z-index: 10; color: #000000; } #bookingsBlurb{ position: absolute; top: 140px; left: 70px; height: 170; width: 320; z-index: 10; font-weight: 400; color: #ffffff; } #bookingsBlurbClubs{ position: absolute; top: 140px; left: 70px; height: 170; width: 415; z-index: 10; font-weight: 400; color: #ffffff; } #bookingsForm{ position: absolute; top: 140px; left: 470px; height: 250; width: 420; z-index: 10; color: #cccccc; text-align: center; } #bookingsFormClubs{ position: absolute; top: 285px; left: 585px; height: 250; width: 300; z-index: 10; color: #cccccc; } #bookingsLogos{ position: absolute; top: 345px; left: 78px; height: 100; width: 300; /*z-index: 10; background: #ffffff; */ } #bookingsLogosClubs{ position: absolute; top: 137px; left: 570px; height: 125; width: 340; z-index: 10; color: #cccccc; } #closeBookingsPopup{ position: absolute; top: -5px; left: 925px; width: 30px; height: 30px; background-image: url('images/redXtoClose.png'); background-repeat: no-repeat; } .bookingsInput{ font-size: 8pt; font-weight: 400; line-height: 9pt; color: #000000; background: #97BADB; border-style: solid; border-width: 1px; border-color: #cccccc; } .bookingsInputError{ font-size: 8pt; font-weight: 400; line-height: 9pt; color: #000000; background: #ffcccc; border-style: solid; border-width: 2px; border-color: #ff0000; } /****************************************************************************************** Long content ******************************************************************************************/ #longContentOverlay{ position: relative; top: 195px; /*left: 160px;*/ margin-left: auto; margin-right: auto; height: auto; width: 947px; /* Must be full sized in order to disable underlying links! */ z-index: 10; color: #000000; } #longContentTopAbout{ position: static; /*top: 195px; left: 160px;*/ height: 117px; width: 949px; background: url('images/longTopAbout.png'); background-repeat: none; } #longContentTopTourdate{ position: static; /*top: 195px; left: 160px;*/ height: 117px; width: 949px; background: url('images/longTopTourdate.png'); background-repeat: none; } #longContentTopSetlist{ position: static; /*top: 195px; left: 160px;*/ height: 117px; width: 949px; background: url('images/longTopSetlist.png'); background-repeat: none; } #longContentTopMedia{ position: static; /*top: 195px; left: 160px;*/ height: 117px; width: 949px; background: url('images/longTopMedia.png'); background-repeat: none; } #longContentBox{ position: relative; /*top: 117px; left: 0px; height: 1px;*/ width: 949; z-index: 10; font-weight: 400; color: #ffffff; background: url('images/longMiddle.png'); background-repeat: vertical; overflow: visible; /*border-style: solid; border-width: 2px; border-color: #ff0000; */ } #longContentText{ /*position: absolute;*/ float: left; top: 0px; left: 275px; height: auto; width: 947; z-index: 10; font-weight: 400; color: #ffffff; text-align: center; /*border-style: solid; border-width: 2px; border-color: #ff0000;*/ } #randomFloat{ float: left; height: 50px; } #clearFloat{ clear: both; /* this forces the longContentBox to expand downwards */ } #longContentBottom{ position: static; /*top: 195px; left: 160px;*/ height: 49px; width: 949px; background: url('images/longBottom.png'); background-repeat: none; } #longContentFooter{ position: absolute; bottom: -28px; left: 75px; width: 800; z-index: 10; font-weight: 400; font-size: 10px; color: #999999; text-align: center; } /****************************************************************************************** Summary ******************************************************************************************/ #aboutTextbox{ position: relative; width: 575; /*left: 50px;*/ color: #ffffff; text-align: left; margin-left: auto; margin-right: auto; /*border-style: solid; border-width: 2px; border-color: #ff0000;*/ } .aboutHeader{ font-size: 18pt; font-weight: 700; line-height: 21pt; color: #ff9900; padding: 6px 3px 0px 3px; /* top, right, bottom, left*/ } /****************************************************************************************** Tourdate ******************************************************************************************/ #mediaTextbox{ position: relative; width: 575; height: 590; /* needed because the media player doesn't push the envelope div down */ margin-left: auto; margin-right: auto; color: #ffffff; text-align: center; /*border-style: solid; border-width: 2px; border-color: #ff0000;*/ } /****************************************************************************************** Tourdate ******************************************************************************************/ .monthName{ font-size: 18pt; font-weight: 700; line-height: 21pt; color: #ff9900; } .tourdate{ font-size: 13pt; font-weight: 700; line-height: 16pt; color: #ffffff; } .directionsLink{ font-size: 10px; color: #999999; text-decoration: none; } /****************************************************************************************** Set list ******************************************************************************************/ .setlistHeader{ position: relative; margin: 0px 0px 5px 0px; /* top, right, bottom, left*/ } .setlistHeaderText{ position: absolute; top: 11; right: 24; width: 230px; text-align: center; } .setlistHeaderGraveyardText{ position: absolute; top: 11; right: 24; width: 240px; text-align: center; color: #000000; } .setlistSongListBox{ margin: 0px 0px 20px 0px; /* top, right, bottom, left*/ text-align: center; } .setlistSongListBoxGraveyard{ margin: 0px 0px 0px 40px; /* top, right, bottom, left*/ text-align: center; } .songTable{ margin-left: 25; width: 550px; border-style: solid; border-width: 1px; border-color: #cccccc; color: #ffffff; font-size: 12px; } .songTableAcoustic{ margin-left: 125; width: 350px; border-style: solid; border-width: 1px; border-color: #cccccc; color: #ffffff; font-size: 12px; } .songTable80s{ margin-left: 65; width: 475px; border-style: solid; border-width: 1px; border-color: #cccccc; color: #ffffff; font-size: 12px; } .songTable TH{ border-style: none; border-width: 1px; border-color: #ffffff; font-size: 14pt; font-weight: 700; text-align: center; color: #ffffff; } .songTableHeaderSort{ border-style: none; border-width: 1px; border-color: #cccccc; border-left-style: none; font-size: 9px; text-align: center; vertical-align: bottom; color: #999999; } .songCellLight{ background: #1f1f81; border-style: solid; border-width: 1px; border-color: #333333; } .songCellDark{ border-style: solid; border-width: 1px; border-color: #333333; } .songTextRetired{ position: absolute; top: 8; right: 24; width: 232px; text-align: right; color: black; } /*.songTable2{ background: #EDE2ED; border-style: solid; border-width: 1px; border-color: #cccccc; }*/ .songTableRetired{ color: #999999; font-size: 10px; } /****************************************************************************************** Thanks ******************************************************************************************/ #thanks{ position: absolute; top: 140px; left: 70px; height: 170; width: 825; z-index: 10; font-weight: 400; color: #ffffff; text-align: center; } /****************************************************************************************** Footer and photo credit ******************************************************************************************/ #footer{ position: absolute; left: 340px; bottom: -28px; font-size: 10px; color: #999999; } #footer a:link, a:visited, a:active, a:hover{ color: #999999; text-decoration: underline; } #bookUsPopup{ } #photoCredit{ position: absolute; right: 0px; bottom: -15px; font-size: 9px; color: #999999; text-decoration: none; } #photoCredit a:link, a:visited, a:hover, a:active{ color: #999999; text-decoration: underline; }