body
{
	margin: 10px;

	background: #000;

	/* default text */
	font-family: verdana, sans-serif;
	font-size: 9pt;
	color: #999;
}

a, a:link
{
	color: #ddd;
	font-weight: bold;
	text-decoration: none;
}
	a:visited
	{
		color: #bbb;
	}
		a:hover
		{
			color: #fff;
			text-decoration: underline;
		}

a img, a:link img, a:visited img
{
	color: #ff7800;
	border: 1px solid #ff7800;
}
	a:hover img
	{
		color: #f90;
		border: 1px solid #f90;
	}


/* BEGIN ids and other Heap Big Styles */
#frame
{
	width: 950px; /* header(950) --> pad(35) + leftcol(302) + gap(20) + midcol(236) + gap(20) + rightcol(302) + pad(35) */
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding: 0px;
	text-align: left;
}

#contentheader
{
	margin-bottom: -10px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
	color: #fff;
	font-family: OCR A Extended, Courier New, monospace;
	font-size: 12pt;
	line-height: 100%;
	padding: 5px;
	background: #000;
	border: 1px solid #fff;
	border-left: 5px double #fff;
	position: relative;
	z-index: 2;
}

#contentblurb
{
	margin-bottom: -18px;
	text-align: center;
	font-family: OCR A Extended, Courier New, monospace;
	font-size: 1000%;
	font-weight: normal;
	color: #fff;
	line-height: 80%;
	letter-spacing: -0.1em;
	text-transform: lowercase;
	position: relative;
	z-index: 0;
}

#vertheader
{
	position: absolute;
	top: 20px;
	margin-left: -30px;
	z-index: 0;
	font-family: OCR A Extended, Courier New, monospace;
	font-size: 800%;
	font-weight: normal;
	color: #fff;
	line-height: 70%;
}

#contentleft
{
	width : 302px;
	padding-top: 0px;
	margin-left: 35px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	font-size: x-small;
	line-height: 150%;
	position: relative;
	z-index: 1;
}

#contentcenter
{
	margin-top: -100px; /* this pulls the middle column higher than the left and right column */
	width: 236px;
	padding-top: 0px;
	margin-bottom: 20px;
	float: left;
	font-size: 8pt;
	line-height: 200%;
	position: relative;
	z-index: 1;
}

#contentright
{
	width: 302px;
	padding-top: 0px;
	margin-right: 35px;
	margin-left: 20px;
	margin-bottom: 20px;
	float: left;
	font-size: x-small;
	line-height: 150%;
	position: relative;
	z-index: 1;
}
/* END ids and other Heap Big Styles */

.contentbox
{
	background-image: url("/img/v33_01in.jpg");
	background-position: top left;
	background-attachment: fixed;
	margin-bottom: 15px;
	font-size: 8pt;
	color: #b7bdc6;
}

.textheader
{
	background-image: url("/img/headerstripe.gif");
	background-repeat: repeat-x;
	background-position: bottom left;
	margin-left: -7px;
	margin-right: -7px;
	margin-bottom: 5px;
	padding: 3px;
	padding-top: 0px;
	
	font-size: 9pt;
	font-weight: bold;
	font-variant: small-caps;
	color: #d3d9e5;

	position: relative;
	z-index: 1;
}

/* begin TOPBOX ONLY styles */

	.contentbox-top
	{
		background: #000;
		background-image: url("/img/headerbg.gif");
		background-position: top left;
		background-repeat: no-repeat;
		margin-bottom: -50px; /* this is paired with .topbox's padding-bottom */
		font-size: 8pt;
		color: #fff;
	}

	.topbox
	{
		background-image: url("/img/pixelcolumn_950.gif");
		background-position: top left;
		background-repeat: repeat-y;

		height: 150px;	/* this defines the height of the topbox, as the floating left and right textchunks break out of the border otherwise.
						/* this will have to be adjusted as the topbox content is adjusted, until we come up with a more clever way.
						/*
						/* note that THE PAGE B0RKS LIEK WOAH if this height doesn't contain all the topbox content. */

		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 50px; /* this is paired with .contentbox-top's margin-bottom */

	}
		.topheader
		{
			background-image: url("/img/pixelheader_950.gif");
			background-position: top left;
			background-repeat: no-repeat;

			height: 16px;
			width: 950px;
		}
		.topfooter
		{
			background-image: url("/img/pixelfooter_950.gif");
			background-position: top left;
			background-repeat: no-repeat;

			height: 16px;
			width: 950px;
		}

		.topbox-banner
		{
			text-align: center;
		}
		.topbox-leftbox
		{
			width: 300px;
			float: left;
			margin-left: 15px;
		}
		.topbox-links
		{
			margin: 1px;
			margin-top: 3px;
		}
			.topbox-links a, .topbox-links a:link
			{
				color: #fff;
				font-weight: normal;
				text-decoration: none;
			}
			.topbox-links a:hover
			{
				font-weight: bold;
				text-decoration: underline;
			}
		.topbox-rightbox
		{
			width: 300px;
			float: right;
			margin-right: 15px;

			padding-top: 40px;
		}

		.lyrics-text
		{
			/* foo */
		}

		.lyrics-song
		{
			padding-top: 5px;
			text-align: right;
		}

