@charset "utf-8";
/* CSS resetting defaults */

body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
	margin: 0px; padding: 0px; border: 0px;	
}

body {
	font-family: Helvetica, Arial, sans-serif;
	background:url(../webimg/background.jpg) center top repeat-y;
	text-align: center; 
	color: #590606;
}

#page-wrap {
	background: url(../webimg/header.jpg) center top no-repeat;
}

#container {
	width: 0 auto;
	margin: 0 auto; 
	padding: 340px 0 0 0;
}

#header {
	margin: 0 0 10px 0;
}

#portfolio, #about {
	width: 800px;
	margin: 0 auto; 
	min-height: 380px;
}

#about {
	text-align:left;
}

#about p {
	padding-left: 20px;
	padding-top: 15px;
}

#about img {
	padding: 15px 20px 0 20px;
}

#contactme {
	padding-left: 160px;
}

#portfolio h2 {
	width: 192px; height: 57px; margin: 0 0 10px 0;
}

#portfolio ul {
	list-style: none;
}

#portfolio ul li {

}

.item {
	width: 355px;
	float: left;
	padding: 0px 0px 30px 0px;
	margin: 0 20px 20px 20px;
	border-bottom: 2px dotted #d6c7b9;	
}

.title, .role {
	text-align:left;
	display: block;
	font-family:Tahoma, Geneva, sans-serif;/*"Lucida Sans Unicode", "Lucida Grande", sans-serif;*/
}

.title {
	letter-spacing: 2px;
	margin-bottom: 0px;
	font-size: 1.26em;
}

.role {
	margin-bottom: 17px;
	font-size: 0.66em;
}

.sdetails {
	margin-left: 10px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style: normal;
	text-align:left;
	color: #590606;/*FFF;*/
}

.sdetails a, .sdetails a:hover {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style: normal;
	color: #590606;/*FFF;*/
	text-decoration:underline;
}

.ddetails {
	text-align:left;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#8e3a3a;/*999;*/
	font-style:italic;
	font-size: 0.76em;
}

#footer {
	background:url(../webimg/footer.jpg) center no-repeat;
	height: 257px;
	bottom:0px;
}

#footer p.copyright {
	/*clear: both;  /*The links above were floated, so clear the float on the copyright text */
	/*margin: 0 40px 0 0; /* Add a new float to the right and shift into place with some right margin */
	font-size: 11px; /* Style up the text */
	text-align:center;
}

#left {
	float:left;
}


/* A handy 'Clearfix' technique to clear floats in order to avoid affecting page elements further down the document */		
.clear:after {
	content: "";
	display: block; visibility: hidden; clear: both;
}

.clear { zoom: 1; clear:both}