/* This will be the first style sheet applied; it should have styles
   that apply to everything on the entire site. */

@font-face {
	font-family: SinGothicGP;
	src: url(/stylesheets/SinGothic.eot);
}

/* @font-face {
	font-family: BlackChanceLeftGP;
	src: url(/stylesheets/BlackChanceryExtremeLefty.eot);
} */


BODY {
	color: #F3E3F3; background-color: black;
	margin: 1em 15%;
}

H1, H2, H3, H4 { 
	color: red; margin-bottom: 0;
	font-family: Singothic, Technovia, Matrix, SinGothicGP, serif;
}

H1 { margin: 1em 0 0 0; font-size: 165% }
H2 { margin: 1em 0 0 0; font-size: 135% }
H3 { margin: 1ex 0 0 0; font-size: 115% }
H4 { margin: 1ex 0 0 0; font-size: 100% }

H2.inverse {
	color: black; background-color: #CC0000;
	width: 100%; padding: 0.1ex 1ex 0.25ex;
	margin-top: 0.35em; margin-bottom: -0.5em;
	border-top: 2px solid #F33; border-left: 2px solid #F33;
	border-bottom: 2px solid #600; border-right: 2px solid #600;
}

/* This is used to keep there from being excessive margins around the
   headings at the top of every page. Page-top heaings get this class;
   in-text subheads shouldn't.
*/
.headingblock { margin-bottom: 1em; }
.headingblock H1 { margin-top: 0.1ex; }
.headingblock H2 { margin-top: 0.1ex; }
.headingblock H3 { margin-top: 0.1ex; }
.headingblock H4 { margin-top: 0.1ex; }


A          { padding: 1px 2px }
A:link     { color: #FF6666 }
A:visited  { color: #C0C0C0 }
A:hover    { color: #FF99FF; background-color: #505050 }
A:active   { color: #FF0000 }



P { margin: 0 0 1em }
P.readall {
	text-align: right; margin-top: -1em; padding-top: 0px;
	font-family: Singothic, Technovia, Matrix, SinGothicGP, serif;
}

IMG.side { float: right; border: none; margin: 3px 0 3px 1em }

UL.space LI { margin-bottom: 1ex }
OL.space LI { margin-bottom: 1ex }

UL.fancy { list-style-image: url(/images/logo-heart-tiny.gif); }

SUP, SUB { font-size: 65% }


/* "pq" stands for "Pull Quote"  */
.pqright  {
	float: right; width: 35%; margin: 0.1em 0px 0.1em 1em; padding: 1ex 5px;
	border-top: medium groove #f66;
	border-bottom: medium groove #f66;
	font-family: Helvetica, Verdana, Arial, sans-serif
}
.pqleft   {
	float: left; width: 35%; margin: 0.1em 2em 0.1em 0px; padding: 1ex 5px;
	border-top: medium groove #f66;
	border-bottom: medium groove #f66;
	font-family: Helvetica, Verdana, Arial, sans-serif
}
.pqcenter {
	width: 80%; clear: both; margin: 0px auto; padding: 1ex 5px;
	border-top: medium groove #f66;
	border-bottom: medium groove #f66;
	font-family: Helvetica, Verdana, Arial, sans-serif
}

.pqright OL LI {
	margin-bottom: 0px; margin-top: 0px;
	font-size: 85%;
 }
.pqright UL LI {
	margin-bottom: 0px; margin-top: 0px;
	font-size: 85%;
 }

.centernote {
	clear: both; margin: 2em 15% 1ex; padding: 1ex 2ex;
	border-top: thin solid #C00;
	border-bottom: thin solid #C00;
	text-align: center
}

/* "ic" stands for "Initial Cap"  */
P.ic:first-letter {
	float: left; color: red; font-size: 300%;
	font-family: Singothic, Technovia, Matrix, SinGothicGP, Palatino, 'Palatino Linotype', Georgia, Times, 'Times Roman', 'Times New Roman', serif;
	letter-spacing: 0.1em; line-height: 50%;
	margin-bottom: -0.25em; margin-top: -0.25ex;
	padding-top: 0px;
	
}


TABLE.imgcap {
	float: right; text-align: center;
	border: none; margin: 3px 0 3px 1em;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

.test { border: thin dotted red }

.rightside {
	float: right;
	margin: 0px 0px 0.5ex 0.75em;
	padding: 0px;
}

.leftside {
	float: left;
	margin: 0px 0.75em 0.5ex 0px;
	padding: 0px;
}

.hang {
	margin-left: 3em; text-indent: -3em;
}

.sidebar {
	float: right; width: 35%;
	padding: 0.75em; margin: 0px 0px 0.25em 1em;
	border-top: 3px solid #c00;
    border-left: 1px solid #c00;
    /* background-color: #006; */
}



.tracklist  {
	float: right; width: 30%;
	margin: 0px 0px 0px 1em; padding: 0.25ex 0.5ex;
	border-top: medium solid #999;
	border-left: thin solid silver;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	background-color: #400;
}
.tracklist OL LI {
	margin-bottom: 0px; margin-top: 0px;
	font-size: 85%;
 }



.lookatme { color: fuchsia }
.gothfont { font-family: Morpheus, MorpheusGP, fantasy }
.punkfont { font-family: Smash, SmashGP, Courier, Lucida Sans, monospace }

.narrow { margin-left: 8%; margin-right: 8% }
.nobr { white-space: nowrap }


P.quotation {
	margin: 1em 10% 0px;
	padding: 3px 2%;
	border-top: thin solid #CC0000;
}
P.attribution {
	text-align: right;
	margin: 0px 10% 1em;
	padding: 3px 5% 3px 30%;
	border-bottom: thin solid #CC0000;
}

.addressblock { margin-left: 5% }


/* Major styles that are used all over the site. */

.backlink {
	float: right; text-align: right; 
	margin-top: 0.3em; margin-bottom: 0.3em;
	display: block;
}
.backlink IMG { vertical-align: middle; border: none }

.bio {
	border-top: medium solid #900;
	font-style: italic;
}

.bio EM   { font-style: normal }
.bio I    { font-style: normal }
.bio CITE { font-style: normal }

.copyright {
	border-top: thin solid #CC0000;
	margin-top: 1em;
	color: #CC3333;
	font-size: 80%;
	text-align: center; display: block; clear: both;
}




/* suppress hover effects on anchors that we don't actually want to
   do funky things */

.backlink A:hover { color: #FF99FF; background-color: #000 }
H2.inverse A:hover { color: #000; background-color: #C00 }