body { background-color: #6666cc; 
	color: #000000;
	font-size: 12px; 
	font-family: helvetica, arial, sans-serif;
}
img {border: 0 none}
h1, h2, h3 {color: #FF9900}
h1 {border-bottom: solid 1px #9999CC;
	margin: 0 0 8px 0;
	font-size: 20px;
	font-weight: normal;
	position: relative;
}
h1 img, h1 span, h1 em {
	position: relative;
	bottom: -7px;
	vertical-align: bottom}
h1 .note {font-size: 12px;
	color: #fff;
	margin-left:30px;
	bottom:0;
	height: 2em;
	font-style: normal;
}
h2 {font-size: 120%}
h3 {font-size: 110%}
h4 {font-size:100%;
	font-weight: normal;
	margin: .25em 0}
blockquote {font-style: italic}
/********* links *******/
a { text-decoration: none }
a:link {color: #000000}
a:visited {color: #222222}
a:hover  { text-decoration: underline }
a:active {}

/******* classes used throughout site *******/
.copyright {margin: .25em 0;
	font-family: Garamond, Times, serif;
	font-size: 92%}

/******* typical page container *******/
#maincontent { width: 560px;
	/*margin: 40px auto 0 auto ;*/
	left: 50%; overflow: hidden; position: relative; margin: 40px -280px 0;
	/*text-align: left;*/
}
#web #maincontent,
#print #maincontent { width: 640px;
}

/******* all rollover images get this class *******/
.rollover {}
/* navigation with rollover images on front page */
.frontnav {text-align: right}
.frontnav li{display: inline}

/******* all links to open in new window get this class *******/
.separatepage {}

/******* main site navigation *******/
#nav { position: relative; 
	width: 54em;
	left: 50%;
	margin: 0 -27em; 
	padding: .5em 0; 
	display: block;
	font-size: 11px;
	color: #fff;
	text-align: center }
#nav a {display: inline;
	margin: 0 0.3em;
	padding: 0;
	color: #FFF}

.currpg {display: none}


/******** image gallery *******/
/* commented out items in the next two definitions work well
   except in ie windows. mozilla does not like inline-block,
   so this is the best i can do */
dl.imagelist {list-style-type: none;
	display: block;
/*	float:right;*/
text-align: right;
	margin: 0;
	padding:0 0 14px 0;
/*	clear: right; */
}
.imagelist dt {/*float:left;*/ display: inline;
	padding: 0px;
	margin:0 0 0 14px}
.imagelist dt img {}
.imagelist dd {display: none; text-align: left}
.placeholder {border: 1px solid #FFFFFF;} /* not needed if all images have border */

/******** detail view ********/
#largepic {background-color: #000;
	color: #fff}
#largepic a {color: #777}
#largepic a:hover {text-decoration: none;
	color: #bbb;
}
#piclayout {width:700px;
	text-align: center;
	margin: 0 auto 0}
#piclayout img {vertical-align: top;
	margin: 10px}
#picnav {margin: 30px 0 40px}
#picfoot{margin: 20px 0 0 0}
#picarea {min-height: 350px}
#linkthispage {padding: 0 20px;
}
#closewindow,
#linkthispage,
#backbutton,
#nextbutton {background-color: #222;
	outline: 1px solid #333;
	margin-left: 15px;
	margin-right: 15px;
padding: 1px 20px;
}
#backbutton,
#nextbutton {visibility: hidden}
#detailimg1 {padding-top: 50px}
#picdescription {line-height: 2em;
	width: 75%;
	margin-left: auto;
	margin-right: auto}
#picdescription a {color: #eee;
	border-bottom: 2px dotted #666}
#picdescription hr {display: block;
	border: none;
	border-top: 1px solid #444;
	width: 400px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding:0;
}

/******* photo page and script lists *********/

.scriptlists {text-align: right;
	color: #000000;
	font-size: 110%;
	float: right;
	margin-top: 0;
	width: 51%;
}
table.scriptlists {border-collapse: collapse}
.scriptlists th,
.scriptlists td {vertical-align: bottom;
	color: #FFFFFF;
	padding:1px 0 0 1px;
	font-weight: normal;
	text-align: right;
}
.scriptlists caption,
.scriptlists dt {text-align:right;
	padding:1em 0 .25em 0;
	vertical-align: bottom;
}
.scriptlists dd {color: #FFFFFF;
	margin-bottom:2px}

.scriptlists a {color: #FFFFFF}
.scriptlists img {vertical-align: middle}
#text {margin-top: 10px;
	width:48%;
	float:left;
	text-align: justify;
	line-height: 1.5em;
}
#text img {vertical-align: top}
#text a {text-decoration: underline}

/**** script page highlighting ****/
.hilink th{color: #FFCC00;
}

/******* settings for individual pages *******/
#homepage #maincontent {margin-top: 200px}

body#print {background-color: #9999ff}

body#web,
body#friends {background-color: #99cc66}
#print h1, 
#web h1, 
#studio h1,
#arch h1,
#friends h1,
#furniture h1 {border-bottom-color: #FF9900}

body#photo {background-color: #FF9900}
#photo  h1 {border-bottom-color: #6666CC}

body#studio {background-color: #663399}

body#creations {background-color: #ccccff}
#creations h1 {border-bottom-color: #000000}
#creations h1 img {margin-bottom:0}
#creations a, #creations * {color: #666699}

body#arch, body#furniture {background-color: #cc0033}
#arch .imgcaption {position: absolute;
	text-align: center;
	display:block;
}
body#ink {background-color: #FF6600}
#ink h1 {border-bottom-color: #FFCC00}

body#clay {background-color: #FFCC00;
	color: #ff6600}
#clay h1 {border-bottom-color: #9999FF}

body#resumes {background-color: #FFFFFF}
#resumes h1 {border-bottom-color: #000000}
#resumes #nav a {color: #000000}

body#contact {background-color: #6666cc}

#friends, #friends a, #friends .note {color: #663399}
#friends #maincontent {position: relative;
	width: 600px}
/* class to show friend info, applied by script */
#friends .friendinfo {display: block;
	position: absolute;
	top: 6em;
	left:0;
	margin-left:0;
	width: 200px;
}
#friends dd p {margin:0.5em 0 0.5em 0}
.friend {font-weight: bolder}

#scripts #maincontent {width:560px}

#errorpage p {text-align: right}

/******* text on about us *******/
#description {text-align: center;
	font-size: 12px;
	color: #000000}

/******* styles used in old site *******/
.nu  { text-decoration: none }
.bottnavb { color: white; font-size: 9px }
.typfont  { font-size: 11px; font-family: helvetica, arial, sans-serif }
.tankStyle { line-height: 40px }