/*COLORS*/
/*My gray: #bdbfbf;*/
/*My dark brown: #20110e;*/
/*My red: #9a1515;*/
/*My beige: #d0c4b7;*/
/*My medium brown: #584a44;*/
/*My light brown text color: #ad9782;*/
/*Papyrus*/

/*BASIC 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: #cccccc;
	line-height: 1.4;
	font-family: calibri, helvetica, verdana, sans-serif;
}

body a, body a:hover, body a:focus, body a:active,  body a:visited, nav label {
	color: gray;
}

#wrapper {
	background: #20110e;
	border-bottom: .8em solid #9a1515;
	border-top: .8em solid #9a1515;
	padding: 0;
	color: #cccccc;
	clear: both;
}	

#container	{
	margin: 0 auto;
}	

#content	{
	margin: 0 auto;
	width: 100%;
	
}

.hide	{
	display: none;
}

.show	{
	display: block;
}	

.clearfix	{
	clear: both;
}	

.italic	{
	font-style: italic;
}	

.important	{
	font-weight: bold;
}

.more	{
	font-size: .9em;
	font-style: italic;
	color: #d0c4b7;
}	

.previous, .next	{
	font-style: italic;
	color: #d0c4b7;
	margin-bottom: 0;
	width: 45%;
}	

.previous	{
	float: left;
}	

.next {
	float: right;
	text-align: right;
}	

/*NAVIGATION*/

nav	{
	margin: 0 auto;
}

nav input {
	display: none;
}

nav label	{
	display: none;
}	

.primary input	{
	display: none;
}
	
nav ul	{
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}	

nav li	{
	display: inline-block;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding-left: 0;	
}	

nav a	{
	display: block;
	text-decoration: none;
	color: #20110e;
}	

nav a:active, nav a:visited	{
	color: #20110e;
}
	
nav a:hover, nav a:focus, nav a.current, nav a.current_parent	{
	color: #9a1515;
}	

/*HEADER*/

header img	{
	display: block;
	width: 100%;
	margin: 0;
}	

h1	{
	display: none;
}	

#logo	{
	background-image: url(../img/skeleton_edited2.jpg);
	background-repeat: no-repeat;
}

/*THEMES MENU*/

#themes	{
	border: 1px solid #584a44;
	font-style: italic;
	background: #20110e;
 }
	
#themes 	ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#themes .nav1>li	{
	margin: 0;
	border-top: 1px solid #584a44;	
	text-transform: uppercase;
}	


#themes .nav1>li:first-child	{
	border-top: none;	
}	

#themes .nav1>li  ul	{
	display: none;
}	

#themes .nav1>li:hover ul	{
	display: block;
}	

#themes li ul li	{
	text-transform: none;
	border-top: 1px dotted #584a44;	
	width:100%;
}	

#themes a	{
	padding: .2em 16px;
	display: block;
	text-decoration: none;
}

#themes li ul a	{
	padding-left: 32px;
}

#themes .nav1>li>a.current, #themes li ul a.current, #themes li ul a.current_parent	{
	border-left: 5px solid #9a1515;
	padding-left: 27px;
	
}

#themes .nav1>li>a.current	{
	padding-left: 7px;
}

#themes 	a, #themes a:visited, #themes a:active	{
	color: #ad9782;
}

#themes a.current, #themes a:hover, #themes a:focus		{
	color: #d0c4b7;
}	

#themes a.current, #themes a.current_parent		{
	background: #36221d;
}	


/*FOOTER*/
	
footer	{
	clear: both;
	margin: 0 auto;
}	

footer p	{
	text-align: center;
	font-size: .9em;
	color: #20110e;
}

#copyright a	{
	color: #20110e;
	text-decoration: none;
	font-weight: bold;
}	

#copyright a:hover, #copyright a:focus, #copyright a:active 	{
	color: #9a1515;
}	


/*IMAGES*/
.portrait, .landscape, .pair, .portrait_wide	{
	border: 1px solid #584a44;
	padding: .5em;
}

.portrait img, .portrait_wide img, .landscape img, .pair img, .blend img, .blend_wide img, .blend_narrow img	{
	display: block;
}

.pair img	{
	float: left;
	margin-bottom: .5em;
}

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

.caption	{
	font-size: .9em;
}

.portrait .caption, .landscape .caption, .pair .caption	{
	margin: .5em 0 0;
}

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

.citation, pre	{
	font-family: Courier New, monospace;
	font-size: .9em;
	
}

.citation span	{
	display: block;
}	

.signature	{
	font-style: italic;
}	
	
/*CONTENT*/

#main	{
	color: #ad9782;
	clear: both;
}

#main h3	{
	font-weight: normal;
	padding-top: 0;
	margin: 0;
	padding: 0;
	font-family: 'Marcellus SC', serif;
	font-size: 1.5em;
}	

#main a, #main a:visited, #main a:active	{
	text-decoration: none;
	color: #d0c4b7;
}

