body {
	background: #ffffff;
}
	
#wrapper	{
	font: 11pt georgia, serif;
	color: #000000;
	padding: 12pt 0;
	border: none;
	width: 100%;
}

header	{
	padding-top: 0;
	border-bottom: 1px solid #000000;
}

header h1	{
	font-size: 18pt;
	display: block;
	text-align: center;
	text-transform: uppercase;
	color: #000000;
	border: none;
	font-family: georgia, serif;
}	

header h2	{
	display: block;
	font-size: 14pt;
	text-align: center;
	text-transform: uppercase;
	color: #000000;
	padding-bottom: 6pt;
	border: none;
}

header img, #videos, .audio	{
	display: none;
}	

img	{
	width: 80%;
	display: block;
	margin: 10pt auto;
	float: none;
	border: 1px solid #cccccc;
	
}	

#main	{
	float: none;
}
	
nav, #links, #themes	{
	display: none;
}	
	
#content	{
	clear: both;
}	

h3	{
	font-size: 12pt;
	font-weight: bold;
	text-transform: none;
	color: #000000;
	margin: 6pt;
	text-align: center;
}

h4	{
	font-size: 11pt;
	font-weight: bold;
	color: #000000;
	text-align: center;
	margin: 6pt;
}	

h1, h2, h3, h4	{
	font-family: optima, helvetica, sans-serif;
}
		
a, a:hover, a:active, a:visited	{
	color: #000000;
	text-decoration: none;
}	

.caption	{
	font-size: 9pt;
	text-align: center;
}	
 	
footer	{
	clear: both;
	
}	

#regents {
	font-size: 9pt;
}	

/*GALLERY*/

.gallery 	{
	width: 100%;
	float: right;
	margin: 1em 0;
}

.item	{
	float: left;
	position: relative;
	height: 0;
	margin: 0;
	padding: 0;
}

.item:hover, .band:hover	{
	opacity: .5;
}	

.three .square	{
	width: 28%;
	padding-bottom: 28%;
	
	margin-right: 8%;
}

.three .tall	{
	width: 28%;
	padding-bottom: 37.3%;
	margin-right: 8%;
}

.three .wide	{
	width: 28%;
	padding-bottom: 21%;
	margin-right: 8%;
}

.four .tall	{
	width: 20.5%;
	padding-bottom: 27.3%;
	margin-right: 6%;
}

.four .square	{
	width: 20.5%;
	padding-bottom: 20.5%;
	margin-right: 6%;
}

.four .wide	{
	width: 20.5%;
	padding-bottom: 15.375%;
	margin-right: 6%;
}

.five .tall	{
	width: 16%;
	margin-right: 5%;
	padding-bottom: 21.33%;
}	

.two .tall	{
	width: 33%;
	padding-bottom: 43.97%;
	
}	

.two .wide	{
	width: 44%;
	padding-bottom: 33%;
	margin-right: 12%;
}	

.two .extrawide	{
	width: 44%;
	padding-bottom: 19.25%;
	margin-right: 12%;
}	


.item:last-child	{
	margin-right: 0;
}	

.two .tall	{
	margin-left: 8.5%;
	margin-right: 8.5%;
}	

.item img	{
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}	

/*OBJECT PAGES*/

/*.artifact	{
	width: 26%;
	float: left;
	margin: 0 5% 2em 0;
 }	*/
 
 .artifacts, .objects	{
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
	
	-webkit-column-gap: 2em; /* Chrome, Safari, Opera */
	-moz-column-gap: 2em; /* Firefox */
	column-gap: 2em;
}

.artifact	{
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
	page-break-inside: avoid; /* Firefox */
	break-inside: avoid; /* IE 10+ */
 }
 
.artifact img	{
	width: 100%;
}	

.blend img, .blend_narrow img, .blend_wide img	{
	display: none;
}

/*IMAGES*/

.portrait	{
	width: 40%;
}

.portrait_wide	{
	width: 50%;
}	

.landscape	{
	width: 60%;
}

.pair 	{
	width: 97%;
}

.pair img 	{
	width: 45%;
	float: left;
}	

.pair img:first-child	{
	margin-right: 10%;
}

#main .portrait, #main .landscape, #main .portrait_wide, #main .pair	{
	margin-top: 1em;
}

.left	{
	float: left;
	margin: 1em 1.5em 1em 0;
}

.right	{
	float: right;
	margin: 1em 0 1.5em 1em;
}