html, body { margin:0; padding:0; border:0; }
body { color:#00c; background:#253; font-family:verdana; font-size:13px; margin:3px; }
#wrapper { width:100%; max-width:850px; font-size:13px; text-align:left; background:#e9e9e9; }
#wrapper img { width:100%; border:none; }
.header { clear:both; width:100%; text-align:center; padding:8px 0; border-bottom:#123A1F 1px solid; }
.header h1 { display:inline; font-size:19px; }
.main { clear:both; padding:6px; }
#menu { clear:both; width:100%; border-top:#123A1F 1px solid; }
#menu .item { float:left; width:120px; font-size:9px; text-align:center; padding: 10px 0; border-right:#123A1F 1px solid; }
#menu .last { border:none; }
#footer { clear:both; width:100%; text-align:center; padding: 10px 0; border-top:#123A1F 1px solid; }
.play { clear:both; width:62%; margin:10px auto; text-align:center; padding:10px 0; background:#e9e9e9; border:1px solid #123A1F; }
@media screen and (max-width: 768px){ .play{width:90%;} }
a:link { color:#a00; }
a:visited { color:#a00; }
a:hover { color:#00a; }