/* CSS
4/15/2008
the Other Jane Miller 
Refined version 2.2 for better doc flow and ie7 fix
for jane
by Design + Know-How www.savoir-faire.org
*/

body{ 
	background: #cccccc; /* gives light gray to the sides */
	height:100%;
	margin:0px;
	padding:0px;	
}

div {   /*for debugging 
	background-color: gray;   
 	border-style: dotted;
	border-width: 1px;*/
	} 
		
div#container { /* coantains all body divs */
	position: absolute; 
	top: 0px;
	left: 50%;
	padding: 0px 0px 30px 0px;
	margin: 0px 0px 0px -276px; /* (width/2) * -1  to keep div centered in window */ 
	width: 552px; 
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	background: #fff;
	border: none;
	}

/* -------------- Header ----------------------------------------------------- */

div#header {
	position: relative;
	top: 0px;
	left: 0px;
	width: 512px;
	height: 90px;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 20px 20px;
	border-bottom: 1px solid #999999;
	}
		
div#homebutton { /* a:link, a:visited target for link back to home off the logo gif */
	position: absolute;
	top: 0px;
	left: 0px;
	width: 150px;
	padding:0px;
	margin: 0px;
	}
div.navbutton img{ /* a:link, a:visited target for link back to home off the logo gif */
	position: relative;
	top: 0px;
	left: 0px;
	padding:0px;
	margin: 0px;
	border: none;
	}
div.navbutton a, a:link, a:visited{ /* a:link, a:visited target for link back to home off the logo gif */
	position: relative;
	top: 0px;
	left: 0px;
	padding:0px;
	margin: 0px;
	border: none;
	}
	
.navbutton a, a:link, a:visited {
	text-decoration: none;
	}
		
div#navcontainer { /* contains the targets on the top nav bar */
	position: absolute;
	top: 34px;
	left: 211px;
	width: 300px;
	height: 15px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	}
	
 div#printsbutton { /* target for link to print pages */
 	position:absolute;
	top:0px; 
	left: 28px;
	width: 42px;
	height: 12px; 
	display: block;
	}
	
div#instbutton { /* target for link to Installation cat pages */
 	position:absolute;
	top:0px; 
	left: 90px;
	width: 88px;
	height: 12px; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: block;
	}

div#ephemeralbutton { /* target for link to Object cat pages */
	position:absolute;
	width: 52px;
	height: 12px;
	top:0px; 
	left: 201px;
	display: block;
	}
	
div#biobutton { /* target for link to Bio cat pages */
	position:absolute;
	width: 24px;
	height: 12px;
	top:0px; 
	right: 0px;
	display: block;
	}

/* -------------- Thumbnails ----------------------------------------------------- */
	
div#thumbfield { /* contains the thumbnails images, position inline */	
	float: left;
	width:200px;
	padding: 0px;
	margin: 10px 0px 0px 20px;

	}
div#thumbbox {
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
}
	
div.thumbbutton { /* class for target for link/ or rollover JS effect */
	float: left;
	width: 80px;
	height: 80px;
	padding: 0px 0px 0px 0px;
	margin: 0px 20px 20px 0px;
	text-decoration: none; 
	}
		
div.thumbbutton img {
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	border: none;
	}		
			
/* -------------- Main text an stuff ----------------------------------------------------- */

div#mainbody {
	float: left;
	top: 0px;
	left: 0px;
	width: 310px;
	padding: 0px 0px 20px 0px;
	margin: 10px 0px 0px 20px;
	}
	
div#mainimagediv {
	position: relative;
	top: 0px;
	left: 0px;
	width: 310px;
	padding: 0px 0px 0px 0px;
	margin:0px;
	display: block;
	}

div#bioimagediv {
	float: left;
	position: relative;
	padding: 0px 20px 10px 0px;
	margin:0px;
	height: 180px;
	}
	
div#biotext {
	position: relative;
	top: 0px;
	padding: 0px;
	margin: 25px 20px 0px 20px;
	text-align: justify;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 9px;
	line-height: 14px;
	color: #666666;
	}
	
	
div#bodytext {
	position: relative;
	top: 0px;
	padding: 0px;
	margin: 25px 0px 0px 0px;
	text-align: justify;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 9px;
	line-height: 14px;
	color: #666666;
	}
	
div#bodytext h1 {
	text-align: left;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 9px;
	line-height: 11px;
	color: #c14103;
	
	}

div#bodytext a:link, a:visited {
	
	padding: 0px;
	margin-top: 0px;
	white-space: nowrap;
	text-decoration: none;
	text-align: left;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 9px;
	color: #666666;
	
}
div#cv { /* -- div ID -- */
	position: relative;
	top:0px; 
	left: 20px; 
	width:512px; 
	padding: 0px;
	margin: 0px;
	text-align: justify;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 9px;
	line-height: 14px;
	color: #666666;
	}
	
div#cv h1 {
	text-align: left;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 9px;
	line-height: 15px;
	color: #666666;
	}

table.cv {
	border-width: 1px 1px 1px 1px;
	border-style: hidden;
	border-color: gray gray gray gray;
	border-collapse: separate;
	border-spacing: 0px 0px;
	background-color: white;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 9px;
	line-height: 14px;
}
table.cv th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: hidden hidden hidden hidden;
	border-color: gray gray gray gray;
	background-color: white;
	/* -moz-border-radius: 0px 0px 0px 0px; */
}
table.cv td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: hidden hidden hidden hidden;
	border-color: gray gray gray gray;
	background-color: white;
	/* -moz-border-radius: 0px 0px 0px 0px; */
}

table.cv td.special {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 20px;
	border-style: hidden hidden hidden hidden;
	border-color: gray gray gray gray;
	background-color: white;
	/* -moz-border-radius: 0px 0px 0px 0px; */
}

div.cvBib {
	top:0px;
	position: relative;
	padding: 0px;
	margin-bottom: 0px;
	text-align: left;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 9px;
	line-height: 15px;
	color: #666666;
	}
div.table {
	margin-bottom: 20px;
}
div.contact{
	top: 0px;
	left: 0px;
	height: 15px;
	padding: 0px;
	margin: 0px;
}	
div.contact  a:link, a:visited {
	white-space: nowrap;
	text-decoration: none;
	text-align: left;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 9px;
	color: #c14103;
}
div.contact a:visited {
	white-space: nowrap;
	text-decoration: none;
	text-align: left;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 9px;
	color: #c14103;
}
	
div.contact a:hover{
	color: gray;
	text-decoration: none;
	}
	
/* -------------- sidebar ----------------------------------------------------- */

div#sidebar {
	float: left;
	position: static;
	left: 0px;
	width: 180px;
	padding: 0px;
	margin-top: 0px;		
}

div.sidetext {

	margin: 0px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 20px; /* amount sidebar extends down past last line of list */
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 9px;
	color: #ffffff;	
	}
	
div.sidetext ul  {
	position: relative;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	list-style-position: inside;
	}
	
div.sidetext li {
	padding: 0px 0px 1em 0px; /* the 1em is for vertical space between list iteams */
	margin: 0px;
	list-style-type: disc;
	}

div.sidetext a:link {
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 9px;
	color: #ffffff;
	text-decoration: none;
	}

div.sidetext a:visited{
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 9px;
	color: #ffffff;
	text-decoration: none;
	}	
div.sidetext a:hover {
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 9px;
	color: gray;
	text-decoration: none;
	}