/* BODY */

* {
	margin: 0;
	padding: 0;
}

body {
	color: #333333;
	background: #FFFFFF;
	font: 14px/2 "Lucida Grande", Helvetica, Sans-Serif;	
	}

/* LINKS */

/* LOGO LINK */

#menu h1 a:link { text-decoration: none; color: #333; }
#menu h1 a:active { text-decoration: none; color: #333; }
#menu h1 a:visited { text-decoration: none; color: #333; }
#menu h1 a:hover { text-decoration: none; color: #333; }

/* EXHIBIT LINKS */

#menu a:link { text-decoration: none; color: #333; }
#menu a:active { text-decoration: none;color: #333; }
#menu a:visited { text-decoration: none; color: #333; }
#menu a:hover { text-decoration: underline; color: #333; }

/* to style the active link - #menu li.active a { color: #999999; } */

/* CONTENT LINkS */

#content a:link { text-decoration: underline; color: #333; }
#content a:active { text-decoration: underline; color: #333; }
#content a:visited { text-decoration: underline; color: #333; }
#content a:hover { text-decoration: underline; color: #333; }

/* IMAGE LINKS */

a img { border: none; }

/* MENU */

#menu {
	width: 240px; /* to match left margin of #content */
	/*	overflow: auto; */ 
	top: 0;
	bottom: 0;
	left: 0;
	position: fixed;
	height: 100%;
	border-right: 1px solid #F0F0F0;
	margin-top: 45px;
	margin-right: 75px;
	background-color: #FFFFFF;
}

#menu .container { /* positions menu */
	padding-top: 30px;
	padding-right: 24px;
	padding-bottom: 0px;
	padding-left: 24px;
}

#menu ul {
	list-style: none;
	margin-bottom: 16px; /* bottom margin of each section */
	font-style: normal;
	text-transform: none;
}

#menu ul li {
	margin-bottom: 0px; /* line spacing of menu */
}

#menu ul li.section-title { /* styles menu headings */
	padding-bottom: 0px;
	color: #999999;
}

/* CONTENT */

#content {
	height: 100%; /* to match width of #menu */
	top: 0; /* what's this? */
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 270px;
}

#content .container { /* positions content */
	margin-top: 45px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}

#once { clear: left; } /* what's this? */


#text {
	text-align: left;
}

p {
	width: 800px; /* width of paragraphs, except horizontal exhibits */
	padding-bottom: 16px; /* padding below each paragraph (15px = 1 line) */
}

h1 {
	font-size: 11px; /* logo */
	font-weight: normal;
	padding-bottom: 16px; 
}

h2 {
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	padding-bottom: 0px;
	width: 450px;
	color: #999999;
}

h3 {
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	padding-bottom: 16px;
	width: 450px;
	color: #999999;

}

.title {
	font-size: 14px;
	color: #666666;
	width: 300px;
	padding: 12px;
	margin-top: 20px;
	font-family: Georgia, Serif;
	font-style: italic;
	line-height: 26px;
	}
	
.caption {
	font-size: 13px;
	padding-top: 0px;
	color: #333;
	font-style: italic;

	}
	
.object {
	float: left;
	width: 650px;
	}	
	
.greyitalic {
	font-style: italic;
	color: #999999
	}

/* SECTION SPECIFIC : FRONT PAGE = section-1, PROJECTS = section-3, COMMISSONS = section-4, INFO = section-5 */

/* FRONTPAGE (random image) */

.section-1 #menu h1 a:link { text-decoration: none; color: #000000; cursor:default}
.section-1 #menu h1 a:active { text-decoration: none; color: #000000; cursor:default}
.section-1 #menu h1 a:visited { text-decoration: none; color: #000000; cursor:default}
.section-1 #menu h1 a:hover { text-decoration: none; color: #000000; cursor:default}

.photograph img {
	display:block;
}

.photograph-details {
	display:block;
	text-align:left;
} 	

.photograph-details .title {
	font-size: 11px;
	text-transform: none;
	padding-top: 3px;
	display: block;
	color: #333;
}

.photograph-details .caption {
	font-size: 11px;
	text-transform: none;
}



.mother-title {
	font-size: 31px;
	line-height:30px;
	font-family: 'Playfair Display', serif;
	font-style: italic;
	color: #a2958c;

}