div.codeblock {
  -moz-border-radius: 5px;
  padding: 5px;
  margin-bottom: 10px;
  width: auto;
  overflow: auto;
  text-align: left;
  line-height: 120%;
}

/*** black background ***/

div.codeblock {
  border: 1px solid #444;
  background-color: #111;
  color: #fff;
}

.synComment { color: #00ffff; font-weight: bold; }
.synConstant { color: #ff40ff; font-weight: bold; }
.synError { color: #ffffff; background-color: #ff6060; font-weight: bold; }
.synIdentifier { color: #00ffff; font-weight: bold; }
.synPreProc { color: #8080ff; font-weight: bold; }
.synSpecial { color: #ff6060; font-weight: bold; }
.synStatement { color: #ffff00; font-weight: bold; }
.synTitle { color: #ff40ff; font-weight: bold; }
.synTodo { color: #808080; background-color: #ffff00; }
.synType { color: #00ff00; font-weight: bold; }
.synlnr { color: #ffff00; font-weight: bold; }


/*** for white background ***/

/*
div.codeblock {
  border: 1px solid #CCC;
  background-color: #EEE;
  color: #000;
}

.synComment    { color: #0000FF }
.synConstant   { color: #0000FF }
.synIdentifier { color: #008B8B }
.synStatement  { color: #A52A2A ; font-weight: bold }
.synPreProc    { color: #A020F0 }
.synType       { color: #2E8B57 ; font-weight: bold }
.synSpecial    { color: #6A5ACD }
.synUnderlined { color: #000000 ; text-decoration: underline }
.synError      { color: #FFFFFF ; background: #FF0000 none }
.synTodo       { color: #0000FF ; background: #FFFF00 none }
*/