html, body { margin:0; padding:0; border:0; }
body { color:#fff; background:#333; font-family:verdana, sans-serif; font-size:13px; text-align:center; margin:5px 0; }
#wrapper { margin:0 auto; width:100%; max-width:852px; font-size:13px; text-align:center; background:#510; }
#wrapper img { width:100%; border:none; }
#header { clear:both; width:100%; text-align:center; padding:5px 0; background:#600; border:1px solid #c00; }
#header h1 { font-size:21px; color:#fff; padding:10px; display:inline; }
.main_content { width:100%; margin:0; padding:5px 0; text-align:left; margin-top:2px; background:#000; border:1px solid #c00; }
.main_content p { margin:0; padding:6px; }
.play { clear:both; width:60%; margin:10px auto; text-align:center; padding:10px 0; background:#600; border:1px solid #c00; }
@media screen and (max-width: 768px){ .play{width:90%;} }
#menu { clear:both; float:left; width:100%; text-align:center; margin-top:2px; background:#600; border:1px solid #c00; }
#menu .item { float:left; width:140px; font-size:11px; text-align:center; padding:8px 0; }
#footer { clear:both; width:100%; text-align:center; margin-top:2px; padding:5px 0; background:#600; border:1px solid #c00; }
a:link { text-decoration:none; color:#bb0; }
a:visited { text-decoration:none; color:#bb0; }
a:hover { text-decoration:none; color:#bb0; }