/* used in all pages */
body { 
   color: #000; 
   font-size: 12px; 
   font-family: "Courier New", Courier, Monaco, monospace; 
   background: url('images/dkwood548.jpg') 50% 100px repeat; 
   text-align: center; 
   margin: 0; 
   padding: 0;
   overflow: scroll;
}
*html body {
	overflow: auto;
}
p {
   margin: 0;
}
td { 
   color: #000; 
   font-size: 12px;
   vertical-align: top; 
   z-index: 100px;
}
a {
   text-decoration: none;
   background-color: #E5FF06;
   color: black;
   outline: none;
}
a:hover {
   background-color: #00BFFF;
}
table {
   margin: 10px 50px 0px 60px;
   width: 550px;
   empty-cells: show;
   border-collapse: collapse;
}
.twoinch {
   padding-left: 50px;
   padding-bottom: 15px;
}
.oneinch {
   padding-left: 25px;
   padding-bottom: 15px;}
.bottomedge {
   margin-top: 10px;
}
/* text formatting for show titles */
.st {
   font-weight: bold;
}

/* -------------------------------------------------------- */

/* bio */
/* positions the maglite in bio */
.maglite {
   margin-top: 50px;
   margin-left: -20px;
}
.stapler {
   margin-top: 360px;
   margin-left: -10px;
   }
.biohead {
   padding-left: 50px;
}
/* indents the bio section */
.bio {
   padding-left: 9px;
}
/* aligns the page number to the right*/
.rt {
   text-align: right;
}
/* table headings for bio */
.uh {
   text-decoration: underline;
   padding-bottom: 15px;
}
.note2 {
   float: left;
   margin-left: 20px;
   margin-top: 20px;
   border-bottom: solid #EBECF4 2px;
}

a:hover .note2 {
   border-bottom: solid black 2px;
}

/* -------------------------------------------------------- */

/* current */
/* top table in current */
.cast {
   margin: 50px 50px 0px 60px;
   width: 550px;
   position: relative;
}
/* bottom table in current */
.bottom {
   margin: 0px 50px 0px 60px;
}
/* descriptions in .cast table */
.return {
   padding: 0px 0px 15px 40px;
   width: 300px;
} 
/* centers and underlines headings of tables in current */
.ctru {
   text-decoration: underline;
   padding-bottom: 15px;
   text-align: center;
}
/* just underlines */
.u {
   text-decoration: underline;
}
/* positioning the pencilsharpener */
.ps {
   margin-left: 120px;
   margin-top: -15px;
}
/* positioning the pencil */
.pencil {
   margin-left: 30px;
   margin-top: 50px;
   margin-bottom: 25px;
}
/* positioning the note */
.note {
   float: right;
   margin-right: 40px;
   margin-top: 20px;
   border-bottom: solid #EBECF4 2px;
}

a:hover .note {
   border-bottom: solid black 2px;
}

/* --------------------------------------------------------- */


/* experience */
/* ny table */
.nyc {
   margin: 40px 50px 0px 60px;
   width: 550px;
   position: relative;
   z-index: 50;
}
/* bottom border */
.bb {
   border-bottom: 1px black solid;
   padding-top: 10px;
}
.bb2 {
   border-bottom: 1px black solid;
}
/* centering */
.ctr {
   text-align: center;
}
/* positioning the email scribble */
.emailexp {
   float: right;
   margin-right: 20px;
   border-bottom: solid #ebecf4 2px;
}
a:hover .emailexp {
   border-bottom: solid black 2px;
   }
/* positioning the pencil leads */
.leads {
   float: right;
   margin-top: -5px;
   }
/* positioning the mechanical pencil */
.mechpencil {
   margin-top: 5px;
   margin-left: 40px;
}
.berlin {
   margin: 0px 50px 0px 60px;
   width: 550px;
   position: relative;
}


/* education */
/* positioning the eraser */
.eraser {
   float: left;
   margin-top: 0px;
   margin-left: 0px;
   z-index: 2;
}
/* positioning the postit note */
.emailed {
   float: left;
   margin-right: 0px;
   margin-top: 0px;
   border-bottom: solid #EBECF4 2px;
}
a:hover .emailed {
   border-bottom: solid black 2px;
}
/* positioning the leatherman */
.lman {
   float: left;
   margin-top: -28px;
   margin-left: 10px;
   z-index: 2;
}
/* positioning the minimaglite */
.minimag {
   float: right;
   margin-top: 0px;
   margin-right: 10px;
}

/* skills table (under stopwatch) */
.skills {
   position: relative;
   margin: 0px 50px 0px 60px;
   width: 550px;
   z-index: 3;
}
/* positioning the stopwatch */
.stopwatch {
   float: right;
   margin-top: -70px;
   margin-right: 20px;
   z-index: 2;
   }

/* major formatting stuff used in all */
#container {
   position: relative;
   margin: 0 auto;
   width: 772px;
   /* min-height: 880px; */
   text-align: left;
   margin-bottom: 10px;
}
#top {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 660px;
   height: 10px;
   background: #EBECF4;
   background-image: url('images/topleft.jpg');
   background-repeat: no-repeat;
   background-position: 0% 0%;  
}
*html #top {
	top: 10px;
}
#main {
   position: absolute;
   top: 10px;
   left: 0px;
   margin: 0px;
   width: 660px;
   /* min-height: 840px; */
   background: #EBECF4;
   background-image: url('images/leftedge288.jpg');
   background-repeat: repeat-y;
   background-position: 0% 80px; 
   padding-bottom: 0px;
}
*html #main {
	top: 20px;
}
#headshot {
   position: absolute;
   top: 111px;
   left: -7px;
   width: 292px;
   height: 346px;
   background-image: url('images/headshot.jpg');
}
*html #headshot {
	top: 121px;
}
#nav {
   position: absolute;
   top: 90px;
   left: 608px;
   width: 164px;
   height: 300px;
}

*html #nav {
	top: 100px;
}
	
#nav ul {
   list-style: none;
   margin: 0;
   padding: 0;
   }
#nav li {
   height: 50px;
   padding: 0px 0px 12px 52px;
   }
#nav a {
	background-color: transparent;
	}
#curact {
   background: url('images/curact.jpg') 0% 0% no-repeat;
}
#bioact {
   background: url('images/bioact.jpg') 0% 0% no-repeat;
}
#expact {
   background: url('images/expact.jpg') 0% 0% no-repeat;
}
#educact {
   background: url('images/educact.jpg') 0% 0% no-repeat;
}

#wdpostit {
	position: absolute;
	top: 450px;
	left: 660px;
	width: 112px;
	height: 198px;
	background: url(images/wdpostit.jpg) 0 0 no-repeat;
}

*html #wdpostit {
	top: 460px;
}

#wd {
	position: relative;
	top: 26px;
	left: 0px;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 87px;
	height: 72px;
}

*html #wd {
	left: 0px;
}

#wd li {
	margin: 0; 
	padding: 0;
	list-style-type: none;
	height: 72px;
}

*html #wd li {
	height: auto;
}

#wd a {
	float: left;
	padding: 0 0 0 87px;
	margin: 0;
	overflow: hidden;
	width: 0px !important; 
	width /**/:87px; /* for IE5/Win */
}

#wd a:hover {
	background-position: -87px 0;
}

#wd a:active {
	background-position: -87px 0;
}

#wdlink a{
	height: 72px;
	background: url(images/wdmo.jpg) top left no-repeat;
}