body {
	background:#003300;
}
#wrapper {
	background-image: url(../images/water_bg.jpg);
	background-color: #003300;
	background-attachment: scroll;
	background-repeat: no-repeat;
}
/* headline and date classes for permalinks */
	

.headline {
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:14px;
	color:#99cc66;
}
.date {
	font-family:Arial, Helvetica, sans-serif;
	color:#99cc66;
	font-size:11px;
}
/* --------- */


/*was trying to get these to work for element descriptions. but maybe you'd prefer to use tables... */

.elementDescription {
	margin-left:20px;
	margin-right:10px;
	float:right;
}
img.element {
	margin-left:0px;
	margin-right:0px;
	float:left;
}
/* --------- */
	


.padTop {
	padding-top:10px;
}
/* link class exclusively for 'read more' links or any other links meant to view more content  */


a.readMore {
	font-size: 14px;
	border: 10px 0px 10px 0px;
}
/* both are for project pages. headline works both in detail and listing. lead in is for the first paragraph bolding in detail */


.projectHeadline {
	font-size: 14px;
	text-ailgn: left;
	color:#f3e8b4;
}
.projectLeadIn {
	font-weight:bold;
	font-size: 14px;
}
/* project listing had a different style from the rest of the page in the comps so here it is in style sheets */	

.projRightColumns {
	color:#CCCCCC;
}
a.projRightColumns {
	text-decoration:underline;
	color:#99cc66;
}
a.projRightColumns:hover {
	text-decoration:underline;
	color:#f3e8b4;
}
.project {
	outline-width: 1px;
	outline-style: solid;
	outline-color:#336600;
}
/* --------- */



/* dock - top  -----this belonged to the dock example that is in the site folder. if you can figure out how to use this shite */
.dock {
	position: relative;
	height: 50px;
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 50px;
	background: url(../images/dock-bg2.gif);
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 109px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
	left: 331px;
}
.dock-item img {
	border: none;
	margin: 5px 10px 20px;
	width: 100%;
}
.dock-item span {
	display: none;
	padding-left: 20px;
}