/* Start fresh */
html, body, p, h1, h2, h3, ul, li { margin: 0; padding: 0; }
ul { list-style-type: none; }
html { font-size: 100%; }

/*----- Layout --------*/
h1 {
	font-size: 1em;
	line-height: 1em;
	height: 15.2em;
	text-indent: -9999em;
	background: url(/images/AC_logo.png) 5em center no-repeat;
	margin-bottom: -1.5em;
}
p { margin: 0 0 .5em; }
#about { width: 30em; margin: 0 6em 7em 5em; }
#portfolio, #contact, #copyright { position: absolute; left: 43em; width: 20em; }
#contact { top: 4em; }
#portfolio { top: 12em; }
#copyright { 63.5em }
#me-on-the-web { margin-left: 5em;}
#me-on-the-web li { display: inline; }	
	
/*----- Typography -----*/
body { font: .9em/1.2em helvetica; text-transform: lowercase; }
h2 { font-size: 1.6em; line-height: 1.9em; }
#about p { font-size: 1.3em; line-height: 1.8em; }
#email { font-size: 2em; }
#copyright { text-align: right; }
#me-on-the-web { text-align: left; }
p#copyright, #me-on-the-web li { font-size: .8em;}

/*----- Colors, backgrounds & borders -------*/
body {
	font: .9em/1.2em helvetica;
	background: #fff url(/images/background.png) repeat-x;
	color: #333;
	text-transform: lowercase;
}
a { color: #c4eed1; }
a:hover { color: #f2a73d; }
#me-on-the-web a, #copyright a, #copyright { color: #555; }