body {
    background: #fff url(images/background.gif) repeat;
    margin : 0;
    padding : 0;
    min-width : 950px; /* prevent inaccessible left-margins in narrow browser windows */
    text-align : center;
    font : normal 96%/150% Georgia, "Times New Roman", Times, serif;
}

h1 {
    margin : 0 auto;
    padding : 0;
    position : relative;
    text-align : left;
    width : 950px;
    height : 120px;
    top : 0;
    left : 0;
}
h1 a {
    display : block;
    position : absolute;
    width : 100%;
    height : 100%;
    overflow : hidden;
    background : url(images/the-trailband.jpg) 0 0 no-repeat;
    /* hide image-replaced text */
    color : #fff;
    font-size : 1px;
    text-indent : -9999px;
}
h2 {
    color : #777;
    font-weight : normal;
    font-size : 1.6em;
}

ul {
    list-style : none;
    padding-left : 5px;
    margin-left : 0;
}
ul#navigation {
    width : 950px;
    height : 80px;
    margin : 0 auto;
    padding : 0;
    position : relative;
}
#navigation li {
    margin : 0;
    padding : 0;
    position : absolute;
    top : 0;
}
#navigation li a {
    height : 80px;
    display : block;
    overflow : hidden;
    /* hide image-replaced text */
    color : #fff;
    font-size : 1px;
    text-indent : -9999px;
}
#navigation #nav_calendar { left: 0; width : 230px; }
#navigation #nav_albums { left : 230px; width : 170px; }
#navigation #nav_meet { left : 400px; width : 195px; }
#navigation #nav_media { left : 595px; width : 155px; }
#navigation #nav_booking { left : 735px; width : 212px; }
#navigation #nav_calendar a { background : url(images/menu.gif) 0 0 no-repeat; }
#navigation #nav_albums a { background : url(images/menu.gif) -230px 0 no-repeat; }
#navigation #nav_meet a { background : url(images/menu.gif) -400px 0 no-repeat; }
#navigation #nav_media a { background : url(images/menu.gif) -595px 0 no-repeat; }
#navigation #nav_booking a { background : url(images/menu.gif) -735px 0 no-repeat; }

#calendar #navigation #nav_calendar a { background : url(images/menu.hover.gif) 0 0 no-repeat; }
#albums #navigation #nav_albums a { background : url(images/menu.hover.gif) -230px 0 no-repeat; }
#meet #navigation #nav_meet a { background : url(images/menu.hover.gif) -400px 0 no-repeat; }
#media #navigation #nav_media a { background : url(images/menu.hover.gif) -595px 0 no-repeat; }
#booking #navigation #nav_booking a { background : url(images/menu.hover.gif) -735px 0 no-repeat; }

#navigation #nav_calendar a:hover { background : url(images/menu.hover.gif) 0 0 no-repeat; }
#navigation #nav_albums a:hover { background : url(images/menu.hover.gif) -230px 0 no-repeat; }
#navigation #nav_meet a:hover { background : url(images/menu.hover.gif) -400px 0 no-repeat; }
#navigation #nav_media a:hover { background : url(images/menu.hover.gif) -595px 0 no-repeat; }
#navigation #nav_booking a:hover { background : url(images/menu.hover.gif) -735px 0 no-repeat; }

div#banner {
    text-align : center;
}
div#banner a {
    display : block;
    height : 100px;
}
div#banner a img {
   border : none;
}

/* Links */
a:link, a:visited, a:active {
    color: #811b29;
    text-decoration: none;
    font-weight: bold;
}
a:hover {
    text-decoration: underline;
    color: #000;
}
a.img_link img {
   border : none;
}

/* Paragraph text */
div#quote {
    text-align: center;
    margin : 5px auto;
    width : 600px;
}

p.rightquote {
    text-align: right;
    margin : 0 5em;
}

/* Meet the Trail Band */
div#members {
    padding : 20px 0 0 0;
    margin: 20px auto;
    width : 840px;
}
div.member, div.twomember {
    float : left;
    display : inline; /* css mastery pg 178 / IE 6 etc bug fix */
    background : #fff;
    padding : 10px 20px;
}
div.member {
    margin : 10px 40px 0 40px;
}
div.twomember {
    margin : 10px 0 0 0;
}
div#members a.bio_image {
    float : left;
    margin : 0;
    padding : 2px;
    font-size : .8em;
    color : #ccc;
    text-decoration : none;
}
div#members a.bio_image:hover {
    color : #000;
    background : #eee;
}
div#members a.bio_image img {
    border : 1px solid #eee;
}
div#members a.bio_image:hover img {
    border : 1px solid #000;
}
div#members p {
    float : left;
    width : 540px;
    padding : 0;
    display : inline; /* css mastery pg 178 / IE 6 etc bug fix */
}
div#members div.twomember p {
    margin : 0 15px;
    width : 450px;
}
div.member p.right {
    margin : 0 0 0 10px;
}
div.member p.left {
    margin : 0 10px 0 0;
}
/* Media */
div.media_photo {
    width : 400px;
    float : left;
}
div.media_singlephoto {
    width : 400px;
    clear : both;
    text-align : center;
    margin : 0 auto;
}
div.photo_section {
    width : 825px;
    background : #eee;
    padding : 10px 20px 20px 30px;
    margin-top : 30px;
}

/* Booking */
div.picquote {
    width : 850px;
    text-align : center;
}
div.picquote img {
    float : left;
    margin : 0 20px 20px 0;
}
div.picquote p {
    color : green;
    margin : 0;
    padding : 40px 0 0 0;
    font-size : 1.2em;
    font-style : italic;
}

