﻿body, h1, h2, h3, h4, p, ul, ol, li, form { margin: 0; padding: 0; }

body { font-family: Verdana, Arial, Helvetica, sans-serif; background: url(/img/site/bg_gradient.jpg) #000000 0 0 repeat-x; color: #ffffff; font-size: 11px; }

img { display: block; }

input, textarea, select { border: solid 1px #e0e0e0; }

h1 { font-family: Arial, Helvetica, sans-serif; font-size: 22px; margin: 25px 30px 0 25px; color: #fffab0; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; margin: 20px 30px 0 25px; color: #fffab0; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 15px 30px 0 25px; color: #fffab0; }
p { font-size: 11px; margin: 10px 30px 0 25px; line-height: 1.5em; }

a { color: #fffab0; text-decoration: none; }

#container { width: 850px; margin: 30px auto 0 auto; padding: 0 0 30px 0; background: url(/img/site/bg_skull.gif) #000000 bottom right no-repeat; border: solid 25px #ffffff; }

#header { position: relative; }
#header h1 { margin: 20px 0 0 18px; display: block; width: 420px; height: 65px; text-indent: -1000em; font-size: 1px; background: url(/img/site/logo.gif) -2px -2px no-repeat; }
#header ul { margin: 8px 0 0 25px; height: 1em; }
#header li { list-style-type: none; display: inline; }
#header li a { display: block; margin-right: 15px; font-size: 1px; color: #000000; float: left; height: 15px; background-repeat: no-repeat; background-position: 0 1px; }
#header li a:hover, #header li#current a { background-position: 0 -13px; }

#header a#home { width: 50px; background-image: url(/img/site/menu/home.gif); }
#header a#music { width: 53px; background-image: url(/img/site/menu/music.gif); }
#header a#gallery { width: 74px; background-image: url(/img/site/menu/gallery.gif); }
#header a#photos-and-video { width: 140px; background-image: url(/img/site/menu/photos-and-video.gif); }
#header a#gigs { width: 41px; background-image: url(/img/site/menu/gigs.gif); }
#header a#contact { width: 75px; background-image: url(/img/site/menu/contact.gif); }
#header a#links { width: 50px; background-image: url(/img/site/menu/links.gif); }
#header a#news { width: 49px; background-image: url(/img/site/menu/news.gif); }
#header a#event { width: 62px; background-image: url(/img/site/menu/events.gif); }
#header a#posters { width: 75px; background-image: url(/img/site/menu/posters.gif); }
#header a#guestbook { width: 99px; background-image: url(/img/site/menu/guestbook.gif); }

#splash { margin: 20px 0 0 25px; }
#splash img { display: block; float: left; margin-right: 4px; }
#splash img.nomargin { margin-right: 0; }

#intro { float: right; width: 345px; }

#intro form input, #intro form textarea { width: 280px; }
#intro form p.chk, #newsbox form p.chk { vertical-align: middle; }
#intro form p.chk input, #newsbox form p.chk input { vertical-align: middle; width: 13px; height: 13px; margin: 0 2px 0 0; padding: 0; border: none; }
#intro h3 span { display: block; padding: 0 0 3px 0; font-size: 11px; color: #999999; }
#intro h3 span.l { font-size: 12px; color: #ffffff; }
#newsbox ul { list-style-type: square; margin: 10px 0 0 40px; }
#newsbox ul li { line-height: 1.5em; }

#newsbox { float: left; width: 505px; }
#newsbox h3 { border-bottom: dotted 1px #999999; color: #ffffff; }
#newsbox h3 span { display: block; padding: 0 0 3px 0; font-size: 11px; color: #999999; }
#newsbox h3 span.l { font-size: 12px; color: #ffffff; }

#footer { width: 900px; margin: 0 auto 0 auto; }
#footer p { text-align: center; margin: 5px 0 0 0; padding: 0 0 30px 0; font-size: 9px; color: #999999; }

#mediaplayer { position: absolute; top: 0px; right: 25px; }

#posterdiv { width: 800px; margin: 20px 0 0 25px; }
#posterdiv img { display: block; float: left; }

#gallerycontainer { margin: 20px 0 0 25px; width: 800px; height: 420px; }

.clr { clear: both; height: 1px; overflow: hidden; }
.action, #intro form input.action { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; margin-top: 10px; width: 200px; }

.mail { font-size: 12px; font-weight: bold; margin: 15px 30px 20px 25px; }

p.disclaimer { font-style: italic; margin: 20px 30px 0 25px; font-size: 11px; color: #999999; }

.underline { border-bottom: dotted 1px #999999; color: #ffffff; }

h3.chk { vertical-align: middle; }
h3.chk input { vertical-align: middle; width: 1.2em; height: 1.2em; margin: 0; padding: 0; border: none; }
h3.chk label { font-size: 11px; }

p.caption { margin: 0 30px 0 25px; padding: 10px; font-size: 9px; background: #3a3a3a; }

.requiredmissed { border: solid 1px #ff0000; background-color: #fffab0; }
.requiredlabel { color: #fffab0; font-weight: bold; }

.album { width: 520px; padding: 0 0 0 0; }
#newsbox .album h3 { width: 350px; font-size: 14px; color: #fffab0; padding: 0 0 20px 0; border: none; }
.album img { float: left; display: block; margin: 0 0 0 25px; padding: 0 0 0 0; } 
.album ol { float: left; width: 240px; margin: 0 0 0 12px; padding: 0 0 0 30px; list-style-type: decimal-leading-zero; } 
.album ol a { font-weight: bold; } 
.album ol li { margin: 0 0 7px 0; } 
.album .clr { height: 10px; }