@font-face {
	font-family: 'Raleway';
	src: local('Raleway'), url(../assets/fonts/Raleway-Regular.ttf) format('truetype');
}

body {
	margin:0;
	background:#000;
	font-family: Raleway;
	font-size: 20px;
	overflow:hidden;

	width:100%; height:100%;
	cursor: none;

}
body, canvas, div {
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */

	/* No support for these yet, use at own risk */
	-o-user-select: none;
	user-select: none; 
}
#container {
	/*position: absolute;
	background: #000;
	width:960px; height:600px;

	top:0; left:0; right:0; bottom:0;
	margin:auto;*/

	cursor: none;

	position: absolute;
	background: #000;
	width:100%; height:100%;

}
#container > div{
	position: absolute;
	width:100%; height:100%;
}

/*** GAME ***/
#game_container > canvas{
	
	position: absolute;
	display: block;
	
	top:0; left:0; right:0; bottom:0;
	margin:auto;

	/*width:100%; height:100%;*/
}
/*canvas#game{
	background: #BADA55;
}*/

/*** DEBUG ***/
#ui_container > div{
	position: absolute;
}
#tutorial_message {
	bottom:0px;
	width:100%;
	overflow: hidden;
	text-align: center;
	padding-top:15px;
	padding-bottom: 15px;
	font-size: 20px;
	background: rgba(0,0,0,0.5);
	color:#fff;
}
#fps_counter {
	background: rgba(0,0,0,0.5);
	color:#fff;
	padding:10px;
	width:60px;
	text-align: right;
	height:20px;
	top:0;
	right:0;
}

/*** LOADING ***/
#loading_screen {
	width:100%; height:100%;
	background:#000;
	position:absolute;

	-webkit-transition: opacity 1.0s ease-in-out;
    -moz-transition: opacity 1.0s ease-in-out;
    -ms-transition: opacity 1.0s ease-in-out;
    -o-transition: opacity 1.0s ease-in-out;
    transition: opacity 1.0s ease-in-out;

}
#loading_info{}
#loading_bar {

	position: absolute;
	background: #000;
	width:100%; height:5px;

	top:0; left:0; right:0; bottom:0;
	margin:auto;

}
#loading_bar_white {

	position: absolute;
	background: #fff;
	height:100%;
	width:0%;
	
	-webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    -ms-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;

}