#main a:hover, #main a:focus	{
	color: #9a1515;
}

.random	a:hover, .random a:focus	{
	opacity: .5;
}	

/*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;
}	
	
	
/*ASIDE*/

.links	{
	padding: 0;
	margin: 0;
}

.links li	{
	padding: .3em 0;
	text-transform: uppercase;
}	

.links a, .links a:visited, .links a:active	{
	text-decoration: none;
	color: #d0c4b7;
}	

.links a:hover, .links a:focus	{
	color: #9a1515;
}	

.links	{
	display: none;
}	



/*AUDIO*/

.button	{
	width: 2em;
}	

/*EVENTS*/

h4	{
	font-size: 1.2em;
	font-weight: normal;
	margin: 0;
	padding: 0;
	font-family: 'Marcellus SC', serif;
}

.event	{
	list-style: none;
	margin-top: 0;
}

.event .name	{
	font-weight: bold;
}

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

/*MUSCLE MAN*/
.band	{
	width: 100%;
	margin-top: 1em;
}

.band img	{
	display: block;
	border: 1px solid #d0c4b7;
	border: 1px solid #ad9782;
	border: 1px solid #584a44;
}	

/*RESOURCES*/

.resources	{
	font-size: 1.1em;
	margin-top: 0;
}

h4	{
	margin-top: 1em;
	margin-bottom: 0;
}	
	
/*VIDEOS*/
.videos	{
	width: 50%;
}
	
.vid-wrapper	{
	width: 100%; 
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	margin: 0;
}	

.vid-wrapper iframe	{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

/*SLIDESHOW*/

.slideshow {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 68%;
  border: 1px solid #ad9782;
 /* border: 1px solid #584a44;*/
}
.slides {
  background-image: url(../img/woodcuts.jpg);
  background-size: 75%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 300%;
 
}

.slideshow:hover .slides 	{
	 animation: slideshow 60s linear infinite;
}	 

@keyframes slideshow {
  0%    { left: 0; }
  100%  { left: -200%; }
}	

.load 	{
	position: absolute;
	top: 45%;
	left: 20%;
	z-index: -1;
}

.zoomable, .animation, .scrolling	{
	color: #d0c4b7;
	font-style: italic;
	font-size: 1.1em;
	margin-bottom: 1em;
}

.touch .animation	{
	display: none;
}

.scrolling	{
	display: none;
}

.touch .scrolling	{
	display: block;
}
.touch .slideshow	{
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;/*enable scrolling on iPhone and iPad*/
}	
	
/*WOODBLOCKS*/

.photos	{
	width: 100;
}

.picture	{
	border: 1px solid #ad9782;
	border: 1px solid #584a44;
	margin: 0 0 1em;
	padding: .5em;
}


.picture .caption	{
	margin: 0;
}
	

/*OBJECTS*/

.artifacts, .objects	{
	width: 100%;
	margin: 1em 0;
}	

.artifact	{
	border: 1px solid #ad9782;
	border: 1px solid #584a44;
	margin: 0 0 1.5em;
	padding: .5em;
	position: relative;
	
}

.artifact:after	{
	content: "";
	clear: both;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}	

.artifact a img	{
	display: block;
	width: 100%;
	
}

.artifact a:hover img	{
	opacity: .5;
}	

.artifact p	{
	margin-bottom: 0;
}	

.card span	{
	display: block;
}	

.card .name	{
	font-size: 1.1em;
	margin-bottom: .5em;
}
	
.card .more	{
	font-size: 1em;
	
}	
	
/*BIBLIOGRAPHY*/

.bibliography li	{
	margin-bottom: .5em;
}

.bibliography .author	{
	font-size: 1.1em;
}	

/*ASIDE*/

aside 	{
	display: none;
}

aside.show	{
	display: block;
}
	

aside	{
	color: #ad9782;
}

#links	{
	padding: 0;
	margin: 0;
}

#links li	{
	padding: .3em 0;
	text-transform: uppercase;
}	

#links a, #links a:visited, #links a:active	{
	text-decoration: none;
	color: #d0c4b7;
}	

#links a:hover, #links a:focus	{
	color: #9a1515;
}	

#links section	{
	border: 1px solid #ad9782;
	border: 1px solid #584a44;
	padding: .5em;
	margin-bottom: 2em;
}

#links section img	{
	width: 30%;
	float: left;
	margin: 0 1em 0 0;
}

#links h5	{
	margin: 0 0 .5em 0;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: normal;
	font-style: italic;
}	

#links p	{
	margin-top: 0;
}	

/*PHOTO GALLERY*/

.installation	{
	width: 100%;
	margin: 1em 0;
}	

.photo	{
	border: 1px solid #584a44;
	margin: 0 0 1.5em;
	padding: .5em;
	position: relative;
	
}

.photo a img	{
	display: block;
	width: 100%;
}

.photo a:hover img	{
	opacity: .5;
}