body{
cursor:default;
color:#e5e5e5;
background:#000;
font:normal normal normal 14px verdana, arial, helvetica, sans-serif;
padding:0 0 50px;
margin:5px;}
a:link,
a:visited,
a:active,
a:hover{
color:#00CC00;
font-size:14px;
text-decoration:none;}
form{padding:0;margin:0;}
input,
select,
textarea{
color:#e5e5e5;
background:#4c4c4c;
font:normal normal normal 14px verdana, arial, helvetica, sans-serif;
border:1px solid #e5e5e5;
padding:2px;
margin:0;}
div#header{
text-align:center;
border:0;
padding:0;
margin:auto;}
/* Amiga Topaz for the ascii header, see fonts/README.txt.
   Pixel font: only sharp at 16px (or multiples), no bold, no smoothing. */
@font-face{
font-family:"Topaz a1200";
src:url('fonts/Topaz_a1200_v1.0.ttf') format('truetype');
font-display:block;}
div#header pre{
display:inline-block;
text-align:left;
color:#00CC00;
font:normal normal normal 14px/13px "Topaz a1200", monospace;
letter-spacing:0;
-webkit-font-smoothing:none;
/* wider than Amiga aspect; does not change the layout box, so scale
   around the center to keep it centered */
transform:scaleX(1.25);
transform-origin:center top;
padding:0;
margin:0;}
div#menu{
width:904px;
font:normal normal normal 18px verdana, arial, helvetica, sans-serif;
padding-top:10px;
margin:0 auto -1px;}
div#menu a:link,
div#menu a:visited,
div#menu a:active{
line-height:26px;
font-size:18px;
text-decoration:none;
font-weight:bold;
padding:2px 11px;
margin:0 5px;}
div#menu a:hover,
div#menu a.mark:link,
div#menu a.mark:visited,
div#menu a.mark:active{
background:#333;
border-top:1px solid #00CC00;
border-left:1px solid #00CC00;
border-right:1px solid #00CC00;
border-bottom:none;
padding:2px 10px;
margin:0 5px;}
div#content{
width:888px;
background:#333;
border:1px solid #00CC00;
padding:20px 6px 10px;
margin:auto;}
div#content span.none{display:none;}
div#content span.expand{
display:block;
padding:0;
margin:0;}
div#footer{
width:888px;
color:#00CC00;
font:normal normal normal 12px/12px "Topaz a1200", monospace;
-webkit-font-smoothing:none;
text-align: right;
padding:4px;
margin:auto;}
pre{font-size:12px;}
p{padding:1px 0 1px 0;margin:0;}
p.headline{
font-size:18px;
font-weight:bold;
color:#00CC00;
padding:1px 0 1px 0;
margin:0;}
p.headline span{
font-size:12px;
font-weight:normal;
color:#999;}
p.center{text-align:center;}
.smaller{font-size:smaller;}
.green{color:#00CC00;}
.dark{color:#999;}
.bold{font-weight:bold;}
div.channel{
background:#2b2b2b;
border-left:3px solid #00CC00;
padding:8px 12px 10px;
margin:0 0 15px;}
div.channel p{padding:2px 0;}
div.channel p.nowplaying{font-size:16px;}
div.channel p.player{padding:6px 0;}
div.channel audio{
width:100%;
max-width:520px;
color-scheme:dark;}
div.channel p.recent{
font-size:12px;
padding-top:6px;}
div.channel ul.recent{
font-size:12px;
color:#999;
list-style:none;
padding:0 0 0 10px;
margin:0;}
div.channel ul.recent li:before{content:"\00B7  ";color:#00CC00;}