body {margin: 0; padding: 0}@font-face
{
	font-family: smallPixel;
	src: url(small_pixel-7.ttf);
}
/****************************************
  ==== LAYOUT
****************************************/

*
{
	padding: 0px;
	margin: 0px;
}

html, body
{

	background-color: #040347;
	width: 100%;
	height: 100%;
}

body
{
	position: relative;
}

#gameContainer, canvas
{
	height: 100%;
	width: 100%;
	line-height: 0px;
	overflow: hidden;
}

/****************************************
  ==== LOADING
****************************************/

#loadingPage
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0%;
	left: 0%;
	background-image: url("TitleScreen.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-color: #040347;
	overflow: hidden;
}

#loadingBox
{
	width: 100%;
	height: 90px;
	position: absolute;
	bottom: 15%;
	margin-top: -10px;
	text-align: center;
}

#backgroundProgressBar
{
	position: relative;
	width: 300px;
	margin-left: -150px;
	left: 50%;
	height: 30px;
	border: white 2px solid;
	border-radius: 2px;
}

#progressBar
{
	position: relative;
	left: 50%;
	margin-left: -150px;
	width: 0%;
	height: 100%;
	background-color: white;
	border-radius: 2px;
}

#loadingMessage
{
	color: white;
	letter-spacing: 1px;
	width: 100%;
	font-family: "smallPixel", sans-serif;
	font-size: 50px;
	text-transform: uppercase;
	text-align: center;
	text-shadow: 
	    -2px -2px 0 #000,
	    2px -2px 0 #000,
	    -2px 2px 0 #000,
	    2px 2px 0 #000;
}

#AdLoading
{
	position: absolute;
	left: 390px;
	margin-left: -168px;
	top: 170px;
	bottom: auto;
}

#AdInGame
{
	position: absolute;
	left: 390px;
	margin-left: -168px;
	top: 312px;
}

#footer
{
	position: absolute;
	bottom: 0px;
	width: 100%;
}

#links
{
	right: 5px;
	position: absolute;
	bottom: 5px;
	color: white;
}

#links>a
{
	font-family: helvetica;
	color: white;
}

#footer img
{
	border-radius: 10px;
	line-height: 0px;
	margin-left: 5px;
}

#AdLoading
{
	position: absolute;
	left: 390px;
	margin-left: -168px;
	top: auto;
	bottom: 140px;
}

#pinpindisplay {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 90px;
    bottom: 0px;
    line-height: 0;
}

@media screen and (min-width: 800px)
{
	#AdLoading
	{
		left: 50%;
	}
}