/*////////////////////////////////////////////////////////////////////
 
	Screen Styles
	Jonathan's Website

////////////////////////////////////////////////////////////////////*/

* {
	margin: 0;
	padding: 0;
	}
	
body {
	margin: 2em;
	padding: 2em;
	font: 62.5%/1.4 "Helvetica Neue", Helvetica, sans-serif;
	color: #333;
	}

a:link, a:visited {
	color: #00AEDB;
	text-decoration: underline;
	}
	
a:hover, a:active {
	color: #000;
	text-decoration: underline;
	background-color: #FFFCDF;
	}

a img {
	border: 0;
	}
	
img {
	vertical-align: bottom;
	}

p, dl, ol, ul {
	margin-bottom: 1em;
	}
	
li, dt {
	margin-bottom: .5em;
	}
	
em {
	font-style: normal;
	}

/*////////////////////////////////////////////////////////////////////
	Layout
////////////////////////////////////////////////////////////////////*/

#container {
	margin-bottom: 2em;
	padding: 1em;
	font-size: 1.1em;
	background-color: #fff;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	}
	
h1 {
	font: bold 8em/1 "Helvetica Neue", Helvetica, sans-serif;
	color: #000;
	}
	
h2 {
	}
	
	
/*////////////////////////////////////////////////////////////////////
	Float Fix
////////////////////////////////////////////////////////////////////*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */