.code-example{
	border: 1px solid #eaeaea;
	margin-right: 2px;
	margin-left: 2px;
	padding: 0 5px;
}

pre, code{
	font-family: Consolas, Liberation Mono, Courier, monospace;
	color: #333;
	background: #f8f8f8;
	border-radius: 3px;
}
	
pre{

	border: 1px solid #ccc;
	word-wrap: break-word;
	
	line-height: 20px;
	text-align: left;
	padding: 6px 10px;
	
	.code-example{
		
		padding: 0;
		margin: 0;
		
		border: 0;
		border-radius: 0;
	}
	
	&, .code-example{
		font-size: 11px;
	}

	.comment{
		color: #999988;
	}
	 
	.support{
		color: #0086b3;
	}
	
	.tag, .tag-name{
		color: #000080;
	}
	
	.keyword, .css-property, .vendor-prefix, .sass, .class, .id, .css-value, .entity.function, .storage.function{
		font-weight: 700;
	}
	
	.css-property, .css-value, .vendor-prefix, .support.namespace{
		color: #333333;
	}
	
	.constant.numeric, .keyword.unit, .hex-color{
		font-weight: 400;
		color: #009999;
	}
	
	.entity.class{
		color: #445588;
	}
	
	.entity.id, .entity.function{
		color: #990000;
	}
	
	.attribute, .variable{
		color: #008080;
	}
	
	.string, .support.value{
		font-weight: 400;
		color: #dd1144;
	}
	
	.regexp{
		color: #009926;
	}
}