/*  2/15/06  */

body {
background: #000;
color: #eee;
margin: 3% auto;
text-align: center;
}

#wrap {
position: relative;
width: 800px; height: 1000px;
margin: 0 auto;
text-align: left;
}

#mainpic {
margin: 0 auto 30px auto;
text-align: center;
}

#mainpic p {
margin-top: 1.5em;
font: 13px/18px  "lucida grande", arial, helvetica, verdana, sans-serif;
}

#text p {
color: #340082;
font: 12px/20px  "lucida grande", verdana, arial, helvetica, sans-serif;
margin: 0 0 1.25em 0;
}

/* There are variants for different page layouts attached to various IDs */

p {
font: 12px/17px  "lucida grande", verdana, arial, helvetica, sans-serif;
margin: 0 0 2em 0;
color: #48E348;
}
td p {
margin: 0 0 1em 0
}

#text {
width: 400px;
margin: 0 0 80px 5px;
padding: 15px;
text-align: left;
background: #B5E3B5 url(art/textfadebgd.jpg) no-repeat bottom right;
}
* html #text {
    width: 435px;   /* hacked for IE Win */
    w\idth: 400px;
}

body h1 {   /* for gallery pages */
margin: 0 0 1em 18px;
letter-spacing: 1px;
word-spacing: 1px;
color: #48E348;
font: normal 21px/21px "lucida grande", verdana, arial, helvetica, sans-serif;
text-align: left;
}

#wrap h1 {
margin: 0 0 0 20px;
letter-spacing: 1px;
word-spacing: 1px;
color: #48E348;
font: normal 30px/24px "lucida grande", verdana, arial, helvetica, sans-serif;
}

#left { 
float: left;
width: 210px; height: 560px;
margin: 0 60px 0 18px;
text-align: left;
}

#left p {
font: 11px/15px verdana, arial, helvetica, sans-serif;
color: #fff;
margin: 0 0 1em 0;
}

/* thumbnails for gallery pages */

#thumbs {
	width: 240px;
	\width: 250px; /* hack for IE Win */
	w\idth: 240px;
	height: 350px;
	margin: 14px 0 20px 0;
padding: 0;
	text-align: left;
}

#thumbs div {
		margin:6px;
		width:50px;
		\width:62px;
		w\idth:50px;
		height:50px;
		float:left;
		background:#444;
		border-top:1px solid #444;
		border-left:1px solid #444;
		border-bottom:1px solid #999;
		border-right:1px solid #999;
	text-align: left;
	}
	 #thumbs.sequential div {
	  float:left;clear:both;margin-bottom:0;
	 }
	#thumbs.sequential div.current {
		background:#00f;
	}
	#thumbs div img {
		border:none;
		display:block;
		margin:5px auto;
	}
	#bigDynPic {
		position:absolute;
		top:32px;
		left:280px;
		width: 536px; height: auto;
	}
	#bigDynPic img {
/*
		border-top:1px solid #aaa;
		border-left:1px solid #aaa;
		border-bottom:1px solid #828282;
		border-right:1px solid #828282;
*/
}
	#bigDynPic p {
font: bold italic 14px/19px Verdana, Arial, Helvetica, sans-serif;
		color:#fff;
		margin:0;
		padding-top:10px;	
		text-align:left;
	}

/* end thumbnails */


strong {
font-size: 1.2em;
font-weight: bold;
}
#left strong {
color: #fff
}

/* links in body */

a, a:visited {
color: #fff;
text-decoration: underline;
}
a:hover {
color: #C6F;
text-decoration: none;
}
a:active {
color: #48E348;
text-decoration: none;
}

#left a {
text-decoration: none;
}

td a, td a:visited {
text-decoration: none;
}

/* Global nav at bottom */

#nav {
clear: both;
color: #fff;
width: 540px; height: 120px;
text-align: center;
margin: 0 auto;
}

#nav img {
border: 5px solid #000;
}

#nav ul {
list-style: none;
font: 10px/30px "lucida grande", arial, helvetica, verdana, sans-serif;
letter-spacing: 1px; word-spacing: 1px;
padding: 0;
}
#nav ul li {
margin: 0; padding: 0;
float: left;
}
#nav ul li a {
display: block;
text-align: center;
width: 100px;
color: #fff;
padding: 0 0 0 0;
text-decoration: none;
text-align: center;
}

#nav ul li a:hover img {
border: 5px solid #00f;
}
#nav ul li a:hover {
color: #c6f;
}
#nav ul li a:active img {
border: 5px solid #f00;
}
#nav ul li a:active, #nav ul li a.current {
color: #48E348;
}
#nav ul li a.current img {
border: 5px solid #00f;
}

#nav ul li a.last {
padding-right: 0;
}

/* HOMEPAGE variant */

#mainpic {
margin: 0 auto 30px auto;
text-align: center;
}
#mainpic p {
margin: 1.5em 0 0 0;
letter-spacing: 4px; word-spacing: 4px;
font: 13px/18px  "lucida grande", arial, helvetica, verdana, sans-serif;
}
#home #nav {
margin: 558px auto;
}


/* general artwork specs */

.artwork body {
text-align: center;
margin: 30px auto;
}
.artwork .demo {
height: 500px;
}
.artwork .demo .caption {
font: 12px/17px  verdana, arial, helvetica, sans-serif;
margin: 0 0 0 50px;
}
.artwork #main_image .caption {
position: absolute;
left: 0;
}
.artwork .galleria {	/* this will change on each page */
height: 430px;	/* height of div */
margin: 40px 0 0;
}
.artwork #nav {	/* fix this in main ss */
margin: 2em 0 0 400px;
}
.artwork ul#galleries {
margin: .5em 0 0 40px;
padding: 0;
}
.artwork ul#galleries li {
font: 9px/21px  verdana, arial, helvetica, sans-serif;
color: #48E348;
margin: 0;
list-style-type: none;
}
.artwork #galleries a {
color: #48E348;
letter-spacing: 1px; word-spacing: 1px;
text-decoration: none;
}
.artwork #galleries a:hover {
color: #000;
background: #48E348;
padding: 0 3px 0;
}
.artwork #galleries a:active {
color: #48E348;
background: transparent;
}
.artwork #galleries a.current {
cursor: default;
color: #000;
background: #48E348;
padding: 0 3px 0;
}

/* other page variants */

#cityscapes .galleria {
height: 350px;
}
#creatures .galleria {
height: 564px;
}
#creatures #nav {
margin: 8.5em 0 0 400px;
}
#critters .demo {
height: 430px;
}
#critters .galleria {
height: 200px;
}
#critters #nav {
margin: -150px 0 0 400px;
}
#critters #copy {
font: 12px/16px  "lucida grande", verdana, arial, helvetica, sans-serif;
width: 315px;
margin: 0;
}
#critters #copy p {
color: #fff;
margin: 0 0 1em 40px;
}
#drawings .galleria {
height: 264px;
}
#drawings #nav {
margin: 7em 0 0 400px;
}
#mixedmedia .galleria {
height: 444px;
}
#mixedmedia #nav {
margin-top: 4em;
}