html { overflow-x: auto; overflow-y: scroll }
html, body { min-height: 100% }
body { width: 100%; margin: 0; padding: 0; color: #BBB; font: 12px Verdana, sans-serif;
       background: #111 url(../site_graphics/vertical_strip.jpg) 60px 0px no-repeat fixed;
	scrollbar-base-color: #6F8C8F;
	scrollbar-track-color: #222;
	scrollbar-face-color: #222;
	scrollbar-highlight-color: #CCC;
	scrollbar-3dlight-color: #222;
	scrollbar-darkshadow-color: #222;
	scrollbar-shadow-color: #CCC;
	scrollbar-arrow-color: #CCC;
}
body#l2a-index { background: #111 url(../site_graphics/logo.jpg) bottom left no-repeat fixed }
body.counter { background: #111; color: #111; font-size: 10px; text-align: right; overflow: hidden }
body.slideshow { background: #111 }

img { border: 0 }
p, h4 { margin: 0 0 12px }
h2 { font-size: 16px; color: #C94; margin: 0 0 20px; padding: 18px 0 0 0; letter-spacing: 1px }
h2 span { font-size: 14px }
h3 { font-size: 14px; color: #C94; margin: 20px 0 15px }
h4, h5 { font-size: 12px }
h5 { margin: 0 }
table { border: 0 }
table td { padding: 0; font-size: 12px }
form { margin: 0 }

a { color: #AAA; text-decoration: none }
a:hover { color: #CCC }

a img { border: solid 1px #6F8C8F; border: solid 1px #FFF }
a:hover img { border: solid 1px #DDD; border: solid 1px #C94 }

#l2a-index a { color: #C94 }
#l2a-index a:hover { color: #DDD }

#flash-intro { height: 230px; background: #000 }
#flash-intro object { display: block; width: 600px; height: 225px }

#logoheader { background: url(../site_graphics/topgraphic_inner.jpg) 60px 0px no-repeat; height: 97px; margin-left: 0 }

#navigation { width: 130px }
#l2a-index #navigation { float: right; padding-top: 97px }
#navigation ul { margin: 0; padding: 0; list-style: none; width: 35px; white-space: nowrap; border-left: solid 1px #C94 }
#navigation li { margin: 0; padding: 4px 0 0 7px; height: 18px; font-size: 11px; border-bottom: solid 1px #C94 }
#navigation li#lastnav { border-bottom: 0 none }
#navigation li span { color: #C94; font-size: 9px }
#navigation li a { color: #C94; font-size: 11px }
#navigation li a:hover { color: #DDD }
#navigation li a img { border: solid 1px #C94 }
#navigation li a:hover img { border: solid 1px #DDD }
#navigation li.dummy { border-bottom: 0 none; padding: 0 }
#navigation li#picsmiddle { padding: 17px 0 0; height: 228px }
#navigation li#picsmiddle a { display: block; width: 102px; height: 69px; margin: 0 0 2px -15px }
#navigation li#picsmiddle img { display: block }

#indexstrip-outer { clear: both; border-top: solid 1px #C94; border-bottom: solid 1px #C94 }
#indexstrip-inner { border-top: solid 6px #444; border-bottom: solid 6px #444 }
#indexstrip-inner div { background: #222; text-align: right }

#indexcontent { padding-top: 40px }
#indexcontent div { float: left }
#indeximages { width: 470px; height: 180px; padding-bottom: 80px; font-size: 9px }
#indeximages div { width: 102px; padding-left: 40px; text-align: center }
#indeximages img { vertical-align: text-bottom; margin-bottom: 4px }
#indexcontent h3 { margin: 0 0 8px; padding-left: 470px }
#indexcontent h3#firstheader { margin: -3px 0 8px }
#indexcontent p { margin-bottom: 2px }
#indexcontent ul { margin: 0; padding: 0 0 12px 480px; list-style: none; font-size: 11px }

#indexcontent #indeximages #indeximages_sub { width: 410px; margin: 25px 0 0 20px; padding: 14px 10px 10px; border-top: solid 1px #C94;
                                              border-bottom: solid 1px #C94; background: #222; text-align: left; font-size: 12px }
#indeximages_sub h3 { padding-left: 0; background: #333 }
#indeximages_sub p { margin-top: 8px }

.overlay { position: absolute; top: 0; left: 0; display: none }
.overlay img { border: solid 2px #C94 }

#copyright { position: fixed; bottom: 0; width: 100%; font-size: 10px; line-height: 13px; color: #C94; background: #111 }
#copyright div { padding: 3px 7px }
#copyright span { font-size: 11px }
#date { float: right; line-height: 14px }
#copyright div#counter { float: right; padding: 4px 0 3px }
#counter iframe { display: block; border: 0 none; width: 80px; height: 12px; overflow: hidden }
#statscounter { float: right }
#statscounter a { display: block; width: 12px; height: 12px }

#fullcontent { width: 100% }
#fullcontent td { vertical-align: top }
#contentwrapper { padding: 30px 35px 0 160px }
#content { margin: 0 auto; width: 660px }

body.slideshow #contentwrapper { padding: 30px 35px 0 }
body.slideshow #content { margin: 0; width: 100% }

#content ul { margin: 0 0 12px 25px; padding: 0 }

#content p, #content ul { line-height: 17px }

.artistlist #content h4 { margin: 20px 0 12px }

.innerfloat { float: left; width: 190px }

.ev_section { margin: 15px 0 25px; padding: 1px; line-height: 17px; border: solid 2px #222 }
.ev_section a { font-weight: bold }
.ev_section h4 { margin: 0; padding: 0 0 0 4px; background: #222 }
.ev_section div { padding: 5px 7px }
.currentevent { color: #C94; border: solid 2px #222 }
.currentevent a { color: #C94 }
.currentevent a:hover { color: #BBB }

.about p { margin: 30px 0 }

span.superscript { position: relative; top: -3px }
p span.superscript, #content li span.superscript { font-size: 9px }
h2 span.superscript { font-size: 13px }
h3 span.superscript { font-size: 11px }

#readmore { margin-top: 30px; color: #C94 }
#l2a-index #readmore { margin-top: 0; font-size: 10px }
#readmore a { color: #C94 }
#readmore a:hover { color: #DDD }

#absbottom { clear: both; height: 17px }
#specialwords { position: absolute; left: -5px; top: -5px; width: 0; height: 0; overflow: hidden; visibility: hidden }


/* ARTISTS */

.artists p img, .musicians p img { float: left; margin: 3px 10px 7px 0 }

.artists .iframe, .musicians .iframe { clear: left }
.artists .iframe h4, .musicians .iframe h4 { cursor: pointer; color: #AAA; margin: 20px 0 15px }
.artists .iframe iframe, .musicians .iframe iframe { display: none; border: 0 none; margin-left: 20px }
.artists .iframe iframe.garagevideo, .musicians .iframe iframe.garagevideo { width: 430px; height: 360px }

#media_audio { clear: both; width: 660px; margin-top: 30px; padding-top: 35px;
               background: url(../site_graphics/logo_audio.jpg) top left no-repeat }
.audiofile { clear: both; margin: 20px 0 }
.audiolinks { float: left }
.audiolinks a { display: inline-block; width: 22px; height: 22px; border: solid 1px #111 }
.audiolinks a.asx { background: url(../site_graphics/asxfile.png) center center no-repeat }
.audiolinks a.qtl { background: url(../site_graphics/movfile.png) center center no-repeat }
.audiolinks a:hover { border: solid 1px #C94 }
.audiolinks a img { border: 0 none; vertical-align: text-bottom }
.audiolinks a:hover img { border: 0 none }
.audiotext { padding-left: 65px }


/* GALLERIES */

table.thumbs { width: 100% }
table.thumbs td { text-align: center; padding: 10px 0; width: 33.33%; vertical-align: top; font-size: 11px }
table.thumbs h5 { margin-top: 10px }
table.thumbs h5 span { color: red }

#gallery_select { position: relative; float: right; margin-top: 18px; padding: 1px 80px 2px 3px; border: solid 1px #C94;
                  font-size: 11px; color: #777; background: url(gold_arrow_down.png) top right no-repeat; cursor: default }
#gallery_select ul { position: absolute; left: 0; top: 17px; margin: 0 0 20px 0; padding: 2px 3px 3px; width: 140px;
                     border-left: solid 1px #C94; border-bottom: solid 1px #C94; list-style: none; background: #111;
                     display: none }
#gallery_select li { margin: 0; padding: 0 }
#gallery_select a { display: block; padding: 0 3px; white-space: nowrap }
#gallery_select a:hover { background: #222 }

.slideshowbutton { font-size: 11px; text-align: center; margin: 40px 0 20px }
.slideshowbutton a { border: solid 1px #C94; padding: 2px 10px 3px }
.slideshowbutton a:hover { border: solid 1px #CCC }

#gallerynav { margin: 20px auto 0 }
#gallerynav div { font-size: 11px }
#gallerynav a { display: block; border: solid 1px #C94; padding: 2px 10px }
#gallerynav a:hover { border: solid 1px #CCC }

.viewgallery #content { text-align: center }
.viewgallery #content img { margin: 20px 0 }

.slideshow form { text-align: center }
.slidebuttons { margin: 22px 0 }
.slidebuttons input { display: inline; background: #222; margin: 0 3px; padding: 2px 9px;
                      font: 11px Verdana, sans-serif; color: #BBB; cursor: pointer }
.slidebuttons input:focus { margin: 0 4px; border: 0 none !important; outline: solid 1px #C94 }
.button-gallery { border: solid 1px #C94 }
.buttonon-gallery { border: solid 1px #CCC }