html, body {
	background-color: black;
	font-size: 100%;
	/* 	because Microsoft sucks, margin alignment (margin: auto) doesn't work in IE browsers. So we force everything to be centered by centering the text, then undo it later */
	color: #25585D;
}

a, :active {
	color: #4E6466;
	text-decoration: none;
}

a:visited { color: #022F35; }

a:hover { color: #87C3C9; }

/* specific splash page css */
div#splash {
	margin: auto;
	width: 600px;
	height: 600px;
}

/* styling the copyright */
div#copyright {
	padding-top: 10px;
	
	/* text */
	font-size: 0.65em;
	font-family: "Verdana", sans-serif;
	letter-spacing: 1px;
	text-align: center;
	color: gray;
	
	clear: both;
}

/* the boday (hee hee) class defines the pages' basic configs */
div.boday {
	/* wee! fluid! */
	width: 80%;

	margin-left: 10px;
}

/* contains all the columns */
div.container {
	width: auto;
	margin-top: 10%;
	
	float: left;
}

/* each column is a logical division in the page */
div.column {

	margin-top: 20px;
	margin-bottom: 20px;

	line-height: 1.5;
	/* 	... undoes the whole shinding to align things @ center in IE */
	text-align: justify;
	/* as relative to the 100% body font size. */	
	font-size: 0.70em;

	font-family: Verdana, sans-serif;
	font-weight: lighter;
	letter-spacing: .16em;
	word-spacing: .2em;
	color: #25585D;
}

ol.e li {
	list-style-type: lower-roman;
	list-style-position: inside;
	padding-bottom: 30px;
}

h2.creds {
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 0.875em;
	font-variant: small-caps;
	font-weight: lighter;
	color: #2A4346;
}

table#protector td, table#protector th {
	margin: auto;
	padding: 5px;
	border: 1px teal solid;
}

table#protector td { text-align: center; }

table#perks td, table#perks th {
	margin: auto;
	padding: 2px;
	border: 1px teal solid;
	text-align: justify;
}

/*****************************************************************************/
/* main page configuration 													*/
/***************************************************************************/

/* styles the main page's image */
div.main-pic, div.cont-pic {
	width: 500px;
	height: 604px;
	
	float: left;
	
	padding: 0;
	margin: 0;
	
	background-image: url(../images/holmes.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

div.edge {
	color: #2A4346;
	font-family: Times, serif;
}

div.title {
	font-variant: small-caps;
	text-align: right;
	font-size: 1em;
	margin-bottom: 30px;
}

div.bottom {
	text-align: center;
	font-size: .7em;
	letter-spacing: .2em;
	margin-top: 30px;
}

/*****************************************************************************/
/* content pages configuration												*/
/***************************************************************************/

div.back {
	text-align: left;
	margin-bottom: 30px;
}