html {
		height: 100%;
		width: 100%;
		margin: 0px;
		padding: 0px;
		/* IE FUCKING BLOWS. THUS MORE HACKS. */
		/* to indulge your curiosity, when IE renders in compliance standards mode (ie it's given a DTD to follow)
			any overflowed elements will cause it to show both a horizontal AND vertical scrollbar. this is dumb. */
		overflow-y: auto;
		overflow-x: hidden;
	}

	body {
		margin: 0px;
		height: 100%;
		width: 100%;
		padding: 0px;
		font-family: trebuchet ms, verdana, lucida sans, helvetica, sans-serif;
		font-size: 8pt;
		color: #333333;
	}

	#left body {
		background: url(siteimages/back-left.jpg);
		background-position: top right;
		background-repeat: repeat-y;
		background-color: #9F2D20;
	}

	#right body {
		background: url(siteimages/back-right.jpg);
		background-position: top left;
		background-repeat: repeat-y;
		background-color: #9F2D20;
	}

	#noflash {
		display: none;
		background: url(siteimages/nf-background.png);
		width: 100%;
		height: 100%;
	}

	#noflash #crest {
		float: left;
		background: url(siteimages/nf-crest.png);
		width: 85px;
		height: 91px;
		display: inline;
		margin: 35px 10px 0px 10px;
	}

	#noflash #nav {
		float: left;
		display: inline;
		margin: 35px 0px 0px 5px;
	}

	#noflash #nav img {
		margin: 0px 0px 10px 0px;
	}

	#noflash #macro {
		float: right;
		width: 146px;
		height: 35px;
		display: inline;
		margin: 65px 50px 0px 0px;
	}

	a:link {
		color: red;
		text-decoration: none;
	}

	a:visited {
		color: #666633;
		text-decoration: none;
	}

	a:hover {
		text-decoration: underline;
	}


	#top {
		display: none;
		margin: auto;
		width: 100%;
		height: 138px;
		clear: both;
	}

	#container {
		background: url(siteimages/bodytopbackflat.png) top left no-repeat;
		width: 100%;
		text-align: left;
		padding: 0px;
		margin: 0px;
		/*margin: auto;*/
	}

	#container p {
		margin: 0px 0px 10px 0px;
		padding: 0px;
	}

	#navtree {
		padding: 9px 0px 8px 9px;
		color: #333333;
		font-weight: bold;

	}

	#navtree a:link, a:visited {
		color: red;
	}

	#navicon {
		margin: 0px 5px 0px 0px;
	}

	#footer {
		background: url(siteimages/bodytopbackflat-2.png) top left no-repeat;
		padding: 45px 15px 10px 15px;
		font-size: 7pt;
		color: #444444;
		line-height: 11px;
	}

	#footer img {
		float: left;
		display: inline;
		margin: 2px 8px 0px 0px;
	}

	#footer b {
		color: black;
	}

	#footer .mininavtitle {
		color: black;
		font-weight: bold;
	}

	#contentcontainer {
		margin: auto;
		width: 100%;
		text-align: left;
		font-family: trebuchet ms, verdana, lucida sans, helvetica, sans-serif;
		font-size: 8pt;
		color: black;
		padding: 0px;
	}

	#news {
		float: left;
		width: 400px;
		background-color: white;
		padding: 10px;
	}

	#extra {
		float: right;
		width: 240px;
		background-color: white;
		padding: 10px;
	}

	#news p {
		padding: 0px;
		margin: 0px 0px 15px 0px;
	}

	#news h1 {
		border-color: #cccccc;
		border-style: dashed;
		border-width: 0px 0px 0px 1px;
		padding: 0px 0px 0px 5px;
	}

