pre {
  overflow: auto;
  font-family: "Andale Mono", Courier;
	border: 1px solid black;
	border-color: #BBB #DDD #DDD #BBB;
	padding: 16px 10px;
	overflow: auto;
	background-color: #292E23;
	color: #EEE;
	margin: 18px 0;
}

.javascript .comment, .ruby .comment {
	color : green;
}

.javascript .string, .ruby .string, .html .string, .erb .string {
	color : #66CC33;
}

.javascript .keywords, .ruby .keywords {
	color : #CC7229;
}

.javascript .brackets, .ruby .brackets {
	color : #CCC;
}

.ruby .symbol, .erb .symbol, .css .colors {
  color : #CB2125;
}

.css .comment {
	color : gray;
}

.css .selectors {
	font-weight : bold;
}

.css .units {
	color :red;
}

.css .urls {
	color :green;
}

.html .tag, .erb .tag, .javascript .global, .css .properties {
  color: #3387BE;
}

.html .comment {
	color : gray;
	font-style: italic;
}

.html .doctype {
	color : teal;
}