@charset "UTF-8";
/* CSS Document */

#allcontent {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	font-family: Helvetica Neue, Helvetica, Trebuchet MS, Arial, sans-serif;
	background-color: white;
	position: relative;
	}

#header {
	text-align: center;
	position: relative;
	margin-bottom: 50px;
	}

#header p {
	position: relative;
	}

#maincontent {
	padding: 0px 30px;
	}
/* My original top-of-my-mind design */	
#footer {
	position: absolute;
	bottom: 5px;
	left: 38%;
	text-align: center;
	z-index: -1;
	}
/* COPYRIGHT SECTION
To keep it centered with fixed positioning I use a solution from
http://stackoverflow.com/questions/2861247/center-aligning-a-fixed-position-div
The negative left margin brings it halfway back from the 50% mark, and 
since it's half the width that means it all lines up at the halfway mark of the page
e.g. position: fixed; width: 50%; bottom: 10px; left: 50%; margin: 0 0 0 -25%;
*/
div#footer {
	position: fixed;
	width: 50%;
	bottom: 10px;
	left: 50%;
	margin: 0 0 0 -25%;
	margin-top: 75px;
	text-align: center;
	font-size: 80%;
	z-index: -99;
	}