html, body{ margin:0; padding:0; margin-top:5px; font-size:0.9rem; font-family:Arial; background:#fff; }
#wrapper { width:100%; max-width:1000px; margin:0 auto; margin-left:auto; margin-right:auto; padding:0; }
#wrapper img { width:100%; border:none; }
#header { width:100%; height:35px; border-bottom:1px solid #d9d9d9; }
#header img { width:100%; border:none; }
#menu { float:left; width:226px; margin-left:10px; margin-top:10px; padding:0; }
#menutop { float:left; width:226px; height:10px; background:url(images/menutop.gif) no-repeat top left; }
#menuline { float:left; width:226px; background:url(images/menuline.gif) repeat-y top left; }
#menubottom { float:left; width:226px; height:10px; background:url(images/menubottom.gif) no-repeat bottom left; }
.item { margin:8px 10px; padding:0; font-size:0.8rem; font-weight:bold; }
#title { float:right; width:75%; margin-top:5px; text-align:center; }
#title h1 { display:inline; font-size:1.3rem; }
#content { float:right; width:75%; margin-right:5px; margin-top:5px; padding:0; }
#contenttop { float:left; width:100%; height:10px; background:url(images/contenttop.gif) no-repeat top left; }
#contentline { float:left; width:100%; background:url(images/contentline.gif) repeat-y top left; }
#contentbottom { float:left; width:100%; height:10px; margin-bottom:10px; background:url(images/contentbottom.gif) no-repeat top left; }
#content p { margin:6px 10px; padding:0; font-size:0.9rem; }
#play { clear:both; width:55%; margin:10px auto; text-align:center; padding:10px 0; background:#e6e6e6; border:1px solid #900; border-radius: 5px; }
#footer { clear:both; width:100%; margin:0; padding:8px 0; text-align:center; border-top:1px solid #d9d9d9; }
a:link { color:#e93656; }
a:visited { color:#e93656; }
a:hover { color:#e93656; }
a:active { color:#e93656; }
@media screen and (max-width: 768px){
#play{width:90%;}
#menu { width:100%;margin-left:0;}
#title{width:100%;}
#content{width:100%;margin-left:0;}
}