/* kung fu style */
body {
    margin:0;
    background-color:black;
    
    font-family: helvetica, arial, sans-serif;
    /*overflow:hidden;*/
}
h1 {
    position:relative;
    margin-top:304px;
    padding: 0.1em 1em 0.1em;
    margin-bottom:25px;
    text-align:center;
    background:black url(title-the_crazies_will_dest.gif) no-repeat center center;
    color:white;
    text-transform:lowercase;
    font-size:60px;
    z-index:100;
}   
h1 span {
    display:block;
    height:0;
    padding:53px 0 0;
    width:796px;
    overflow:hidden;
}

a:link { color:#F00;}
a:visited { color:#C00;}
a:hover { color:#FF0;}
#outerwrap {
    position:relative;
    padding-top:1px;
    width:1024px;
    margin:auto;
}

#footer {
    margin-top:1.5em;
    text-align:center;
    font-size:75%;
}
#menu {
    position: absolute;
    top:0;
    list-style-type: none;
    padding-left:0;
    margin-left:0;
    height:305px;
    width:100%;
    background:#000 url(bg-crazies_photo.gif) no-repeat 50% 40px;
    overflow:visible;
    z-index:50;
    
}

#menu  li {
    display:block;
    float:left;
    text-align:center;
    /*width:16.67%;*/
    width: 170px;
    height:388px;
    
    background: transparent;
    font-size: 18px;
    color: #dbdbdb;
    
    text-transform:uppercase;
}

#menu  li a {
    padding-top:10px;
    padding-bottom:10px;
    display:block;
    width:100%; 
    height:368px;
    color: inherit;
    text-decoration:none;
}
#menu li a:hover {
    background-color:#9B0000 ;
    background-repeat: repeat-x;
    background-position: bottom center;
    color:black;
    border-left: 1.7% solid black;
    border-right: 1.7% solid black;
    width:98%;
    /*opacity: 0.8;*/
}

#menu a:hover {
    background:transparent url(bg-menuhex.gif) repeat-x bottom center;
}
#mainwrap {
    position:relative;
    z-index:20;
    width:784px;
    padding: 15px 120px 15px;
    background:/*#1C0001*/ #000 url(bg-rabbitdog.gif) no-repeat 100% 100px;
    color:#DDD;
    
    margin-top:-26px;

    font-weight: 200;
    font-size: 14px;
    overflow:auto;
}

* html #main {
    margin: 28px -12% auto;
}
#main {
    margin: 28px 0;
    line-height:1.5;
}



#main h3 { 
    font-weight: normal;
    font-size: 24px;
}

#main .content h3 { clear: both; }
#menu span {
    display:block;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
}
#m-music           span { background-image: url(menu-music.gif); }
#m-music a:hover   span { background-image: url(menu-music-roll.gif); }
#m-shows           span { background-image: url(menu-shows.gif); }
#m-shows a:hover   span { background-image: url(menu-shows-roll.gif); }
#m-bio             span { background-image: url(menu-bio.gif); }
#m-bio a:hover     span { background-image: url(menu-bio-roll.gif); }
#m-photos          span { background-image: url(menu-photos.gif); }
#m-photos a:hover  span { background-image: url(menu-photos-roll.gif); }
#m-news            span { background-image: url(menu-news.gif); }
#m-news a:hover    span { background-image: url(menu-news-roll.gif); }
#m-contact         span { background-image: url(menu-contact.gif); }
#m-contact a:hover span { background-image: url(menu-contact-roll.gif); }

#menu span span {     
    display:block;
    height:0;
    padding:0;
    width:100%;
    overflow:hidden;
}
#menu span span,
#menu a:hover span span {
    background-image:none;
}
#m-music   span span { padding-top:23px; }
#m-shows   span span { padding-top:22px; }
#m-bio     span span { padding-top:21px; }
#m-photos  span span { padding-top:24px; }
#m-news     span span { padding-top:20px; }
#m-contact  span span { padding-top:20px; }

#mailing_list_form span.label,
#mailing_list_form span.spacer,
#mailing_list_form span.multiple span {width:120px;float:left;} 
#mailing_list_form span.multiple {float:left;} 
#mailing_list_form span.button {padding-left:120px;} 
#mailing_list_form div.clear {clear:both;padding-top:5px;} 
/*#mailing_list_form { display: none; }*/
#mailing_list_form div { margin-bottom: 1em; }

#main object { float:right; margin:1em 0 1em 1em; }
.photoblock img { float:left; }
.clear { clear:both; }
.show_details {
    margin-bottom:18px;
}
.show_details th {
    text-align:right;
    width:15%;
}
.show_details td {
    width:80%;
    padding-left:5%;
}

.show_details .venue   td { font-size: 24px; }
.show_details .venue { line-height: 38px; }
.show_details .date    td,
.show_details .artists td,
.show_details .tickets td { font-size:16px;}
.show_details .date,
.show_details .artists,
.show_details .tickets { line-height: 24px;}


.show .content { 
    clear:both;
    margin-top:18px;
}