@font-face{
	font-family:'Custom00';
	font-style:normal;
	font-weight:400;
	src:url('/fonts/Gugi-Regular.ttf') format('truetype');

	/*src:url('/fonts/Orbitron-Regular.ttf') format('truetype');*/
	/*src:url('/fonts/RussoOne-Regular.ttf') format('truetype');*/
	/*src:url('/fonts/PressStart2P-Regular.ttf') format('truetype');*/
	/*src:url('/fonts/Coda-Regular.ttf') format('truetype');*/
	/*src:url('/fonts/Michroma.ttf') format('truetype');*/
	/*src:url('/fonts/Electrolize-Regular.ttf') format('truetype');*/

}

html{
	/*font-family:'Custom00';*/

	background-color:#333333;
	/*background-image:url("images/background_pattern.png");*/
	font-family:'Consolas';
	color:#ffffff;
}
body{
	margin:0px;
	/*width:1160px;*/
	/*
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	*/

	/*background-image:url("images/connectwork.png");*/
	/* This background pattern from Toptal Subtle Patterns. */
}
h1{
	font-size:50px;
	/*text-align:center;*/
	margin:0px;
}
p{
	font-size:16px;
	line-height:2;
	letter-spacing:1px;
}
li{
	padding-top:3px;
	padding-bottom:3px;
}
img{
	display: block;
	padding:0px;
}
canvas{
	background-color:#eeeeee;
	/*border:2px solid black;*/
	/*border:3px #CCC solid;*/
	display:block; /* Needed bc a canvas is an inline elt by default?*/

	/* Remove blue highlight square in Google Chrome. */
	/* https://stackoverflow.com/questions/20853238/ 
	   webkit-tap-highlight-color-is-not-working */
	/*-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;*/

	/*
	-webkit-touch-callout:none;                
	-webkit-text-size-adjust:none;  
	-webkit-tap-highlight-color:rgba(0,0,0,0); 
	-webkit-user-select:none; 
	*/
}

button{
	font-family:inherit;
	font-size:inherit;
	background-color:#0d53bc;
	border:solid;
	border-color:#222222;
	color:#ffffff;
	border-radius:3px;
	margin:2px;
	margin-top:10px;
	display:inline;
	box-sizing:content-box;
}
span{
	margin:2px;
}
input{
	margin:2px;
}


.rbox
{
	background-color:#222222;
	/*background-color:#333333;*/
	/*background-color:#111111;*/
	/*background-color:#080808;*/
	border-radius:4px;
	padding:10px; /* can't change without fixing content width */
	/*float:left;*/
	margin-top:6px;
	/*margin-bottom:2px;*/
}
.important{ /* Class selector. */
	color:#ff0000; /* Text color. */
}
.little_box_container{
	/*clear:both;*/ /* Clears floats. */
}
.little_box{
	margin:2px;
	background-color:#00ff00;
	width:30px;
	height:30px;
	/*float:left;*/
}
.holds_uuid{
	width:280px;
}
.clear_float{
	clear:both;
}
.uuid_btn{
	float:right;
}
.uuid_txt{
	float:left;
}
.uuid_ckbx{
	float:right;
	margin:6px;
}
.uuid_btn_group{
	float:left;
	margin:4px;
	padding:4px;
	border-radius:2px;
	background-color:#000000;
}
.share_grp{
	float:left;
	margin-left:20;
}
.soc_med{
	float:left;
	margin:4px;
}
.soc_med_intro{
	float:left;
	margin:4px;
}
.soc_med_grp{
	float:left;
}



#error_reporting{
	position:fixed;
	top:4px;
	right:4px;
	width:200px;

	/*background-color:#660000;*/
	/*border-color:#ff0000;*/
	background-color:#cc9900;
	border-color:#ffff00;
	border-style:solid;
	border-width:1px;
	border-radius:2px;
	padding:6px;

	/*opacity:0.5;*/
	opacity:0;
	transition: opacity 1s;
}
#error_reporting.show{
	opacity: 1;
}
#logo_div{ 
	float:left; 
	margin:4px;
	padding:6px;
	border-radius:2px;
	background-color:#000000;
}
#logo_img{
	margin:3px;
}
#uuid_controls{ float:right; }
/* Chart and keyboard sources for the in-canvas screens.
   display:none takes them out of layout. Chart.js still reads the canvas
   width and height attributes, so the blit keeps its size. Do not set
   CSS width or height to 0 on these nodes. */
#offscreen_assets{
	display:none !important;
}
#content{
	/*width:1160px;*/
	/*width:1200px;*/
	width:1180px;
	margin-left:auto;
	margin-right:auto;
	/*background-color:#0000ff;*/
	
}
#share_intro{
	float:left;
}
#share_high_scores{
	float:right;
}
#share_grp{
	float:left;
}
#header_bar{
	background-color:#333333;
	/*background:linear-gradient(#222222, #454545);*/
	padding:20px;
	padding-top:80px;
	margin-bottom:20px;
	border-radius:6px;
}
#credits{
	font-size:10pt;
}
#side_menu{
	background-color:#222222;
	border-radius:6px;
	padding:10px;
	/*float:left;*/
}