* { margin: 0; padding: 0; }

html {
	text-align: center;
	background: #1c3b51 url('../images/background.png') repeat-x;
}

body {
	background: url('../images/floral.png') no-repeat left top;
	color: #e9ecee;
	padding-top: 40px;
	margin-top: 15px;
}

#master {
/*	border: 1px solid red; */
	width: 400px;
	margin: 0 auto;
	text-align: left;
}

p, form, ul { margin-bottom: 20px; padding: 0 10px; }
.item { margin-bottom: 20px; padding: 0 5px; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

#header {
	background: url('../images/header.png') no-repeat;
	width: 400px;
	height: 60px;
	text-align: right;
}
#header h1 a { display: block; float: left; width: 130px; height: 30px; }
#header h1 a span { display: none; }

#nav {
	color: #4d6170;
	font: 11px/19px Arial, Geneva, Helvetica, sans-serif;
	padding-top: 3px;
}
#nav a {
	color: #e4eaee;
	margin: 0 5px;
}
body#about #nav a#about,
body#resume #nav a#resume,
body#portfolio #nav a#portfolio,
body#contact #nav a#contact { text-decoration: underline; }

#content, #footer {
	font: 12px/20px Arial, Geneva, Helvetica, sans-serif;
	text-shadow: 1px 1px 1px #102230;
}

#content a { color: #bcd6eb; background-color: #102230; }

h2 {
	background-repeat: no-repeat;
	width: 400px;
	height: 90px;
	margin-bottom: -25px;
}
h2 span { display: none; }
h2#welcome { background-image: url('../images/h2welcome.png'); }
h2#goals { background-image: url('../images/h2goals.png'); }
h2#about { background-image: url('../images/h2about.png'); }
h2#resume { background-image: url('../images/h2resume.png'); }
h2#projects { background-image: url('../images/h2projects.png'); }
h2#portfolio { background-image: url('../images/h2portfolio.png'); }
h2#photos { background-image: url('../images/h2photos.png'); }
h2#illustrations { background-image: url('../images/h2illustrations.png'); }
h2#websites { background-image: url('../images/h2websites.png'); }
h2#writings { background-image: url('../images/h2writings.png'); }
h2#flash { background-image: url('../images/h2flash.png'); }
h2#education { background-image: url('../images/h2education.png'); }
h2#skills { background-image: url('../images/h2skills.png'); }
h2#tools { background-image: url('../images/h2tools.png'); }
h2#contact { background-image: url('../images/h2contact.png'); }
h2#error401 { background-image: url('../images/h2error401.png'); }
h2#error403 { background-image: url('../images/h2error403.png'); }
h2#error404 { background-image: url('../images/h2error404.png'); }
h2#error500 { background-image: url('../images/h2error500.png'); }

h3 {
	font: bold 11px Arial;
	padding: 0 10px 10px;
}

.col {
	width: 200px;
	float: left;
	padding: 0;
}
li {
	list-style: none;
	border-left: 1px solid #27455a;
	padding: 0 0 0 10px;
	margin: 0 0 10px 0;
	line-height: 15px;
}
.clear { clear: both; }

.flash {
	background-color: #2e526b;
	padding: 13px;
	border: 2px solid #47677e;
	color: #fff;
	margin: 0 5px 20px;
	font-size: 11px;
}
.err {
	background-color: #a50a1f;
	border-color: #d43e52;
	color: #fff;
}

.item a {
	color: #e4eaee;
	text-decoration: none;
}
.item a:hover { text-decoration: underline; }
.item a:hover img { border-color: #e4eaee; }
.item img {
	background-color: #000;
	border: 1px solid #27455a;
	padding: 10px;
}

form label, form input, form textarea { display: block; }
form input, form textarea {
	width: 360px;
	border: 2px solid #556c7d;
	background-color: #ccc;
	margin-bottom: 5px;
	padding: 4px 6px;
	color: #777;
	font: normal 11px Verdana;
}
form input.submit {
	text-align: center;
	margin: 20px auto 5px;
	width: 150px;
	height: 40px;
	border: 0;
	padding: 0;
}
form textarea { height: 200px; }
form input:focus, form textarea:focus { background-color: #fff; }
form input.err:focus, form textarea.err:focus { background-color: #bf2338; }

#footer {
	background: url('../images/hr.png') no-repeat center top;
	padding-top: 25px;
	margin-top: -5px;
	color: #748795;
	font-size: 11px;
	text-align: center;
}