/* resets */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
body { line-height:1.5; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
table, td, th { vertical-align:middle; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
a img { border:none; }

/* typography */
body { font-size:75%; color:#FFFFCC; font-family:Georgia, "Times New Roman", Times, serif; background-color: #000000; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#111; }
h1 { font-size:3em; line-height:1; margin-bottom:0.5em; }
h2 { font-size:2em; margin-top:0.25em; margin-bottom:0.25em; }
h3 { font-size:1.5em; line-height:1; margin-bottom:1em; color: #99CCFF; font-weight: bold; }
h3 a { color: #99CCFF; }
h4 { font-size:1.1em; margin-bottom:1em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #F26522; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #666666; font-style: normal; font-variant: small-caps; padding-bottom: 0px; clear: both; }
h4 a { color: #F26522; }
h5 { font-size:1em; font-weight:bold; margin-bottom:1.5em; }
h6 { font-size:1.5em; font-weight:bold; color: #FFFFCC; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }
p { margin:0 0 1.5em; line-height: 2em; }
p img.left { float:left; margin:1.5em 1.5em 1.5em 0; padding:0; }
p img.right { float:right; margin:1.5em 0 1.5em 1.5em; }
a:focus, a:hover { text-decoration: underline; }
a { color: #ACC764; text-decoration: none; }
blockquote { margin:1.5em; color:#666; font-style:italic; }
strong { font-weight:bold; }
em, dfn { font-style:italic; }
dfn { font-weight:bold; }
sup, sub { line-height:0; }
abbr, acronym { border-bottom:1px dotted #666; }
address { margin:0 0 1.5em; font-style:italic; }
del { color:#666; }
pre { margin:1.5em 0; white-space:pre; }
pre, code, tt { font:1em 'andale mono', 'lucida console', monospace; line-height:1.5; }
li ul, li ol { margin:0 1.5em; }
ul, ol { margin:0 1.5em 1.5em 1.5em; }
ul { list-style-type:disc; }
ol { list-style-type:decimal; }
dl { margin:0 0 1.5em 0; }
dl dt { font-weight:bold; }
dd { margin-left:1.5em; }
table { margin-bottom:1.4em; width:710px; }
th { color: #ACC764; font-weight:bold; font-size: 1.1em; font-variant: small-caps; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #666666; }
thead th { background:#c3d9ff; }
th, td, caption { padding:4px 10px 4px 5px; }
tr.even td { background-color: #636363; }
tfoot { font-style:italic; }
caption { background:#eee; }
.small { font-size:.8em; margin-bottom:1.875em; line-height:1.875em; }
.large { font-size:1.2em; line-height:2.5em; margin-bottom:1.25em; }
.hide { display:none; }
.quiet { color:#666; }
.loud { color:#000; }
.highlight { background:#ff0; }
.added { background:#060; color:#fff; }
.removed { background:#900; color:#fff; }
.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }

#clear { clear: both; }

.article { padding-bottom: 10px; margin-bottom: 25px; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #666666; }
.author { font-size: 1em; font-style: italic; color: #ACC764; margin-top: -1.5em; }

.caption { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; font-style: italic; color: #FFFFFF; }

#pic_box a:hover { background-color: #000000; }
.pic_thumbnail { width: 125px; margin-right: 11px; margin-bottom: 15px; float: left; text-align: center; padding-top: 3px; padding-right: 3px; padding-bottom: 13px; padding-left: 3px; background-color: #333333; }

p img.drop_cap { float: left; margin-right: 5px; }

#video_box { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#video_box a:hover { background-color: #000000; text-decoration: none; }
.video_thumbnail { width: 207px: padding: 0px; margin-right: 13px; margin-bottom: 15px; margin-left: 13px; float: left; background-color: #333333; text-align: center; width: 200px; padding-top: 5px; padding-right: 5px; padding-bottom: 25px; padding-left: 5px; text-decoration: none; }
.video_caption { font-style: italic; color: #FFFFFF; font-size: 1em; text-align: center; vertical-align: top; text-decoration: none; display: block; float: left; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; width: 200px; padding-top: 10px; }

/* layout */
#header_wrap { width: 100%; padding: 0px; margin: 0px auto 0px auto; border: 0px; background-image: url(../images/header_background.jpg); background-repeat: no-repeat; background-position: center top; }
#header { width: 100%; height: 75px; margin: 0px auto 0px auto; }
#stage_wrap { width: 100%; padding: 0px; margin: 0px auto 0px auto; border: 0px; background-image: url(../images/stage_background.jpg); background-repeat: no-repeat; background-position: center top; }
#stage { width: 760px; height: 375px; text-align: center; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; vertical-align: middle; padding-top: 25px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
#jukebox_wrap { width: 100%; padding: 0px; margin: 0px auto 0px auto; border: 0px; background-image: url(../images/jukebox_background.jpg); background-repeat: no-repeat; background-position: center top; }
#jukebox { width: 760px; height: 50px; margin: 0px auto 0px auto; }
#nav_wrap { width: 760px; text-align: center; padding: 0px; margin: 0px auto 0px auto; border: 0px; }
#main_wrap { width: 100%; padding: 0px; border: 0px; background-color: #4F4F4F; background-image: url(../images/main_background.jpg); background-repeat: repeat-x; background-position: center top; margin-top: 0px; margin-right: auto; margin-bottom: 50px; margin-left: auto; }
#main { width: 710px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 25px; padding-right: 25px; padding-bottom: 40px; padding-left: 25px; overflow: auto; }
#main_background_bottom { background-color: #4F4F4F; background-image: url(../images/main_background_bottom.gif); background-repeat: repeat-x; margin: 0px; padding: 0px; height: 10px; }
#nimbit { margin-top: 45px; }

/* forms */
label { font-weight:bold; }
fieldset { padding:1.4em; margin:0 0 1.5em 0; border:1px solid #ccc; }
legend { font-weight:bold; font-size:1.2em; }
input.text, input.title, textarea, select { margin:0.5em 0; border:1px solid #bbb; }
input.text:focus, input.title:focus, textarea:focus, select:focus { border:1px solid #666; }
input.text, input.title { width:300px; padding:5px; }
input.title { font-size:1.5em; }
textarea { width:390px; height:250px; padding:5px; }
.error, .notice, .success { padding:.8em; margin-bottom:1em; border:2px solid #ddd; }
.error { background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4; }
.notice { background:#FFF6BF; color:#514721; border-color:#FFD324; }
.success { background:#E6EFC2; color:#264409; border-color:#C6D880; }
.error a { color:#8a1f11; }
.notice a { color:#514721; }
.success a { color:#264409; }

/* nav */
div#nav { height: 54px; width: 760px; margin: 0 0 0 0px; padding: 0; border: 0; }
div#nav ul#menu { height: 54px; width: 760px; background: transparent url(../images/nav.jpg) top left no-repeat; margin: 0; padding: 0; position: relative; }
div#nav ul#menu li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
ul#menu li, ul#menu a { height: 54px; display: block; }
div#nav ul#menu li a { text-indent: -9999px; overflow: hidden; text-decoration: none; }
#news { left: 0; width: 80px; }
#gigs { left: 80px; width: 90px; }
#pics { left: 170px; width: 85px; }
#bio { left: 255px; width: 80px; }
#videos { left: 335px; width: 110px; }
#listen { left: 445px; width: 105px; }
#booking { left: 550px; width: 120px; }
#links { left: 670px; width: 90px; }
#news a:hover { background: transparent url(../images/nav.jpg) 0 -108px no-repeat; }
#gigs a:hover { background: transparent url(../images/nav.jpg) -80px -108px no-repeat; }
#pics a:hover { background: transparent url(../images/nav.jpg) -170px -108px no-repeat; }
#bio a:hover { background: transparent url(../images/nav.jpg) -255px -108px no-repeat; }
#videos a:hover { background: transparent url(../images/nav.jpg) -335px -108px no-repeat; }
#listen a:hover { background: transparent url(../images/nav.jpg) -445px -108px no-repeat; }
#booking a:hover { background: transparent url(../images/nav.jpg) -550px -108px no-repeat; }
#links a:hover { background: transparent url(../images/nav.jpg) -670px -108px no-repeat; }
#news { background: transparent url(../images/nav.jpg) 0 -0px no-repeat; }
#gigs { background: transparent url(../images/nav.jpg) -80px -0px no-repeat; }
#pics { background: transparent url(../images/nav.jpg) -170px -0px no-repeat; }
#bio { background: transparent url(../images/nav.jpg) -255px -0px no-repeat; }
#videos { background: transparent url(../images/nav.jpg) -335px -0px no-repeat; }
#listen { background: transparent url(../images/nav.jpg) -445px -0px no-repeat; }
#booking { background: transparent url(../images/nav.jpg) -550px -0px no-repeat; }
#links { background: transparent url(../images/nav.jpg) -670px -0px no-repeat; }