body { background:#FFF; font: 10pt/1.5em Calibri; margin:0 auto; }
a { text-decoration:none; color:#4087BD; }
img{ border:0; }

header { background:#000; color:#FFF; text-align:center; }
header span.title { font-size:14pt; vertical-align:middle; font-weight:bold; display:block; padding:10px 10px 0 10px; }
header span.title a{ color:#FFF; }
header span.subtitle { display:block; font-style:italic; padding:0 10px 10px 10px; color:#FFFF00; }

section#main { margin:0 10px 10px 10px; }
.flex { display:flex; flex-wrap:wrap; justify-content:center; }

div.game { margin:0 0 10px 0; border:1px solid #333; background:#EEF; text-align:left; }
div.game div.mainInfo { display:flex; }
div.game div.mainInfo div.left { width:120px; }
div.game div.mainInfo div.right { }

div.game img.icon { margin:10px; width:100px; }
div.game a.title { font-size:16pt; display:block; font-weight:bold; margin:5px 0 5px 0; }
div.game div.categories { margin:0 0 10px 0; }
div.game div.categories span.category { display:inline-block; padding:0 5px 0 5px; background:#FF9C33; color:#FFF; margin-right:10px; }
div.game span.info { display:block; }
div.game label { font-weight:bold; }
div.game p.block { }
div.game div.screenshots { overflow-x:scroll; overflow-y:hidden; white-space:nowrap; height:250px; padding:0 10px; }
div.game div.screenshots img.screenshot { height:100%; padding:10px 10px 10px 0; }

nav { margin:10px auto 0 auto; text-align:center; }
nav a.details_button { display:inline-block; width: 350px; margin-right:10px; margin-bottom:10px; border:1px solid #222; background:#000; color:#FFF; font-size:12pt; text-align:center; padding:10px; }
nav a.details_button:hover { background:#666; }

a.game_mini { display:block; width:276px; margin:0 10px 10px 0; border:1px solid #333; background:#EEF; text-align:center; }
a.game_mini:hover { border:1px solid #222; background:#DDD; }
a.game_mini img.icon { margin:10px 10px 0 10px; width:256px; }
a.game_mini span.title { color:#222; font-size:12pt; display:block; margin:0 5px 5px 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

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