/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ^^^^^^ CSS RESET ^^^^^^^  */




body {
 background-image:url('img/pagebg.png');
 background-color: #15181e;
 font-size:1.75vw;
}

 
#background {
 background-image:url('img/bg.png?15');
    background-repeat:no-repeat;
	background-size:100%;
}

@media all and (min-width: 1300px)   
{  

	#knight-left {
	 background-image:url('img/Knight1.png');
	 background-repeat:no-repeat;
	 background-size:100%;
	 width: 238px;
	 height: 584px;
	 position: fixed;
	 left:0px;
	 bottom:0px;
	}
	
	#knight-right {
	 background-image:url('img/Knight2.png');
	 background-repeat:no-repeat;
	 background-size:100%;
	 width: 320px;
	 height: 663px;
	 position: fixed;
	 right:0px;
	 bottom:0px;
	}
	
}

#title {
 width: 100%;
 margin-left:auto;
 margin-right:auto;
 position: relative;
 text-align: center;
}

#titlecontent {
 position:relative;
}

.subtitle {
	position:relative;
	width:75%; 
	padding-top:0em;
	padding-bottom:1em;
	margin-left:auto;
	margin-right:auto;
	margin-top: -2em;
}

@media all and (min-width: 750px)   
{  
  .subtitle {
	width:80%; 
  }
}

.subtitle img {
	width:100%;
}

.subtitle_text {
	
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	color: #ebf9ea;
	text-align: center;
}

.subtitle_text p {
	font-family: 'IM Fell English SC', serif;
	font-size: 220%;
	line-height:1.3em;
	margin-left:5%;
	margin-right:5%;
	margin-top:3%;
}

@media all and (min-width: 750px)   
{
	.subtitle_text p {
		font-size: 300%;
		margin-top:1%;
	}
}

@media all and (min-width: 1120px)   
{
	.subtitle_text p {
		font-size: 300%;
	}
}

.hr {
  width: 12%;
  margin-left:auto;
  margin-right:auto;
  margin-top: 6em;
  margin-bottom: 3em;
  border-top: 1px #60685B solid;
  position: relative;
}

#hrtop {
  margin-top:13em;
}

#social {
 width: 80%;
 bottom:10%;
/*  margin-left:10%; */
 margin-left:12%;
}

#social p {
 font-family: 'IM Fell English SC', serif;
 font-size: 125%;
 font-weight: normal;
 color: #ffc946;
}

.soc_3 {
  float:left;
  width:12%;
  margin:2%;
  font-size: 85%;
  text-align:center;
  margin-top: 2em;
  
}

.soc_3 img {
  width:60%;
  padding-bottom:0.8em;
}


@media all and (min-width: 1000px)   
{  
	#social p {
		font-size: 150%;
	}
	
}

#social a {
 text-decoration: none;
 
}

#content {
 width:90%;
 margin-left:auto;
 margin-right:auto;
 font-size: 100%;
 margin-top: 2em;
}

@media all and (min-width: 750px)   
{  

 body { 
   font-size:0.6em;  
 } 
 
 #content {
	width:700px;
 }
 
 #social {
/* 	 margin-left:18%; */
	margin-left:16%;
 }
 
 
 .soc_3 {
	  float:left;
	  width:10%;
	  margin:2%;
	  font-size: 100%;
 } 
 #hrtop {
  margin-top:16em;
 }

}


@media all and (min-width: 1120px)   
{  

 #title {
   width: 1000px;
 }
 
 
 #titletxt p {
   font-size: 200%;
 }
 
}


#content_background {
 /* background-color: rgba(10,6,8,0.9);*/ 
 background-color: #0C1019;
}

.content_background_01 {
/* 	background-image:url('img/blockbg_01.png');
	background-repeat: repeat; */
	border-top: 0px solid #6e154a;
}
.content_background_02 {
	/* background-image:url('img/blockbg_02.png');
	background-repeat: repeat; */
	border-top: 0px solid #714425;
}
.content_background_03 {
	/* background-image:url('img/blockbg_03.png');
	background-repeat: repeat; */
	border-top: 0px solid #295085;
}
.content_background_04 {
	/* background-image:url('img/blockbg_04.png'); */
	background-repeat: repeat;
	border-top: 0px solid #747c69;
}
.content_background_05 {
	/* background-image:url('img/blockbg_05.png'); */
	background-repeat: repeat;
	border-top: 0px solid #a09a73;
}


/*
@media only screen and (min-width: 1500px) { 

	#content {
		width:1050px;
		font-size: 150%;
	}
}
*/

h1 {
 color: #75b470;
 font-family: 'IM Fell English SC', serif;
 font-size: 300%;
 text-align: center;
 margin-bottom: 0.5em;
 line-height: 100%;
}

.shotblock-l {
 position:relative;
 margin-bottom: 4em;
 margin-top: 3em;
}

.shotblock-r .shottitle {
 text-align:right;
 margin-bottom: 4em;
}

.shotblock_img_container {
 
 padding-bottom: 0px;
 } 

.shot {
 width: 100%;
 height:auto;
}

.shottitle {
 background-color: #0d1311;
 width: 100%;
 height: auto;
 bottom: 0;
 margin-top: 0;
}

.shottitle h2 {
 color: #75b470;
 font-size: 245%;
 font-family: 'IM Fell English SC', serif;
 line-height: 140%;
 padding-left: 0.95em;
 padding-right: 0.95em;
 padding-top: 0.75em;
 padding-bottom: 0em;
}

