@font-face {
    font-family: "Lemondrop";
    src: url(/Lemondrop.ttf);
}
@font-face {
    font-family: "Lemondrop_IE";
    src: url(/Lemondrop.eot);
}

@font-face {
    font-family: "Nintendo";
    src: url(/Pretendo.ttf) format("truetype");
}
@font-face {
    font-family: "Nintendo_IE";
    src: url(/Pretendo.eot) format("truetype");
}
p.banner { 
	font-size:35px;
    font-family: "Nintendo", "Nintendo_IE", Verdana, Tahoma;
	color:#FFFFFF;
	padding:10px;
	margin:0px;
	background-color:#000000;
	
}
div.banner { 
	display:table;
	margin:0px auto;
	padding-top:55px;
	cursor: pointer;
	height: 60px;
}
body{
	margin:0px;
	padding:0px;
}

textarea:focus, input:focus{
    outline: none ;
}

*:focus {
    outline: none ;
}

div.platform{
	float:left;
	padding:0px;
	margin:0px;
}
a.platform{
	text-decoration:none;
}
p.platform{
	font-family: "Nintendo", "Nintendo_IE", "Verdana", "Tahoma";
	background-color:#000000;
	color:#FFFFFF;
	padding:10px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	margin:0px;
	position:relative;
	top:10px;
}
p.platform_selected{
	font-family: "Nintendo", "Nintendo_IE", "Verdana", "Tahoma";
	background-color:#000000;
	color:#FFFFFF;
	padding:20px 10px 10px 10px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	margin:0px;
}

div.platform_gap{
	float:left;
	margin:10px;
}

div.index{
	display: table; 
	margin: 0px auto;
}
a.index{
	border:1px dotted #000000;
	border-radius:15px;
	padding:5px;
	margin:3px;
	font-family:"Lemondrop","Lemondrop_IE";
	cursor: pointer;
	text-decoration:none;
	color:#000000;
	float:left;
}
a.index_selected{
	border:1px solid #000000;
	border-radius:15px;
	padding:5px;
	margin:3px;
	font-family:"Lemondrop","Lemondrop_IE";
	cursor: pointer;
	text-decoration:none;
	color:#000000;
	float:left;
	background-color: #CCCCCC;
}

a.preview{
	font-family:Verdana;
	text-decoration:none;	
	text-shadow: 0 0 1px #000, 0 0 20px #000, 0 0 3px #000, 0 0 4px #000, 0 0 7px #000, 0 0 8px #000, 0 0 10px #000, 0 0 15px #000;
	color:#FFFFFF;
}
div.preview{
	padding:10px;
	border-radius:15px;
	border:2px solid #000000;
	display:inline-table;
	/*float:left;*/
	width:256px;
	min-height:220px;
	height:200px;
	margin:5px;
	background-color:#66ccff;
}
div.gamelist{
    text-align: center;
}
img.preview{
	min-width:15px;
	max-width:200px;
	max-height:150px;
	border-radius:5px;
	border:2px solid #FFFFFF;
	margin:auto;
	display:block;
}
video.preview{
	min-width:15px;
	max-width:200px;
	max-height:150px;
	border-radius:5px;
	border:2px solid #FFFFFF;
	margin:auto;
	display:block;
}
p.preview{
	display:table;
	margin:0px auto;
	text-align:center;
}

p.play{
}
div.play{
	display: table; 
	margin: 0 auto;
	font-family:"Lemondrop","Lemondrop_IE";
	font-size:30px;
	padding-top:15px;
}
h4.play{
	font-size:20px;
	margin:0px;
	padding:0px;
}
h1.play{
	font-size:30px;
	margin:0px;
	padding:0px;
}

div.notfound{
	display:table; 
	margin: 10px auto;
	min-height:555px;
}
p.notfound{
	font-family: Verdana;
	display:table; 
	margin:0px auto;
}
a.notfound{
	text-decoration:none;
}

p.main{
	margin:0px auto;
	display:table;
	font-family:"Lemondrop","Lemondrop_IE";
	font-size:20px;
	margin-top:30px;
	margin-bottom:10px;
	text-shadow: 0 0 1px #000, 0 0 20px #000, 0 0 3px #000, 0 0 4px #000, 0 0 7px #000, 0 0 8px #000, 0 0 10px #000, 0 0 15px #000;
	color:#FFFFFF;
}

div.footer{
	background: -webkit-linear-gradient(180deg, #66ccff, white); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(180deg, #66ccff, white); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(180deg, #66ccff, white); /* For Firefox 3.6 to 15 */
	background: linear-gradient(180deg, #66ccff, white); /* Standard syntax */
  
	width:100%;
	height:100px;
	padding:0px;
	margin-top:20px;
}
p.footer{
	display:table;
	margin:0px auto;
	padding:10px;
	font-family:Verdana;
	font-size:10px;
}
.popover{
    min-width: 500px;
}
.popover-header{
    color: black;
}
.popover-body{
    background: white;
}
@media only screen and (max-width: 1060px) {
    body{
	font-size: 20px;
    }
}