/*SITEWIDE*/
*, body {
padding:0px;
margin:0px;
}
img {
border: hidden;
}
#masthead {
height: 184px;
width: 955px;
background: url(../images/sitewide/masthead.gif) no-repeat;
margin: 0px auto;
position: relative;
padding: 0px;
}
.section_header {
height: 80px;
width: 628px;
background: url(../images/headers/background.gif) no-repeat center center;
text-align: center;
position: relative;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
.section_header img{
position: relative;
top: 40px;
}
#footer {
background: url(../images/sitewide/footer.gif) no-repeat;
margin: 0px auto;
height: 150px;
width: 955px;
padding: 0px;
overflow: hidden;
position: relative;
text-align: center;
}
#footer a span{
display: none;
}
#copyright {
width: 750px;
position: absolute;
bottom: 50px;
color: #312D25;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 24px;
text-align: center;
left: 29px;
}
#copyright ul li{
display: inline;
list-style:none;
}
h1 {
color: #312D25;
font: bold 28px "Times New Roman", Times, serif;
margin-top: 10px;
margin-bottom: 10px;
}
h1 span {
color: #B1A78B;
display: block;
width: 565px;
}
h2 {
font: bold 18px "Times New Roman", Times, serif;
color: #514834;
margin-bottom: 0px;
margin-top: 0px;
}
h3 {
font: bold 14px Arial, Helvetica, sans-serif;
color: #312D25;
margin-top: 20px;
margin-bottom: 0px;
}
p {
color: #312D25;
font: 14px/20px Arial, Helvetica, sans-serif;
margin-top: 0px;
margin-bottom: 10px;
}
a:link {
font-weight: bold;
color: #312D25;
}
a:visited {
font-weight: bold;
color: #312D25;
}
a:hover {
font-weight: bold;
color: #B1A78B;
}

/*MAIN NAVIGATION*/
#masthead a.home{
display:block;
width: 250px;
position: relative;
height: 95px;
top: 20px;
left: 360px;
}
#masthead a.facebook{
display:block;
width: 32px;
height: 32px;
top: 63px;
background-image: url(../images/navigation/facebook.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
right: 132px;
position: absolute;
}
#masthead a.facebook:hover{
background-position: 0px -32px;
}
#masthead a.facebook.selected{
background-position: 0px -48px;
}
#masthead a.twitter{
display:block;
width: 32px;
height: 32px;
top: 67px;
background-image: url(../images/navigation/twitter.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
right: 95px;
position: absolute;
}
#masthead a.twitter:hover{
background-position: 0px -32px;
}
#masthead a.twitter.selected{
background-position: 0px -48px;
}
#masthead a.myspace{
display:block;
width: 32px;
height: 32px;
top: 64px;
background-image: url(../images/navigation/myspace.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
right: 58px;
position: absolute;
}
#masthead a.myspace:hover{
background-position: 0px -32px;
}
#masthead a.myspace.selected{
background-position: 0px -48px;
}
#masthead a.youtube{
display:block;
width: 32px;
height: 32px;
top: 69px;
background-image: url(../images/navigation/youtube.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
right: 23px;
position: absolute;
}
#masthead a.youtube:hover{
background-position: 0px -32px;
}
#masthead a.youtube.selected{
background-position: 0px -48px;
}
#masthead a.tiptrucker{
display:block;
width: 118px;
height: 24px;
top: 28px;
background-image: url(../images/navigation/tiptrucker.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
right: 150px;
position: absolute;
}
#masthead a.tiptrucker:hover{
background-position: 0px -24px;
}
#masthead a.tiptrucker.selected{
background-position: 0px -48px;
}
#masthead a.newsletter{
display:block;
width: 125px;
height: 17px;
top: 33px;
background-image: url(../images/navigation/newsletter.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
right: 25px;
position: absolute;
}
#masthead a.newsletter:hover{
background-position: 0px -17px;
}
#masthead a.newsletter.selected{
background-position: 0px -34px;
}
#masthead a span{
display: none;
}
#navigation {
position: relative;
width: 719px;
top: 42px;
margin: 0px auto;
}
#navigation li{
display: inline;
list-style:none;
}
#navigation li span{
display: none;
}
#navigation li a{
display: block;
height: 12px;
background-position: 0px 0px;
background-repeat: no-repeat;
float: left;
margin-right: 5px;
margin-left: 5px;
}
#navigation li a:hover{
background-position: 0px -12px;
}
#navigation li a.band{
background-image: url(../images/navigation/band.gif);
width: 73px;
margin-left:0px;
}
#navigation li a.music{
background-image: url(../images/navigation/music.gif);
width: 88px;
}
#navigation li a.videos{
background-image: url(../images/navigation/videos.gif);
width: 100px;
}
#navigation li a.shows{
background-image: url(../images/navigation/shows.gif);
width: 94px;
}
#navigation li a.store{
background-image: url(../images/navigation/store.gif);
width: 90px;
}
#navigation li a.blog{
background-image: url(../images/navigation/blog.gif);
width: 74px;
}
#navigation li a.contacts{
background-image: url(../images/navigation/contacts.gif);
width: 140px;
margin-right:0px;
}
#navigation li a.selected{
background-position: 0px -24px;
}

