@font-face {
	font-family:Luxi;
	src:local("Luxi Sans"), url("/luxisr.ttf");
}

@font-face {
	font-family:Karat;
	src:local("Karat Medium"), url("/karat.ttf");
}

* {
	margin:0;
	padding:0;
}

html {
	background:#000;
	color:#fff;
	font-family:"Luxi Sans", Luxi, "Lucida Sans", "Bitstream Vera Sans", "Trebuchet MS", sans-serif;
	font-size:11px;
}

#main {
	margin:15px auto;
	width:780px;
	padding:10px;
	background:#111;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

.header {
	text-transform:lowercase;
	height:25px;
}

h1 {
	font-size:1.4em;
	font-weight:normal;
	font-family:"Karat Medium", Karat, "Luxi Sans", Luxi, "Lucida Sans", "Bitstream Vera Sans", "Trebuchet MS", sans-serif;
	float:left;
	color:#666;
}

h1 a {
	font-size:1.4em;
	text-shadow:1px 1px 1px #444;
	padding:2px 5px;
	text-decoration:none;
	color:#fff;
}

.header .nav {
	float:right;
}

.header .nav ul {
	list-style:none;
	padding:7px 0;
}

.header .nav li {
	display:inline;
}

.header .nav a {
	text-decoration:none;
	color:#fff;
	padding:5px 10px;
	background:#000;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.header h1 a:hover, .header h1 a:last-child {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#2fc2ef;
	text-shadow:2px 2px 2px #111;
}

.header .nav a:hover {
	background:#2fc2ef;
	text-shadow:2px 2px 2px #111;
}

#content {
	font-size:1.05em;
	padding:10px;
}

h2, h3, p, dl, #content ul {
	margin:10px 0;
	line-height:1.8em;
}

#content ul {
	list-style:none;
}

.cv h3, .cv p, .cv dl, .cv ul {
	margin-left:40px !important;
	margin-right:40px !important;
}

.cv ul {
	margin:0 40px !important;
}

.cv li {
	line-height:1.4em !important;
	margin:10px 0 !important;
}

.cv .date {
	color:#888;
}

#content h2 {
	font-size:1.4em;
	font-weight:normal;
	text-shadow:1px 1px 1px #444;
}

#content h3 {
	font-size:1.3em;
	font-weight:normal;
	text-shadow:1px 1px 1px #444;
}

dt {
	font-weight:bold;
	float:left;
	clear:left;
	display:block;
	width:80px;
}

#content a {
	color:#2fc2ef;
	text-decoration:none;
}

#content a:hover {
	text-decoration:underline;
}