/*  IMPORT FONTS  ============================================================================= */

@font-face {
    font-family: 'orbitron-light';
    src: url('fonts/orbitron/orbitron-light.eot');
    src: url('fonts/orbitron/orbitron-light.eot?#iefix') format('embedded-opentype'),
         url('fonts/orbitron/orbitron-light.woff') format('woff'),
         url('fonts/orbitron/orbitron-light.ttf') format('truetype'),
         url('fonts/orbitron/orbitron-light.svg#orbitron-light') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* BASIC PAGE SETUP ============================================================================= */

html {
height:100%;
margin: 0;
padding: 0;
font-family : orbitron-light; 	
color : #1e90ff; 
background: #f2f2f2;
text-align: center;
}

header {
text-align: left;
margin:5px 0 10px;
}

footer {
position:absolute;
height:1.625em;
width:100%;
bottom:0;
text-align: left;
-webkit-transform:rotateY(180deg);
-moz-transform:rotateY(180deg);
-o-transform:rotateY(180deg);
transform:rotateY(180deg);
}

audio {
	margin-bottom:7%;
	width:240px;
}

/*  HEADINGS  ============================================================================= */

h1, h2, h3, h4, h5, h6 {
font-weight : normal;
margin-top: 10px;
}

h1 { 
margin-bottom : 0.2em;
font-size : 5em; /* 96 / 16 */
line-height : 1.4;
}


h2 { 
font-size : 2.2em; /* 40 / 16 */
line-height : 1.1;
margin: 5px;
}

h2 a { 
transition: all 0.3s ease;
text-decoration: none;
}

h2 a:visited { 
}

h2 a:hover, 
h2 a:active { 
}

h3 { 
font-size : 1.4em; /* 28 / 16 */
line-height : 1.1; 
}

h3.break {
line-height:1;
}

h4 { 
margin-bottom : 0.5em;
font-size : 1.2em; /* 24 / 16  */
line-height : 1.25; }

h5 { 
margin-bottom : 1.25em;
font-size : 1em; /* 20 / 16 */ }

h6 { 
font-size : 1em; /* 16 / 16  */ }

/*  TYPOGRAPHY  ============================================================================= */

ul { 
margin : 0; 
padding : 0; 
font-size : 1em;
line-height : 1.2;
list-style-type: none;
}

li.crumb {
display:inline-block;
}

li.title {
color:#1e90ff;
}

li.break {
line-height: 0;
}

/* LINKS =============================================================================  */

a { 
color : grey;
transition: all 0.3s ease;
text-decoration: none;
}

a:visited { 
color : grey;
}

a:hover, 
a:active { 
outline : 0;
color : #1e90ff;
}

/* IMAGES ============================================================================= */

img {
border : 0;
max-width: 100%;
height: auto;
}

[type="video/ogg"] {
border : 0;
max-width: 100%;
max-height: 240px;
}

/*  MAIN LAYOUT	============================================================================= */

body {
   min-height:99%;
   position:relative;
   margin: 0;
   padding: 0;
}

main {
   padding-bottom:1.625em;
}

.list {
	display:inline-block;
	vertical-align:middle;
	margin: 1%;
	width:240px;
	border-left:1px solid grey; 
	border-right:1px solid grey;
	overflow:hidden;
}

#links {
	margin:0 auto 15px;
	width:92%;
	padding:1% 0 1%;
        border-bottom:1px solid grey;
        border-top:1px solid grey;
}

#map {
	margin:0 auto 15px;
	height: 300px;
	max-width: 75%;
}