/*********************************************
 * CSS design for sirens3.com
 * Copyright (c) 2003-2005 Sirens Co.
 *********************************************/

html, body {
	color: #eeeeee;
	background-color: #484860;
	margin: 0 0 4em 0;
	padding: 0;
	font-family: lucida sans unicode, lucida sans, sans-serif;
	font-size: small;
}
.home #home a {
	visibility: hidden;
}
.home #home span {
	visibility: visible;
}
.home #home ul a {
	visibility: visible;
}
#home {
	margin-left: 50px !important;
}
#home span {
	display: block;
	position: absolute;
	top: -45px;
	left: -20px;
	z-index: 1;
	height: 74px;
	width: 174px;
	padding-top: 0;
	background-image: url(/graphics/sirens-154x74);
	background-repeat: no-repeat;
	background-position: 5px;
}
#home ul span {
	display: none;
	top: 0;
	left: 0;
}
.submenu li a {
	display: block;
	width: 100%;
}
.submenu li:hover {
	background: #3f3f57 !important;
}
.submenu li:hover a {
	color: white !important;
}
.home h1,
.band h1,
.music h1,
#sitemap {
	display: none;
}
h1 {
	padding-top:1em;
	font-size:140%;
}
h2 {
	padding-top:1em;
	font-size:125%;
}
.home h2 {
	font-size:large;
	text-align:center;
}
.home #headlines {
	display:none;
	padding-top:300px;
	padding-left:4em;
	margin:0 auto;
	width:27em;
}
#headlines .itemdate {
	font-size:xx-small;
}
#menu {
	position: relative;
	top: 0;
	margin: 0 auto;
	margin-top: 25px;
	padding: 5px 0;
	width: 640px;
	background-image: url(/graphics/menu-bg);
	font-size: 115%;
	text-transform:lowercase;
}
#menu ul, #menu li {
	display: inline;
	list-style: none;
	padding: 5px 1px;
	margin: 0 1px;
}
#menu ul {
	z-index: 3;
	margin: 0 !important;
	padding: 0 !important;
	position: absolute;
	right: 0;
}
.submenu a {
	border-right:1px solid black;
	padding-right:.75em;
}
#contact a,
.submenu li a,
.hearts #gb a {
	border-right:none;
	padding-right:0;
}
#home .submenu ul {
	display: none;
}
.submenu ul {
	font-size: 95%;
	top: 2.25em;
	width: 8em;
	background-color:#4c4c66;
}
#menu .submenu ul li {
	display: block;
}
#menu a {
	text-decoration:none;
}
#menu .submenu li a:visited {
	color: #ddd;
	font-weight: normal;
	background: transparent;
}
.tour #tour ul,
.band #band ul,
.qa #band ul,
.music #media ul,
.albums #media ul,
.scrapbook #tour ul,
.guestbook #band ul,
.mailinglist #band ul,
.weblinks #contact ul,
.school #band ul,
.press #press ul,
.news #press ul,
.bios #press ul,
.awards #press ul,
.articles #press ul,
.showlist #press ul,
.quotes #press ul,
.entry #press ul,
.contact #contact ul,
.credits #contact ul,
.updates #contact ul {
	display: block;
}
#main {
	width: 640px;
	margin: 0 auto;
	padding: 0;
	min-height: 480px;
	background-color: #4c4c66;
	background-image: url(/graphics/chairs-nobg);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
