body { 
	margin: 0; padding: 0; 
	background: #000;
	color: #eee;
	font: 70% Verdana, Arial, sans-serif;
}




.clear { clear: both; border: 0; margin: 0; overflow: hidden; }

img, fieldset, form { border: 0; margin: 0; padding: 0; }

/* object, embed { display: none; } */

a:link,
a:visited,
a:hover {
	color: #ff9900;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


#page {
	width: 960px;
	margin: 0 auto;
	padding: 1em 0 3em;
}

body#index #page {
	width: 1000px;
	background: #000;
	/* 
		width: 1100px;
		background: #000 url(_img/Anger-Invocation-superimposed.jpg) no-repeat right 45px; 
	*/
}


div.pageBody {
	width: 960px;
	margin: 0 auto;
	margin-top: 2.2em;
}



h1 {
	font: normal 6.5em Georgia, serif;
	margin: 0;
	text-transform: lowercase;
	color: #ff9900;
}
	a.h1:link,
	a.h1:visited,
	a.h1:hover {
		color: #ff9900;
		text-decoration: none;
	}
	

img.h1 { margin-top: 4em; }	
	
	


h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0 0 1em;
}
	h2.header {
		font: normal 2.38em Georgia, serif;
		margin: 0;
		color: #0066cc;
	}

h3 { font-family: Arial; }



.orange { color: #ff9900; font-size: 1.1em; }

.normal { font-weight: normal !important; }
.bold 	{ font-weight: bold !important; }

.big	{ font-size: 1.25em }


div#intro {
	font-size: 1.5em;
	text-transform: lowercase;
}

em.title { text-transform: uppercase; }



div.headerTag {
	margin-top: 3.5em;
	margin-bottom: 0.5em;
}


div#page-menu { margin: 0 0 3em; }

	div#page-menu a {  }
	
	div#page-menu ul 	{ list-style: none; margin: 0; padding: 0; }
	div#page-menu ul li 	{ 
		display: inline; float: left;
		width: 130px; 
		margin: 0 0 0 0.5em; 
		padding: 0.25em 1em;
		background: #333;
	}
	


div.item {
	margin: 0 0 1.5em;
}

	div.thing {
		display: inline;
		float: left;
		width: 55%;
		text-align: center;
		background: #111;
		padding: 0.5em 0;
	}
	div.babble {
		display: inline;
		float: left;
		width: 40%;
		margin-right: 1%;
		background: #eee;
		color: #333;
		padding: 0 1.5em 1em;
	}
		div.babble h3 {
			margin-top: 0.5em;
		}
		div.babble h3 em {
			margin-top: 0;
			font-size: 1.2em;
			color: #0066cc;
		}
		
		div.babble a { color: #c00; }
		
		
		span.music-cite {
			font-size: 0.9em;
			font-weight: normal;
			font-style: italic;
		}



.related-clip,
.related-clip em {
	margin-top: 0.5em; 
	font-size: 0.9em; 
	font-weight: normal;
	color: #333 !important; 
}




#header {}
	#header div.image {
		display: inline;
		float: left;
		width: 450px;
		margin: 2.5em 11px 0 -1em;
	}
	
	#header div.text {
		display: inline;
		float: left;
		width: 550px;
	}


#footer {
	text-align: center;
	background: #111;
	margin: 3em 0 0;
	padding: 1em 0 0.5em;
}

#footer h2 {
	font: bold 2em Georgia;
	text-transform: lowercase;
	margin: 0;
	letter-spacing: 0.15em;
}

#footer h2.header {
	font-size: 1.6em;
	font-weight: normal;
}