/* ______________________________ RESET START */

/* http://meyerweb.com/eric/tools/css/reset/  v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
ins {text-decoration: none;} /* remember to highlight inserts somehow! */
del { text-decoration: line-through; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; } /* remember to define focus styles! */
table { border-collapse: collapse; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}

/* ______________________________ RESET END */
/* ______________________________ LAYOUT START */

/* http://www.hicksdesign.co.uk/journal/forcing-scrollbars-now-even-better */
html { height: 100%; margin-bottom: 1px; }
body { font-size: 13px; line-height: 1.5em; color: #fff; font-family: Helvetica, Arial, Geneva, Swiss, SunSans-Regular; margin: 0; padding: 0; background: #000; }

#wrapper { margin-left: auto; margin-right: auto; padding: 20px 20px 10px 20px; width: 560px; background: transparent; }
#container { display: inline; float: left; margin-left: 0; margin-right: 0; background: #000; }
#nav-col { width: 130px; margin: 0 30px 0 0; display: inline; float: left; }
#content-col {  width: 400px; margin: 0; display: inline; float: left; }

/* ______________________________ LAYOUT END */
/* ______________________________ GLOBAL NAVIGATION START */

#nav { margin: 0 28px 0px 0; background: transparent; overflow: visible; float: left; clear: none; height: 100%;}
ul#nav-list { font-size: 12px; line-height: 12px; text-transform: uppercase; margin: 0; padding: 0; list-style: none; border: 0; float: left; clear: none; }
ul#nav-list li { margin: 0 0 3px 0px; padding: 2px 0 0 0; float: right; border: 0; clear: both; }
ul#nav-list a:link, ul#nav-list a:active, ul#nav-list a:visited { color: #fff; text-decoration: none; border: 1px solid #808080; background: transparent; margin: 0; padding: 1px 2px 1px 2px; display: block; }
ul#nav-list a:hover { margin: -1px; border: 2px solid blue; }

body#music-home #music-home-tab a, body#music-recordings #music-recordings-tab a, body#music-videos #music-videos-tab a, body#music-live #music-live-tab a, body#music-photos #music-photos-tab a, body#music-people #music-people-tab a, body#music-contact #music-contact-tab a, body#music-buy #music-buy-tab a, body#music-mailinglist #music-mailinglist-tab a { margin: 0; border: 1px solid aqua; }

#title-tab { color: red; font-weight: normal; font-size: 18px; line-height: 10px; letter-spacing: -1px; }
ul#nav-list a.title { color: red; border-color: black; border-top: 0; border-right: 0; padding: 0 0 2px 0; margin-top: 0; margin-right: 0; }

#nav-mailinglist input { text-align: right; padding: 0; line-height: 1em; float: right; margin: 3px 0 0 0; }

/* ______________________________ GLOBAL NAVIGATION END */
/* ______________________________ HOME PAGE START */

#gallery { margin: 0 0 30px 0; }

/* ______________________________ HOME PAGE END */
/* ______________________________ VIDEOS PAGE START */

#video-container { margin: 0 0 30px 0; border: 0; }
.video-thumb { width: 87px; height: 100px; padding: 0; margin: 0px 10px 10px 0px; border: 0; background: transparent; float: left; }
.video-thumb-title { font-size: 11px; line-height: 12px; padding: 0px 0px 2px 2px; background: transparent; display: block; }
.video-thumb a { width: 85px; height: 100px; text-decoration: none; color: #666; border: 1px transparent solid; background: #000; display: block; }
.video-thumb a:active, .video-thumb a:hover { color: #000; border: 1px #ffffaf solid; background: #ffffaf; }

/* ______________________________ VIDEOS PAGE END */
/* ______________________________ RECORDINGS PAGE START */

.recordings-thumb-container { clear: both; }
.recordings-thumb-container img { float: left; padding: 0 10px 0 0; margin: 0 0 15px 0; clear: both; }
.audio-player { margin: 0 0 1em 0; }

tr.shop-list-item { padding: 0 0 1em 0; display: block; }
td.shop-list-thumbnail { width: 95px; line-height: 0; }
td.shop-list-title { min-width: 350px; vertical-align: middle; }
#paypal-form { clear: both; min-height: 60px; }
p.buy-now { margin: 1em 0 0 0; }
.buy-button { display: block; float: left; width: 62px; height: 31px; margin: 0 0 1em 1em; padding: 0; background: transparent; }
.check-out-button { display: inline; width: 80px; height: 30px; margin: 0 0 1em 1em; padding: 0; background: transparent; }
.location-menu { display: block; float: left; min-width: 200px; margin: 0 12px 0 0; clear: none; }

/* ______________________________ RECORDINGS PAGE END */
/* ______________________________ LIVE PAGE & CONTACT PAGE START */

.live-block, .contact-block { font-size: 0.8em; padding: 1.5em 0 0 0; clear: both; }
#music-live ul, #contact ul { padding: 0; list-style: none; }
#musiic-live li, #contact li { margin: 0; }
.live-block ul { margin: 0; }
.live-block li { margin: 0; }

#music-live a.show { display: block; text-decoration: none; border: 0; }
#music-live a h2 { display: inline; border-bottom: 1px solid #666; }
#music-live a h2:hover { display: inline; color: #ffffaf; border-bottom: 1px solid blue; }
#music-live a h2:active { display: inline; color: #666; border-bottom: 1px solid blue; }

/* ______________________________ LIVE PAGE & CONTACT PAGE END */
/* ______________________________ PEOPLE PAGE START */

.people-thumb-container { clear: both; }
.people-thumb-container img { float: left; padding: 0 10px 0 0; margin: 0 0 15px 0; clear: both; }
.audio-player { margin: 0 0 1em 0; }

/* ______________________________ PEOPLE PAGE END */
/* ______________________________ GLOBAL STYLING START */

a { color: #fff; text-decoration: none; border-bottom: 1px solid #666; }
a:hover { color: #ffffaf; border-bottom: 1px solid blue; }
a:active { color: #666; border-bottom: 1px solid blue; }
a.image-link { border: 0; text-decoration: none; display: block; }
h1 { font-size: 13px; line-height: 15px; margin: 0 0 1em 0; }
h2 { font-size: 13px; line-height: 15px; margin: 0; }
#footer { font-size: 10px; padding: 40px 0 0 0; clear: both; }

/* ______________________________ GLOBAL STYLING END */
/* ______________________________ GENERIC STYLING START */

p, dl, ol, ul, pre, form { margin: 0 0 1em 0; }
form { display: block; }
blockquote { margin-left: 0px; padding-left: 6px; border-left: 1px solid #000; }
object { margin: 0 10px 0 0; }
table { margin: 0 0 1em 0; display: block; }
form { margin: 0; padding: 0; }
fieldset { margin: 0; padding: 0; border: 0; }
input { margin: 0; padding: 0; }
ol { list-style: decimal; }
ul { list-style: disc; }
li { margin-left: 1.25em; }
hr { height: 1px; border: 0; color: #ccc; background-color: #ccc; clear: both; margin: 1.5em 0 1.5em 0; }
img { margin: 0; padding: 0; border: 0; }
.first { margin-top: 0; padding-top: 0; }
.right { text-align: right; }
.strong { font-weight: bold; }
.underline { text-decoration: underline; }
.visible { visibility: visible; }
.hidden { visibility: hidden; }
.display-off { display: none; }
.hiddenFields { visibility: visible; }
.float-right { display: block; float: right; }
.float-left { display: block; float: left; clear: none; }
.margin-top { margin-top: 0.75em; }
.margin-bottom { margin-bottom: 0.75em; } 
.margin-left { margin-left: 0.75em; }
.margin-right { margin-right: 0.75em; } 

/* ______________________________ GENERIC STYLING END */