/*This css snippet will be required by the Codehighlighter.js */
pre {
  background-color: #DDD;
  padding: 0.4em;
  border: 1px solid #AAA;
  overflow: auto;
}

code {
  font-family: Monaco, "Courier New", monospace;
/*  font-size: 115%; */
  color: #000;
}

/* =code highlighting ------------ */

/** RUBY **/
#content code.ruby span.comment {
  color: purple;
}
#content code.ruby span.string {
  color: darkblue;
}
#content code.ruby span.brackets {

}
#content code.ruby span.symbol {
  color: #840;
}
#content code.ruby span.keywords {
  color: darkred;
}

/** YAML **/
#content code.ruby span.key {
  color: #FF8400;
}

/** JAVASCRIPT **/
#content code.javascript span.comment {
    color: #BD48B3;
}
#content code.javascript span.string {
    color: #99FF00;
}
#content code.javascript span.brackets {

}
#content code.javascript span.symbol {
    color: #6BCFF7;
}
#content code.javascript span.keywords {
    color: #FF8400;
}

/** HTML **/
#content code.html span.tag {
    color: #fff;
}
#content code.html span.attribute {
    color: #FFD500;
}
#content code.html span.string {
    color: #99FF00;
}
#content code.html span.comment {
    color: #999;
}
#content code.html span.doctype {
    color: #D7FF80;
}

/** CSS **/
#content code.css span.keywords {
  color: #FFD500;
}
#content code.css span.comment {
  color: #999999;
}
#content code.css span.selectors {
  color: #009900;
}
#content code.css span.properties {
  color: #CC0000;
}
#content code.css span.units {
  color: #0000CC;
}