/* htmldog.com */
blockquote.pquote {
    text-align: center;
    color : green;
    font-size : 1.2em;
    font-style : italic;
    margin: 0 5em;
}

blockquote.pquote p.by {
    text-align : right;
}

ul.book {
    margin: 1em 8em 0 2em;
    line-height : 150%;
    list-style : disc;
}

/* Calendar */
div#listing {
    line-height : 120%;
    text-align : left;
}
div#listing ul {
    list-style : none;
    padding : 0;
}
div#listing li {
    margin-bottom : 1em;
}
div#listing h4 {
    margin : 0;
}
div#listing h3 {
    margin-bottom : .5em;
}
div#listing p {
    margin-top : 0;
}

.shows {
    color: #50d;
    border-bottom: 2px solid #339;
}

.strike {
    text-decoration : line-through;
}

.change {
    color : red;
}

div.section,
div.top_section {
    margin : 20px 0 0 0;
    background : #fff;
    width : 840px;
    padding : 20px 60px;
    text-align : left;
}
div.section img {
    clear : both;
}
div.top_section {
    padding : 30px 60px 20px 60px;
}

/* Albums */
body#albums {
    margin : 0;
    padding : 0;
}
body#albums p {
    margin : 0 0 10px 0;
}
body#albums h3 {
    margin : 0 0 10px 0;
}
body#albums h4 {
    margin : 10px 0 0 0;
}
div.album {
    margin : 0 auto 30px auto;
    background : #eee;
    width : 900px;
    padding : 20px;
    text-align : left;
}
div.album img {
    clear : both;
}
body#albums div.album p {
    margin : 1em 0;
}
div.album_title {
    float : left;
    width : 370px;
    padding : 20px 0 0 0;
}
div.cover_buy {
    float : left;
    width : 210px;
    height : 280px;
    margin : 0;
    padding : 0;
    border : 0;
}
div.cover_buy a {
    display : block;
    padding : 24px 10px 5px 10px;
    margin : 0;
    border : 0;
}
div.cover_buy img {
    border : 0;
    margin : 0;
    padding : 0;
}
a.cdbaby {
    width : 113px;
    height : 42px;
    margin : 10px 53px;
    border : 0;
}
div.album_foot {
    clear : both;
}
body#albums ul.soundmanager_player {
    float : left;
    margin : 0 20px 0 0;
    border : 1px solid #ccc;
}
body#albums ul.soundmanager_player li span.no_mp3 {
    /* assume all items will be sounds rather than wait for onload etc. in this example.. may differ for your uses. */
    display:inline-block;
    min-height:16px;
    vertical-align: middle;
    background-color:#fff;
    padding:3px 3px 3px 28px;
    width : 265px;
    text-decoration:none;
    font-weight:normal;
    color:#000;
}

/* Home page */
div#wrapper {
    text-align : center;
}

div#container {
    width : 970px;
    padding : 0 0 20px 0;
    margin : 20px auto 0 auto;
    background : #fff;
    -moz-box-shadow : 0 5px 5px #ccc;
    -webkit-box-shadow : 0 5px 5px #ccc;
    box-shadow : 0 5px 5px #ccc;
}
body#home div#container {
    background : transparent;
    -moz-box-shadow : 0 0 0 #fff;
    -webkit-box-shadow : 0 0 0 #fff;
    box-shadow : 0 0 0 #fff;
}
div#mailing {
    margin : 40px 0;
}
div#footer {
    font-size : 0.9em;
    color : #111;
}
div#facebook {
    margin : 0 auto;
    padding : 0;
    position : relative;
    width : 89px;
    height : 34px;
    text-align : left;
}
div#facebook a {
    position : absolute;
    display : block;
    width : 100%;
    height : 100%;
    overflow : hidden;
    background : url(images/facebook.gif) 0 0 no-repeat;
    /* hide image-replaced text */
    color : #fff;
    font-size : 1px;
    text-indent : -9999px;
}
div#facebook a:hover {
    background : url(images/facebook.hover.gif) 0 0 no-repeat;
}

/* Off the Wagon */
body#offthewagon div#banner {
    display : none;
}
body#offthewagon .album {
    width : 825px;
}
body#offthewagon h2 {
    line-height : 1.2em;
    font-size : 1.2em;
    margin-top : 30px;
}
ul.soundmanager_player li a.nomp3,
ul.soundmanager_player li a.nomp3:hover {
    background : none;
    display : inline;
    padding : 0;
    width : auto;
    vertical-align : baseline;
}
ul.soundmanager_player li a.nomp3 img {
   border : none;
}
body#offthewagon ul.soundmanager_player h3 {
    margin : 10px 0 0 0;
}
body#offthewagon ul.soundmanager_player h3 a {
    width : 700px;
}
body#offthewagon ul.soundmanager_player a {
    color : #811b29;
    font-weight : bold;
    background-color : transparent;
}
body#offthewagon ul.soundmanager_player p {
    padding : 0 0 0 40px;
    margin : 0 0 10px 0;
    width : 700px;
}
#trainlyrics,
#londonlyrics,
#whenicrosslyrics,
#smallestlyrics,
#christmasvalleylyrics,
#blueslyrics,
#gowestlyrics,
#helloiloveyoulyrics,
#aintlovedlyrics {
    padding : 0 0 0 50px;
}


#button { padding: 0 0 0 40px; }