* { margin: 0; padding: 0; }

/* --- BASICS --- */

body {
	font: 11px Arial, Helvetica, sans-serif;
	background: url() #fff;
	color: #000;
	}

img {
	border: 0px;
	}

p {
	padding: 5px;
	margin-bottom: 10px;
	}

/* --- PAGE OUTLINE (DON'T EDIT UNLESS YOU KNOW WHAT YOU'RE DOING) -- */

#container {
	margin: 0 auto;
	width: 100%;
	}

#header {
	background: url() #282828;
	height: 200px;
	width: 100%;
	margin: 0 auto;
	}

#intro {
	text-align: center;
	padding-top: 10px;
	margin-bottom: 25px;
	color: #b6b6b6;
	}
	
	.largefont {
	font: 38pt "Times New Roman", Times, serif;
	color: #c6c6c6;
	}
	
	#about {
		text-align: center;
		padding-top: 0px;
		width: 450px;
		margin: 0 auto;
		font: 9pt "Times New Roman", "Times", serif;
		margin-bottom: 60px;
		}
		
		#about p {
			text-align: justify;
			padding: 0px;
			}

#content {
	background: #282828; /* feel free to edit this color */
	width: 650px;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	line-height: 20px;
	margin: 0 auto;
	margin-bottom: 0px;
	margin-top: auto;
	padding: 10px;
	}

#spiffyness {
	background: transparent;
	width: 650px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	text-align: center;
	margin: 0 auto;
	padding: 3px;
	} /* --- This is the large font between content entries --- */

#footer {
	width: 100%;
	margin: 0 auto;
	height: 45px;
	background: url() #282828; /* feel free to edit this color */
	margin-top: 25px;
	}

	.footer-text {
		text-align: center;
		width: 450px;
		margin: 0 auto;
		font: 10pt "Times New Roman", "Times", serif;
		}

/* --- CUSTOMIZATIONS --- */
#content:hover {
	background: #323232;
	}

strong, b {
	color: #fff;
	}

i, em {
	color: #fff;
	}

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

a:hover {
	color: #ABD5B4;
	text-decoration: none;
	}

h1 {
	font: 24px "Times New Roman", Times, serif;
	color: #c1c1c1;
	text-transform: uppercase;
	border-top: 1px solid #c6c6c6;
	text-align: left;
	}