body {
	font-family:'Noto Serif', serif;
	margin:0;
	background:#DDD;
}

a {
	color:#000;
	text-decoration:underline;
}

a:hover {
	text-decoration:underline;
	color:#333;
}

h1,
h2, 
h3, 
h4 {
	padding-left:10px;
}

h1 {
	font-weight:100;
	font-style:italic;
	font-size:50px;
	margin-bottom:0;
}

h2 {
	font-weight:400;
}

h3 {
	font-weight:100;
}

h4 {
	display:inline;
	font-weight:200;
	color:#F00;
}

p {
	padding:0 10px;
	line-height:30px;
}

p.sub {
	text-align:right;
	background:#CCC;
	font-size:10px;
	font-style:italic;
	font-weight:100;
	margin:0;
	text-decoration:none;
}

p.sub a {
	color:#000;
}

ul {
	list-style-type:none;
}

li {
	display:inline;
	background:#CCC;
	margin:1px;
	padding:3px;
	font-size:14px;
	line-height:26px;
}

header {
	position:fixed;
	margin:0 auto;
	width:750px;
	height:30px;
	line-height:30px;
	background:#FFF;
	font-weight:900;
	padding:0 25px;
	color:#474747;
	border-bottom:1px solid #CCC;
}

nav {
	position:relative;
	top:-30px;
	left:100px;
	border-left:1px solid #CCC;
}

nav a {
	margin-left:0px;
	color:#333;
	font-weight:100;
	font-size:14px;
	color:#666;
	text-decoration:none;
	padding:0px 12px;
}

nav a:nth-child(4),
nav a:nth-child(5) {
	position:absolute;
	top:0;
	font-weight:200;
	background:#CCC;
}

nav a:first-child {
	margin-left:10px;
}

nav a:nth-child(4) {
	right:134px;
}

nav a:nth-child(5) {
	right:75px;
}

section {
	top:0px;
	width:802px;
	height:100%;
	margin:auto;
	border:1px solid #CCC;
	background:#FFF;
	padding-bottom:100px;
	display:none;
}

section:first-child {
	padding-bottom:0;
	display:block;
}

#resume {
	position:absolute;
	display:none;
	top:30px;
	left:0;
	width:100%;
	height:100%;
}