body {
	font:14px/1.2 Arial;
	color:#959595
}
p {
	margin:1em 0
}
a {
	color:#959595;
	text-decoration:underline
}

/* header */
	#header {
		margin:50px auto;
		position:relative;
		overflow:none
	}
	#index #header { width:522px; height:198px }
	#photos #header { width:737px; height:238px }
	#writing #header { width:743px; height:250px }
	
	#index #header,
	#index #nav a { background-image:url(../img/header-index.gif) }
	#photos #header,
	#photos #nav a { background-image:url(../img/header-photos.gif) }
	#writing #header,
	#writing #nav a { background-image:url(../img/header-writing.gif) }
	
	#index h1 {
		display:none
	}
	#photos h1 a {
		display:block;
		width:737px;
		height:200px;
		font-size:0px;
		line-height:0px;
		text-indent:-2000px;
		margin:0
	}
	#writing h1 a {
		display:block;
		width:743px;
		height:200px;
		font-size:0px;
		line-height:0px;
		text-indent:-2000px;
		margin:0
	}
	
	#nav a {
		text-indent:-2000px;
		display:block;
		font-size:0px;
		line-height:0px;
		position:absolute;
	}
	
	#index #nav a { height:54px }
	#index #nav .photos a { width:237px; top:0; left:285px; background-position:-285px 0 }
	#index #nav .desc a { width:256px; top:144px; left:0; background-position:0 -144px }
	#index #nav .photos a:hover { background-position:-285px -198px }
	#index #nav .desc a:hover { background-position:0 -198px }
	
	#photos #nav a { height:72px }
	#photos #nav .photos a { display:none }
	#photos #nav .desc a { width:200px; top:166px; left:0; background-position:0 -166px }
	#photos #nav .photos a:hover {}
	#photos #nav .desc a:hover { background-position:0 -238px }
	
	#writing #nav a { height:84px }
	#writing #nav .photos a { width:201px; top:166px; left:0; background-position:0 -166px }
	#writing #nav .desc a { display:none }
	#writing #nav .photos a:hover { background-position:0 -250px }
	#writing #nav .desc a:hover { }
/* content */
	#content {
		margin:0 auto;
		width:425px;
	}
	/* index */
		#index #content p {
			text-align:justify;
			font-size:20px
		}
		#index #content {
			position:relative
		}
		#index #content p.signature .name {
			color:#959595
		}
	/* photos */
		#photos #content h3 {
			font-size:20px;
			font-weight:normal
		}
		#photos #content img {
			margin:0 13px 13px 0;
			border:1px solid #B4B4B4
		}
		#photos #content a:hover img {
			border:1px solid #555
		}
	/* writing */
		#writing h3 {
			color:#7F7F7F;
			font-size:24px;
			font-weight:normal
		}
		#writing p {
			margin:0 0 0 0;
			text-indent:1em
		}
		#writing .writing-links,
		#writing .writing-jump {
			text-align:right;
			margin:1em 0
		}
		#writing .writing-links {
			font-size:20px
		}
		#writing .writing-links a {
			text-decoration:none
		}
/* footer*/
	#footer {
		margin:3em auto 0.5em auto;
		width:425px;
		text-align:center
	}
	#logos {
		width:89px;
		margin:0 auto
	}
	#logos a {
		float:left;
		text-indent:-200em;
	}
	.aea { width:25px; height:25px; margin:0 5px 0 0; background-image:url(../img/logo-aea.gif) }
	.tia { width:26px; height:13px; margin:6px 5px 6px 5px; background-image:url(../img/logo-tia.gif) }
	.nttnr { width:18px; height:22px; margin:1px 0 2px 5px; background-image:url(../img/logo-nttnr.gif) }
	.aea:hover { background-position:0 -25px }
	.tia:hover { background-position:0 -13px }
	.nttnr:hover { background-position:0 -22px }
	#copyright {
		clear:both;
		padding-top:10px
	}
/**/

/*
describe box: 256 w   x   54 h
looks box: 237 w   x   54 h
and the full image (not including bottom rollover boxes) is
522 w   x   198 h

coming soon link:
200 x 72

*/