@import url(http://fonts.googleapis.com/css?family=Kelly+Slab|Comfortaa:400,700,300);

*{
	/* This is how it SHOULD be */
	box-sizing: border-box;
}

a{
	color: #CCC;	
}

body
{
	padding:112px 16px 16px 112px;
	margin:0;
	font-family: Comfortaa, Verdana, Geneva, sans-serif;
	background-color: #888;
	color: #FFF;
	/* font-family: "Kelly Slab", "Courier New", Courier, monospace; */
}

#header
{
	background-color: #555;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:96px;
	z-index:100;	
}

#logo
{
	position:absolute;
	left: 0;
	top: 0;
	width:96px;
	height:96px;	
	background: #666 url(../img/logo5-96.png) center center no-repeat;
}

#title
{
	padding-left: 112px;
	height:96px;
	
	display:table-cell;
	vertical-align: middle;
	
	color: #fff;
	font-size:48px;
	font-family: "Kelly Slab", "Courier New", Courier, monospace;
		
}

#menu
{
	z-index:100;	
	background-color: #777;
	position:fixed;
	top:96px;
	bottom:0;
	left:0;
	width:96px;	
}





.nolist, .nolist li {
	padding:0;
	margin:0; 
	list-style-type:none;
}



.largeButtons{

	text-align:center;
	
}
.largeButtons a{
	position:relative;
	color: #000;
	text-decoration: none;
	padding: 8px;
	font-size: 24px;
	display:inline-block;
	margin:8px 0;
	border:1px solid #000;
	background: #fff;
	
	box-shadow: 1px 1px 0 0 #000,
	2px 2px 0 0 #000,
	3px 3px 0 0 #000,
	4px 4px 0 0 #000,
	5px 5px 0 0 #000,
	6px 6px 0 0 #000,
	7px 7px 0 0 #000,
	8px 8px 0 0 #000;
}

.largeButtons a:hover{
	left:2px;
	top:2px;
	
	box-shadow: 1px 1px 0 0 #000,
	2px 2px 0 0 #000,
	3px 3px 0 0 #000,
	4px 4px 0 0 #000,
	5px 5px 0 0 #000,
	6px 6px 0 0 #000;
}

.largeButtons a:active{
	left:6px;
	top:6px;
	background: #FFC;
	box-shadow: 1px 1px 0 0 #000,
	2px 2px 0 0 #000;
}