html, body { margin:0; padding:0; border:0; }
body { color:#fff; background-color:#383838; font-family:verdana; font-size:12px; text-align:center; margin:3px; }
#wrapper { margin:0 auto; width:100%; max-width:850px; font-size:12px; text-align:left; background-color:#0033cc; }
#wrapper img { width:100%; border:none; }
#header { width:100%; padding:6px 0; border-top:1px solid #0066ff; border-bottom:1px solid #0066ff; }
#header h1 { font-size:21px; color:#fff; padding-left:20px; display:inline; }
.main { clear:both; padding:6px; text-align:left; }
.play { clear:both; width:58%; margin:10px auto; text-align:center; padding:8px 0; border:1px solid #0066ff; }
@media screen and (max-width: 768px){ .play{width:90%;} }
#menu { clear:both; float:left; width:100%; border-top:1px solid #0066ff; border-bottom:1px solid #0066ff; }
.item { float:left; width:120px; font-size:9px; text-align:center; padding:6px 0; }
#footer { clear:both; width:100%; padding:6px 0; text-align:center; border-bottom:1px solid #0066ff; }
a:link { color:#fff; }
a:visited { color:#fff; }
a:hover { color:#fff; }