html, body 
{
  margin: 0;
  background: #bbb;
  color: #000;
}

a:link
{
  color: #224;
}
a:visited
{
  color: #224;
}
a:hover
{
  color: #335;
}
a:active
{
  color: #224;
}

.hlbotline 
{
  background: #000;
  color: #fff;
  font-size: 9px;
}

.hlbotline a
{
  color:  #aaa;
}

.pictures
{
  font-family: Trebuchet MS, Verdana, sans-serif;
}
#the_audio {
	width: 450px;
}

.postheader
{
  background: #eee;
  box-sizing: border-box;
  padding-top: 4px;
  padding-left: 3px;
  padding-bottom: 4px;
  margin-bottom: 8px;
  margin-top: 0px;
}
.postheader a
{
  text-decoration:none;
}

.post
{
  background: #fff;
  box-sizing: border-box;
  padding: 4px;
  margin-bottom: 12px;
  overflow-x: scroll;
}

.post pre
{
  background: #eee;
  overflow-x: scroll;
}

.post img
{
  max-width: 100%;
}

.player
{
  position:fixed;
  right:0;
  bottom:0;
  width:100%;
  background:#eee;
  padding:3px;
  display:table;
  box-sizing: border-box;
}
.player_button 
{
  padding-right:8px;
  padding-left:8px;
  background:#aaa;
  vertical-align: middle;
  text-align:center;
  margin-right:18px;
}
#the_audio
{
  width: 200px;
}
.player_name 
{
  padding-left:8px;
  vertical-align: middle;
  text-align:left;
}

.topbar 
{
  padding-left:12px;
  padding-right:8px;
  color: #fff;
  background:#111;
}

.myform
{
  border-top:#d0d0d0 solid thin;
  border-bottom:#a0a0a0 solid thin;
  border-right:#a0a0a0 solid thin;
  border-left:#d0d0d0 solid thin;
  color:#000000;
  background:#f0f0f0;
  font-family:Courier;
  font-size:10px;
  border-width:1px;
}

.navhdr
{
  text-align:center;
  font-size:13px;
  padding-top:10px;
  padding-bottom:10px;
}

.bottomline
{
  text-align:center;
  font-size:13px;
  padding-bottom:70px;
}

.comment_area 
{
  background: #eee;
  padding-left:30px;
  padding-top:8px;
}

#infiniteboxc
{
  position:fixed;
  right:0;
  bottom:45px;
  padding:5px;
  background: #eee;
  display:none;
}