/* TABS */
.ui-tabs-hide { display: none; }
.ui-tabs-nav {
background-image: url(../images/subnav/background.png);
height: 74px;
width: 595px;
background-repeat: no-repeat;
background-position: center center;
position: relative;
top: -25px;
left: 100px;
z-index: 1;
margin-bottom: -25px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
display: block;
clear: both;
content: " ";
}
.ui-tabs-nav li {
float: left;
position: relative;
display: inline;
margin-right: 20px;
}
.ui-tabs-nav a {
display: block;
background-position: left 0px;
height: 25px;
margin-right: 0px;
background-repeat: no-repeat;
margin-top: 12px;
margin-bottom: 13px;
}
.ui-tabs-nav a:visited {
background-position: left 0px;
}
.ui-tabs-nav a:hover {
background-position: left -25px;
}
.ui-tabs-nav .ui-tabs-selected a {
background-position: left -50px;
}
.ui-tabs-nav a span {
display: none;
}
.ui-tabs-panel {
padding: 10px; /* declare background color for container to avoid distorted fonts in IE while fading */
width: 835px;
position: relative;
float: left;
font: 12px Arial, Helvetica, sans-serif;
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
display: inline-block;
}

/*CONTACT FORMS*/
form {
width: 650px;
margin-right: auto;
margin-left: auto;
position: relative;
}
form h2 {
font: bold 18px "Times New Roman", Times, serif;
color: #514834;
margin-bottom: 20px;
margin-top: 20px;
text-align: center;
}
form label{
color: #312D25;
font: 13px/18px Arial, Helvetica, sans-serif;
margin-top: 0px;
margin-bottom: 10px;
float: left;
margin-right: 20px;
text-align: right;
width: 100px;
}
.required{
color: #ac4444;
font-weight: bold;
}
form input {
color: #990000;
font: 13px/18px Arial, Helvetica, sans-serif;
margin-top: 0px;
margin-bottom: 10px;
float: left;
text-align: left;
height: 20px;
}
form br {
clear: both;
}
form input#text {
width: 450px;
}
form textarea#textarea {
width: 450px;
height: 200px;
}
form input#submit {
position: relative;
margin-left: 175px;
margin-right: 175px;
margin-top: 20px;
color: #990000;
color: #312D25;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
font-weight: bold;
height: 58px;
width: 235px;
margin-bottom: 0px;
}
#errors {
width: 650px;
color: #ac4444;
font: 14px/24px Arial, Helvetica, sans-serif;
margin-bottom: 10px;
margin: 20px auto;
font-style: italic;
text-align: center;
}
#errors h1 {
color: #ac4444;
font: bold 28px "Times New Roman", Times, serif;
margin-top: 0px;
margin-bottom: 10px;
text-align: center;
}
#singleerror {
width: 650px;
color: #ac4444;
font: 14px/24px Arial, Helvetica, sans-serif;
margin: 10px auto 0px;
font-style: italic;
text-align: center;
clear: both;
}

