body {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	color: #FFFFFF;
	background-color: #333333;
	float: left;
	}
#content {
	margin: 0em;
	padding: 4em 6em 2em 6em;/* use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it sometimes relates the width of an unrelated menu div to this div. i'll, uh, write about that somewhere. it was hard to figure out what was causing it, so i want this note here to remind me. */
	}

/* 	The parent container for the sidebar and maincontent DIVs */
#mainwrapper {
	width: 720px;
	margin: 30px auto 0px;
	padding: 0 12px;
}	
/* 	We float both the maincontent and sidebar DIVs right.
	Since sidebar comes first in the markup, it assumes
	the rightmost position. By floating both DIVs, we
	eliminate inherent bugs in IEPC and create a more
	stable layout.
	
	Width is calculated so that the sum of the sidebar and
	maincontent DIVs plus their left padding, right padding,
	left border, and (or) right borders is equal to the width
	of the mainwrapper DIV. */
	
#maincontent {
	float: right;
	width: 520px; /* 520 + 18 + 2 = 540 */
	margin: 0;
	padding: 0 18px 18px 0;
	border-right: 2px dotted #fff;
	text-align: justify;
	font-size: .9em;
}
#sidebar {
	float: right;
	/* the width of the sidebar considers the sidebar padding
	and because of a calculation bug in IE5 Mac, also the
	borders on the links in the navbar */
	width: 160px; /* 160 + 18 + 2 = 180 */
	padding: 0 0 0 18px;
}
h1 {
	font-size: 2.0em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
h2 {
	font-size: 1.7em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
ol, ul, li {/*
	list-style: none;*/
	font-size: 1em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	}
#navigation {
	text-align: right;
	background-color: #424242;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #C0C0C0;
}

#navigation ul li {
	display: inline;
	padding-right: 1em;
	padding-left: 1em;
}

p {
	font-size: .8em;
	line-height: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	}
li > p {
	margin-top: 0.2em;
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}
#artists-statement {
	padding-top: 5px;
	padding-right: 5px;
	line-height: 1.3em;
}
#logo {
	width: 142px;
	border: 1px solid #C0C0C0;
}
.show {
}
.hide {
	display: none;
}
a:link {
	font-weight: bold;
	color: #C0C0C0;
	text-decoration: none;
}
a:visited {
	font-weight: bold;
	color: #C0C0C0;
	text-decoration: none;
}
a:hover {
	font-weight: bold;
	color: #FFFFFF;
}
.gallerylist {
	margin: 10px;
	float: left;
}