/* homepage */

	#ac {
		width: 100%;
		background: url(siteimages/fancy.png) top left no-repeat;
	}

	#aboutnexrec {
		width: 423px;
		float: left;
		display: inline; /* I HATE YOU IE */
		margin: 15px 0px 15px 15px;
	}

	#aboutnexrec h1 {
		margin: 0px 0px 10px 0px;
		padding: 0px;
		font-size: 14pt;
		color: black;
	}

	#aboutnexrec img {
		margin: 5px 0px 5px 0px;
	}

	#aboutnexrec .hnewsheader {
		border-color: #c3c3c3;
		border-style: dotted;
		border-width: 0px 0px 1px 0px;
		color: black;
		font-size: 12pt;
		font-weight: bold;
		margin: 0px 0px 0px 0px;
	}

	#aboutnexrec .hnewsheadline {
		border-color: #d9d9d9;
		border-style: dotted;
		border-width: 0px 0px 1px 0px;
		padding: 5px 0px 5px 0px;
	}

	#aboutnexrec .hnewsheadline a {
			font-weight: bold;
	}

	#aboutnexrec .goal {
		font-size: 10pt;
		padding: 5px 0px 0px 0px;
	}

	#aboutnexrec #sig {
		width: 100%;
		text-align: right;
	}

	#homenav {
		width: 234px;
		float: right;
		display: inline; /* AGAIN, I HATE YOU SO MUCH */
		/*margin: 15px 15px 0px 0px;*/
		background-color: #f3f3f3;
		height: 100%;
	}

	#homenav a:visited {
		color: red;
		text-decoration: none;
	}

	#homenav .navtitle {
		font-size: 10pt;
		font-weight: bold;
		margin: 0px 10px 0px 10px;
	}

	#homenav .navtitle a:link {
		color: red;
	}

	#homenav img {
		margin: 0px 0px 10px 0px;
	}

	#homenav .navdesc {
		margin: 0px 0px 0px 0px;
		padding: 0px 10px 10px 10px;
	}

	#homenav .hnavcon {
		padding: 10px 0px 0px 0px;
		border-style: dotted;
		border-color: #696969;
		border-width: 1px 0px 0px 0px;
	}

	#homenav .hnavcon:hover {
		background: url(siteimages/p-background.png) top left repeat-x;
		/*background-color: #e8e8e8;*/
	}

	.clear {
		clear: both;
		border-top-color: #c0c0c0;
		border-bottom-color: #d9d9d9;
		border-style: solid;
		border-width: 1px 0px 1px 0px;

	}

	.iclear {
		clear: both;
	}


/* news */

#postcon {
	display: inline;
	width: 480px;
	background: url(siteimages/fancy.png) top left no-repeat;
	padding: 10px;
	border-color: #cccccc;
	border-style: dotted;
	border-width: 0px 1px 0px 0px;
	float: left;
}

#archivecon {
	display: inline;
	width: 150px;
	padding: 10px 0px 0px 10px;
	float: left;
	background-color: white;
	height: 100%;
}

#archivecon ul {
	margin: 0px;
	padding: 0px;
}

#archivecon li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#archivecon .title {
	font-weight: bold;
	color: black;
}

#archivecon .acon {
	margin: 0px 0px 20px 0px;
}

.post {
}

.post .title {
	font-size: 14pt;
	color: darkred;
	font-weight: bold;
}

.post .meta {
	font-size: 7pt;
	border-color: #C28F37;
	border-style: dotted;
	border-width: 0px 0px 1px 0px;
	padding: 0px 0px 5px 0px;
}

.post .meta .date {
	font-weight: bold;
	color: black;
}

.post .meta .time {
	font-weight: bold;
	color: black;
}

.post .storycontent {
	margin: 5px 0px 0px 0px;
}

/* artist list */

	.artistlist {
		background: url(siteimages/fancy.png) top left no-repeat;
		border-color: #cccccc;
		border-style: solid;
		border-width: 1px 0px 1px 0px;	
		margin: 0px 0px 5px 0px;
	}

	.artistlist-b {
		background: url(siteimages/fancy.png) top left no-repeat;
		border-color: #cccccc;
		border-style: solid;
		border-width: 1px 0px 0px 0px;	
		margin: 0px 0px 0px 0px;
	}

	.artistlist-t {
		background: url(siteimages/fancy.png) top left no-repeat;
		border-color: #cccccc;
		border-style: solid;
		border-width: 0px 0px 1px 0px;	
		margin: 0px 0px 5px 0px;
	}


	.artistpic {
		float: left;
		border-color: #cccccc;
		border-style: solid;
		border-width: 0px 1px 0px 0px;
	}

	.artistname img {
		margin: 10px 10px 0px 10px;
	}

