@font-face {
	font-family: chewy;
	src: url(chewy.ttf);
	
	}
	
	
	.btn {
  background: #4f4e4b;
  background-image: -webkit-linear-gradient(top, #4f4e4b, #161514);
  background-image: -moz-linear-gradient(top, #4f4e4b, #161514);
  background-image: -ms-linear-gradient(top, #4f4e4b, #161514);
  background-image: -o-linear-gradient(top, #4f4e4b, #161514);
  background-image: linear-gradient(to bottom, #4f4e4b, #161514);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border:0px;
  box-shadow: 0px 5px 20px #000;
  cursor:pointer;
  font-family: chewy;
}

.btn:hover {
  background: #9c9c9c;
  background-image: -webkit-linear-gradient(top, #9c9c9c, #4f4e4b);
  background-image: -moz-linear-gradient(top, #9c9c9c, #4f4e4b);
  background-image: -ms-linear-gradient(top, #9c9c9c, #4f4e4b);
  background-image: -o-linear-gradient(top, #9c9c9c, #4f4e4b);
  background-image: linear-gradient(to bottom, #9c9c9c, #4f4e4b);
  text-decoration: none;
}
	
	.contentHeaderDiv
{
background-color:#272521;
border-radius:5px;
padding:5px;
font-size:16pt;
font-weight:bold;
}

.contentDiv {
	margin-top:10px;
	margin-bottom:10px;
    padding:0px;
	background-color:#161514;
	border-radius:5px;
	border-top:2px solid #3d3c37;
	border-bottom:2px solid black;	
	width:90%;
	max-width:800px;
	box-shadow: 0px 10px 30px #000;
}


		.centered {
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
	
	body
	{
	min-width:688px;
	background-image:url("images/bgtile.jpg");
	background-repeat:repeat;
	color:white;
	font-family:chewy;
	font-size:14pt;
	text-shadow: 0.1em 0.1em 0.2em black;
	}
	
	a:link 
	{
	color:#EE0000;
	text-decoration: none
	}
	
	a:visited 
	{
	color:#990000;
	text-decoration: none
	}

	a:hover 
	{
	color:#FF0000;
	text-decoration: none
	}

	a:active 
	{
	color:#990000;
	text-decoration: none
	}
	
	#downloadButtonBG
	{
	background-image:url("images/downloadbutton.png");
	width:623px;
	height:158px;
	position:relative;
	margin-top:-20px;
	
	-webkit-transition: background-image 0.2s ease-in-out;
	-moz-transition: background-image 0.2s ease-in-out;
	-ms-transition: background-image 0.2s ease-in-out;
	-o-transition: background-image 0.2s ease-in-out;
	transition: background-image 0.2s ease-in-out;
	}
	
	#downloadButton
	{
	width:550px;
	height:80px;
	position:absolute;
	top:36px;
	left:37px;
	}
	
	#greenlightButtonBG
	{
	background-image:url("images/greenlightbutton.png");
	width:623px;
	height:158px;
	position:relative;
	margin-top:-15px;
	
	-webkit-transition: background-image 0.2s ease-in-out;
	-moz-transition: background-image 0.2s ease-in-out;
	-ms-transition: background-image 0.2s ease-in-out;
	-o-transition: background-image 0.2s ease-in-out;
	transition: background-image 0.2s ease-in-out;
	}
	
	#greenlightButton
	{
	width:550px;
	height:80px;
	position:absolute;
	top:36px;
	left:37px;
	}
	
	.tinyText{
font-size:10pt;
}

#JCMLink
{
display: inline-block;
}

#footer
{
font-family: 'Rokkitt', serif;
}

p
{
margin:10px;
}

#logo
{
background-image:url("images/jcm.png");
width:200px;
height:78px;
}

#logo:hover
{
background-image:url("images/wotplayye.png");
width:200px;
height:78px;
}

#splotchesLogo
{
width:100%;
max-width:705px;
}

#headerDiv
{
max-width:800px;
width:90%;
}

#socialDiv
{
max-width:800px;
width:90%;
text-align:right;
margin-left:auto;
margin-right:auto;
margin-top:-40px;
}

.videoDiv
{
width:100%;
border:0;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
	margin:2px;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}