* {
	margin:0;
	padding:0;
}
body {
	font:100% times, serif;
	color:#222;
	font-size:.75em;
	text-align:center;
	color:#4C391D;
}
ul {
	list-style:none;
}
a {
	color:#333;
	text-decoration:none;
	outline-color:#fff;
}
a:hover {
	color:#222;
}
td {
	padding-bottom:2em;
}
form {
	border:none;
}
#wrapper {
	position:relative;
	width:70em; /*70 x 12 = 840px*/
	margin:0 auto;
	margin-bottom:2em;
}

/*NAV*/
/*set the navigation stuff*/
#mainMenu { position:absolute; top:14em; left:4em; }
.nav { font-family:'Futura', 'Futura Display', 'Futura ND', 'Gill Sans', arial, sans-serif; }
.nav li { padding-bottom:10px ;}
.nav h1 { font-weight:normal; font-size:18px; padding:0 10px 10px 10px; }
.nav a, .nav .arrow-right { font-size:14px; padding:0 0 0 10px; line-height:16px; }
.nav .arrow-right { display:none; padding:0 6px 0 0; background:url(../img/other/arrowright.gif) no-repeat center right; }
.nav li:hover a { color:#809B56; background:url(../img/other/arrowleft.gif) no-repeat center left; }
.nav li:hover .arrow-right { display:inline; }

li.work {
	background:url(../img/other/80white.png) repeat-y top left;
	padding-bottom:.5em;
}
#menu, a.home {
	margin:0;
	background:#fff;
	position:fixed;
	z-index:5;
	top:0;
	width:70em;
}
#menu td {
	padding:0;
	text-align:center;
	border-right:1px dotted #ddd;
}
#menu td.noborder {
	border-right:none;
}
#menu a, a.home, a.back {
	font-size:1.2em;
	padding:0.5em 0;
	display:block;
}
a.home, a.back {
	font-size:1em;
	width:auto;
}
a.back {
	position:absolute;
	bottom:1px; /*so scroll bar doesn't show up when the outline appears when it's clicked..*/
	left:0;
}
div.paginate {
	position:relative;
	bottom:1.5em;
}

#menu a.name, a.home {
	color:#888;
}
#menu a.name:hover, a.home:hover {
	color:#555;
}
#menu a.focus, #menu a.focus:hover {
	color:#000;
}

/*CONTENT*/

#content, #background {
	position:relative;
	margin:0 auto;
	z-index:1;
	width:100%;
	min-height:42em; /* 42 x 12 = 504px*/
	text-align:left;
	padding-bottom:1em;
	
	overflow-y:auto;
	overflow-x:hidden;
}
#background {
	position:absolute;
	margin:0;
	top:1em;
	text-align:center;
	z-index:0;
}

#footer {
	position:relative;
	z-index:2;
	margin:0 auto;
	width:100%;
	text-align:right;
	margin-top:4em;
	font-size:.8em;
	color:#999;
}

form.users {
	margin-top:10em;
}

.middle, .left {
	float:left;
}
.middle {
	margin-top:20em;
	padding-bottom:4em;
	width:20em;
}
.middle ul { padding-top:.5em; }
.middle ul li {
	padding:.5em 1em;
}
.middle span.nav {
	font-size:1.25em;
}

p.middle {
	width:35em;
}
ul.essays {
	margin-top:4em;
}
ul.essays li {
	margin-bottom:1em;
}

div.pageImage {
	float:left;
	margin:2em 1em;
	width:350px;
	margin-right:4em;
}
div.pageText {
	float:left;
	margin:2em 0;
}

ul.menu li, h3.menu {
	margin:.3em 0;
	font-size:1.2em;
}
ul.menu li a, h3.menu a {
	font-weight:bold;
}
h3.menu a {
	color:#999;
}
h3.menu a:hover {
	color:#333;
}

table.artwork {
	margin:2em 0;
}
table.artwork td {
	vertical-align:bottom;
}
td.left, td.right {
	width:auto;
}
td.right {
	vertical-align:top;
	padding-left:1em;
}
td.middle {
	vertical-align:middle;
}
td.image {
	width:450px;
}
table.artwork td.image {
	text-align:left;
	vertical-align:bottom;
	padding:1em 0 2em 0;
}
table.drawings td, table.drawings td.image {
	padding-bottom:13em;
}

table.artworkView td.image {
	vertical-align:middle;
	text-align:center;
	height:424px; /*this extra 24px makes up for the old padding..*/
	padding:0;
}
div.message {
	padding:1em;
	border:1px solid #393;
	display:inline;
	width:auto;
}

.title {
	font-weight:bold;
	font-style:italic;
}
.italic {
	font-style:italic;
}

.cake-sql-log {
	display:none;
}

.topMargin {
	margin-top:2em;
}

ul.links {
	margin-left:.25em;
}
ul.links li {
	margin-bottom:.25em;
}
ul.links li ul li {
	margin-left:1em;
	margin-bottom:0;
}

fieldset {
	padding:1em;	
}
fieldset.user {
	width:20em;
	margin:0 auto;
}
div.input {
	float:left;
	clear:both;
}
div.input label, div.input input, div.input textarea, div.input select {
	width:19em;
	margin:.5em 0;
}
div.input input[type=submit], div.input input[type=button] {
	width:auto;
	cursor:pointer;
}
div.input input[type=submit]:hover, div.input input[type=button]:hover {
 	background:#0065FF;
 	border-color:#0065FF;
	color:#fff;
}
div.input label {
	margin:0;
}
legend, input {
	font-family:arial, sans-serif;
	padding:.25em;
}
legend {
	color:#393;
}
input, textarea {
	border:1px solid #ccc;
}


.gray1 { color:#D0D0D0; }
.gray2 { color:#C0C0C0; }
.gray3 { color:#B0B0B0; }
.gray4 { color:#A0A0A0; }
.gray5 { color:#909090; }
.gray6 { color:#808080; }
.gray7 { color:#707070; }
.gray8 { color:#505050; }
.gray9 { color:#404040; }
.gray10 { color:#303030; }
.gray11 { color:#202020; }


#homeImage { width:300px; position:absolute; right:4em; top:14em; }
#bioImage { position:absolute; left:0; top:24em; }