/* General */ 
* {margin: 0; padding: 0; }
html, body {height: 100%; text-align: center; }
body {font: 100%/1.4 "trebuchet ms", arial, helvetica, sans-serif; color: #012b13; 
	background: #fff url(images/doomedbg.png) center fixed; }
#container {height: 100%; position: relative; } 
#container:after {content: "."; display: block; height: 0; clear: both; 
    visibility: hidden; }

/* ie hacks \*/ 
* html body {overflow-y: hidden; }
* html #container {overflow: auto; }
* html #content {filter: alpha(opacity=95); height: 1%; }
* html #footer {bottom: -1px; position: absolute; }
* html #header, * html h1 {overflow-x: hidden; width: 100%; }
* html h3, * html #subnav {position: relative; padding-bottom: .2em; }
* html em {display: inline-block; }
/* hide from mac */

#header {background: #074b00 url(images/bgtop.jpg) bottom left repeat-x; 
	border-bottom: 2px solid #016b13; margin-bottom: 20px; }
h1 {font: 49px/49px impact, sans-serif; color: #00fdb1; letter-spacing: 1px; text-transform: uppercase; 
	white-space: nowrap; }
h1 a {text-decoration: none; }

ol, ul {list-style: none; }	
#menu {list-style: none; font-size: 1.15em; margin-top: 2px; }
#menu li {display: inline; text-transform: lowercase; margin: 0 8px; }
#menu li a {text-decoration: none; padding: 2px 8px; color: #013b13; }
#menu li a:link, #menu li a:visited {color: #0bb8e7; }	
#menu li a:link:hover, #menu li a:visited:hover {color: #e8432c; }
#menu li a:link:active, #menu li a:visited:active {color: #f8f005; }
		
#content {margin: 0 11%; text-align: left; padding: 0 12px 1em;
	border: 2px solid #016b13; background: #fff; margin-bottom: 800px; 
	opacity: .97; }
h2 {font-size: 2em; letter-spacing: 25px; text-transform: lowercase;  margin-bottom: 10px;
	color: #f39c76; text-align: center; }

/* h3's and the subnav fulfill the same role visually by busting out */
h3, #subnav {margin: .5em -12px .5em -26px; color: #415b43; border: 2px solid #016b13; 
	border-width: 2px 0px 2px 2px; padding: 2px 24px; font-size: 1.15em; height: 26px;  
	background: #fff url(images/bgbot.jpg) 0px 10px repeat-x; clear: left; line-height: 1.3; 
	font-size: 18px; }
#bentry h3 {position: relative; margin-top: 0; } 
#bentry h3 a {text-decoration: none; }
#bentry #content ol li {color: #214b33; background: #eee; padding-left: 3px; }
#bentry #content ol li p {margin-bottom: .5em; }
#bentry #content ol li .date {border: 2px solid gray; border-width: 0 2px 2px 0;  
	padding-right: 3px; }

#subnav {position: relative; text-align: left; font-size: 16px; font-weight: bold; line-height: 1.4; }
#subnav li {display: inline; }
#subnav li a {text-decoration: none; }
#otherpage {position: absolute; right: .3em; top: .15em; font-size: 16px; }
#counter {margin: 0; text-align: right; }

#content h3.c {clear: right; margin: .5em -26px .5em -12px; 
	border-width: 2px 2px 2px 0px; }
