/* General styles used by multiple pages. */

.hide { display: none; }

.center { text-align: center; }

.header { text-indent: -5000px; }

.noline { text-decoration: none; }

body {
    color: #4d4b3c;
    background: #fff9c5 url(gfx/background.png) repeat-y scroll top center;
    visibility: visible;
    font: 12px sans-serif;
    margin: auto 0px auto 0px;
    padding-right: 0px;
    padding-left: 0px;
    text-align: center;
}

h1, h2 {
    margin-top: 0px;
    background-repeat: no-repeat;
    background-position: center;
    color: #292ddd;
}

h1 { margin-bottom: 0px; }

h2 { margin-bottom: 5px; }

h3 {
    color: black;
    font-size: 12px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 5px;   
}

a { color: red; }

a:visited { color: #373bdf; }

p, dl {
    margin-top: 0px;
    margin-left: 10px;
    margin-bottom: 10px;
}

img {
    margin: 2px 10px 5px 13px;
    display: inline;
    float: left;
    border: none;
}

p img {    
    border: 5px solid Black; 
    margin: 2px 10px 5px 0px;
    display: inline;
    float: none;
}

p img.float_left {    
    float: left;
}

p img.float_right {    
    float: right;
    margin: 2px 0px 5px 10px;
}

form {
    margin-top: 0px;
    margin-bottom: 10px;    
}

dd {
    margin-left: 5px;
}

em, strong {
    color: black;
    font-weight: bolder;
    font-style: normal;
    text-decoration: none;
}

ul, ol {
    margin-top: 0px;
    margin-bottom: 5px;  
}

/*#pictures {
    width: 175px;
    height: 286px;
    margin-left: -175px;
    float: right;
    background-image: url(gfx/side.jpg);
    display: inline;
    position: relative;
    z-index: 1;
}*/

#main {
    width: 600px;
    margin: 0 auto;
    text-align: left;  
    position: relative;
    z-index: 2;
}

#title {
    width: 570px;
    height: 201px;   
    background-image: url(gfx/title.png);
    margin-left: 1px;
}

#title a {
    width: 570px;
    height: 201px;
    margin: 0px;
    padding: 0px;
    display: block;
    text-decoration: none;
}

#menu {
    width: 57px;
    height: 300px;
    margin: -1px 12px auto 1px;
    background-image: url(gfx/menu.png);    
    background-repeat: no-repeat;
    background-position: center;
    float: left;  
    display: inline;
}

#menu a {
    width: 37px;
    height: 37px;
    margin: 0px;
    padding: 0px;
    display: block;
    text-decoration: none;       
    text-indent: -5000px;
}

#menu ul {
    list-style-type: none;
    margin: 33px 0px 0px 0px;
    padding: 0px; 
}

#menu li {
    width: 37px;
    height: 37px;
    margin-bottom: 3px;
    padding: 0px;
    background-repeat: no-repeat;
    background-position: center;
}

#menu li#menu_who { background-image: url(gfx/bio.png); }
#menu li#menu_hear { background-image: url(gfx/music.png); }
#menu li#menu_see { background-image: url(gfx/pics.png); }
#menu li#menu_gigs { background-image: url(gfx/home.png); }
#menu li#menu_blog { background-image: url(gfx/blog.png); }
#menu li#menu_how { background-image: url(gfx/gear.png); }
#menu li#menu_talk { background-image: url(gfx/contact.png); }

#content {    
    margin-left: 70px;
    margin-right: 29px;
    padding-right: 6px;
    color: #4d4b3c;
    /*background-color: #fff9c5;*/
}

div.box {
    color: #373bdf;
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 10px;
    padding: 5px 5px 5px 5px;
    border: 1px solid Black;
    background: White;   
}

div.box p {
    margin-left: 5px;
    margin-bottom: 5px;
}  

div.box_pic {
    width: 150px;
    height: 150px;         
    border: 1px solid Black;
    float: right;
    margin-left: 5px;
}

div.box img {      
    border: 1px solid Black;
    float: right;
    margin-left: 5px;
}

/* Styles specific to the index page. */

h2#title_welcome {   
    width: 140px;
    height: 36px;   
    background-image: url(gfx/welcome.png);    
}

h2#title_mailing_list {
    width: 196px;
    height: 47px;   
    background-image: url(gfx/mailinglist.png);    
}

input#input_submit {
    margin-left: 10px;
}