/* artist bio */

	#biocon {
		width: 330px;
		float: left;
		display: inline;
		margin: 10px 0px 10px 10px;
	}

	#biomediacon {
		float: right;
		display: inline;
		padding: 10px 10px 10px 10px;
		/*margin: 10px 10px 10px 0px;*/
		/*background: url(dot-background.png);*/
	}

	#biopic {
		background-color: white;
		border-color: #cccccc;
		border-style: solid;
		border-width: 1px;
		padding: 2px;
	}

	#artistname {
		font-size: 18pt;
		color: darkred;
		font-weight: bold;
		margin: 0px;
	}

	#artistrealname {
		color: black;
		font-size: 10pt;
		margin: 0px;
		padding: 0px;
		font-weight: bold;
	}

	#biomediacon #mp3s {
		background-color: white;
		padding: 2px;
		border-color: #cccccc;
		border-style: solid;
		border-width: 1px;
		margin: 10px 0px 0px 0px;
	}

	#biomediacon #mp3s .title {
		background-color: #F8E3C7;
		padding: 4px;
		color: black;
	}

	#biomediacon #mp3s .content {
		padding: 4px;
	}

	#biomediacon #mp3s .content .mbul {
		margin: 0px 5px 0px 0px;
	}

/* media */

	#audio {
		width: 50%;
		float: left;
	}

	#images {
		width: 50%;
		float: left;
	}

	#audio .title {
		width: 95%;
		padding: 0px 0px 10px 0px;
		margin: 0px 0px 10px 0px;
		border-color: darkred;
		border-width: 0px 0px 1px 0px;
		border-style: solid;
	}

	#audio .mbul {
		margin: 0px 5px 0px 0px;
	}

	#audio .artist {
		font-weight: bold;
		font-size: 10pt;
		margin: 0px 0px 5px 0px;
	}

	#images .title {
		width: 95%;
		padding: 0px 0px 10px 0px;
		margin: 0px 0px 10px 0px;
		border-color: darkred;
		border-width: 0px 0px 1px 0px;
		border-style: solid;
	}

	#video .title {
		margin: 5px 0px 10px 0px;
	}

	#images .thumbnail {
		display: inline;
		padding: 3px;
		margin: 5px 5px 5px 0px;
		border-color: #999999;
		border-style: solid;
		border-width: 1px;
		background-color: white;
		width: 100px;
		height: 66px;
	}

	#mediacon {
		width: 100%;
		background: url(siteimages/fancy.png) top left no-repeat;
	}

	#mediacon #content {
		padding: 10px;
	}


/* popup photos */

#photo body {
		margin: 0px;
		padding: 0px;
}









/* merchandise */



#merchandise {
	background: url(siteimages/fancy.png) top left no-repeat;
	padding: 15px;
}

/* IE hack cry */
* html body #merchandise {
	padding: 15px 25px 15px 15px;
}

#merchandise form {
	padding: 0px;
	margin: 0px;
}

#merchandise .clear {
	clear: both;
	border: 0px;
	height: 0px;
}

#merchandise p {
	padding: 0px
	margin: 0px;
}

#merchandise #viewcart {
	float: right;
}

#merchandise .header {
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #cccccc;
}

#merchandise .item {
	margin: 0px;
	height: 1%;
	padding: 1em 0px 1em 0px;
}

#merchandise .item .price {
	font-weight: bold;
	font-size: 10pt;
	margin: 0px 0px 1em 0px;
}


#merchandise .itempic {
	float: left;
	margin: 0px 15px 0px 0px;
}

#merchandise .item h2 {
	padding: 0px;
	margin: 15px 0px 0px 0px;
	font-weight: bold;
	font-size: 12pt;
	color: darkred;

}


#merchandise .item .price {

}