@charset "utf-8";
/* CSS used for printing */

/* -------------------------------------------------- */
/* ===== GENERAL STYLES ============================= */
/* -------------------------------------------------- */
body {
	background: #fff;
	font: 62.5% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
}


/* -------------------------------------------------- */
/* ===== STRUCTURE + LAYOUT ========================= */
/* -------------------------------------------------- */
#navArea, .screenshot span.caption, #contactForm legend, #extraArea, #sitemeter { display: none; }
.aside { margin-bottom: 1em;	}


/* -------------------------------------------------- */
/* ===== HEADINGS =================================== */
/* -------------------------------------------------- */
h1 a {
	font-size: 1.6em;
	line-height: 1.4;
	border-bottom: 1px solid #000;
	text-decoration: none;
	display: block;
	color: #000;
}
h2 {
	font: 3.5em/1.8 "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: lowercase;
}
h3 {
	font: bold 1.5em/2 "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 0.1em;
}
p + h3, ul + h3 {
	margin-top: 1.5em;
}
h3 + table, div.aside + table {
	margin-top: 0.6em;
}


/* -------------------------------------------------- */
/* ===== TYPOGRAPHY ================================= */
/* -------------------------------------------------- */
p, ul.bullet { font: 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; }
ul.bullet li {	line-height: 1.3; }
p { line-height: 1.65; }
strong { font-weight: bold; }
em { font-style: italic; }
code { font: 0.9em "Courier New", Courier, monospace; color: #666; }
dl { font-family: "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif; }
dt {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.6;
	text-transform: uppercase;
	letter-spacing:	1px;
}
th { font: bold 1.3em "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif; }
td { font: 1.2em/1.2 "Trebuchet MS", Arial, Helvetica, sans-serif; }

.aside p, .aside dd { font: 1.1em/1.5 "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif; }
.aside dt {	font-size: 0.9em; line-height: 1.4; }
.caption { font: 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif; }


/* -------------------------------------------------- */
/* ===== MAIN ======================================= */
/* -------------------------------------------------- */
p, ul, ol, table, form, .screenshot {
	margin-bottom: 1.2em !important;
}
ul.bullet {
	margin-left: 20px;
	list-style-type: bullet;
}
	ul.bullet li {
		margin-bottom: 0.4em;
	}
.aside dl dt {
	margin: 0.2em 0;
}
table.tableBox {
	border-collapse: collapse;
	border-top: 2px solid #8cbb00;
	border-bottom: 2px solid #8cbb00;
}
	.tableBox th, .tableBox td {
		border-bottom: 1px solid #ade600;
		padding: 0.5em 1em;
	}
.caption {
	display: block;
}


/* -------------------------------------------------- */
/* ===== MISC ======================================= */
/* -------------------------------------------------- */

/* homepage */
body#homePage h1 { font: 1.8em "Trebuchet MS", Arial, Helvetica, sans-serif; }
body#homePage dl { margin: 1.2em 0; }
body#homePage dt { font-size: 1.6em; }
body#homePage dd { font-size: 1.4em; line-height: 1.6; }

/* work */
.projectArea {
	margin-bottom: 2em;
}
.project {
	padding-bottom: 1em;
}
	.project h3.projectTitle {
		padding-top: 0.8em;
	}
		.screenshot img {
			width: 300px;
			border: 1px solid #000;
			padding: 2px;
			background: #fff;
		}
	dl.specList dd {
		font: 1.2em/1.6 "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
		margin-right: 2em;
		background: url(../images/bullet.gif) 0 50% no-repeat;
		padding-left: 1em;
	}

/* about */
img.profilePic { 
	margin-top: 0.5em;
	border: 1px solid #666;
	padding: 2px;
	background: #fff;
}

/* contact form */
#contactForm { font-size: 1.3em; }
#contactForm input, #contactForm textarea { display: block; margin-top: 0.3em; }
#contactForm li { margin-bottom: 1.2em; }

/* copyright */
#copyright { font: 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: right; border-top: 1px solid #000; }