/* BODY */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 12px;
	line-height: 19px;
	color: #000000;
	background: #FFFFFF;
	text-align: left;
	}

/* 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: 220px; /* to match left margin of #content */
/*	overflow: auto; */ 
	top: 0;
	bottom: 0;
	left: 0;
	position: fixed;
	height: 100%;

	background-color: rgba(255,255,255,0.8);
}

#menu .container { /* positions menu */
	padding: 30px 0px 0px 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%;
  margin-bottom:0;
  margin-left:200px;
  margin-right:0;
  margin-top: 35px;
  top:30px;
  width:800px;
}

#content .container { /* positions content */
	padding: 30px 0px 0px 30px;
}


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


#text {
	text-align: left;
}

p {
	width: 530px; /* 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: 16px;
	font-weight: normal;
	font-style: italic;
	padding-bottom: 16px;
	width: 450px;
	color: #999999;

}

.title {
	font-size: 11px;
	text-transform: none;
	padding-top: 3px;
	color: #333;
	}
	
.caption {
	font-size: 11px;
	text-transform: none;
	padding-top: 0px;
	color: #333;
	font-style: normal;
	}
	
.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;
}