/* Zero-Out */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
	}
del {
	text-decoration: line-through;
	}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

/* ===============Global Styles ==================*/

body {
	background-color: #fff;
	font-size:80%;
	color: #000;
	font-family: lucida sans unicode, Verdana, Tahoma, Arial, Helvetica, sans-serif;
	padding: 0;
	border: 0;
	width: 100%;
	line-height: 2em;
	}
	
#container {
	position: relative;
	margin: 0 auto;
	width: 816px;
	background-image: url('Site Graphics/horizShadowBorder.gif') repeat-y;
}

#leftcolumn {
	position: absolute;
	width: 10em;
	background-color: #fff;
	height: 80em;
	margin: 1em 0 0 0;
	}
	
#content {
	position: absolute;
	margin-left: 12.8em;
	margin-right: 2em;
	margin-top: 1em;
	width: 500px;
	height: 728px;
	}
	
body#home #content{
	background: url('Site Graphics/homepage_bg.jpg') no-repeat;
	}
	
h2#pagetitle {
	font-size: 200%;
	padding: 3px 0 5px 0;
	border-bottom: 1px dotted #c0c0c0;
	margin: 0 0 .3em 0;
	font-weight: normal;
	}

h3.pagesubtitle {
	margin: 0 0 5px 0;
	padding: 0;
	border: 0;
	color: #60BCCA; /*#E0699C some sort of pink */ 
	font-size: 150%;
	}	
	
h4 {
	margin: 0;
	padding: 0;
	border: 0;
	color: #000; /*#E0699C some sort of pink */ 
	font-size: 110%;
	font-weight: bold;
	}
	
a:link {
	color: #BD4D87;
	text-decoration: none;
	border: 0;
	}

a:visited {
	color: #D9AEE1;
	border: 0;
	text-decoration: none;
	}
	
a:hover {
	border-bottom: 1px dotted #92EBA7;
	color: #92EBA7;
	}
	
a:active {
	color: #BD4D87;
	border: 0;
	text-decoration: none;
	}

/* ==============Secondary Inner Structure============== */

body#body_bio .biopic {
	float: right;
	padding: 0;
	margin: 50px 0 0 0;
	}

body#body_bio .biopic img {
	border: 1px solid #60BCCA;
	}

ul.thumbnails {
	padding: 0 0 1em 0;
	margin: 0;
	width: 42em;
	}

ul.thumbnails li {
	list-style: none;
	display: inline;
	padding: 0;
	}

ul.thumbnails li img {
	border: 1px solid #60BCCA;
	padding: 1px;
	margin: 4px;
	}
	
#body_resume #backgroundresume {
	background-color: #fff;
	padding: 8px;
	border: 1px solid #60BCCA;
	margin: 0 0 10px 0;
	}
	
#body_resume #designcontainer {
	width: 30em;
	padding: 0 10em 0 0;
	margin: 0;
	}
	
#body_resume #skillbox {
	position: relative;
	float: left;
}

#body_resume #softwarebox {
	position: relative;
	float: right;
}

#body_resume #actionbuttons {
	position: relative;
	float: right;
	margin-right: 40px;
	}

#body_resume #resumebox {
	position: relative;
	clear: both;
	padding: 1.5em 0 10px 0;
}

#body_resume #resume li {
	padding: 0 0 5px 0;
	}
	
#body_resume ul.resumebullets {
	line-height: 1.8em;
	margin: 5px 5px 0 20px;
	}
	
#body_resume ul.resumebullets li {
	list-style-type: disc;
	padding: 0 0 15px 0;
	}
	
/*this is to hide print styles from online styles*/
h1.printresumehed {
	display: none; 	
	}

body#body_bio ul.exhibitions {
	margin-left: 0;
	padding-left: 13px;
	width: 60%;
	list-style-type: disc;
	padding: 0 0 10px 0;
	}

body#body_bio #showings {
	font-size: 120%;
	margin: 10px 0 -8px 0;
	color: #666666;
	}

