a:link img, a:visited img { border: 0;
}

body { background: #FFF;
	font-family: "friz quadrata","bookman old style","book antiqua",serif;
	font-size: 9pt;
	color: #666666;
	padding: 0px;
	margin: 0px;
	padding-left: 20px;
	background: url('images/graybar.gif') repeat-y top left;
	}
input, textarea, select, option {
	font-family: "friz quadrata","bookman old style","book antiqua",serif;
	font-size: 1em;
	}
/* div#graybar {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 20px;
	background: gray;
	} */

div.bio { 
	float: left;
	width: 30%;
}
div.bio p {text-align: left;
	position: relative;
	top: 0px;
	_top: 10px;
	left: 5px;
}

#biopic {float: left;
	margin-left: 120px;
	position: relative;
	top: -40px;
	z-index: 0;
}

p.title { font-variant: small-caps;
	font-family: Arial,Helvetica,sans-serif;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
     
.error {color:red;font-weight: bold;}

a:link, .fakelink{ color: #FF6600;
	text-decoration: none;
}

a:visited { text-decoration: none;
	color: #C9A178;
}
a:hover, .fakelink:hover { text-decoration: underline;
}
.fakelink {
	cursor:pointer;
	}
	
a.moreinfo { color:gray;
	font-style: italic;
	}

#nav a, #paint a {text-decoration: none;
	cursor: pointer;
}



div#signup { border: 2px solid #E7E7E7;
	background: #F1F1F1;
	position: absolute;
	right: 2px;
	top: 2px;
	text-align: right;
	padding: 2px 2px 5px 5px;
	color: #9E8A7A;
	font-size: 1.1em;
	font-weight: 600;
	z-index:100;
}
#signup form {padding: 0;
margin: 0;
}
#signup input{ height: 15px;
	display: inline;
}
#signup input#email, #signup input#username {background: #F1F1F1;
border: 0;
border-bottom: 1px solid #999;
font-size: 1em;
color: #000;
width: 180px;
text-align: center;
}
#signup input#submit {font-size: .9em;
height: 18px;
font-weight: bold;
}

div#searchBox { border: 2px solid #E7E7E7;
	/* height: 20px; */
	background: #F1F1F1;
	position: absolute;
	float:right;
	right: 2px;
	top: 2px;
	text-align: right;
	padding: 2px 2px 5px 5px;
	color: #9E8A7A;
	z-index: 99;
	text-align:right;
}
#searchBox form {padding: 0;
margin: 0 0 10px 0;
}
div#searchBox input { border: 1px solid gray;
	font-size: .9em;
}

#searchBox select#tags { border: 1px solid gray;
	}

#nav { float: left;
	clear: both;
	text-align: left;
	z-index: 100;
	position: relative;
}

#arrow { width: 17px; 
	height: 45px;
}

#links { width:  207px;
	height: 45px;
}

.ball { text-align: left;
	position: relative;
	top: -4px;
}

#name { position: relative;
	top: -8px;
}

.title { text-align: center;
	clear: both;
	position: relative;
	z-index: 10;
}

.gallery { width: 775px;
	height: 370px;
	border: 2px solid #E7E7E7;
	text-align: center;
	margin: 0 auto 10px auto;
	background: #F1F1F1;
	padding: 50px 10px 5px 10px;
	clear: both;
}
.gallery[class] {overflow: hidden;
}
form.contactform {
     border: 2px solid #e7e7e7;
     float:left;
     clear:right;
     width: 50%;
     padding: 25px;
     margin-left:50px;
     }
     form.contactform input, select, textarea { padding:1px;
          border: 1px solid #cfcfcf;
          }

.piece { margin: 0px;
	/* width: 190px; */
	height: 230px;
	float: left;
	cursor: pointer;
	}
	.piece img { padding: 3px;
		border: solid 1px #E7E7E7;
		}
		.piece img:hover {
			/*border: solid 1px #98A1B9;*/
			}	

