@charset "UTF-8";
/* CSS Document */

body, html
{
	margin: 0 0;
	padding: 0 0;
	width: 100%;
	height: 100%;	
}

body
{
	/*
	background-image:url(../images/stripe.png);
	background-repeat:repeat;
	*/
	
	background:#2F0131;
	

}

h1,h2,h3,h4,p,a
{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#fff;	
}

h1,h2,h3,h4
{
	font-weight:normal;	
}

#container
{
	background: #03E9D7;

	background: -moz-linear-gradient(top,  #03E9D7 0%, #2F0131 100%);
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#03E9D7), color-stop(100%,#2F0131));
	
	background: -webkit-linear-gradient(top,  #03E9D7 0%,#2F0131 100%);
	
	background: -o-linear-gradient(top,  #03E9D7 0%,#2F0131 100%);
	
	background: -ms-linear-gradient(top,  #03E9D7 0%,#2F0131 100%);
	
	background: linear-gradient(to bottom,  #03E9D7 0%,#2F0131 100%);
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03E9D7', endColorstr='#2F0131',GradientType=0 );
}

#header
{
	width:100%;
	max-width: 800px;
	margin:0px auto;
	text-align:center;	
}

#footer
{
	
	width:100%;
	margin:0px auto;
	background:#2F0131;
}

#header img
{
	margin-top:10px;
	width:98%;
}

#buttons
{
	width:100%;
	max-width: 780px;
	margin:0px auto;
	padding-top:20px;
}

h1
{
	margin:0 0;
	padding:0 0;
	padding-bottom:10px;
	cursor:pointer;
}

#gamesBtn, #musicBtn, #zinesBtn, #aboutBtn
{
	margin:0 10px;	
}

.content
{
	display:none;	
}

.contentBtn
{
	margin-top:10px;
	margin-bottom:10px;
	padding-top:10px;	
	width:98%;
}

.btnContent
{
	display:none;	
}

.greenBtn .contentBtn
{
	border-top:2px solid #2caf49;	
}

.blueBtn .contentBtn
{
	border-top:2px solid #2376ce;	
}

.magentaBtn .contentBtn
{
	border-top:2px solid #b3527f;	
}

.contentBtn h2
{
	margin:0 0;
	padding:0 0;
	cursor:pointer;
}

.contentBtn h4
{
	margin:0 0;
	font-style:italic;
	cursor:pointer;
}

.contentBtn .arrowBtn
{
	width:20%;
	margin-top:10px;
	float:right;
	text-align:right;
	cursor:pointer;
}

.arrowBtn img
{
	width:!00%;
	padding-right:5px;	
}

.btnContent
{
	margin-top:20px;	
}

.btnContent img
{
	border:2px solid white;
	margin:10px 10px;
	max-width:100%;
}


.greenBtn,
.pinkBtn,
.aquaBtn,
.blueBtn,
.magentaBtn,
.purpleBtn
{
	
	border-style: solid;
	border-width: 20px;
	
	-moz-border-image-repeat: repeat;
	-moz-border-image-slice: 20 fill;
	
	-webkit-border-image-repeat: repeat;
	-webkit-border-image-slice: 20 fill;
	
	-o-border-image-repeat: repeat;
	-o-border-image-slice: 20 fill;
	
	border-image-repeat: repeat;
	border-image-slice: 20 fill;
	
}


.pinkBtn
{
	-moz-border-image-source: 		url('../images/pink-rect.png');
	-webkit-border-image-source: 	url('../images/pink-rect.png');
	-o-border-image-source: 		url('../images/pink-rect.png');
	border-image-source: 			url('../images/pink-rect.png');
	/*
	border-width:20px 20px 20px 20px;
	-moz-border-image:url('../images/pink-rect.png') 20 20 20 20 fill stretch;
	-webkit-border-image:url('../images/pink-rect.png') 20 20 20 20 fill stretch;
	border-image: 20 20 20 20 fill stretch;
	*/
}

.aquaBtn
{
	-moz-border-image-source: 		url('../images/aqua-rect.png');
	-webkit-border-image-source: 	url('../images/aqua-rect.png');
	-o-border-image-source: 		url('../images/aqua-rect.png');
	border-image-source: 			url('../images/aqua-rect.png');
	/*
	border-width:20px 20px 20px 20px;
	-moz-border-image:url('../images/aqua-rect.png') 20 20 20 20 fill stretch;
	-webkit-border-image:url('../images/aqua-rect.png') 20 20 20 20 fill stretch;
	border-image:url('../images/aqua-rect.png') 20 20 20 20 fill stretch;
	*/
}

.blueBtn
{
	-moz-border-image-source: 		url('../images/blue-rect.png');
	-webkit-border-image-source: 	url('../images/blue-rect.png');
	-o-border-image-source: 		url('../images/blue-rect.png');
	border-image-source: 			url('../images/blue-rect.png');
	/*
	border-width:20px 20px 20px 20px;
	border-image:url('../images/blue-rect.png') 20 20 20 20 fill stretch;
	-moz-border-image:url('../images/blue-rect.png') 20 20 20 20 fill stretch;
	-webkit-border-image:url('../images/blue-rect.png') 20 20 20 20 fill stretch;
	*/
	
}

.greenBtn
{
	-moz-border-image-source: 		url('../images/green-rect.png');
	-webkit-border-image-source: 	url('../images/green-rect.png');
	-o-border-image-source: 		url('../images/green-rect.png');
	border-image-source: 			url('../images/green-rect.png');
	/*
	border-width:20px 20px 20px 20px;
	border-image:url('../images/green-rect.png') 20 20 20 20 fill stretch;
	-moz-border-image:url('../images/green-rect.png') 20 20 20 20 fill stretch;
	-webkit-border-image:url('../images/green-rect.png') 20 20 20 20 fill stretch;
	*/
	
}

.magentaBtn
{
	-moz-border-image-source: 		url('../images/magenta-rect.png');
	-webkit-border-image-source: 	url('../images/magenta-rect.png');
	-o-border-image-source: 		url('../images/magenta-rect.png');
	border-image-source: 			url('../images/magenta-rect.png');
	/*
	border-width:20px 20px 20px 20px;
	border-image:url('../images/magenta-rect.png') 20 20 20 20 fill stretch;
	-moz-border-image:url('../images/magenta-rect.png') 20 20 20 20 fill stretch;
	-webkit-border-image:url('../images/magenta-rect.png') 20 20 20 20 fill stretch;
	*/
	
}

.purpleBtn
{
	-moz-border-image-source: 		url('../images/purple-rect.png');
	-webkit-border-image-source: 	url('../images/purple-rect.png');
	-o-border-image-source: 		url('../images/purple-rect.png');
	border-image-source: 			url('../images/purple-rect.png');
	/*
	border-width:20px 20px 20px 20px;
	border-image:url('../images/purple-rect.png') 20 20 20 20 fill stretch;
	-moz-border-image:url('../images/purple-rect.png') 20 20 20 20 fill stretch;
	-webkit-border-image:url('../images/purple-rect.png') 20 20 20 20 fill stretch;
	*/
	
}

/* YOUTUBE LIQUID FIX */

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}