body {
  background-size: 72px;
  background-position: center;
  background-attachment: fixed;
  background-color:#336666;
  font-family: emerald;
  font-smooth: never;
  margin:0;
}
   
@font-face { font-family: emerald; src: url('fonts/emr.ttf'); }

#audio-player-container {
  position: relative;
  margin: 100px 5% auto 5%;
  width: 90%;
  max-width: 500px;
  height: 80px;
  background: #ccc;
}

a:link {
  color: #339966;
}

a:visited {
  color: #003333;
}

a:hover {
  color: #339966;
}

.site {
  background-image: url('/asylum/img/bg.png');
  width: 720px;
  margin: auto;
  background-color:#f1f1d1;
  height:100%;
  outline: solid 1px #333333;
}

.wrapper{
 padding:6px;
 width:auto;
}

.head{
  background-color:#336666;
  outline: solid 1px #333333;
  height:192px;
}

.boxman{
  background-color:#336666;
  outline: solid 1px #333333;
}

.flex-child {
  flex: 1;
  background-color: #4a2b23;
  color: white;
  padding: 4px;
  width: 25%;
}