pre 
{
  background-color:#FFFFFF;
  color:black;
  font-family:"Bitstream Vera Sans Mono",monospace;
  font-size:12px;
  text-align:left;
  border:1px solid #D7D7D7;
  line-height: 1.5em;
}

.javascript .comment, .ruby .comment, .css .comment 
{
  border:0pt solid transparent;
  color:#888888;
}

.javascript .string, .ruby .string 
{
  background-color:#FFF0F0;
  color:#DD2200;
}

.javascript .keywords, .ruby .keywords 
{
  color:#008800;
  font-weight:bold;
}

.javascript .global 
{
  color:blue;
}

.javascript .brackets, .ruby .brackets 
{
  color:black;
}

.css .properties 
{
  color:#999966;
}

.css .selectors 
{
  color:#FF6600;
  font-weight:bold;
}

.css .units 
{
  color:white;
}

.css .urls 
{
  color:white;
}

.html .tag 
{
  color:purple;
}

.html .comment 
{
  color:gray;
  font-style:italic;
}

.html .string 
{
  color:navy;
}

.html .doctype 
{
  color:teal;
}

.ruby .symbol 
{
  color:#AA6600;
}

.ruby .constants, .ruby .special 
{
  color:#003388;
  font-weight:bold;
}

.ruby .instance_variable 
{
  color:#3333BB;
}

.ruby .class_variable 
{
  color:#336699;
}

.ruby .global_variable 
{
  color:#DD7700;
  font-weight:bold;
}