code {
  color: white;
  background: #141414;
  font-family: Monaco, Courier, monotype;
  display:block; 
  white-space:pre;
  padding:0 10px 10px 10px;
  font-size: 8pt;
  border: 1px solid #cbbf8c;
  overflow: auto;
}

pre {
  overflow:auto;
  margin:0;
  padding:0;
}
/** RUBY / JAVASCRIPT **/
#content code span.comment {
	color: #5F5A60;
}

#content code span.string {
	color: #8F9D6A;
}

#content code span.brackets {
	color: #fff;
}

#content code span.symbol {
	color: #CF6A4C;
}

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

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


/** 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;
}