* { margin: 0; padding: 0; font-size: 100%; }
body { background: #C0CDDA url('/css/bg.png') 0 0 fixed; color: #353C4F; font: 62.5%/1.5 "Bitstream Vera Sans", "DejaVu Sans", Verdana, sans-serif; }

#container { width: 960px; position: relative; margin: 0 auto; overflow: visible; }

#navigation  { width: 225px; font-size: 120%; position: fixed; top: 0;}
#navigation #page-title { display: block; height: 100px; width: 225px; margin-bottom: 1em; }
#navigation ul { padding: 10px; margin: 0 0 1em; background: rgb(84%, 87%, 91%) ; background: rgba(84%, 87%, 91%, .75); border: 2px solid rgba(74%, 79%, 84%, .75); color: #000; }
#navigation ul ul { border: 0; padding: 0;}
#navigation li { list-style: none; }
#navigation li li { list-style: circle; margin: 0 1.5em; }
#navigation li.spacer { margin-top: 1em;}
#navigation h3 { font-size: 1em; font-family: "Lucida Console", "Andale Mono", "DejaVu Sans Mono", "Courier New", monospace; margin: 0 12px; border: 0; }
#navigation a { color: #353C4F; text-decoration: none; font-weight: bold; }
#navigation a img { border: 0; vertical-align: bottom; }
#navigation p { font-size: .714em; text-align: center; margin: -1em 5px 0 0}

#content { width: 720px; float: right; font-size: 1.2em; padding-bottom: 30px; border: 1px solid #798393; border-top: 0; background: #fff; background: rgba(255,255,255,.75);min-height: 470px; }

#footer { text-align: center;}

form { text-align: center; }
form input { vertical-align: top; }
form input[type=text] { height: 1.5em; width: 50%; }

/* =LINKS
---------------------------------------------------------------*/
a { text-decoration:none; color:#000; }
a:link{ border-bottom:1px solid #999; }
a:visited { border-bottom:1px solid #ccc; }
a:hover{ border-bottom:1px solid #000; }
a:active{ border-bottom:1px solid #000; background-color:#eee; }


p.toplink { display: none; }


/* =GENERAL STYLES
-------------------------------------------------------------------------------------------------*/
p { margin: 1.5em 15px; }

.note { font-size: .833em; }
.large {font-size: 1.5em; }

.justify{ text-align: justify; }
.center{ text-align: center; }
.right{ text-align: right; }

del  { text-decoration: line-through;}
em, i, cite, dfn, span[lang] { font-style: italic; }
em em, em i, i em{ font-style: normal; }
i.alt { 
	font-family: Baskerville, Palatino, "Palatino Linotype", "URW Palladio L", "Bitstream Vera Serif", "Apple Garamond", Georgia, serif;
	color: #eee;
}
strong, .bold, b{ font-weight: bold; }

code { font-size: 1.2em; font-family: "Lucida Console", "Andale Mono", "DejaVu Sans Mono", "Courier New", monospace; }
.pre { font: 1em/1.5 "Lucida Console", "Andale Mono", "DejaVu Sans Mono", "Courier New", monospace; }

abbr, acronym, p[lang][title], *[title], .translation {
	border-bottom: 1px dotted #ccc;
	cursor: help;
}
sub, sup { line-height: 0; }

.copy { border-top: 3px double #ccc; margin: 1em 0 0; padding: .25em 15px; color: #999; clear: both; font: 1em/1.5 "Lucida Console", "Andale Mono", "DejaVu Sans Mono", "Courier New", monospace; }
.char { color: #798393; letter-spacing: .05em; vertical-align: baseline; font: bold small-caps 1em/1.0 "Lucida Console", "Andale Mono", "DejaVu Sans Mono", "Courier New", monospace; }
.choir { margin-left: 5em; }
.choir:before { 
	content: "Choir: "; 
	margin-left: -4.6em; 
	padding-right: .025em;
	font: bold small-caps .833em/1.0 verdana, serif;
	color: #333;
	vertical-align: baseline;
	letter-spacing: .1em;
}
.choir + .choir:before { content: ""; margin-left: 0; }
.duet, .ft { 
	font-family: georgia, serif; 
	font-style: italic; 
}
.growl { 
	font-style: italic;  
	font-family: georgia, serif;
}

/* stage directions */
.sd { margin-left: 5em; max-width: 50em; font: .917em/1.5 "Lucida Console", "Andale Mono", "DejaVu Sans Mono", "Courier New", monospace; }
span.sd { margin: 0; font-style: normal; }
.sd .char { text-transform: uppercase;}

/* musicians block */
p.musicians { font-size: .833em; border: 2px solid #ccc; padding: .5em; margin-right: 7.5em; color: #999; }
p.musicians:first-line { font-weight: bold;  }
p.musicians:hover { color: #333; border: 2px solid #798393 ; background: #D6DEE7;}
p.musicians:hover:first-line { color: #000; }


.author { border: 1px solid #C1CDDA; border-right: 0; border-left: 0; padding: .5em; 	text-align: center; font: normal normal normal 1em/1.5 "Lucida Console", "Andale Mono", "DejaVu Sans Mono", "Courier New", monospace; }
.archive { background: #ddf; font-size: 1.143em; padding: .5em; text-align: center; }
.date { text-align: right; font-size: 1em; font-family: "Lucida Console", "Andale Mono", "DejaVu Sans Mono", "Courier New", monospace; margin: 0 12px; border: 0; }
.hentry h2 a { border: 0; }

.vcard img { float: left; margin: 0 1em 1em 0; }
.vcard ul { clear: both; }


/* =HEADERS
-----------------------------------------*/
#content h1, #content h2, #content h3, #content h4 { 
	font-family: Palatino, "Palatino Linotype", "URW Palladio L", Georgia, serif; 
	color: #fff; 
	margin: 1em 0; 
}
#content h1 { padding: .5em 15px; font-size: 2em; line-height: 1; text-align: center; background: #758091 url('/css/h-bg.png') 0 0 repeat; color:#fff; }
#content h1:first-child { margin-top: 0; }
#content h1 .note { font-weight: normal; font-size: .75em; }
#content h2 { color: #000; padding: .5em 15px; margin: 1em 0; font-size: 1.5em; border: 1px solid #798393; border-left: 0; border-right: 0; background-color: #B9C7D5; }
#content h2:target { color: #E6E8EF; background: #798393 url('/css/h-bg.png') 0 0 repeat; }
#content h2 .note { font-weight: normal; font-size: .6665em; }
#content h2 .alt { color: #333; }
#content h3 { font-size: 1.333em; color: #353C4F; border-bottom: 1px solid #798393; margin: 1em 15px; }
#content h4 { font-size: 1.0em;  color: #353C4F; margin: 1em 15px 0; }
#content h4 + p { margin-top: 0; }

/* =TRACKLIST TABLES
---------------------------------------*/
table { margin: 1em 15px; font-size: 1em; line-height: 1.75; border-collapse: collapse; }
tr { white-space: nowrap; }
tr:hover { background-color: #D6DEE7; }
tr.cellspacer { font-weight:bold; font-size: .833em; }
tr.cellspacer .note{ font-size: 1em; }
tr.cellspacer:hover { background-color: transparent; }
td { vertical-align: baseline; }
tr td:first-child { font-size: .833em; padding-right: 1em; text-align: right; }
tr td:first-child + td { padding-right: 2em; }
tr td:first-child + td + td { font-size: .833em; font-weight: bold; padding-right: .5em; text-align: right; }
tr td:first-child + td + td + td { font-size: .833em; }

td ol, td ul { 
	margin: 0 2em; 
	font-size: .833em;
}

#musical-index {
	list-style: none;
	margin: 1em 15px;
}
#musical-index ul {
	margin: 0 15px;
	font: 1em/1.5 "Lucida Console", "Andale Mono", "DejaVu Sans Mono", "Courier New", monospace;
}


/* infobox
-----------------------------------------*/
.infobox a { color: #000; border-bottom: 1px dotted #CED2DF; }
table.infobox { font-size: 1em; margin: 1em 15px; padding: 0; }
table.infobox tr { white-space: normal; }
table.infobox th { background: #ddd; color: #333; padding: 0 6px; text-align: left; font-size: .75em; vertical-align: baseline; }
table.infobox td { font-size: .75em; color: #333; background-color: #eee; padding: 0 6px 0 3px !important; }
table.infobox th { color: #000 !important; text-align: center; }
table.infobox tbody tr:hover td { color: #000; background: #ccc }
table.fixwidth {	width: 95% !important; }

/* =lists
-----------------------------------------------------------------------*/
ul, ol { margin: 1em 3em; }
ul ul, ol ol, ul ol, ol ul { margin: 0 1.25em; }

ul.albumlist, ul.bootleglist { font-size: 1em; margin: 1em 2em 2em; }
ul.albumlist ul, ul.bootleglist ul { margin: 0 1.25em; }
ul.albumlist li { padding-top: 1em; font-weight: bold; }
ul.albumlist li li  { padding: 0; font-weight: normal; }
ul.bootleglist ul { padding-bottom: 1em; }
ul.bootleglist ul span { font-family: "Lucida Console", "Andale Mono", "DejaVu Sans Mono", "Courier New", monospace; }

li p { margin: .75em 0 }
ol.lowerroman { list-style-type: lower-roman; }/*counter-point*/
ol.abc, .loweralpha { list-style-type: lower-alpha; }
ol.ABC { list-style-type: upper-alpha; }

/* =toggle for translations etc.
-----------------------------------------------------------------------*/
div.translation { display: block; border: none; position: relative; }
div.trans { background-color: #F3FFA0; border: 2px solid #FFDB70; position: absolute; left: -9999em; padding: .5em; font-size: .858em; }
div.trans p { 	margin: 0 0 1em; }
div.trans p:last-child {margin: 0; }
div.trans::before { content: 'translation:'; font-weight: bold; display: block;}
div.translation:hover div.trans {left: 35%; top: 1em; z-index: 9;}

/* quotes and citations
------------------------------------------------------*/
blockquote { background: url('quote-open.png') no-repeat 5px 5px; margin: 0 0 1em 5em; max-width: 50em; padding: .125em 1em; min-height: 30px; border-right: 5px solid #DFEEFF; border-top: 2px solid #DFEEFF; }
blockquote p{ line-height: 1.2; margin: 1em; }
blockquote cite { line-height: 1.2; font-style: normal; color: #333; font-size: .858em; padding-left: 2em; display: block; }
blockquote cite::before { content: "\2014"; line-height: 1.2; }
.blockquotesource { text-align: right; }

cite { font-style: italic; }
q { quotes:"\201C" "\201D" "\2018" "\2019"; font-style: italic; }
q q { quotes:"\2018" "\2019"; }
q::before { content:open-quote; font: bold 1.2em/0 serif; }
q::after { content:close-quote; font: bold 1.2em/0 serif; }
q.ncq::after { content: no-close-quote}
html > body q { font-style: normal; }


/* =faux-frame
-----------------------------------------------------------------------------------------------------------------------*/
div#fauxframe { position: fixed; top: 90px; right: 30px; border: 2px solid #ccc; background: #fff; background: rgba(255,255,255,.75); font: .833em/1.5 "Lucida Console", "Andale Mono", "DejaVu Sans Mono", "Courier New", monospace; }
div#fauxframe + h1 { margin-top: 0; }
div#fauxframe li a { color: #000; font-weight: bold; border-bottom: 1px solid #ccc; }
div#fauxframe li a:hover { border-color: #333; }


/* social stuff: BETA */
#sitefooter {clear: both;height: 21px;overflow: hidden;padding: 6px 0 3px;width: 100%;}
#sitefooter.static { position: static;}
#sitefooter.fixed { background: url("/css/h-bg.png") repeat scroll 0 0 #758091;	border-top: 2px solid #798393;bottom: 0;box-shadow: 0 0 3px rgba(0,0,0,.5);left: 0; position: fixed;}
#socialstuff { height: 21px;margin: 0 auto;padding-left: 246px;position; relative;vertical-align: middle;width: 714px; }
.social { float: left; }
#gototop { border: none;color: #E6E8EF;float: right; font-size: 14px;margin: 0 3px;padding: 0 3px 3px;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);vertical-align: text-top;}
#gototop:hover {background: rgba(204, 214, 224, .5);color: #000;text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);}
.static #gototop { color: #000; text-shadow: none; }