/*COLOR GUIDE
Tan: #9e9065;
Ivory: #e3e1c5;
light-brown: #b9a894;
green: #78ad87; 
dark-grey: #666;
*/


body {
	font-family: verdana;
	font-size:11px;
	color:#e3e1c5;
	background-image: url(images/bg.jpg);
	background-repeat: repeat;
	background-color:#9e9065;
	padding: 0;
	margin: 1.25em 0;
	line-spacing: 30;
	line-height: 1.25em;
	margin-left: 0;
	margin-top: 0;
	text-align: left;
	
}


a:link {text-decoration:underline; color:#e3e1c5;}
a:visited {text-decoration:underline; color:#e3e1c5;}
a:hover {text-decoration:none; color:#e3e1c5;}

.thumb:link {
color:#b9a894; 
border-width:thin;}

.thumb:visited  { 
color:#b9a894; 
border-width:thin;}

.thumb:hover {
color:#b9a894; 
border-width:thin;}

#thumb {
	position: absolute;
	top: 400px;
	left: 180px;
	z-index: 6;
	text-align: justify;
}

H2 {
	font-family: trebuchet ms;
	letter-spacing: .3em;
	color: #78ad87;
}

img.right {
	border: solid 1px #9e9065;
	background-color: #b9a894;
	padding: 3px;
	margin: 0 0 5px 10px;
}


#container {
	width: 1016px;
	padding: 0;
	margin: 0;
}

/* HEADER IMAGE */
#header {
	background-repeat: no-repeat;
	background-image: url(images/header2.png);
	height: 188px;
	width: 1016px;
	margin-left: 0;
	margin-top: 0;
	z-index: 2;
	position: absolute;
}
/* HEADER END */

/* NAVIGATION IMAGE */
#nav {
	padding-top: 38px;
	height: 18px;
	width: 297px;
	margin-left: 473px;
	z-index: 3;
}
/* NAVIGATION END */

/* HELLO IMAGE */
#hello {
	background-repeat: no-repeat;
	background-image: url(images/hello.png);
	margin-top: 139px;
	margin-left: 142px;
	height: 443px;
	width: 687px;
	z-index: 1;
	position: absolute;
}
/* HELLO END */

/* BROWN IMAGE */
#brown {
	background-repeat: no-repeat;
	background-image: url(images/brownbg.gif);
	margin-top: 125px;
	margin-left: 142px;
	height: 566px;
	width: 686px;
	z-index: 1;
	position: absolute;
}
/* BROWN END */

/* WORKBG IMAGE */
#workbg {
	background-repeat: no-repeat;
	background-image: url(images/workbg.gif);
	margin-top: 125px;
	margin-left: 142px;
	height: 545px;
	width: 868px;
	z-index: 1;
	position: absolute;
}
/* WORKBG END */

/* =Display - Positions Content on Brown bg
   --------------------------------------------*/

.display {
	position: absolute;
	top: 155px;
	left: 360px;
	width: 600px;
	z-index: 6;
	color: #78ad87;
}

/* =Blog Display2 - Positions link to blog on blog.html
   --------------------------------------------*/
.display2 {
	position: absolute;
	top: 170px;
	left: 175px;
	width: 375px;
	z-index: 5;
	line-height: 1.35em;
	margin: 1.25em 0;

}

/* =News - Positions News.html
   --------------------------------------------*/
.news {
	position: absolute;
	top: 185px;
	left: 275px;
	width: 375px;
	z-index: 5;
	line-height: 1.25em;
	margin: 1.25em 0;

}

/* =Resume - Positions Resume on Right
   --------------------------------------------*/


.resume {
	position: absolute;
	top: 185px;
	left: 589px;
	width: 207px;
	z-index: 7;
	line-spacing: 1.1em;
}


/* =Portfolio Menu
   --------------------------------------------*/

ul#menu {
  position: absolute;
  top: 200px;
  left: 180px;
  width: 175px;
  list-style-type: none;
  border-top: dashed 1px #b9a894;
  margin: 0;
  padding: 0;
  z-index: 7;
}

ul#menu ol{
  display: none;
  text-align: left;
  list-style-type: none;
  margin: 0;
  padding: 5px;
}

ul#menu li, ul#menu a {
  font-family: verdana;
  font-size: 11px;
  color: #b9a894;
}

ul#menu li {
  border-bottom: dashed 1px #b9a894;
  line-height: 15px;
}

ul#menu ol li {
  border-bottom: none;
}

ul#menu ol li:before {
  content: "+ ";
  color: #78ad87;
}

ul#menu a {
  text-decoration: none;
  outline: none;
}

ul#menu a:hover {
  color: #78ad87;
}

ul#menu a.active {
  color: #78ad87;
}