/*NEWSLETTER*/
#newsletter form {
width: 650px;
margin-right: auto;
margin-left: auto;
position: relative;
}
#newsletter form h2 {
font: bold 18px "Times New Roman", Times, serif;
color: #514834;
margin-bottom: 20px;
margin-top: 20px;
text-align: center;
}
#newsletter form label{
color: #312D25;
font: 13px/18px Arial, Helvetica, sans-serif;
margin-top: 0px;
margin-bottom: 10px;
float: left;
margin-right: 20px;
text-align: right;
width: 100px;
}
#newsletter .required{
color: #ac4444;
font-weight: bold;
}
#newsletter form input {
color: #990000;
font: 13px/18px Arial, Helvetica, sans-serif;
margin-top: 0px;
margin-bottom: 10px;
float: left;
text-align: left;
height: 20px;
}
#newsletter form br {
clear: both;
}
#newsletter form input#text {
width: 450px;
}
#newsletter form textarea#textarea {
width: 450px;
height: 200px;
}
#newsletter form input#submit {
position: relative;
margin-left: 175px;
margin-right: 175px;
margin-top: 20px;
color: #990000;
color: #312D25;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
font-weight: bold;
height: 58px;
width: 235px;
margin-bottom: 0px;
}
#newsletter form table
{
margin-bottom: 20px;
}
ul.list li.list {
display: inline;
list-style:none;
}
ul.list li.list b {
font: bold 14px Arial, Helvetica, sans-serif;
color: #312D25;
margin-bottom: 10px;
margin-left: 10px;
}
ul.list li.list p {
clear: both;
margin-top: 10px;
margin-bottom: 20px;
margin-left: 0px;
}
#newsletter font.required {
margin-bottom: 20px;
}
#newsletter div.required {
text-align: right;
padding-right: 10px;
}
#newsletter form
{
margin-top: 20px;
}

/*HOME*/
.homecontent {
background: url(../images/sitewide/background.gif) repeat-y;
width: 855px;
position: relative;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 10px;
padding-right: 50px;
padding-bottom: 10px;
padding-left: 50px;
height: 568px;
}
#featured {
height: 300px;
width: 855px;
position: relative;
margin-bottom: 20px;
}
#welcome_header {
width: 855px;
text-align: center;
margin-bottom: 20px;
position: relative;
}
#welcome_text_left {
float: left;
width: 405px;
position: relative;
margin-right: 35px;
}#welcome_text_full {
width: 755px;
position: relative;
margin-right: auto;
margin-left: auto;
font: 13px/18px Arial, Helvetica, sans-serif;
}
#welcome_text_right {
float: left;
width: 405px;
position: relative;
}

/*INTERNAL*/
#maincontent {
background: url(../images/sitewide/background.gif) repeat-y;
width: 855px;
position: relative;
margin: 0px auto;
padding: 0px 50px;
overflow: hidden;
}
#content {
position: relative;
width: 855px;
}
.header {
height: 80px;
width: 628px;
background: url(../images/headers/background.gif) no-repeat center center;
text-align: center;
position: relative;
margin-top: 0px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
}
.header img{
position: relative;
top: 40px;
}

