body {
	margin:0;
	font-family:Verdana,Arial,sans;
	background:#AEE0F0;
	color:#000000;
	font-size:16px;
}

a {
	color:#000000;
}

img {
	margin:0;
	padding:0;
	border:0;
}

header nav table tr td a:hover {
	color:#444444;
}

footer {
	margin-top:20px;
	padding:10px;
	border-top:2px solid #000000;
	text-align:left;
}

.description {
	margin:20px 0 -20px 0;
	padding:10px;
	border-top:2px solid #000000;
	text-align:left;
}

.game {
	overflow:hidden;
	position:absolute;
	border:0;
}


.menu_small .item {
	float:left;
	width:calc(33% - 10px);
	padding:5px;
	text-align:center;
}

.menu_small .item a {
	color:#FFFFFF;
}
.menu_small .item a:hover {
	color:#F8951E;
}

.search {
	position:absolute;
	top:2px;
	right:2px;
	width:120px;
	padding:2px 2px 1px 2px;
	border:2px solid #000000;
	background:#FFFFFF;
}

.search .text {
	width:99px;
	margin:0;
	padding:0;
	border:0;
	font-family:Verdana,Arial,sans;
	font-size:16px;
}

.search .icon {
	float:right;
	width:20px;
	height:20px;
	background-image:url('../img/search_icon.svg');
	background-size:20px 20px;
}

.search .icon:hover {
	opacity:0.5;
}

.title {
	padding:10px;
	text-align:center;
}

.thumbs {
	overflow-y:hidden;
}

.thumb:hover {
	background:#F8951E;
}

.thumbs_more_loading {
	display:inline-block;
	width:34px;
	height:34px;
	background-image:url('../img/loader.svg');
	background-position:center;
	background-size:128px 128px;
}

@media screen {
	h1 {
		font-size:16px;
		text-align:left;
	}
	
	header nav .logo {
		float:none;
		text-align:center;
		width:160px;
		height:100px;
	}

	header nav table {
		display:none;
		position:relative;
		width:100%;
		margin:0;
		padding:0;
	}
	
	header nav table tr td {
		text-align:center;
		font-size:16px;
	}
	
	.menu_button {
		display:block;
		position:absolute;
		top:36px;
		right:6px;
		width:48px;
		height:48px;
		background-image:url('../img/menu_button.svg');
		background-size:48px 96px;
	}
	.menu_button:hover {
		background-position:0px -48px;
	}
	
	.menu_small {
		background:#000000;
	}
	
	.game_left, .game_left h1 {
		text-align:center;
	}
	
	.game_right, .game_right h1 {
		text-align:center;
	}
	
	.thumb {
		float:left;
		width:80px;
		height:80px;
		margin:5px;
		padding:1px;
		border:1px solid #FFFFFF;
		background:#000000;
	}
	.thumb_img {
		width:80px;
		height:80px;
		background-size:80px 80px;
	}
	
	.thumbs_more {
		text-align:center;
	}
}

@media screen and (min-width: 400px) {
	
	.thumb {
		width:160px;
		height:160px;
		margin:10px;
		padding:2px;
		border:2px solid #FFFFFF;
	}
	.thumb_img {
		width:160px;
		height:160px;
		background-size:160px 160px;
	}
}

@media screen and (min-width: 960px) {
	h1 {
		font-size:30px;
	}
	
	header nav .logo {
		float:left;
	}

	header nav table {
		display:table;
		position:absolute;
		top:14px;
		left:160px;
		width:calc(100% - 160px);
	}

	header nav table tr td {
		font-size:24px;
	}
	
	.menu_button, .menu_small {
		display:none;
	}
	
	.game_left {
		float:left;
		width:calc(50% - 30px);
		padding:10px 20px 10px 10px;
		text-align:right;
	}
	
	.game_left h1 {
		text-align:right;
	}
	
	.game_right {
		float:right;
		width:calc(50% - 30px);
		padding:10px 10px 10px 20px;
		text-align:left;
	}
	
	.game_right h1 {
		text-align:left;
	}
	
	.thumb {
		width:240px;
		height:240px;
		padding:3px;
		border:3px solid #FFFFFF;
	}
	.thumb_img {
		width:240px;
		height:240px;
		background-size:240px 240px;
	}
	
	.thumbs_more {
		text-align:center;
		font-size:24px;
	}
}