@import url('reset.css');
@import url('color.css');
@import url('type.css');

body {text-align: left;}
h3 {margin-top: 1em;}

/* =navigation */
#nav-main {text-align: right; padding: 8px 2.5em 7px 0; position: relative; top: 140px;}
#nav-main li {display: inline; padding: 0;	margin: 0 0 0 2em;}

#branding {text-align: left; height: 60px; width: 650px; padding: 0.2em 0 0 0; margin: 33px auto;}
	#branding a {display: block; height: 110px;}

#content {padding: 0 10px;position: relative; margin: 30px auto; min-height: 450px; min-width: 460px; width: 650px;}

#content-main {float: left; margin:0; padding: 0 0 0 0; width: 66%;}
	.blog-post p {padding: 0.5em 0;}

	
#portfolio {clear: both;}
	#portfolio li h3 {padding-bottom: 0.5em;}
	#portfolio li ul li {display: inline; margin: 0.5em;}
	#portfolio > li {padding: 10px 0 0 0;}

.project {width: 49%;float: left; padding-top: 1em; margin: 9px 1px;}
	.project p {margin: 1em 0;padding-bottom: 1em;width: 90%;}

.hresume p, .hresume address, .hresume ul, .hresume ol {padding-left: 1em;}
	.vcard span {display: block;}
	.vcard .adr span {display: inline;}
	.vevent {margin: 0.5em 0;}
	.degree {display: block;}
	
#sidebar {float: right; width: 33%; padding: 10px 0 0 0;margin-top: 24px;}

	#sidebar ul {margin: 1em 0 1em 0;padding: 0 0 1em 0;}
	.content-resume li {display: inline;}
	.content-library li {float: left; margin: 10px;}
	
#footer {clear: both;margin: 50px 0; text-align: center;}
#footer p {padding: 45px 0 10px 0;}