* {margin: 0; padding: 0; }
html {height: 100%; }
body {color: #101008; background: url(images/sonnen3.jpg) 50% 15% fixed; padding-bottom: .4em; 
	text-align: center; font: 100%/1.5em arial, helvetica, sans-serif; }
#container {text-align: left; width: 755px; margin: 8px auto; border: 2px solid black;
	position: relative; background: url(images/alpha-fbf8ee-85.png); min-height: 370px; }
/* \*/ * html #container {background: #fbf8ee; filter: alpha(opacity=90); } /* */
h1 {position: absolute; top: 5px; left: 5px; font-size: 10px; text-indent: -2000px; 
	background: url(images/logo2.png) top right no-repeat;
	width: 250px; height: 315px; } /* hide */
#menu {list-style-type: none; text-transform: uppercase; font-weight: bold;  
	border-bottom: 2px solid black; margin-left: 200px; position: relative; z-index: 10; }
#menu li {display: inline; font-size: 20px; }
#menu li a {text-decoration: none; letter-spacing: 2px; font-size: 17px; }
a img {border: 2px solid #4f7491; }
a:link:hover img, a:visited:hover img {border-color: #ef0408; }
#menu a:link, #menu a:visited, a:link, a:visited {color: #8c2008; }
a:visited {text-decoration: none; }
#menu a:link:hover, #menu a:visited:hover, a:link:hover, a:visited:hover {color: #ef0408;
	text-decoration: none; }
#menu a:link:active, #menu a:visited:active, a:link:active, a:visited:active {color: #f7b3e3; }

#content {margin-left: 270px; padding: 0 5px 20px 0; }
h2 {font: small-caps bold 32px/34px "trebuchet MS", arial, helvetica, sans-serif; 
	letter-spacing: 15px; margin: .5em 0; color: #2b2b1c; }
h2 a {text-decoration: none; }
h3 {color: #1f4458; font: bold 22px "trebuchet MS", arial, helvetica, sans-serif; }
h4 {font-size: 16px; color: #52607b; }
p {margin: .7em 0 0; }
blockquote {background: #fff; padding: 2px 5px; border: 2px solid #ccc;
	font: bold italic 1.05em "trebuchet MS", arial, helvetica, sans-serif; }
ol {list-style: none; }
ol li {border-top: 2px solid black; }
ol li:first-child, #first {border-top: none; }

/* splash */ 
#bsplash {padding: 0; height: 100%; }
#bsplash #container {background: none; margin: 0 auto; border: none; height: 100%; }
/* \*/ * html #bsplash #container {width: auto; } /* */
#bsplash #menu {padding-top: 10px; }
#bsplash h1 {font: 28px arial, helvetica, sans-serif; text-indent: 0px; top: 80px;  
	color: #f7b3e3; left: 355px; width: 370px; text-align: right; 
	background: none; }

/* news */
.date {text-align: right; margin: 0; color: #1f4458; letter-spacing: -1px; 
	font: bold .95em/1.2 "OCR A extended", "lucida console", "andale mono", monospace; }
.date a, #snav a, #bnav a {text-decoration: none; }
#snav {position: absolute; left: 50px; top: 305px; text-align: right; 
	color: #425065; width: 200px; }
#bnav {text-align: center; }
.e {margin-top: .5em; }
#bentry #content ol li {background: #fff; border-top: 2px solid #000; padding: 0 .2em .2em; }
#bentry #content ol li p {margin-top: 0; }

/* shows */
ol li p {margin: .5em 0; }
#s {min-height: 300px; }
.r, #bold-shows img {float: right; margin-left: .2em; border: 2px solid black; }
/* \*/ * html #bshows ol {height: 300px; }
* html #container {height: 370px; } /* */

/* band */
#bband img {margin-top: 1em; }
#bband p img {margin: 0 4px 0 0; }
#bband p #last img {margin: 0; }
#bband h3 {margin: 1em 0 .3em; }

/* below the logo busts out to left */
.below {margin: 10px 0 0 -130px; clear: both; }
#bband .below {margin-top: -20px; }

/* songs */
#bsongs h2 {letter-spacing: 12px; }
#bsongs ol li {font-weight: bold; padding: .4em 0; color: #1f4458; }
#bsongs ol li a {text-decoration: none; }
#bsongs img, #blyrics img {float: right; border: 2px solid black; }

/* lyrics */
#blyrics h3 {border-top: 2px solid black; margin-top: 1em; }
#blyrics #It_was_inside {border-top: none; margin-top: 0; }

/* purchase */
#bmerchandise img {float: right; margin-left: 5px; }
#bmerchandise p {margin-bottom: .5em; }

/* forms */
#bentry form, #bcontact form {min-height: 300px; }
fieldset {border: none; margin-top: 5px; }
label {display: block; width: 350px; font-weight: bold; color: #8c2008; }
form br {display: none; }
label input {width: 350px; }
#joinit {width: 1em; }
label textarea {width: 350px; height: 200px; margin-bottom: 5px; }
#resp {border: 2px solid #ef0408; border-width: 2px 0; background: #ff0; 
	padding: 0 5px; margin: 5px 0; }
#resp h3, h3#resp {color: #ef0408; }
#resp p {margin: 0; }
#bmerchandise br {display: block; }
#bmerchandise #content div {min-height: 300px; }
select {margin-bottom: .5em; vertical-align: top; }

/* 404 */
#error p {height: 300px; }
#error h2 {letter-spacing: 8px; }

#entrance {display: block; position: absolute; left: 0; top: 0; height: 320px; width: 190px; 
	font: bold 20px/680px georgia, "times new roman", serif; }
#entrance:link, #entrance:visited {text-indent: -5000px; }
#entrance:link:hover, #entrance:visited:hover {text-indent: 85px; color: #5e2605; }
/* dungeon */
#bdungeon {background: #000; }
#bdungeon #container {background: #542204 url(images/shh.gif) 330px 125px no-repeat; border-color: #8c2008; }
#bdungeon h1 {display: none; }
#bdungeon h2 {margin-left: 10px; }
#bdungeon #top {margin-left: 10px; font-weight: bold; }
#bdungeon #snav {position: static; float: right; margin-right: 10px; }
#bdungeon img {margin: 10px; border: 2px solid #8c2008; }
#bdungeon span {float: right; font-weight: bold; margin: 2em .5em; color: #ccc; }
#bdungeon #snav {color: #000; }