/* end TOPBOX ONLY styles */

/* begin LEFT COLUMN ONLY styles */

	.leftbox
	{
		background-image: url("/img/pixelcolumn_302.gif");
		background-position: top left;
		background-repeat: repeat-y;

		padding-left: 20px;
		padding-right: 20px;
	}
		.leftbox a, .leftbox a:link, .leftbox a:visited
		{
			color: #ff7800;
			font-weight: bold;
			text-decoration: none;
		}
			.leftbox a:hover
			{
				color: #f90;
				text-decoration: underline;
			}
		.leftheader
		{
			background-image: url("/img/pixelheader_302.gif");
			background-position: top left;
			background-repeat: no-repeat;

			height: 16px;
			width: 302px;
		}
		.leftfooter
		{
			background-image: url("/img/pixelfooter_302snipleft.gif");
			background-position: top left;
			background-repeat: no-repeat;

			height: 16px;
			width: 302px;
		}

/* end LEFT COLUMN ONLY styles */

/* begin MIDDLE COLUMN ONLY styles */

	.midbox
	{
		background-image: url("/img/pixelcolumn_236.gif");
		background-position: top left;
		background-repeat: repeat-y;

		padding-left: 15px;
		padding-right: 15px;

	}
		.midheader
		{
			background-image: url("/img/pixelheader_236.gif");
			background-position: top left;
			background-repeat: no-repeat;

			height: 16px;
			width: 236px;
		}
		.midfooter
		{
			background-image: url("/img/pixelfooter_236snipboth.gif");
			background-position: top left;
			background-repeat: no-repeat;

			height: 16px;
			width: 236px;
		}

	.midtextheader
	{
		background-image: url("/img/middlestripe.gif");
		background-repeat: repeat-x;
		background-position: bottom left;
		margin-left: -2px;
		margin-right: -2px;
		margin-bottom: 5px;
		padding: 3px;
		padding-top: 2px;

		font-size: 8pt;
		font-weight: bold;
		color: #d3d9e5;

		position: relative;
		z-index: 1;
	}

	.midtitle
	{
		background-image: url("/img/headerstripe.gif");
		background-repeat: repeat-x;
		background-position: bottom left;
		margin-left: -2px;
		margin-right: -2px;
		margin-bottom: 5px;
		padding-top: 0px;
		padding-bottom: 8px;
		
		font-size: 9pt;
		font-weight: bold;
		font-variant: small-caps;
		color: #d3d9e5;
		text-align: center;
		letter-spacing: 0.2em;
		line-height: normal;

		position: relative;
		z-index: 1;
	}

	.midblurb
	{
		text-align: center;
	}

	.imgsrc_pic
	{
		text-align: center;
		padding-bottom: 5px;
	}
		.imgsrc_pic a img, .imgsrc_pic a:link img, .imgsrc_pic a:visited img
		{
			border: 1px solid #000;
		}
		.imgsrc_pic a:hover img
		{
			border: 1px solid #b7bdc6;
		}

	.imgsrc_blurb
	{
		line-height: normal;
		padding-bottom: 5px;
	}

/* end MIDDLE COLUMN ONLY styles */


/* begin RIGHT COLUMN ONLY styles */

	.rightbox
	{
		background-image: url("/img/pixelcolumn_302.gif");
		background-position: top left;
		background-repeat: repeat-y;

		padding-left: 20px;
		padding-right: 20px;
	}
		.rightbox a, .rightbox a:link, .rightbox a:visited
		{
			color: #ff7800;
			font-weight: bold;
			text-decoration: none;
		}
			.rightbox a:hover
			{
				color: #f90;
				text-decoration: underline;
			}
		.rightheader
		{
			background-image: url("/img/pixelheader_302.gif");
			background-position: top left;
			background-repeat: no-repeat;

			height: 16px;
			width: 302px;
		}
		.rightfooter
		{
			background-image: url("/img/pixelfooter_302snipright.gif");
			background-position: top left;
			background-repeat: no-repeat;

			height: 16px;
			width: 302px;
		}

/* end RIGHT COLUMN ONLY styles */

/* BEGIN styles for front page WordPress content: */

.leftpostfooter
{
	text-align: right;
	padding-top: 10px;
}
	.leftpostfooter a, .leftpostfooter a:link
	{
		color: #a3a9b4;
		font-weight: bold;
		text-decoration: none;
	}
		.leftpostfooter a:visited
		{
			color: #848c99;
		}
		.leftpostfooter a:hover
		{
			color: #d3d9e5;
			text-decoration: underline;
		}

.rightpostfooter
{
	text-align: left;
}
	.rightpostfooter a, .rightpostfooter a:link
	{
		color: #a3a9b4;
		font-weight: bold;
		text-decoration: none;
	}
		.rightpostfooter a:visited
		{
			color: #848c99;
		}
		.rightpostfooter a:hover
		{
			color: #d3d9e5;
			text-decoration: underline;
		}

/* END styles for front page WordPress content: */