h3 cite {color: #012b13; }

h4 {font-size: 1.2em; font-variant: small-caps; }
h4 span {font: .9em "trebuchet MS", arial, sans-serif; }
p {margin-bottom: .7em; }
cite {color: #000; font-variant: small-caps;  font-style: normal; }
blockquote {background: #eee; border: 2px solid #ccc; padding: 2px; }
.l {float: left; margin: -6px .5em .5em 0; border: 2px solid #016b13; }
.r {float: right; margin: -6px 0 .5em .5em; border: 2px solid #016b13; }
ol {margin-bottom: .5em; line-height: 1.3; }
.date {color: gray; text-align: right; letter-spacing: -1px;
	font: small-caps bold .9em "OCR A extended", "american typewriter", "lucida console", monospace;  }
.date a {text-decoration: none; }

a img {border: 2px solid #00fdb1; }
a:link {color: #0bb8e7; }
a:visited {color: #614e89; }
h1 a:link, h1 a:visited {color: #24fbb8; }
a:link img, a:visited img {border-color: #00fdb1; }
a:link:hover, a:visited:hover {color: #e8432c; background: none; }
a:link:hover img, a:visited:hover img {border-color: #e8432c; filter: alpha(opacity=90); } 
a:link:active, a:visited:active {color: #f8f005; }
.external {padding-right: 13px; background: url(images/external.png) right center no-repeat; }

#footer {height: 45px; background: #074b00 url(images/bgbot.jpg) repeat-x; width: 100%; 
	position: fixed; bottom: 0px; left: 0px; }
#footer h1 {font: 38px/45px impact, sans-serif; color: #01df7c; }
#footer h1 a:link, #footer h1 a:visited {color: #77fff8; }
#footer h1 a:link:hover, #footer h1 a:visited:hover {color: #e8432c; }
#footer h1 a:link:active, #footer h1 a:visited:active {color: #f8f005; }

/* krazy */
*::-moz-selection {background:#5bfcea; color: #016b13; }
::selection {background: #5bfcea; color: #016b13; }

/* splash */
#bsplash #header {height: 65px; border: none; }
#smenu li {position: absolute; height: 140px; width: 140px; margin: -70px 0 0 -70px; 
	text-align: center; font-family: impact, arial, sans-serif; 
	text-transform: uppercase; list-style: none; line-height: 140px; }
#smenu li a {display: block; height: 140px; width: 140px; position: relative;
	text-decoration: none; z-index: 100; font-size: .01%; }
#smenu li a:hover {background: url(images/bcircle.gif) center no-repeat; 
	color: #00fdb1; font-size: 38px; }
#smenu li a:focus {outline: 0; }
#bsplash #shouts {left: 40%; top: 25%; }
#bsplash #story {left: 60%; top: 25%; }
#bsplash #songs {left: 33%; top: 50%; }
#bsplash #sales {left: 67%; top: 50%; }
#bsplash #shots {left: 40%; top: 75%; }
#bsplash #shows {left: 60%; top: 75%; }
#bsplash #footer {z-index: 0; height: 55px; }
#bsplash #footer h1 {font: 49px/55px impact, sans-serif; }

/* page specific */
#bsongs .l {margin-bottom: 0; }
#bsongs ol {font-weight: bold; }
#bshots #content, #bflyers #content {text-align: center; }
#bshots #content div {width: 450px; margin: 0 auto; }
#content #subnav, #bshots #content p, #bflyers #content p {text-align: left; }
#flyers img {border: 2px solid #016b13; }
#bshots b, #bflyers b {color: #e8432c; }
/* lyrics */
#first {width: 48%; float: left; margin-right: 3.9%; }
#second {width: 48%; float: left; }
#content #first h3, #content #second h3 {border-width: 2px; }
#cl {clear: left; }

/* forms */
form {margin: .2em 0; }
#bsign-ups form {background: url(images/non-stop.png) right center no-repeat; }
fieldset {border: none; margin-top: 5px; }
label {display: block; width: 350px; font-weight: bold; color: #415b43; 
	margin-bottom: .2em; }
label input {width: 350px; }
#joinit {width: 1em; }
#bsales label {text-align: left; margin-bottom: .3em; }
form br {display: none; }
label textarea {margin: 0 0 .3em; width: 350px; height: 150px; }
#resp {border: 2px solid #ef0408; border-width: 2px 0; background: #ff0; 
	padding: 0 5px; margin: 5px 0; }
#resp h3, h3#resp {color: #ef0408; }
#resp h3 {margin: 0; padding: 0; border: none; background: none; }
#resp p {margin: 0; }