html, body,* html .container  {height: 100%;}

body {background:#000; color: #000; font-family: 'Covered By Your Grace', arial, serif; margin: 0;}
a {color: #000}
a:hover {color: #0082B8; text-decoration: underline}


.container {width: 960px; margin: 5px auto; background: #fff; padding:10px;}
#header, #content,#footer  {float: left; width: 100%;}

#header h1  { color:#000;margin-top: 20px; font-size: 56px; font-weight: normal; margin-bottom: 10px; text-transform: uppercase; float: left; margin-right: 30px;}
#header h3 { font-size: 24px; color: #000; float: right; font-weight: normal;}


#content {margin-bottom: 20px;}

#footer h2 {font-weight: normal;font-size: 28px; margin: .2em 0;}

.clearfix:after {
	clear: both;
	content:' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}