input#input_email {
    margin-left: 5px;
    padding-bottom: 3px;
    width: 170px;
}

h2#title_news {
    width: 90px;
    height: 36px;   
    background-image: url(gfx/news.png);    
}

h2#title_gigs {
    width: 74px;
    height: 46px;   
    background-image: url(gfx/gigs.png);    
}

iframe {
    margin-left: 10px;
    margin-bottom: 10px;
}

table.table_gig_list {
    width: 480px;
    margin-left: 10px;
    color: #373bdf;
    background-color: White;   
    padding: 0px;
    border: 1px solid Black;
    margin-bottom: 10px;
    text-align: left;
}

table.table_gig_list th {
    color: Black;
    font-weight: bolder;
    font-style: normal;
}

table.table_gig_list td { padding-right: 10px; }

/* Styles specific to the biography page */

h2#title_biography {
    width: 160px;
    height: 47px;   
    background-image: url(gfx/biography.png);    
}

div#bm_gareth {
    background-image: url(gfx/gareth.jpg);      
}

div#bm_mike {
    background-image: url(gfx/mike.jpg);   
    float: left;
    margin-left: 0px;
    margin-right: 0px;
}

div#bm_summary_mike {
    margin-left: 158px;
}

div#bm_jon {
    background-image: url(gfx/jon.jpg);  
    float: left;
    margin-left: 0px;
    margin-right: 0px;    
}

div#bm_summary_jon {
    margin-left: 158px;
}

div#bm_john {
    background-image: url(gfx/john.jpg);  
}

div.address {
    float: right;
    text-indent: -5000px;
}

div.address a {
    text-decoration: none;
    display: block;
    margin: 0px;
    padding: 0px;    
}

div#address_gareth {
    width: 357px;
    height: 38px;
    background-image: url(gfx/addressgareth.png);
}

a#link_gareth {
    width: 357px;
    height: 38px;
}

div#address_john {
    width: 328px;
    height: 38px;
    background-image: url(gfx/addressjohn.png);
}

a#link_john {
    width: 328px;
    height: 38px;
}

div#address_mike {
    width: 328px;
    height: 38px;
    background-image: url(gfx/addressmike.png);
    float: left;
}

a#link_mike {
    width: 328px;
    height: 38px;
}

div#address_jon {
    width: 311px;
    height: 38px;
    background-image: url(gfx/addressjon.png);
    float: left;
}

a#link_jon {
    width: 311px;
    height: 38px;
}

p.more_info {
    padding-top: 18px;
}

p#moreinfo_mike {
    text-align: right;
    margin-right: 5px;
}

p#moreinfo_jon {
    text-align: right;
    margin-right: 5px;
}

/* Styles specific to the mike's bio page */

h2#title_mike_livesley {
    width: 216px;
    height: 46px;   
    background-image: url(gfx/mikelivesley.png);    
}

/* Styles specific to the gareth's bio page */

h2#title_gareth_duncan {
    width: 236px;
    height: 49px;   
    background-image: url(gfx/garethduncan.png);    
}

/* Styles specific to the john's bio page */

h2#title_john_flower {
    width: 205px;
    height: 50px;   
    background-image: url(gfx/johnflower.png);    
}

/* Styles specific to the jon's bio page */

h2#title_jon_buesden {
    width: 204px;
    height: 50px;   
    background-image: url(gfx/jonbuesden.png);    
}

/* Styles specific to the music page. */

h2#title_music {
    width: 99px;
    height: 36px;   
    background-image: url(gfx/musictitle.png);    
}

div#album_latest { background-image: url(gfx/latest.jpg); }
div#album_sleeppeacefully { background-image: url(gfx/sleeppeacefully.jpg); }
div#album_automatons { background-image: url(gfx/rough.jpg); }
div#album_dontgivein { background-image: url(gfx/dontgivein.png); }
div#album_cellarbar { background-image: url(gfx/cellarbar.png); }
div#album_cellarbar2 { background-image: url(gfx/cellarbar2.jpg); }
div#album_leavingtown { background-image: url(gfx/leavingtown.png); }
div#album_idfw { background-image: url(gfx/itdontfeelwrong.png); }
div#album_rough { background-image: url(gfx/rough.jpg); }
div#album_songfight { background-image: url(gfx/songfight.png); }
div#album_solo { background-image: url(gfx/solo.jpg); }
div#album_misc { background-image: url(gfx/miscellaneous.jpg); }
div#album_likelylads { background-image: url(gfx/thelikelylads.jpg); }

