/* Code styles */

	/*pre code[class]:before {
		content: attr(class);
		text-transform: uppercase;
		display: block;
		color: #000;
		font-weight: bold;
		background-color: #ccc;
		padding: .3em 1em;
		font-family: Helvetica, Arial, sans-serif;
		margin: -.5em 0 .5em -1em;
	}
	*/
/* non active syles */
	pre code {
		display: block;
		white-space: pre;
		background: #efefef;
		border: .3em solid #ccc;
		border-width: 0 0 0 .3em;
		margin: 1em 0;
		padding: .5em 1em;
		overflow: scroll;
	}
	
/* active styles */
	pre.active-code-block {
		background-color: #efefef;
		overflow: hidden;
		border: 1px solid #ccc;
		white-space: normal;
	}
	pre.active-code-block code,
	pre.active-code-block .line-numbers {
		margin-top: 0;
		padding-top: .5em;
		white-space: normal;
	}
	
	pre.active-code-block code {
		background-color: #fff;
		display: block;
		/*white-space: normal;*/
		overflow: auto;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: .5em;
		border: none;
		/*border-left: 5px solid #fff;*/
	}
	
	pre.active-code-block .line-numbers {
		text-align: right;
		float: left;
		display: block;
		background: #efefef;
		/*padding-left: .7em;
		padding-right: .7em;*/
		/*white-space: normal;*/
	}
	 
	.ruby .subst {
	  color: black;
	}
	
	pre.active-code-block .line {
		display: block;
		margin: 0;
		padding: 0 1em;
		white-space: pre;
		height: 1.3em;
		line-height: 1.3em;
		background-color: #fff;
	}
	pre.active-code-block .line.even {
		background-color: #f6f6f6;
	}
	pre.active-code-block .line-numbers .line {
		background-color: #efefef;
	}
	pre.active-code-block .line-numbers .line.even {
		background-color: #e6e6e6;
	}
	
	
	.string,
	.function .title,
	.class .title, 
	.tag .attribute .value,
	.css .value,
	.preprocessor,
	.ruby .symbol,
	.built_in,
	.sql .aggregate,
	.django .template_tag,
	.django .variable,
	.smalltalk .class {
	  color: #800;
	}
	
	.comment,
	.java .annotation,
	.template_comment {
	  color: #888;
	}
	
	.number,
	.regexp,
	.javascript .literal,
	.smalltalk .symbol,
	.smalltalk .char {
	  color: #080;
	}
	
	.javadoc,
	.ruby .string,
	.python .decorator,
	.django .filter .argument,
	.smalltalk .localvars,
	.smalltalk .array,
	.css .attr_selector,
	.xml .pi {
	  color: #88F;
	}
	
	.keyword,
	.css .id,
	.phpdoc,
	.function .title,
	.class .title,
	.vbscript .built_in,
	.sql .aggregate,
	.rsl .built_in,
	.smalltalk .class,
	.xml .tag .title {
	  font-weight: bold;
	}
/* My code styles customisation */
	.javascript .string {
		color: #00f;
	}
	.javascript .keyword {
		color: #009;
	}
	.javascript .literal {
		font-weight: bold;
	}
	
	.css {
		/*background-color: #fff;*/
		color: #f0f;
	}
	.css .value {
		color: #00f;
	}
	.css .id {
		font-weight: normal;
	}
	.css .keyword {
		color: #009;
		font-weight: normal;
	}
	
	.html,
	.xhtml,
	.xml {
		color: /*#090*/ #080;
	}
	.html .tag,
	.xhtml .tag,
	.xml .tag {
		color: #009;
	}
	.html .tag .value,
	.xhtml .tag .value,
	.xml .tag .value {
		color: #00f;
	}
	
	.php {
		/*background-color: #fff;*/
	}
	.php .keyword {
		color: #00f;
		/*color: #060;*/
	}
	.php .string {
		color: #c00;
	}
	.php .variable {
		/*font-weight: bold;*/
		color: /*#060*/ #080;
	}
	.php .comment {
		color: #f90;
	}
	
	.sql .keyword {
		color: #00f;
	}
	.sql .string {
		color: #00f;
	}