* {
	margin: 0;
}

html, body {
	height: 100%;
	background: #202020;
}

.siteHeader {
	background: url("../images/hexBanner.png") no-repeat center center;
	height: auto;
	padding: 25px 0px 25px 0px;
	border-bottom: 4px solid #cc0066;
}

	.siteHeader img {
		display: block;
		margin: auto;
	}

	#myPersonal {
		font-size: 72px;
		margin: auto;
		text-align: center;
	}

	.siteHeader h1 {
		font-family: 'Open Sans', sans-serif;
		letter-spacing: 4px;
		font-weight: 700;
		font-size: 72px;
		color: #080808;
	}

	.siteHeader h2 {
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
		letter-spacing: 4px;
		font-size: 36px;
		color: #080808;
	}

.mainContainer {
	width: 60%;
	min-height: 100%;
	margin: 0 auto -50px;
	border-left: 4px solid #cc0066;
	border-right: 4px solid #cc0066;
	background: #e5e5e5;
}
	
	.mainContainer p {
		margin: 10px;
	}
	
	.centerHeader {
		height: auto;
		background: #0264a0;
		border-bottom: 4px solid #cc0066;
		text-align: center;
		cursor: pointer;
	}
	
		#art, #twit, #blog, #linked, #design, #home {
			font-family: 'Roboto Condensed', sans-serif;
			font-weight: 400;
			font-size: 24px;
			padding: 10px;
			width: auto;
			display: inline-block;
			margin-left: 20px;
			margin-right: 20px;
		}
		
		.centerHeader a {
			text-decoration: none;
			color: #080808;
		}
		
		.centerHeader a:visited {
			color: #080808;
		}
		
		.centerHeader a:hover {
			color: #cc0066;
		}
		
.siteFooter, .push {
	height: 50px;
}

.siteFooter {
	margin: 0 auto;
	width: 60%;
	text-align: center;
	border: 4px solid #cc0066;
	background: #e5e5e5;
}

	#copyright {
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		height: 50px;
		line-height: 50px;
	}
		
/* MOBILE ONLY CSS ELEMENTS */
.mobileContainer {
	width: 99%;
	min-height: 100%;
	margin: 0 auto -50px;
	border-left: 4px solid #cc0066;
	border-right: 4px solid #cc0066;
	background: #e5e5e5;
}

.mobileFooter {
	margin: 0 auto;
	height: 50px;
	width: 99%;
	text-align: center;
	border: 4px solid #cc0066;
	background: #e5e5e5;
}