﻿/* CSS Document */
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;
}

/* Main Outer Structure */
body {
	background-color: #fff;
	font-size:80%;
	color: #000;
	font-family: lucida sans unicode, Verdana, Tahoma, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	border: 0;
	width: 100%;
	background-image: url('Site Graphics/homepage_bg.jpg');
	background-repeat: no-repeat;
	background-position: 65px 12px;
	}
	
#leftcolumn {
	position: absolute;
	top: -1px;
	width: 14em;
	background-color: #fff;
	height: 80em;
	margin: 1em 0 0 1em;
	}
	
#content {
	margin-left: 16em;
	margin-right: 2em;
	margin-top: 1em;
	}
	
img {
	border: 0;
	padding: 0;
	margin: 0;
	}
	
/* Secondary Inner Structure */

.biopic {
	float: right;
	padding: 0;
	margin: 50px 0 0 0;
	border: 1px solid #c0c0c0;
	}
	
#content {
	width: 60%;
	line-height: 160%;
	}
	
h1, h2, h3 {
	margin: 0;
	padding: 0;
	border: 0;
	color: #000;
	}
	
	
/* Styling */

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;
	}

#leftnav {
	list-style-type: none;
	padding: 0px;
	margin: .4em 0 0 .25em;
	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_graphic #nav_graphic a,
#body_bio #nav_bio a,#body_con #nav_con a {
	background-color: #92EBA7;
	font-weight: bold;
	color: #fff;
	} 
	
#social {
	list-style-type: none;
	display: block;
	padding: 1em 0 0 0;
	margin: 1.5em 0 0 1em;
	clear: left;
	}
	
#social li {
	margin-bottom: .5em;
	border: 0;
	}
	
ul.exhibitions {
	margin-left: 0;
	padding-left: 13px;
	width: 50%;
	}
	
#showings {
	font-size: 120%;
	margin: 10px 0 -8px 0;
	color: #666666;
	}
	
h2#pagetitle {
	font-size: 200%;
	padding: 3px 0 5px 0;
	border-bottom: 1px dotted #c0c0c0;
	margin: 0 0 .3em 0;
	}
		
h3#pagesubtitle {
	margin: 0 0 -5px 0;
	padding: 0;
	border: 0;
	}
	
p.prose {
	font-size: 85%;
	line-height: 140%;
	padding: 0 30px 0 30px;
	width: 45em;
	color: gray;
	}
	
#leftnavsubhead {
	padding: 8px 0 0 0;
	}
	
#footer {
	color: #666666;
	text-align: left;
	position: relative;
	top: 48.5em;
	}