body{
padding:0;
margin:0;
font: 16px/1.5 Futura, Helvetica, sans-serif;
background-image:url("../img/bg.png");
}

header{
font-family:"Days One", sans-serif;
color:#599B50;
font-size:43px;
z-index:-1;
top:5%;
margin:0 5%;
padding:0;
transform: rotate(-10deg);
-ms-transform: rotate(-10deg); /* IE 9 */
-webkit-transform: rotate(-10deg); /* Safari and Chrome */
-o-transform: rotate(-10deg); /* Opera */
-moz-transform: rotate(-10deg); /* Firefox */
height:30px;
}

#field{
width:60%;
height:400px;
min-width:700px;
max-width:800px;
margin:15% auto 5% auto;
padding:10px;
z-index:1;
}

#canvasContainer{
background-image:url("../img/bgfield.png");
border:solid #222 0px;
width:500px;
height:400px;
padding:0;
margin:0;
float:right;
}

#gamecanvas{
position:absolute;
border:dotted #333 1px;
transition:2s;
-moz-transition:2s;
-webkit-transition:2s;
-o-transition:2s; 
}

#googlemapcanvas{
position:absolute;
border:dotted red 1px;
transition:2s;
-moz-transition:2s;
-webkit-transition:2s;
-o-transition:2s; 
}

#debugcanvas{
position:absolute;
border:solid #85B888 0px;
opacity:0.0;
}



#menuscreen{

float:left;
color:#222;
width:140px;
height:360px;
text-align:center;
margin:2px;
padding: 0 20px;
}



@media screen and (max-width:610px) {

}



.gamebutton{
	width:90px;
	height:40px;
font-size:0.8em;
display:inline-block;
text-decoration:none;
text-align:center;
color:#fff;
background-color:#dd5454;
border:2px solid #dd5454;
-webkit-border-radius:9px;
-moz-border-radius:9px;
margin:5px;
}

.gamebutton:hover{
color:#dd5454;
background-color:#FFF;
border:2px solid #FFF;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}

.gamebutton, .gamebutton:hover, header{
transition: 1s;
-moz-transition: 1s;
-webkit-transition: 1s;
-o-transition:1s; 
}

footer{
text-align:center;
background-color:#333;
color:#FFF;
}


a, a:hover, a:visited{
color:#FFF;
text-decoration:none;
}

a:hover{
color:#222;}