@font-face {
    font-family: Futura Medium;
	src: url(../fonts/futura.eot) format("embedded-opentype"),
		 url(../fonts/futura.woff) format("woff"),
		 url(../fonts/futura.otf) format("opentype"),
         url(../fonts/futura.ttf) format("truetype");
}

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

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

body	{
	font-family: 'Futura Medium', sans-serif;
	letter-spacing: .03rem;
	color: #000000;
}

body.general, body.notion	{
	background: #e6e6e6;
	background: #a7c1dd; 
}

body.gabii	{
	background: #ecd5ad; 
}

body.olynthos	{
	background: #dba191; 
}

/*body.notion	{
	background: #a7c1dd; 
}*/

body.detroit	{
	background: #accda9; 
}

.clearfix	{
	clear: both;
}
	
img	{
	width: 100%;
	display: block;
	border: none;
}	

body a	{
	text-decoration: none;
}	

#container	{
	background: #ffffff;
}

p	{
	margin-bottom: 1rem;
}	

/*HEADER*/
header	{
	width: 100%;
	
}	

h1	{
	text-transform: uppercase;
	margin: 0;
}

h1 a	{
	color: #000000;
}

h1 a:hover, h1 a:focus, h1 a:active	{
	color: #808080;
}	

#logo	{
	list-style: none;
	margin: 0;
	padding: 0;
}

#logo .gabii 	{
	background: #b38e4b;
}

#logo .olynthos 	{
	background: #b84b26; 
}	

#logo .notion 	{
	background: #4f81ba; 
}

#logo .detroit 	{
	background: #599b53; 
}

#logo li	{
	width: 25%;
	margin: 0;
	padding: 0;
	display: inline-block;
	float: left;
	position: relative;
}

#logo a	{
	display: block;
	width: 100%;
	height: 100%;
}	

#logo li:hover, #logo li:focus, #logo li:active	{
	opacity: .7;
}	
	
#logo img.words	{
	position: absolute;
	z-index: 100;
}

#logo img.image	{
	height: 100%;
	width: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
}

/*NAVIGATION*/
nav 	{
	width: 100%;
	clear: both;
}

nav input	{
	display: none;
}

nav ul {
	list-style: none;
}

nav > ul > li	{
	position: relative;
	text-transform: uppercase;
}	

nav > ul > li:hover, nav > ul > li:focus, nav > ul > li:active, nav > ul > li.current, nav > ul > li.current_parent 	{
	background: #e6e6e6;
	background: #ffffff;
	-webkit-box-shadow: 0 0 6px 2px #333333;
	-moz-box-shadow: 0 0 6px 2px #333333;
	box-shadow: 5px 0 5px -5px #333333,
				-5px 0 5px -5px #333333;
}	

nav > ul > li:hover .arrow	{
	opacity: 0;
}	

	

nav li:hover ul, nav li:focus ul, nav li:active ul	{
	display: block;
}	

nav li ul li	{
	display: block;
	text-transform: none;
	border-top: 1px solid #e6e6e6;
}

nav li ul li.current, nav li ul li.current_parent	{
	background: #cccccc;
	background: #ffffff;
	/*-webkit-box-shadow: 0 0 10px 2px #333333;
	-moz-box-shadow: 0 0 10px 2px #333333;
	box-shadow: 0 0 10px 2px #333333;*/
}

nav li ul li.current a	{
	color: #808080;
	cursor: default;
}	

nav a	{
	color: #000000;
}

nav a.parent	{
	cursor: default;
}	

nav li:hover > a, nav li:focus > a, nav li:active > a	{
	color: #333333;
	color: #808080;
}	

nav li ul li:hover, nav li ul li:focus, nav li ul li:active	{
	background: #cccccc;
	background: #ffffff;
	/*-webkit-box-shadow: 0 0 10px 2px #333333;
	-moz-box-shadow: 0 0 10px 2px #333333;
	box-shadow: 0 0 10px 2px #333333;*/
}	

.arrow	{
	font-weight: bold;
}	

/*CONTENT*/

section	{
	margin-bottom: 2rem;
}

h2, h3	{
	font-weight: bold;
}	

h3, h4	{
	margin-bottom: 1rem;
	
}	

h2	{
	color: #333333;
	border-bottom: 1px solid #333333;
	color: #3b628c;
	border-bottom: 1px solid #3b628c;
}

body.gabii h2		{
	color: #7a6033;
	border-bottom: 1px solid #a38044;
}

body.olynthos h2	{
	color: #89321a;
	border-bottom: 1px solid #89321a;
}

body.notion	h2{
	color: #3b628c;
	border-bottom: 1px solid #3b628c;
}

body.detroit h2	{
	color: #43743e;
	border-bottom: 1px solid #43743e;
}
	
#content 	{	
	color: #333333;
}	

body #content a	{
	color: #35567c;
}	

body.gabii #content a	{
	color: #7a6033;
}

body.olynthos #content a	{
	color: #89321a;
}	

body.detroit #content a	{
	color: #43743e;
}	

body #content .close a, body.olynthos #content .close a, body.detroit #content .close a, body.gabii #content .close a	{
	color: #333333;
}

body #content a:hover, body #content a:focus, body #content a:active	{
	color: #808080;
}	

#content	{
	position: relative;
}
	
article li	{
	text-align: left;
}	

figure img	{
	border: 1px solid #cccccc;
}	

figcaption	{
	font-size: 90%;
	margin-top: .5rem;
	text-align: left;
}

aside figure	{
	margin-bottom: 2rem;
}

aside .object figure	 {
	margin-bottom: 1rem;
}

#copyright	{
	font-size: 80%;
	padding-top: .5rem;
	margin: 0;
	border-top: 1px solid #cccccc;
}	

.foreign	{
	font-style: italic;
}	
	

/**************************/
/*IMAGE ZOOM*/
	
.zoom	{
	position: absolute;
	/*width: calc(100% - 12px);*/
	display: none;
	z-index: 200;
	overflow-x: hidden;
	background: #ffffff;
	
}

.zoom .close	{
	font-size: 150%;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 .5rem .2rem;
	background: #ffffff;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.zoom .close:hover, .zoom .close:focus, .zoom .close:active	{
	background: #e6e6e6;
}	
	
.zoom .close a, .zoom .close a:hover, .zoom .close a:active, .zoom .close a:focus, .zoom .close a:visited	{
	display: block;
	color: #333333;
}

.zoom .close a:before	{
	content: "";
	position: absolute;
	top: -.5em;
	right: -.5em;
	bottom: -.5em;
	left: -.5em;
}

.zoom .tombstone	{
	list-style: none;
	margin: 1rem 0;
	padding: 0 1rem;
	/*background: #ffffff;*/
	color: #333333;
	margin-top: 0;
	margin-bottom: 0;
}

.zoom .tombstone li	{
	padding-top: .6em;
	padding-bottom: .6em;
}	

.tombstone .obj_name	{
	font-weight: bold;
}	

.tombstone span	{
	margin-right: 1rem;
}		

/*EVENTS*/

#events ul, #news ul	{
	/*list-style: none;
	margin: 0;
	padding: 0;*/
}

#events li, #news li	{
	padding: 0;
	margin-bottom: 1rem;
}	

#events	span	{
	display: block;
}

/*VIDEOS*/

.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;
}
	
/*REMOVE LATER*/
.comment	{
	background: #cccccc;
}	

/*GALLERY*/

.gallery #main figure	{
	margin-bottom: 2rem;
}	

.credit	{
	margin-top: -1rem;
	margin-bottom: 2rem;
	font-style: italic;
}