/*COLORS*/
/*Reddish: #9e503d;*/
/*Light red: #af6b57;*/
/*Medium light red: #cf7f67;*/
/*Very light red: #cf7f67;*/
/*Beige: #c2b59b;*/
/*Light beige: #dfd8ca;*/
/*Black: #231f20;*/
/*Gray: #999da5;*/


/*LAYOUT*/


html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

/*ANDROID FIX FOR CHECKBOX HACK*/

body { 
	-webkit-animation: bugfix infinite 1s; 
} 

@-webkit-keyframes bugfix { 
	from {padding:0;} to {padding:0;} 
} 

/**/

body, header, footer, section, article, nav, aside {
   display: block;
   margin: 0;
   padding: 0;
}

body	{
	background: #9e503d;
	line-height: 1.4;
	font-family: 'Lato', verdana, calibri, arial, sans-serif;
	color: #000000;
}

#wrapper {
	margin: 1em 0 0 0;
	padding: 0;
}	

header, #content	{
	width: 96%;
	margin: 0 auto;
}	

header	{
	margin-top: 1em;
	position: relative;
}
	
#container	{
	width: 100%;
	margin: 0;
	padding: 0;
}	

#content	{
	background: #cf7f67;
	border-top: 10px solid #dfd8ca;
	border-radius: 0 0 8px 8px;
}

/*BASIC SETTINGS*/
	
.hide	{
	display: none;
}

.show	{
	display: block;
}	

.clearfix	{
	clear: both;
}	

.important, .foreign	{
	font-style: italic;
}	

/*LINKS*/

body a, body a:hover, body a:focus, body a:active, body a:visited	{
	color: #231f20;
	text-decoration: none;
}

nav a, nav a:visited, nav label{
	color: #231f20;
}

nav a:hover, nav a:focus, nav a:active, nav .current  {
	background: #cf7f67;
}	
	
article a, article a:active,  article a:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

article a:hover, article a:focus {
	color: #333333;
}	


h3 a, h3 a:hover, h3 a:focus, h3 a:active, h3 a:visited	{
	color: #dfd8ca;
}	

footer a, footer a:hover, footer a:focus, footer a:active, footer a:visited	{
	color: #dfd8ca;
	
}

footer a:hover, footer a:focus, footer a:active {
	font-weight: bold;
}


/*HEADER*/

h1	{
	display: none;
}	

#title	{
	position: absolute;
	top: 0;
}	

#logo	{
	z-index: 999;
	position: absolute;
	top: 0;
}	


/*NAVIGATION*/

nav	{
	position: absolute;
	right: 0;
	bottom: 0;
}

nav ul	{
	list-style: none;
}	
	
#navigation	{
	margin: 0;
	padding: 0;
	float: right;
}	

nav li	{
	text-transform: uppercase;
}	

nav a	{
	display: block;
	text-decoration: none;
	font-family: georgia, serif;
	background: #dfd8ca;
	border: 2px solid #9e503d;
	border-radius: 8px 8px 0 0;
}	

/*MENU TOGGLE BUTTON*/

nav input	{
	display: none;
}

/*SUB NAVIGATION*/

nav .parent 	{
	position: relative;
}	

nav .parent .child	{
	display: none;
	position: absolute;
}	

.parent:hover .child, .parent:active .child, .parent:focus  .child {
	left: 0;
	margin: 0;
	padding: 0;
	text-transform: normal;
	z-index: 1000;
	display: block;
	border-top: 1px solid #9e503d;
	border-right: 2px solid #9e503d;
	
}

.parent:hover .child li	{
	border: 2px solid #9e503d;
	border-top: none;
	width: 100%;
	display: block;
}	

.parent .child a	{
	border: none;
	border-radius: 0;
	text-transform: none;
}

/*BREADCRUMBS*/

.breadcrumbs ul	{
	list-style: none;
	margin: 0;
	float: right;
}

.breadcrumbs li	{
	display: inline-block;
	float: left;
	font-size: .9em;
	font-family: georgia, serif;
}

.breadcrumbs a, 	.breadcrumbs a:visited, .breadcrumbs a:active, .breadcrumbs a:hover, .breadcrumbs a:focus {
	display: block;
	padding-left: .3em;
	color: #dfd8ca;
}

.breadcrumbs a:hover, .breadcrumbs a:focus, .breadcrumbs a.current {
	font-weight: bold;
}	
	
	

/*CONTENT*/

.gallery section	{
	height: 0;
	float: left;
	background: #dfd8ca;
	background: #9e503d;
	border-radius: .4em;
	padding: .6em 1em 25.9em;
	position: relative;
	overflow: hidden;
}

