@font-face {
	font-family: "Lobster";
	src: url("fonts/Lobster 1.4.otf");
}

/*FANCYBOX*/
img {
	cursor: pointer;
}

/*BODY*/
body {
	background-image: url("img/bg.png");
	margin: 0;
	font-family: arial;
}


/*HEADER*/
div.header {
	text-align: center;
}

svg.header {
	width: 100%;
	height: 60px;
	
	font-family: "Lobster";
	fill: #FFBA52;
	color: #FFBA52;
	letter-spacing: 5px;
}

svg.header text.main {
	font-size: 50px;
	font-size: 2.7vw;
	stroke: #4C2200;
	stroke-width: 2px;
	stroke-linejoin: round;
}

h1.subheader {
	font-size: 30px;
	font-size: 1.6vw;
	margin: 0;
	margin-top: 5px;
	margin-bottom: 2px;
}

/*FILM*/
div.film {
	min-width: 1000px;
	background-color: black;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding: 0 5px 0 5px;
}
div.filmimage {
	background-size: cover;
	width: 20%;
	height: 0;
	float: left;
	padding-bottom: 14%;
	overflow: hidden;
	margin: 8px 0 8px 0;
}


/*LEFT SIDEBAR*/
div.sidebar-left {
	float: left;
	width: 220px;
}


/*NAVIGATION*/
div.navigation {
	padding-right: 10px;
}

a.button {
	color: rgba(43,67,155,1);
	text-transform: none;
	text-decoration: none;
	line-height: 300%;
	font-family: arial;
}
div.button {
	cursor: pointer;
	
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	
	height: 50px;

	border: 1px solid rgba(43,67,155,1);
	border-radius: 10px;

	background-color: rgba(0,0,0,0.1);

	margin-bottom: 10px;
	overflow: hidden;
}
div.button:hover, div.button.active {
	font-weight: bold;
}


/*CONTENT*/
div.container {
	min-width: 1000px;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	margin-bottom: 8em;
}

div.content {
	margin: 0;
	margin-left: 220px;
	min-height: 500px;
	padding: 0 0 0 10px;
	border-left: 2px dotted black;
}

div.content > :first-child {
	margin-top: 0;
}

div.footer {
	margin-top: 2em;
	clear: both;
}

/*CONTENT IMAGE CLASSES*/
div.images {
	/*display: table-cell;*/
	vertical-align: bottom;
	overflow: auto;
	width: 100%;
}
div.imageblock {
	display: inline-block;
	margin: 0 10px 10px 10px;
}
div.imageblock.left {
	float: left;
}
div.imageblock.right {
	float: right;
}
div.imageblock img {
	width: 100%;
}

/*CONTENT TEXT CLASSES*/
p.textblock {
	margin: 0;
	display: inline-block;
}
p.textblock.bottom {
	vertical-align: bottom;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.underline {
	text-decoration: underline;
}

/*VIDEO CLASSES*/
div.videos {
	overflow: auto;
	zoom: 1;
	font-size: 0;
}
div.video {
	font-size: initial;
	width: 33%;
	display: inline-block;
}

div.video>h3 {
	text-align: center;
	margin-bottom: 0;
}

.youtube {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: inline-block;
    overflow: visible;
    transition: all 200ms ease-out;
    cursor: pointer;
    width: 100%;
    height: 0;
    padding-bottom: 56%;
}

.youtube .play {
    background: url("img/yt.png") no-repeat center center;
    background-size: 20%;
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: .8;
    filter: alpha(opacity=80);
    transition: all 0.2s ease-out;
}

.youtube .play:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

/*CLEARFIX*/
div.clearfix {
	overflow: auto;
	zoom: 1;
}

/*MISC*/
p,h1,h2,h3,div.textblock {
	line-height: 120%;
}

.nomargin {
	margin: 0 !important;
}


p.spacer {
	margin: 0;
	height: 2em;
}

/*FORMS*/
label {
	display: block;
}