/* CSS Document */

h2 span {display:none}
h3 {background:url(../images/icons/mailinglist.jpg) repeat-x; font-size:1.1em; font-weight:bold; margin-bottom:10px}
h4 { border-bottom:#333333 1px solid; color:#CC0066; font-size:1.1em; font-weight:bold; margin-bottom:10px}
a {color: #FF0066}
a:hover {color:#FFCCFF}
hr {height:0.5px; background-color: #333333; margin:0px 0 5px 0; border: 0;}
.clear {clear:both}
p {margin:10px 0}
.button {background:url(../images/icons/button.jpg) repeat-x; color:#FFFFFF; border:none; cursor: pointer}
.pbottom100 {padding-bottom:100px}
.pbottom200 {padding-bottom:200px}
.marginb50 {margin-bottom:50px}
.marginb100 {margin-bottom:100px}
.fleft {float:left}
.fright {float:right}
.top a{ color:#FFFFFF}
.pinkborder {border: 1px solid  #FF0066}
.logo_head {margin-left:40px}
.small {font-size:0.8em}


/*==================== MENU ======================== */
#menu {position:relative}
#menu li {float:left; list-style:none; margin:0 18px 0 18px}
#menu a:hover {text-decoration:none}
#menu span { display:none}
span .music  { display:none}
#menu .home a {background: url(../images/skeleton/nav/home.jpg); display:block; width:54px; height:30px}
#menu a.music  {background: url(../images/skeleton/nav/music.jpg); display:block; width:65px; height:30px} 
#menu  a.biog {background: url(../images/skeleton/nav/biog.jpg); display:block; width:50px; height:30px}
#menu .gigs a {background: url(../images/skeleton/nav/gigs.jpg); display:block; width:52px; height:30px}
#menu .shop a {background: url(../images/skeleton/nav/shop.jpg); display:block; width:49px; height:30px}
#menu .press a {background: url(../images/skeleton/nav/press.jpg); display:block; width:61px; height:30px}
#menu .links a {background: url(../images/skeleton/nav/links.jpg); display:block; width:53px; height:30px}
#menu .contact a {background: url(../images/skeleton/nav/contact.jpg); display:block; width:65px; height:30px}

#menu .home a:hover {background: url(../images/skeleton/nav/home.jpg) bottom ; display:block; width:54px; height:30px}
#menu  a:hover.music{background: url(../images/skeleton/nav/music.jpg) bottom; display:block; width:65px; height:30px}
#menu  a:hover.biog {background: url(../images/skeleton/nav/biog.jpg) bottom; display:block; width:50px; height:30px}
#menu .gigs a:hover {background: url(../images/skeleton/nav/gigs.jpg) bottom; display:block; width:52px; height:30px}
#menu .shop a:hover {background: url(../images/skeleton/nav/shop.jpg) bottom; display:block; width:49px; height:30px}
#menu .press a:hover {background: url(../images/skeleton/nav/press.jpg) bottom; display:block; width:61px; height:30px}
#menu .links a:hover {background: url(../images/skeleton/nav/links.jpg) bottom; display:block; width:53px; height:30px}
#menu .contact a:hover {background: url(../images/skeleton/nav/contact.jpg) bottom; display:block; width:65px; height:30px}

#menu #sub_music {display:none}
#music #sub_music {display:inline; position:absolute; top: 34px; left: 110px; background:url(../images/icons/heading_tile.jpg) repeat-x;  padding:0px 0}
#music #sub_music li { margin: 0 5px}
#music #sub_music li a { color:#FFFFFF; background: url(../images/icons/button.jpg);border: #333333 1px solid; height:20px; padding:0 2px}
#music #sub_music li a:hover {border: #333333 1px solid; background:#000000}

#sub_music a{text-decoration:none}

#menu #sub_biog {display:none}
#biog #sub_biog {display:inline; position:absolute; top: 34px; left: 205px; background:url(../images/icons/heading_tile.jpg) repeat-x; padding:6px 0}
#biog #sub_biog li { margin: 0 5px}
#biog #sub_biog li a{ color:#FFFFFF; background: url(../images/icons/button.jpg);border: #000000 1px solid; height:20px; padding:0 2px }
#biog #sub_biog li  a:hover {border: #333333 1px solid; background:#000000}

#sub_biog a {text-decoration:none}

#home #menu .home a {background: url(../images/skeleton/nav/home.jpg) bottom; display:block; width:54px; height:30px}
#music #menu .music a {background: url(../images/skeleton/nav/music.jpg) bottom; display:block; width:65px; height:30px} 
#biog #menu .biog a {background: url(../images/skeleton/nav/biog.jpg) bottom; display:block; width:50px; height:30px}
#gigs #menu .gigs a {background: url(../images/skeleton/nav/gigs.jpg) bottom; display:block; width:52px; height:30px}
#shop #menu .shop a {background: url(../images/skeleton/nav/shop.jpg) bottom; display:block; width:49px; height:30px}
#press #menu .press a {background: url(../images/skeleton/nav/press.jpg) bottom; display:block; width:61px; height:30px}
#links #menu .links a {background: url(../images/skeleton/nav/links.jpg) bottom; display:block; width:53px; height:30px}
#contact #menu .contact a {background: url(../images/skeleton/nav/contact.jpg) bottom; display:block; width:65px; height:30px}


#home #menu {margin:0 0 20px 0}
/*==================== Mailing list ======================== */


#mailing_list {height:50px; background:url(../images/icons/mailinglist.jpg) repeat-x; padding:0 0 0 5px; margin:0 10px 20px 0; width:300px; line-height:1em}
#mailing_list input {background:#000000; border:#FFFFFF inset 1px; color:#666666 }
#mailing_list .button {height: 20px; background: url(../images/icons/button.jpg) #660000 repeat-x; color:#FFFFFF; border:0}
#player { margin:10px 0;}

#pics {text-align:center; padding:10px 10px}
#pics table {height:300px}
/*==================== Music page ======================== */

#flashPlayer { width:200px; margin-left:500px }
.flashPlayer { width:200px; margin-left:600px }
.song {float:left; width:690px; margin-bottom:10px; font-size:0.9em}

.song a {font-size:0.8em; text-decoration:none}
.play_track {float:right; margin-right:40px; margin-bottom:20px}

/*==================== gigs page ======================== */

.gig_photos {position:relative; height:150px; margin-top:10px}
.gig_photos img {border:none}
.photo1 {position:absolute; left:5px}
.photo2 {position:absolute; left:100px; z-index:1}
.photo3 {position:absolute; left:200px; z-index:0}

.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}


/*CSS for enlarged image*/
.thumbnail span{ 
position: absolute;
left: -1000px;
visibility: hidden;
text-decoration: none;
}

/*CSS for enlarged image*/
.thumbnail span img{ 
border-width: 0;
padding: 2px;
}

/*CSS for enlarged image on hover*/
.thumbnail:hover span{ 
display: block;
visibility: visible;
vertical-align: text-bottom;
left: 350px; /*position where enlarged image should offset horizontally */

}

/*==================== Shop ======================== */
.shopimage {float:left; width:200px; margin:20px}

/* ======== FORM ======== */
#contact #centre_block {text-align:left}
form {padding:10px; margin-right:20px}
input, textarea { border: 1px solid #990033; background: #333333; color: #FFFFFF; font-size:1.2em; } 
.credit {font-size:10px; color: #333333; margin-bottom:5px}
.credit a {color: #333333}