body, td {
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px; 
}

a:link {
    text-decoration: none;
    color:blue;
}

a:visited {
    color:blue;
}

a:hover {                                                 
    text-decoration: underline;
    color:black;                          
}

#wrapper { width: 800px; margin: 0px auto;}

ol { padding: 0px; margin: 0px; list-style: decimal-leading-zero inside; color: #ccc; width: 280px; border-top: 1px solid #ccc; font-size: 0.9em; }
ol li { position: relative; margin: 0px; padding: 2px 2px 2px; border-bottom: 1px solid #ccc; cursor: pointer; }
ol li a { display: block; text-indent: -3.3ex; padding: 0px 0px 0px 20px; }
li.playing { color: #aaa; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3); }
li.playing a { color: #000; }
li.playing:before { content: '**'; width: 14px; height: 14px; padding: 3px; line-height: 14px; margin: 0px; position: absolute; left: -24px; top: 4px; color: #000; font-size: 13px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); }

@media screen {
    #wrapper { position: relative; left: 0%; }
}
#title { font-weight:bold}

#supertitle { font-size: 16px; 
    width: 180px;
}

.navbar {
    font-size: 16px;
    height: 30px;
    font-weight: bold;    
}

.navbar a {
    text-decoration: none;
    color:red;  
}
.navbar a:hover {
    
    text-decoration: underline;
}
#stats {
    font-size: 12px; 
}

#userproperties {    
    width: 400px;
    float:left;
}

#menubuffer {
    width: 100px;
    float:left;
    border:black;           
}

#cpmenu {
    border:dashed;
    width:200px;
    float:left;
}