section h3	{
	text-align: center;
	color: #dfd8ca;
	height: 3em;
}	
	
/*FOOTER*/
	
footer	{
	clear: both;
	width: 96%;
	margin: 0;
	padding: 1% 2%;
	font-size: .8em;
	text-align: center;
	color: #dfd8ca;
}	

	
/*IMAGES*/

img	{
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
}

.outer	{
	position: relative;
	width: 40%;
	float: right;
	margin: 0 0 1em 1em;
}	

.events .outer	{
	width: 60%;
}	

.outer img, .full img	{
	border: 1px solid #9e503d;
}	

.inner	{
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.full	{
	/*float: left;
	width: 96%;*/
	margin: 1em auto 2em;
}	
	
/*CONTENT*/

h2	{
	margin-left: 4.5em;
	margin-top: .5em;
	font-size: 1.4em;
	font-weight: normal;
	border-bottom: 1px solid #000000;
}
	
h3	{
	font-size: 1.2em;
	font-weight: normal;
	font-family: georgia, serif;
	text-transform: uppercase;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: .3em;
	color: #dfd8ca;
}	


h4	{
	font-size: 1.2em;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: .3em;
}	

.citation	{
	font-size: .9em;
	text-align: right;
}

cite	{
	display: block;
}	

#punch	{
	display: none;
}
	
section.punch .outer {
	width: 100%;
}	
	
/*OBJECT PAGE*/

.single .photo	{
	float: left;
	margin-top: 1em;
}

.double .photo	{
	float: left;
	margin-top: 1em;
}

.single .photo img {
	float: left;
}

.double .photo img	{
	float: left;
}	

.double .photo img ~ img	{
	float: right;
}	

.photo .detail	{
	clear: both;
	width: 100%;
}	

.photo .detail div	{
	width: 48%;
	float: left;
	margin: 0 0 2em;
}	

.photo .detail div ~ div 	{
	float: right;
}
	
.photo .card	{
	float: left;
	list-style: none;
	margin: 0 3% 0 0;
	padding: 1em 0;
	font-size: .9em;
}	

.map	{
	margin: 1em 0;
	
}	

.photo img, .map img, .objects img	{
	border: 1px solid #9e503d;
}	

.single .photo img ~ img	{
	margin-top: 1em;
}	

/*ABOUT*/

.about section	{
	margin-bottom: 1.5em;
}

.about .outer	{
	width: 60%;
	margin-top: .5em;
	margin-bottom: .5em;
}	

.about .left	{
	float: left;
	margin-left: 0;
	margin-right: 1em;
}	

.about .first	{
	margin-top: 1.5em;
}
	
.about h4, .events h4	{
	margin-bottom: 0;
	font-weight: bold;
}

.about .signature	{
	font-size: .9em;
}

.caption	{
	font-size: .9em;
	margin-top: 0;
	padding: 0 .5em;
}

.about .signature .name	{
	font-style: italic;
}	

.events span	{
	display: block;
}
	
.events .name	{
	font-weight: bold;
}

.events .dates	{
	font-style: italic;
}	

.events h4 ~ ul	{
	margin-top: .5em;
}	

.events h4 a, .events a	{
	text-decoration: underline;
}
	
.event li	{
	margin-bottom: .3em;
}	
	
#failure ul	{
	padding-left: 1em;
}
	
/*OBJECT LISTS*/

.objects	{
	width: 72%;
	float: left;
	margin: 1em 0;
}	

.objects .item	{
	padding: 0;
	width: 22%;
	float: left;
	margin-right: 3%;
	margin-bottom: 2%;
}		

.numbers 	{
	float: right;
	width: 24%;
}

.numbers h4	{
	font-weight: bold;
	margin-top: .5em;
}	
	
.numbers ul	{
	list-style: none;
	margin: 0;
	padding: 0;
}	
.numbers li	{
	float: left;
	margin: .5em .5em 0;
}	

.numbers a	{
	font-size: .9em;
	text-decoration: underline;
}	

/*PHOTO GALLERY*/

.photos_two	{
	width: 100%;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
	
	-webkit-column-gap: 2em; /* Chrome, Safari, Opera */
	-moz-column-gap: 2em; /* Firefox */
	column-gap: 2em;
}

.photos_three	{
	width: 100%;
	-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;
}

.photos_two .outer, .photos_three .outer	{
	width: 100%;
	margin: 2em 0;
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
	page-break-inside: avoid; /* Firefox */
	break-inside: avoid; /* IE 10+ */
 }