#bottombar { text-align: left;
	padding: 0 10px 0 10px;
}

.description { background: #E3E7D0;
	width: 250px;
	height: 68px;
	overflow: auto;
	padding: 10px;
	margin: 5px;
	text-align: left;
	position: relative;
	top: -30px;
	left: 20px;
	float: left;
}

#totop { clear: both;
	display: block;
	width: 106px;
	height: 34px;
	margin: 0 auto;
}

.servicescolumn { width: 40%;
	height: 200px;
	float: left;
	margin: 5px;
	border-right: 1px solid #858585;
}

.servicescolumn li { font-weight: 800;
	list-style: none;
	line-height: 20px;
	text-align: right;
}

.servicescolumn li a:link, .servicescolumn li a:visited {
	color: #666666;
}
.servicescolumn li a:hover { text-decoration: none;
	color: #C0916D;
}

#servicesdetail { margin-left: 10px;
	float: left;
	width: 57%;
	height: 200px;
	border: 0;
}

/* STUFF BELOW IS ONLY FOR FIRST PAGE */

#paint {text-align:left;
	clear: both;
	margin: 30px 30px 30px 5px;
	z-index: 9;
	position:relative;
	}
	#paint img {
		margin: 0 1%;
		}
		
#brushes {
	position: absolute;
	bottom: 0;
	right: 0;
	}

#backimg { position:absolute;
	right:0;
	top:0;
	z-index:0;
}

#paint[id] { padding-top: 30px;
}

img#maintitle {margin-left:3px;
	position:relative;
	z-index: 12;
}

#welcome { width: 458px;
	text-align: justify;
	margin-top: 10px ;
	padding: 5px 0 0 7px;
	position:relative;
	z-index:90;
}
img#sketchbook { position: absolute; 
	top:450px; 
	left:403px;
	}

div.message {
     margin: 15px;
     text-align: center;
     }

	body.viewer { background: #666666;
	color: #FFF;
	margin: 4px 0px;
     }
	 
div#viewer_nav {
	font-size:.9em;
     font-family: sans-serif;
     color: #CFCFCF;
	font-variant:small-caps;
	float:left;
	padding: 5px 5px 5px 0px;
	}
	div#viewer_nav ul { list-style: none;
		padding-left: 0px;
		font-variant:normal;
		margin: 5px 0px 0px 3px;
		border-bottom: 1px solid gray;
		border-top: 1px solid gray;
		border-right: 1px solid gray;
		padding: 10px 5px 10px 0px;
		/* max-height: 340px; */
		overflow:auto;
		}		
		div#viewer_nav li {
			list-style-type: none;
			}
		div#viewer_nav a:link {text-decoration: none;
			text-decoration: none;
			color: #e6e4e4;
		}
		div#viewer_nav a:visited { 
			color: #acabab;
			text-decoration: none;
		}
		div#viewer_nav li#current-piece {
			/* list-style-image: url('images/list-arrow.gif'); */
			}
			div#viewer_nav li#current-piece a:link, div#viewer_nav li#current-piece a:visited  {
				text-decoration: none;
				font-weight: bold;
				color: #FFC47F;
				cursor: default;
				
				}
	div#viewer_nav div.moreinfo {
		background: #6F6F6F;
		color: #dcdcdc;
		padding: 7px;
		margin-bottom: 10px;
		line-height: 1.3em;
		border: #FFC47F 1px solid
		}

div#comments {
	position: absolute;
	/*left: 159px;*/
	left: 164px;
	top:5px;
	width:210px;
	height: 120px;
	padding: 0 4px;
	text-align:left;
	font-size:.9em;
	}
	div#comments p {
	position: relative;
		}
		div#comments p img {
		     padding: 0 4px;
		     }

	div#showHideComments {
		cursor:pointer;
		text-decoration:underline;
		color: #FFC47F;
		z-index: 100;
		}
		
div#credit {
	width: 250px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 0 0 4px 26px;
	}