/* Import the style sheet that resets all browsers. */
@import url("reset.css");

/* Updated 03/24/09 */
body {
	background-color: black;
	color: #999;
	font-family: georgia, serif;
}
h1 {
	text-align: center;
	margin-bottom: 2em;
}
#pageWrap {
	width: 760px;
	height: 410px;
	margin: 50px auto;
	font-size: 1.2em;
}
#topNav, #homeImages {
	padding: 0 40px;
	font-size: 1.4em;
	clear: left;
}
#topNav ul, #homeImages ul {
	list-style: none;
	padding: 0;
}
#topNav li, #homeImages li {
	width: 136px;
	float: left;
	text-align: center;
}
#topNav a, #topNav a:visited {
	color: #fff;
	display: block;
	text-decoration: none;
}
#topNav a:hover {
	color: #fbff08;
}
#homeLink, #contactLink, #aboutLink {
	padding-top: 12px;
}
#bodyContent {
	clear: left;
	padding-top: 2em;
}
#leftColumn {
	width: 120px;
	float: left;
}
#subNav {
	list-style: none;
	padding-left: 0;
	margin: 0;
	font-size: 1.2em;
}
#subNav li {
	margin-top: 0;
}
#subNav a {
	color: #fff;
	display: block;
	padding: 2px 6px;
	text-decoration: none;
}
#subNav a:hover {
	background-color: #444;
}

.documentaryPage #documentaryLink,
.peoplePage #peopleLink,
.photojournalismPage #photojournalismLink,
.weddingsPage #weddingsLink {
	background-color: #444;
}

#rightColumn {
	width: 620px;
	margin-left: 140px;
}
.digitalPage #rightColumn,
.contactPage #rightColumn,
.aboutMePage #rightColumn {
	margin-left: 77px;
}
.articleImage {
	float: left;
	margin: 0 20px 10px 0;
	width: 150px;
}
#rightColumn {
	font-size: 1.2em;
	color: #fff;
}
#rightColumn h2, #rightColumn h3, #rightColumn h4 {
	font-size: 1.2em;
	margin-bottom: 0;
}
#rightColumn a, #rightColumn a:visited {
	color: #69f;
}
#rightColumn a:hover {
	color: #feff00;
}
#errorTitle, #errorDescription {
	color: #111;
	margin: 0;
	background-color: #f99;
	padding: 1em 1em 0;
}
#errorDescription {
	padding-bottom: 1em;
	list-style: none;
}
#thanksMessage {
	color: #111;
	background-color: #cfc;
	padding: 1em;
}
#contactForm {
	margin-top: 30px;
}
#contactForm dt {
	float: left;
	width: 140px;
	text-align: right;
	margin-right: 1em;
	padding-bottom: 2em;
}
#contactForm dt label {
	font-weight: normal;
}
#contactForm dd {
	padding-bottom: 2em;
}
#contactForm .wideInput {
	width: 400px;
	border: none;
	padding: 2px;
}
#footer {
	text-align: center;
	clear: left;
	color: #666;
	padding-top: 4em;
	padding-bottom: 2em;
	font-size: .9em;
	font-family: verdana, sans-serif;
}
#footer a, #footer a:visited {
	color: #888;
}

/*  Galleria Plugin */
.galleria {
	list-style: none;
	width: 620px;
	padding-left: 0;
}
.galleria li {
	display: block;
	width: 53px;
	height: 53px;
	overflow: hidden;
	float: left;
	margin: 0 10px 10px 0;
}
.galleria li.lastThumbnail {
	margin-right: 0;
}
.galleria li a {
	display: none;
}
.galleria li div {
	position: absolute;
	display: none;
	top: 0;
	left: 180px;
}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
/* ------------- */