/*BIOS*/
#subnav_bios {
background-image: url(../images/subnav/background.png);
height: 74px;
width: 595px;
background-repeat: no-repeat;
background-position: center center;
position: relative;
top: -25px;
left: 100px;
z-index: 1;
margin-bottom: -25px;
}
#subnav_bios li {
display: inline;
}
#subnav_bios li.selected a {
background-position: left -50px;
}
#subnav_bios a {
display:block;
float:left;
height: 25px;
position: relative;
margin-right: 10px;
margin-left: 10px;
}
#subnav_bios a:visited {
background-position: left 0px;
}
#subnav_bios a:hover {
background-position: left -25px;
}
#subnav_bios a.selected {
background-position: left -50px;
}
#subnav_bios a span {
display: none;
}
#band {
background-image: url(../images/subnav/band/band.gif);
width: 55px;
top: 30px;
left: 20px;
}
#todd {
background-image: url(../images/subnav/band/todd.gif);
width: 55px;
top: 30px;
left: 20px;
}
#tom {
background-image: url(../images/subnav/band/tom.gif);
width: 55px;
top: 30px;
left: 20px;
}
#josh {
background-image: url(../images/subnav/band/josh.gif);
width: 55px;
top: 30px;
left: 20px;
}
#greg {
background-image: url(../images/subnav/band/greg.gif);
width: 55px;
top: 30px;
left: 20px;
}
#hank {
background-image: url(../images/subnav/band/hank.gif);
width: 55px;
top: 20px;
left: 20px;
}
#kevin {
background-image: url(../images/subnav/band/kevin.gif);
width: 55px;
top: 20px;
left: 20px;
}
#bandphoto {
height: 345px;
width: 955px;
position: relative;
margin-bottom: 10px;
left: -50px;
}
#biophoto {
height: 345px;
width: 301px;
position: relative;
margin-bottom: 10px;
float: right;
right: -43px;
margin-left: -20px;
}
#biogallery {
height: 296px;
width: 248px;
position: relative;
margin-bottom: 10px;
left: -20px;
padding-top: 4px;
float: left;
}

/*CONTACTS*/
.subnav_contacts {
height: 74px;
width: 595px;
background-repeat: no-repeat;
background-position: center center;
position: relative;
top: -25px;
left: 100px;
z-index: 1;
margin-bottom: -25px;
}

/*NEWSLETTER*/
#newsletter {
margin-top: 20px;
}
/*.subnav_contacts li {
display: inline;
}
#subnav_contacts li.selected a {
background-position: left -50px;
}
.subnav_contacts a:visited {
background-position: left 0px;
}
.subnav_contacts a:hover {
background-position: left -25px;
}
.subnav_contacts a.selected {
background-position: left -50px;
}*/
.subnav_contacts a {
display:block;
float:left;
height: 25px;
position: relative;
}
.subnav_contacts a span {
display: none;
}
.tab-booking {
background-image: url(../images/subnav/contacts/booking.gif);
width: 79px;
top: 30px;
}
.tab-bandmembers {
background-image: url(../images/subnav/contacts/band.gif);
width: 147px;
top: 15px;
margin-left: -10px;
}
.tab-bignoise {
background-image: url(../images/subnav/contacts/bignoise.gif);
width: 90px;
top: 15px;
margin-left: -10px;
}
.tab-prfirm {
background-image: url(../images/subnav/contacts/prfirm.gif);
width: 79px;
top: 20px;
}
.tab-webmaster {
background-image: url(../images/subnav/contacts/webmaster.gif);
width: 111px;
top: 10px;
}
#booking {
margin-top: 20px;
}

/*DONATE*/
a#donatebtn {
margin-top: 20px;
background-image: url(../images/buttons/background.gif);
background-repeat: no-repeat;
height: 59px;
width: 236px;
margin-right: auto;
margin-left: auto;
position: relative;
display: block;
}
#donatebtn div {
display: block;
width: 99px;
height: 25px;
margin-right: auto;
margin-left: auto;
position: relative;
background-image: url(../images/buttons/tiptrucker.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
top: 17px;
}
a:hover#donatebtn div {
background-position: 0px -25px;
}