div.stream { 
    width: 80px; 
    text-indent: -5000px;
}

div.stream_m3u { 
    width: 36px;
    height: 14px;   
    background-image: url(gfx/m3u.png);
    margin-left: 5px;
    margin-bottom: 5px;
}

div.stream_podcast {  
    width: 36px;
    height: 14px;   
    background-image: url(gfx/xml.png);
    float: right;
}

div.stream a {
    width: 36px;
    height: 14px; 
    display: block;
    text-decoration: none; 
    margin: 0px;
    padding: 0px;
}

ol.tracks li { margin-bottom: 5px; }

/* Styles specific to the tracks page. */

h2#title_tracks {   
    width: 114px;
    height: 39px;   
    background-image: url(gfx/tracks.png);    
}

/* Styles specific to the images page */

h2#title_images {
    width: 112px;
    height: 48px;   
    background-image: url(gfx/images.png);    
}   

div#gallery_summary_cellarbar3 { height: 165px; }
div#gallery_summary_phatzbar2 { height: 250px; }
div#gallery_summary_dontgivein { height: 165px; }
div#gallery_summary_wildetheatre { height: 425px; }
div#gallery_summary_cellarbar2 { height: 250px; }
div#gallery_summary_phatzbar { height: 340px; }
div#gallery_summary_cellarbar { height: 165px; }
div#gallery_summary_college2 { height: 775px; }
div#gallery_summary_college { height: 250px; }
div#gallery_summary_dgi_session { height: 690px; }
div#gallery_summary_dgi_practise { height: 600px; }
div#gallery_summary_onsa { height: 250px; }
div#gallery_summary_leavingtown { height: 165px; }
div#gallery_summary_idfw { height: 265px; }

/*div#gallery_summary_misc { height: 280px; }*/

div.images { margin-left: 16px; }

div.gallery_image {
    width: 75px;
    height: 75px;
    border: 1px solid black;
    margin: 5px;
    float: left;
    display: inline;
    background-color: black;
    background-repeat: no-repeat;
    background-position: center;  
    text-indent: -5000px;
}

a.gallery_link {
    width: 75px;
    height: 75px;
    float: right;
    text-decoration: none;
}

/* Styles specific to the studio page */

h2#title_studios {
    width: 114px;
    height: 36px;   
    background-image: url(gfx/studios.png);    
} 

div#studio_duncan { background-image: url(gfx/duncanstudiospic.jpg); }
div#studio_livesley { background-image: url(gfx/livesleystudiospic.jpg); } 

h2#title_duncan {
    width: 244px;
    height: 37px;   
    background-image: url(gfx/duncanstudios.png);    
}

h2#title_livesley {
    width: 249px;
    height: 46px;   
    background-image: url(gfx/livesleystudios.png);    
}

div#studio_guitar_pic {
    width: 230px;
    height: 250px;    
    float: right;
    border: 5px solid Black;
    background: White url(gfx/studioguitar.jpg) no-repeat scroll top center;
    margin: 2px 5px 5px 10px;    
    display: inline;
}

div#studio_bass_pic {
    width: 251px;
    height: 188px;    
    float: left;
    border: 5px solid Black;
    background: White url(gfx/studiobass.jpg) no-repeat scroll top center;
    margin: 2px 10px 5px 13px;    
    display: inline;
}

/* Styles specific to the contact page */

h2#title_contact {
    width: 119px;
    height: 39px;   
    background-image: url(gfx/contacttitle.png);    
}

div.contact_address {
    border: 1px solid Black;   
    margin: 0 auto 10px auto;
    background: white;
    background-repeat: no-repeat;
    background-position: center;
    width: 360px;
    height: 38px;
    text-align: center;
    text-indent: -5000px;
}

div#contact_info { background-image: url(gfx/addressinfo.png); }
div#contact_gareth { background-image: url(gfx/addressgareth.png); }
div#contact_mike { background-image: url(gfx/addressmike.png); }
div#contact_john { background-image: url(gfx/addressjohn.png); }
div#contact_jon { background-image: url(gfx/addressjon.png); }

/* Styles specific to the thankyou page */

h2#title_thankyou {
    width: 186px;
    height: 48px;   
    background-image: url(gfx/thankyou.png);    
}

/* Styles specific to the archives page */

h2#title_archives {
    width: 131px;
    height: 36px;   
    background-image: url(gfx/archives.png);    
}