/*This css snippet will be required by the Codehighlighter.js */
pre {
	background-color:#F5F5F5;
	border:1px solid silver;
	clear:both;
	color:#110000;
	font-family:'Courier New','Terminal',monospace;
	font-weight: bold;
}

code {
    font-family: Monaco, "Courier New", monospace;
}

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

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

}
#content code.ruby span.symbol {
    color: #3333FF;
}
#content code.ruby span.keywords {
    color: #008800;
}
#content code.ruby span.constants {
    color: #003366;
}

code.ruby span.keywords {
    color: #009900;
}

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

/** JAVASCRIPT **/
#content code.javascript span.comment {
    color: #BD48B3;
}
#content code.javascript span.string {
    color: #339999;
}
#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: #008800;
}
#content code.html span.attribute {
    color: #FFD500;
}
#content code.html span.string {
    color: #339999;
}
#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;
}