body {
	font-family:"Courier New", Courier, monospace;
	font-size:.85em;
	color:#FFCC00;
	background:#333333;
	margin:0;
	padding:0;
}

body * {
	padding:0;
	margin:0;
}

p {
	padding:.5em;
}

#wrapper {
	/*background:url(img/scallop.gif) right repeat-y;*/
	position:absolute;
	padding-top:2em;
	padding-left:2em;
	padding-right:200px;
}

#header {
	font-weight:bold;
	font-size:1.15em;
}

#header h1 {
	margin:.5em 0 .5em 0;
}

ul {
	list-style:none;
}

a {
	color:#FFFF99;
	text-decoration:none;
}


img {
	border:none;
}

#mainContent {
	clear:both;
	width:774px;
	padding-bottom:150px;
}

.projectSummary, .infoSection {
	padding:10px;
	margin:15px;
}

ul.projectSummary {
	width:312px;
	float:left;
	border:2px solid #FFCC00;
}

ul.projectSummary li {
	margin:.5em 0 0 0;
	text-align:justify;
}

.infoSection {
	width:624px;
}

#aboutMe, #currently {
	width:312px;
	float:left;
}

#aboutSite {
	clear:both;
}

#footer {
	clear:both;
}

/*style the navigation*/
#navigation li {
	display:block;
	float:left;
	text-align:center;
	padding:20px;
	color:#FFFF99;
}

.navSub {
	font-size:.85em;
}

.navTitle {
	font-size:2em;
	font-weight:bold;
}

.active {
	background:url(img/transYello.png);
}

.flickr_badge_image {
	float:left;
	height:67px;
	overflow:hidden;
}

/*style the contact form*/
#form-div fieldset {
	border:1px solid #666666;
	margin:1em;
	padding:1em;
}

#form-div input {
	margin-bottom:.5em;
}

#siteLink {
	display:block;
}

.projectContent p {
	margin:1em;
}