p.prose {
	font-size: 90%;
	line-height: 155%;
	padding: 10px;
	width: 38em;
	color: gray;
	border: 1px solid gray;
	line-height: 2em;
	margin: 10px 10px 15px 20px;
	}
p.descriptions {
	width: 40em;
	margin: 0 0 5px 0;
	}

p.descriptions a {
	font-size: 120%;
	font-weight: bold;
	}

#body_con .middleinfo {
	position: absolute;
	display: block;
	top: 4em;
	color: lime;
	font-size: 200%;
	line-height: 110%;
	}
	
/*this is an icon to show outside link*/	
.external {
	background: url('Images/externallink.gif') no-repeat right top;
	padding-right: 10px;
	}
/*this is an icon for print*/	
.printicon {
	background: url('Images/printicon.gif') no-repeat right top;
	padding-right: 10px;
	}
/*standard highlight for anything in site*/
span.highlight {
	background-color: #FDEEDB;     /*#E1FBE8;*/
	}

/* ==============Masthead======================== */

h1#myname {
	text-align: center;
	padding: 0;
	margin: 0 6px 0 2px;
	width: 4.5em;
	color: #60BCCA;
	font-size: 25px;
	font-weight: normal;
	letter-spacing: 1px;
	}

h2#tagline {
	color: #fff;
	padding: 3px 0 0 0;
	margin: 0;
	font-size: 16px;
	text-align: center;
	font-weight: normal;
	letter-spacing: 1px;
	}

span#spotcolorgreen {
	color: #92EBA7;
	}

span#spotcolorblue {
	color: #60BCCA;
	}

#topleftcolorbox {
	color: #60BCCA;
	border: 2px solid #60BCCA;
	background-color: #000;
	width: 120px;
	height: 75px;
	padding: 8px;
	}

span#firstname {
	padding: 0 0 0 2px;
	}
	
/* ========================Nav======================= */

#leftnav {
	list-style-type: none;
	padding: 0px;
	margin: .4em 0 0 .20em;
	width: 10.6em;
	background-color: transparent;
	float: left; /*contains floated list items */
	}

#leftnav li {
	margin: 0;
	padding: 0;
	border: 0;
	float: left; /* this corrects the */
	width: 100%; /*IE whitespace bug */
	/*background-color: #D4E9E6; OR #EBF4F2  or #621313 */
	}

#leftnav a {
	display: block; /* to increase clickable area as a's default to inline */
	text-decoration: none;
	color: #000000;
	background-color: #60BCCA;
	padding: 0 15px 0 15px;
	line-height: 2.5;  
	border-bottom: 1px solid #fff;
	}

#leftnav #leftnav_con a {
	border: none;
	}

#leftnav a:hover {
	background: #ACD7DF;
	color: #fff;
	font-weight: bold;
	}

#body_hom #nav_hom a,#body_illus #nav_illus a,
#body_paint #nav_paint a,#body_design #nav_design a,
#body_bio #nav_bio a,#body_con #nav_con a {
	background-color: #92EBA7;
	font-weight: bold;
	color: #fff;
	} 
	
/* =====================Social Bar======================== */

#social {
	list-style-type: none;
	display: block;
	padding: 1em 0 0 0;
	margin: 1.5em 0 0 1em;
	clear: left;
	}

#social li {
	margin-bottom: .4em;
	border: 0;
	}
	
#social li a{
	text-decoration: none;
	border: 0;
	}
	
/* =========================Footer=============================== */

#footer {
	color: #666666;
	text-align: center;
	border-top: 1px dotted #666666;
	}
/*contact*/
#body_con #footer {
	color: #666666;
	text-align: center;
	border-top: 1px dotted #666666;
	position: relative;
	top: 40em;
	}
/*home page*/	
body#home #content #footer {
	position: absolute;
	top: 730px;
	padding: 0 0 0 20px;
	color: #666666;
	}