.shottitle p {
 color: #ebf9ea;
 font-family: 'Poly', serif;
 font-size: 170%;
 line-height: 150%;
 padding-left:1.2em;
 padding-right:1.2em;
 padding-bottom:1.1em;
}


@media all and (min-width: 750px)   
{  
	h1 {
		font-size: 400%;
	}
	.shottitle h2 {
		font-size: 275%;
	}
	.shottitle p {
		font-size: 200%;
	}
}





.text {
 color: #ebf9ea;
 font-size: 200%;
 font-family: 'Poly', serif;
 line-height: 175%;

}

.text a {
 color: #E06917;
 text-decoration: none;
 border-bottom: 1px #1AF9E7 dotted;
}
.text a:hover {
 color: #1AF9E7;
 
 
}

.it {
 font-style: italic;
}

#alchemist {
  position:absolute;
  bottom:-7%;
  right:-7%
}

#frogking {
/*  position:absolute;
  top:-5%;
  left:0;*/
  float:left;
}

.sep_background {
 background-image:url(img/separator_right.png);
 background-repeat:no-repeat;
 background-position: 50%;
 background-size: 100% 3px;
}

.sep {
  background-image:url(img/separator_middle.png);
  background-size: 100%;
  width:80%;
  height:100%;
  margin-left:auto;
  margin-right:auto;
}

.subscribe_background {
  background-color: #3e5a45;
  border-top: 1px #8cba85 solid;
  border-bottom: 1px #8cba85 solid;
  width:100%;
  height: auto;
}

.subscribe_content {
  padding-top: 0em;
  padding-bottom: 2em;
  text-align: center;
}


.btn {
  border:2px #ffc946 solid;
  font-family: 'IM Fell English SC', serif;  color: #ffc946;
  font-size: 250%;
  background: #756816;
  padding: 0.2em 0.9em 0.1em 0.9em;
  text-decoration: none;
  margin-left:0.5em;
  
}

.btn:hover {
  color: #ffe094;
  border:2px #ffe094 solid;
  background: #8f8023;
 /*  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db); */
  text-decoration: none;
  cursor:pointer;
}

 .email { 
 padding:0.5em; 
 border-style:solid; 
 background-color:#f8f7e3; 
 border-color:#cdceae; 
 border-radius:3px; 
 border-width:1px; 
 font-family: 'Poly', sans-serif;
 font-size: 200%;
 color:#0e1412; 
 box-shadow: 1px 1px 5px 0px rgba(42,42,42,.75);  
 width: 40%;
} 
.email:focus { 
 outline:none; 
} 

label {
 color: #1DF9ED;
 font-family: 'IM Fell English SC', serif;
 font-size: 250%;
 line-height: 2.2em;
}

#subscribe_msg {
 color: #1DF9ED;
 font-family: 'Poly', sans-serif;
 font-size: 200%;
 line-height: 3em;
 display:none;
}

.contact_back {
 position:absolute;
 width: 100%;
 height: 40%;
 bottom:10%;
}

.contact {
 width:80%;
 height:100%;
 margin-left:auto;
 margin-right:auto;
 text-align:center;
}

.contact a {
 font-family: 'IM Fell English SC', serif;
 font-size: 220%;
 text-decoration: none;
 padding-bottom: none;
 border-bottom: 1px #ffc946 dotted;
 color: #ffc946;
}
.contact a:hover {
 border-bottom: 1px #ffc946 solid;
}

.contact p {
 font-family: 'IM Fell English SC', serif;
 font-weight: normal;
 font-size: 220%;
 text-decoration: none;
 color: #ffc946;
 padding-bottom: 0.5em;
 line-height: 70%;
}

.contact img {
		padding-bottom:1.3em;
		width:12%;	
	}

@media all and (min-width: 750px)   
{  
	.contact a {
        font-size: 250%;
	}

	.contact p {
        font-size: 250%;
	}
	
	.contact_back {
		height: 35%;
	}
	
	.contact img {
		padding-bottom:2em;
		width:10%;	
	}
}

.subscribe_social {
 width:80%;
 height:10em;
 margin-left:10%;
 margin-right:auto;
 padding-top:2em;
 padding-bottom:2em;
}

.ssoc_3 {
  float:left;
  width:23%;
  height:90%;
  margin:1%;
  font-size: 110%;
  text-align:center;
  
}

.ssoc_3 img {
  width:45%;
  padding-bottom:0.8em;
}

.subscribe_content p {
 color: #d8fe98;
 font-family: 'Poly', serif;
 font-size: 180%;
 line-height: 1.5em;
 margin-top: 0em;
 margin-bottom: 1em;
}

.payment iframe {
	width: 90%;
	height: 240px;
}

@media all and (min-width: 750px)   
{
	.subscribe_content p {
		font-size: 200%;
	}
	
    .ssoc_3 {
	  float:left;
	  width:20%;
	  margin:2%;
	  font-size: 120%;
    } 
	
	.payment iframe {
		width: 90%;
		height: 406px;
	}
	
}

.subscribe_content a {
 text-decoration: none;
}


.ssoc_3 p {
 font-family: 'IM Fell English SC', serif;
 font-size: 145%;
 font-weight: normal;
 line-height: 1.2em;
 color: #ffc946;
 margin: 0em;
 
}

#trailer-iframe-container {
	position:relative;
	max-width:100%;
	height:auto;
	/* Magic! Makes sure the container is high enough to show the entire iframe 
	 * Thanks to http://andmag.se/2011/11/responsive-embeds/ */
	padding-bottom: 56%; 
}

#trailer-iframe-container iframe {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0; 
}