*{ margin:0; padding:0; }
body{ font:13px verdana,tahoma,arial,sans-serif; line-height:1.4em; text-align:center; color:#111; background:#000; }

a{ color:#00e; font-weight:bold; text-decoration:none; background-color:inherit;  }
a:hover{ color:#00e; text-decoration:underline; background-color:inherit; }
a img{ border:none; }

#container{ width:100%; max-width:850px; margin:5px auto; padding:1px 0; text-align:left; background:#ffffcc; color:#111; border:2px solid #000; }
#container img { width:100%; border:none; }
#header{ height:653px; width:100%; margin:0 1px 1px 1px; background:#670100; color:#fff; }

#content{ float:left; width:100%; font-size:1.0em; margin:5px 0; }
.play { clear:both; width:56%; margin:10px auto; text-align:center; padding:10px 0; background:#b34636; }
@media screen and (max-width: 768px){ .play{width:92%;} }
.list { float:left; padding:6px 15px; font-size:9px; text-align:center; }

#footer{ clear:both; width:100%; padding:5px 0; margin:0 1px; font-size:1.1em; color:#f0f0f0; background:#670100; }
#footer p{ padding:0; margin:0; text-align:center; }
#footer a{ color:#f0f0f0; background-color:inherit; font-weight:bold; }
#footer a:hover{ color:#fff; background-color:inherit; text-decoration: underline; }

p{ padding:8px; }
a.black:link,a.black:visited { color:#000; font-weight:normal; }
.red{ color:#f00; font-weight:bold; }