html, body, h2, h3 {
	color: #B9A586;
}

html, body {
	padding: 0;
	margin: 0;
	background-color: #000;
	font-family: Arial, Helvetica, Freesans, Sans-serif;
	font-size: 14px;
}

body {
	text-align: center;
}

#starfield1 {
	background-attachment:fixed;
	background-image:url("gfx/stars.png");
	background-repeat:repeat;
	*background-image: url("gfx/pixel.gif"); /* IE6 does not support parallax */
}

#starfield2 {
	background-attachment:fixed;
	background-image:url("gfx/stars2.png");
	background-repeat:repeat;
	*background-image: url("gfx/pixel.gif"); /* IE6 does not support parallax */
}

h1 {
	color: #000;
}

h2 {
	padding-top: 30px;
}

#header fieldset, #content fieldset, #footer fieldset {
	width: 800px;
	margin: 0 auto;
	padding: 30px 0;
	text-align: left;
	border: 0;
}


#header, #footer {
	background-color: #003F77;
}

#footer {
	cursor: pointer;
}

#content p {
	padding-right: 210px;
}

#me {
	padding-top: 14px;
}

/* IE6 transparent png hack */
#header img, #footer img {
	*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/logo.png', sizingMethod='image');
	*display: expression(this.src = 'gfx/pixel.gif');
}

a {
	color: #003F77;
}

a:hover {
	text-decoration: none;
}

.row {
	display: block;
	clear: both;
	overflow: hidden;
}

.project {
	padding: 0 0 20px 0;
	margin: 0;
	clear: both;
	display: block;
	overflow: hidden;
}

.project img {
	border: 1px solid #777;
	display: block;
	margin: 10px 0;
	padding: 0;
}

.project div {
	padding: 5px 0px 0px 20px;
}

.project p {
	width: 280px;
}
	
.column {
	float: left;
}

.right {
	float: right;
}


h3 {
	padding: 3px 0 0;
	margin: 0 0 14px;
}

#content canvas {
	float: left;
}