body{
	background:#330000;
}

#wrapper {
	background-image: url(../images/fire_bg.jpg);
	background-color: #330000;
	background-attachment: scroll;
	background-repeat: no-repeat;
}

div.alignLeft {
	text-align:left;
}

/* 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;
}