#content {
	clear: both;
	padding: 70px 0 0 0;
	margin: 0 10em 4em 1em;
}
.band #content {
	height: 100%;
	min-height: 480px;
	padding: 0 4% 0 0;
	margin: 0;
}
.band #main {
	background-image: url(/graphics/official-2005-small);
	background-position: 33% 100%;
}
.home #main,
.band #main {
	height: 480px;
}
.home #main {
	background-image: url(/graphics/splash-full);
	background-repeat: no-repeat;
	background-position: 10% 100%;
}
.home #main p,
.band #main p {
	display: none;
}
#footer {
	clear: both;
	color: inherit;
	background-color: #484860;
	font-size: 80%;
	text-align: center;
	position: fixed;
	bottom: 0;
	width: 100%;
	overflow: auto;
}
#footer p {
	margin: 0;
	font-size: 80%;
	text-align: center;
}
cite {
	font-size: 105%;
	font-weight: bold;
}
cite.name {
	font-size: 100%;
	font-style: normal;
}
cite.title {
	font-weight: normal;
}
cite.term {
	font-weight: normal;
	font-size: 100%;
	font-style: normal;
}
cite.term:before {
	content: open-quote;
}
cite.term:after {
	content: close-quote;
}
abbr[title], acronym[title] {
	cursor: help;
	border-bottom: 1px dashed;
}
div.quote {
	border: 1px dashed;
	margin: 1em 2em;
}
blockquote, q, cite {
	quotes: '\201c' '\201d' '\2018' '\2019';
}
blockquote p:before, q:before {
	content: open-quote;
}
blockquote p:after, q:after {
	content: close-quote;
}
blockquote p q:before, q q:before {
	content: '\2018';
}
blockquote p q:after, q q:after {
	content: '\2019';
}
blockquote + p:before {
	content: '\2014';
	margin-left: -1em;
}
blockquote + p {
	margin: 0 6em 1em;
}
hr {
	display: block;
	clear: both;
	visibility: hidden;
}
thead th, tfoot th {
	border: 1px solid #484860;
}
tr {
	vertical-align: top;
}
td p {
	margin: 0;
}
td {
	border:1px solid;
}
td, th {
	border-color: #484860;
}
tr.alt {
	background: #484860;
}
tr.alt td,
tr.alt th {
	border-left-color: #4c4c66;
	border-right-color: #4c4c66;
}
dt {
	font-weight: bold;
}
.item {
	clear: both;
}
.date,
.itemdate {
	margin-top: -1em;
	font-size: small;
}
.news .itemdate {
	display: none;
}
.archive .itemdate {
	display: block;
}
.signed {
	text-align: left;
	font-family: lucida handwriting, cursive;
	margin-left: 55%;
}
.signed cite {
	font-weight: bold;
}
.pull, .metadata {
	background-color: #484860;
	float: right;
	border: 1px solid darkgrey;
	border-color: darkgrey;
	border-top-width: 2px;
	border-bottom-width: 2px;
}
.pull {
	display: block;
	font-size: 1.4em;
	font-style: italic;
	width: 13em;
	margin: .65em -2.5em !important;
	padding: 1em;
	position: relative;
	right: -3.5em;
}
.metadata {
	padding: .5em;
	margin: .65em -8em;
	margin-top: -4em;
	max-width: 18em;
	min-width: 15em;
}
h1.lyrics {
	width: 13em;
}
.lyrics {
	width: 27em;
}
.chorus {
	margin-left: 2em;
}
.chorus:before {
	font-style: italic;
	display: block;
	content: "Chorus";
	margin-left: -2em;
}
#skip a {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
	left: 10em;
	top: .5em;
}
#skip a:active, #skip a:focus {
	overflow: visible;
	width: auto;
	height: auto;
	color: red;
}
.albums h2 {
	text-align: center;
}
.albums #look-up img,
.albums #look img,
.albums #uglymug img,
.albums #smilin img,
.albums #selftitled img,
p.left {
	float: left;
	padding-right: 0.5em;
}
.album {
	border-bottom: 2px dotted;
	padding-bottom: 1em;
}
.albums #selftitled {
	border-bottom: none;
}
.tracks {
	clear: both;
}
.scrapbook h2 {
	border-top: 2px dotted;
	padding-top: .5em;
}
.scrapbook h1+p+h2 {
	border-top: none;
	padding-top: 0;
}
ul.col1, ul.col2 {
	padding-top: 1em;
	padding-left: 3em;
	padding-right: 5em;
	margin-top: 0;
}
ul.col1 {
	float: left;
}
.intro cite, .question, p.donna cite, p.jo-ann cite {
	font-variant: small-caps;
}
.answer {
	margin-left: 2em;
}
.intro {
	font-size: x-small;
}
.question {
	font-size: 110%;
	font-style: italic;
	font-weight: bold;
}
.rss {
	border: 1px solid;
	border-color: #fc9 #630 #330 #f96;
	padding: 0 3px;
	font: bold 10px verdana, sans-serif;
	color: #ffffff;
	background: #ff6600;
	text-decoration: none;
	margin: 0;
}
.guestbook input[type="text"], .guestbook textarea {
	width: 100%;
	padding: 2px 1em;
}
.guestbook input[type="text"], .guestbook textarea {
	border-color: #4c4c66;
}
.guestbook input[type="text"]:focus, .guestbook textarea:focus {
	border: 2px solid #000;
}
.comment {
	border-bottom: 2px dotted;
	margin-bottom: 1em;
}
.comment-author {
	font-weight: bold;
	float: left;
}
.comment-date {
	float: right;
}
.comment-body {
	clear: both;
	padding-top: .1ex;
}
label {
	font-weight: bold;
	cursor: pointer;
}
#guestbook-nav ul {
	list-style: none;
}
#guestbook-nav li {
	display: inline;
}
#guestbook-nav li {
	padding-right: .5em;
}
#guestbook-nav li + li {
	padding-left: 1em;
	border-left: 1px dotted #eee;
}
#notes {
	clear: both;
	margin: 5em;
	padding: 5em;
}
.validate {
	display: none;
}
#nn4 {
	display: none;
}
a:visited {
	color: #cccccc;
}
a:link, a:hover {
	color: white;
}
.nav {
	padding-top: 30px;
	margin-left: -20px;
	padding-left: 20px;
	position: absolute;
	top: 0;
	background: #484860;
}
cite.contact {
	font-size: large;
}
.photo-credit {
	margin-top: 0;
	font-size: x-small;
	text-align: right;
}
.branham .photo {
	float:left;
	width:50%;
}
.scrapbook a img:after {
	content:" more\2026";
}
#happy {
	display:none;
}

.cast #cast ul,
.creative #creative ul,
.production #production ul {
	display: block;
}
tr.hearts {
	background-color:#cc5555;
}
tr.hearts.alt {
	background-color:#dd4444;
}
.hearts .photo {
	width:605px;
	text-align:center;
}
.hearts.bio img {
	float:left;
	margin-right:.5em;
}
.home .photo {
	padding-top:60px;
	width:640px;
	text-align:center;
}
.home .photo a img {
	border:none;
}
.home #announcement h1,
.home #announcement p {
	display: block;
	margin-left:100px;
	margin-top:60px;
	width:400px;
	text-align:center;
}