/* =Main
----------------------------------------------- */

body {
	font: .8em Georgia, Times, Times New Roman, serif;
	background: #FFFAEA url(images/bg.gif) repeat-y;
	color: #383838;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	border: 0;
}

#enter {
	background: #000;
	text-align: center;
	margin-top: 70px;
}

img {
	outline: none;
}

#enter img {
	border: 0;
}

/* =Headers
----------------------------------------------- */

h1 {
	margin: 0;
	padding: 0;
}

h1 a {
	position: absolute;
	left: 10px;
	top: 10px;
	text-indent: -1000em;
	background: url(images/logo.gif) no-repeat;
	width: 220px;
	height: 50px;
}

h2 {
	font-size: 1.1em;
	color: #666;
	width: 300px;
}

h3 {
	font-size: 1em;
}

#assemblages h2, #urban-abandoned h2, #rural-abandoned h2, #abandoned-asylum h2 {
	display: inline;
}

/* =Links
----------------------------------------------- */

a {
	color: #383838;
	outline: none;
}

a:hover, #contact a:hover {
	color: #864E30;
	text-decoration: none;
}

#enter a, #enter a:hover {
	text-decoration: none;
}

/* =Lists
----------------------------------------------- */

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#content ul li {
	margin-bottom: 10px;
}

/* =Forms
----------------------------------------------- */

form {
	clear: both;
}

fieldset { 
	border-top: 0; 
	border-right: 0; 
	border-bottom: 1px dotted #E4E7E9;
	border-left: 0;
	margin: -5px 0 20px; 
	padding: 0 0 10px 0; 
	width: 300px;
}

/* =Navigation
----------------------------------------------- */

#nav {
	position: absolute;
	top: 70px;
	left: 15px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#nav li { 
	height: 40px;
	margin: 0;
	padding: 0;
} 

#nav li a { 
	display: block;
	padding:40px 0 0 0;
  overflow:hidden;
  height:0px !important;
  height /**/:40px; /* for IE5/Win */
}

#nav li a:hover {
 	background-position:0 -40px;
}

#bio #bio-nav, #bio #bio-nav a, #assemblages #assemblages-nav, #assemblages #assemblages-nav a, #photographs #photographs-nav, #photographs #photographs-nav a, #writings #writings-nav, #writings #writings-nav a, #cv #cv-nav, #cv #cv-nav a, #miscellany #miscellany-nav, #miscellany #miscellany-nav a {
	background-position:0 -40px;
}
	
#bio-nav, #bio-nav a {
	background: url(images/nav-bio.gif) top left no-repeat;
	width: 120px;
	text-indent: -1000em;
}

#assemblages-nav, #assemblages-nav a {
	background: url(images/nav-assemblages.gif) top left no-repeat;
	width: 120px;
	text-indent: -1000em;
}

#photographs-nav, #photographs-nav a {
	background: url(images/nav-photographs.gif) top left no-repeat;
	width: 120px;
	text-indent: -1000em;
}

#writings-nav, #writings-nav a {
	background: url(images/nav-writings.gif) top left no-repeat;
	width: 120px;
	text-indent: -1000em;
}

#cv-nav, #cv-nav a {
	background: url(images/nav-cv.gif) top left no-repeat;
	width: 140px;
	text-indent: -1000em;
}

#miscellany-nav, #miscellany-nav a {
	background: url(images/nav-miscellany.gif) top left no-repeat;
	width: 120px;
	text-indent: -1000em;
}

#subnav li {
	float: left;
}

a.active {
	text-decoration: none;
}

/* =Layout
----------------------------------------------- */

#contact {
	font: .9em Verdana, Helvetica, Arial, sans-serif;
	color: #FFFAEA;
	text-align: right;
	position: absolute;
	width: 226px;
	background: #303030;
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
	left: 2px;
	padding: 5px 10px;
	top: 340px;
}

#contact a {
	color: #FFFAEA;
}

#content {
	position: absolute;
	left: 250px;
	margin-top: 80px;
	padding: 0 0 10px 20px;
	border-left: 1px solid #E4E7E9;
}

#assemblages #content {
	position: absolute;
	padding-top: 10px;
	left: 250px;
	padding-left: 20px;
	border-left: 1px solid #E4E7E9;
}

#content p {
	width: 300px;
}

#picture-list {
	position: absolute;
	left: 20px;
	width: 248px;
	text-align: center;
}

#assemblages #picture-list {
	margin-top: -50px;
}

#picture-list ul li {
	margin: 15px 0;
}

#photos #picture-list {
	text-align: left;
}

#photos #picture-list img {
	border: 1px solid #666;
}

#photos #picture-list ul li a {
	font-weight: bold;
	text-decoration: none;
	border: none;
}

#picture {
	position: absolute;
	left: 300px;
	margin-top: -80px;
}

#urban-abandoned #picture, #rural-abandoned #picture, #abandoned-asylum #picture {
	top: 80px;
}

#sidebar {
	line-height: 1.2em;
	font-size: .9em;
	position: absolute;
	width: 240px;
	top: 402px;
	left: 10px;
	color: #FFFAEA;
}

#sidebar p {
	padding: 7px 20px 7px 10px;
}

/* =Tables (for cv)
----------------------------------------------- */

td {
	vertical-align: top;
	padding-bottom: 15px;
	padding-right:  20px;
}

/* =Misc
----------------------------------------------- */

span {
	font: .9em Verdana, Helvetica, Arial, sans-serif;
	display: block;
	margin: 5px 30px 0 0;
	color: #D6D6D6;
	text-align: right;
}

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

.hidden {
	display: none;
}