pre {
	border: 4px solid black;
	border-color: #223 #445 #556 #334;
	margin : 1.5em;
	padding : 1em;
	background: #001;
	overflow: auto;
	color: white;
}

code {
	font-size: 1.0em;
}

.comment {
	color : teal;
}

.string {
	color : brown;
}

.keywords {
	color : yellow;
}

.brackets {
	color : violet;
}

.operators {
	color : orange;
}

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

.javascript .string, .ruby .string {
	color : red;
}

.javascript .keywords, .ruby .keywords {
	color : teal;
}

.javascript .global {
	color : orange;
}

.javascript .brackets, .ruby .brackets {
	color : violet;
}

.ruby .constants {
	color: yellow;
}
.ruby .symbol {
	color: pink;
}
.ruby .instance {
	color: brown;
}
.ruby .method {
	color: orange;
}

.css .comment {
	color : gray;
}

.css .properties {
	color : navy;
}

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

.css .units {
	color :red;
}

.css .urls {
	color :green;
}

.html .tag {
	color : purple;
}

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

.html .string {
	color : navy;
}

.html .doctype {
	color : teal;
}