/*--------------------------------------------------------------
Base settings for code highlighting
--------------------------------------------------------------*/

pre {
  background: black;
  padding: 1em 10px;
  margin-bottom: 1.5em;
  border-top: solid 2px #8f3743;
  overflow: auto;
}





 /*--------------------------------------------------------------
RUBY Highlighting
--------------------------------------------------------------*/

#content code.ruby span.comment {
  color: #999;
}

#content code.ruby span.string {
  color: #CC0000;
}

#content code.ruby span.brackets {

}

#content code.ruby span.symbol {
  color: #0000CC;
}

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



 /*--------------------------------------------------------------
JAVASCRIPT Highlighting
--------------------------------------------------------------*/

#content code.javascript span.comment {
  color: #999;
}

#content code.javascript span.string {
  color: #CC0000;
}

#content code.javascript span.brackets {

}

#content code.javascript span.symbol {
  color: #0000CC;
}

#content code.javascript span.keywords {
  color: #009900;
}



 /*--------------------------------------------------------------
HTML Highlighting
--------------------------------------------------------------*/

#content code.html span.comment {
  color: #999;
}

#content code.html span.string {
  color: #CC0000;
}

#content code.html span.tag {
  color: #009900;
}

#content code.html span.attribute {
  color: #CC0000;
}

#content code.html span.doctype {
  color: #996600;
}



 /*--------------------------------------------------------------
CSS Highlighting
--------------------------------------------------------------*/

#content code.css span.comment {
  color: #999;
}

#content code.css span.keywords {
  color: #0000CC;
}

#content code.css span.selectors {
  color: #CC0000;
}

#content code.css span.properties {
  color: #009900;
}

#content code.css span.units {
  color: #0000CC;
}
/* == Code Highlighting == */

/** RUBY / JAVASCRIPT **/
#content code span.comment {
	color: #BD48B3;
}

#content code span.string {
	color: #99FF00;
}

#content code span.brackets {
	
}

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

#content code span.keywords {
	color: #FF8400;
}

#content code span.erb {
	background: #333;
}

#content code span.symbol {
      color: #07DFFC;
}

/** HTML **/
code.html span.tag {
	color: #fff;
}

code.html span.attribute {
	color: #FFD500;
}

code.html span.string {
	color: #99FF00;
}

code.html span.comment {
	color: #999;
}

code.html span.doctype {
	color: #D7FF80;
}