/* -------------------------------------------------------------- 

	LAYOUT

-------------------------------------------------------------- */

/* --------------------------------------------------------------

	DEFAULT
	
-------------------------------------------------------------- */


body{
	color: #fff;
	background: #000;
	background:url(../images/bgbody.jpg) repeat-x top left  #000000;

} /* background: just for developing */


/* -------------------------------- 
	CLASSES
-------------------------------- */

	/* -------------------------------- 
		Float
	-------------------------------- */

	.fl{float: left;}
	.fr{float: right;}

	.alignleft{float: left; padding-right: 14px; margin-bottom: 18px;}
	.alignright{float: right; padding-left: 14px; margin-bottom: 18px;}

	/* -------------------------------- 
		Rounder Cornes (Just Firefox, Safari and Ie8 at this moment)
	-------------------------------- */

	.br-rd4{border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px;}
	.br-rd2{border-radius: 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px;}


/* -------------------------------- 
	CENTER ALL 946px
-------------------------------- */

	div#header, div#navigation div#menu, div#submenu ul, div.featured, div#works, div#content, div#foot,div#footer-wrap{margin: 0 auto; overflow: hidden; width: 946px;}


/* -------------------------------------------------------------- 

	TOP (header)

-------------------------------------------------------------- */


/* -------------------------------- 
	Headre
-------------------------------- */

	div#header{padding: 0px 0; margin:none;}
	
		div#header h1 {float: left; }
			
			div#header logo {float: left;margin:none; padding:none}
			div#header #logo a{background: transparent url('../images/logocoolseven2.jpg') no-repeat;border: none;display: block;height: 150px;overflow: hidden;text-indent: -2000px;width: 270px; border:0px solid #0000FF}
			
		div#header p{float: right; width: 364px; text-align:right; right:80px; padding-top:10px;}
		
		
/* -------------------------------- 
	Navigation
-------------------------------- */
	
	div#navigation {width: 756px;top:57px; float:left; border:0px solid #EEEEEE; position:absolute; margin-left:258px}
		
		div#navigation div#menu {height: 56px; overflow: hidden;}
		
		div#navigation div#menu ol {float: left;}
		div#navigation div#menu ol li{border-left: 1px solid #666;float: left;}
		div#navigation div#menu ol li#menulast{border-right: 1px solid #666;}
			div#navigation div#menu ol li a {display: block; height: 56px; padding-left: 31px; width: 129px;}
					
				/* Vertical centring with line-height:0 and marging-top */
				div#navigation div#menu ol li a small{display: block; line-height:0; margin-top: -7px;}
				
		div#navigation div#menu div#feed{display: inline; float: right;}
			div#navigation div#menu div#feed a {background: transparent url('../images/feed-nav.gif') no-repeat;display: block; height: 56px; width: 66px;}
			div#navigation div#menu div#feed a:hover{background-position: 0 -56px;}
				div#navigation div#menu div#feed a span{display:none;}


/* -------------------------------------------------------------- 

	WORK PAGES

-------------------------------------------------------------- */
div.burbujas{width:99%;border:0px solid #fff;}
div#contenido {width:100%;background:url(../images/bg.jpg) no-repeat #2D2D2D; } 
.flecha {width:100%;background:url(../images/flecha.jpg) no-repeat #2D2D2D; width:18px; height:26px; border:none; margin:none; padding:none} 
/* -------------------------------- 
	Featured
-------------------------------- */
.panel{background:url('../images/patron.gif'); }
.panel .info{padding:25px; color:#fff;font-family:Tahoma;color:#FFFFFF;padding-top:0px}

div.featured{margin: 56px auto; background:#000000}
div.featured div.info{float: left; width: 505px; position: absolute; }

div.featured div.info dl dt{float: left; display: inline;}

div.featured ul.view{margin-top: 285px; position: absolute; width: 505px;}
div.featured ul.view li{display: inline; margin-right: 7px;}

div.featured div.stick a{border: 1px solid #333; float: right; height: 269px; padding: 14px;width: 359px;}
div.featured div.stick a:hover{border: 1px solid #999;}

div.featured div.stick a img{opacity: 1; filter:alpha(opacity=100); width: 359px;}
div.featured div.stick a:hover img{opacity: .5; filter:alpha(opacity=50); width: 359px;}


/* -------------------------------- 
	Works
-------------------------------- */

div#works{margin-top: 56px;}
div#works div.minus14{
margin-left:-14px; 
.margin-left:-14px;  
_margin-left:14px; 
overflow: hidden; width: 960px;} /* Why width=960px? We have add the negative margin-left (-14px=+14px) to the div#workd width (946px). */
div#works div.minus14 div.thumb{
margin-left:14px; 
.margin-left:14px;  
_margin-left:4px; 
padding-bottom: 28px; display: inline; float: left; width: 306px;}
div#works div.minus14 div.thumb .thumb2{position: absolute; height:155px; width:306px; background:#FFFFFF;border: 1px solid #333; display: block; height: 115px; padding: 14px 0; text-align: center; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px;opacity: .5; filter:alpha(opacity=50);}

div#works div.minus14 div.thumb .thumb2:hover{opacity: 1; filter:alpha(opacity=100);}
div#works div.minus14 div.thumb a{border: 0px solid #333; display: block; height: 115px; cursor:pointer}			
div#works div.minus14 div.thumb a img{opacity: 1; filter:alpha(opacity=100); }
div#works div.minus14 div.thumb a:hover img{ opacity: .5; filter:alpha(opacity=50);cursor:pointer}	
div#works div.minus14 div.thumb .titulares{



/*padding-top:140px; /* Margen izquierdo para todos los navegadores */
/*.padding-top:70px; /* Margen izquierdo de 7px para IE6 y IE7, los demas navegadores todavia seguiran manteniendo el margen de 5px inicial */
/*_padding-top:150px; /* Sólo IE6 leerá y entendera este estilo y aplicará el valor */ 


/*	clear:both; display:block;margin-left:14px; */
}

div#works div.minus14 div.thumb .titulares span{
/*border-bottom:1px dotted #4F5052;
color:#D1A312;
font-size:15px;
margin-bottom:8px;
padding-bottom:10px;display:block;*/}
div#works div.minus14 div.thumb div.titulares{
padding-top:140px; /* Margen izquierdo para todos los navegadores */
.padding-top:70px; /* Margen izquierdo de 7px para IE6 y IE7, los demas navegadores todavia seguiran manteniendo el margen de 5px inicial */
_padding-top:150px; /* Sólo IE6 leerá y entendera este estilo y aplicará el valor */ 
clear:both; display:block;margin-left:14px; 
}
div#works div.minus14 div.thumb .titulares span{
border-bottom:1px dotted #4F5052;
color:#D1A312;
font-size:15px;
margin-bottom:8px;
padding-bottom:10px;display:block;}  
div#works div.minus14 div.thumb .titulares  a.a1 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
text-decoration:none;
color:#D1A312;
border-bottom:1px dotted #4F5052;
font-size:15px;
height:auto;
font-size:15px;
margin-bottom:8px;
padding-bottom:10px;display:block;
}
div#works div.minus14 div.thumb .titulares  a.a1:hover{border-bottom:1px dotted #4D6676;}
div#works div.minus14 div.thumb .titulares a.mm{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
text-decoration:none; height:auto;
}   
div#works div.minus14 div.thumb .titulares a.mm p,div#works div.minus14 div.thumb .titulares a.mm{color:#ccc; }
div#works div.minus14 div.thumb .titulares a.mm:hover p,div#works div.minus14 div.thumb .titulares a.mm:hover{color:#fff; }
a.visited, a.link{text-decoration:none}
/* -------------------------------------------------------------- 

	PAGINATION

-------------------------------------------------------------- */


div#content div.pagination {
	padding:3px;
	margin:3px;
	text-align:center;
}

div#content div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #2C2C2C;
	text-decoration: none; 
	color: #fff;
	background: #2C2C2C url('../images/image1.gif');
}

div#content div.pagination a:hover, div.pagination a:active {
	border:1px solid #AAD83E;
	color: #FFF;
	background: #AAD83E url('../images/image2.gif');
}

div#content div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #AAD83E;
  font-weight: bold;
	background: #AAD83E url('../images/image2.gif');
	color: #FFF;
}

div#content div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 0px solid #f3f3f3;
	color: #ccc;
	text-decoration:line-through
}
/* -------------------------------------------------------------- 

	CONTENT

-------------------------------------------------------------- */


/* -------------------------------------------------------------- 
	CASE STUDY & ABOUT PAGES
-------------------------------------------------------------- */

div#content{padding-top: 56px 0;overflow: hidden;		/* esta es la magia */
  }

	/* -------------------------------- 
		Ct-info
	-------------------------------- */
	
	div#content div#ct-info{display: inline; float: left; width: 626px;}
		
		div#content div#ct-info a.brd{ border: 1px solid #333;display: block;}
		div#content div#ct-info a.brd:hover{border: 1px solid #999;}
			div#content div#ct-info a.brd:hover img{opacity: .5; filter:alpha(opacity=50); width: 622px;}
		
		div#content div#ct-info img {margin: 0 0 -0.5em;} /* The height should be multiple of 18px */

		div#content div#ct-info ul, div#content div#ct-info ol {margin-left:66px; padding-left:14px;}
			div#content div#ct-info ul ul, div#content div#ct-info ol ol {margin-left:26px;}

	/* -------------------------------- 
		Featured
	-------------------------------- */
	
	div.featured div.stick img.new{float: right; top: 241px; position: relative; z-index: 1000;}
	div.featured div.stick a.afternew{border: 1px solid #333; float: right; height: 269px; right: -66px;padding: 14px; position: relative; width: 359px;}
	
	
		/* -------------------------------------------------------------- 
			CONTACT
		-------------------------------------------------------------- */
	
		div#content div#ct-info div#contact{background-color: #ccc; margin: 0; padding: 52px 66px;}
	
			div#content div#ct-info div#contact div#usermessageb.failure{border: 2px solid #ccc; clear: both; padding: 4px;}

			div#content div#ct-info div#contact form legend {display: block;}
		
			div#content div#ct-info div#contact form fieldset.cf_hidden{display: none;}

			div#content div#ct-info div#contact form fieldset ol{margin: 0; padding: 0;}
			
				div#content div#ct-info div#contact form fieldset ol li{list-style: none; margin: 0;}
			
					div#content div#ct-info div#contact form fieldset ol li input {border: 0; margin-bottom: 14px; padding: 4px; width: 480px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px;}
					div#content div#ct-info div#contact form fieldset ol li textarea{border: 0;  padding: 4px; width: 480px; margin-bottom: 18px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px;}
			
				div#content div#ct-info div#contact form p input{background-color: #000; border: 0; color: #fff; cursor: pointer; height: 36px; width: 66px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px;}
	
	
	/* -------------------------------- 
		Sidebar
	-------------------------------- */

	div#content div#sidebar{display: inline; float: right; margin-top: 4.2em; text-align: left; width: 264px; }
		div#content div#sidebar dl dt{float: left; display: inline;}
		div#content div#sidebar dl dd{border-bottom: 1px solid #333;}

		div#content div#sidebar ul {margin-top: -8px;} /* After dl */
				div#content div#sidebar ul li {display: inline;}
					div#content div#sidebar ul li a{border-bottom: 1px solid #333; display: block; padding: 9px 0 8px;}
				
		div#content div#sidebar div.vcard img{margin-bottom: 1.6em;}

		div#content div#sidebar div.vcard a.card{background: transparent url('../images/vcard.png') no-repeat 0 100%; padding-left: 24px;}

		div#content div#sidebar div.vcard span{margin: 0; padding: 0;}


/* -------------------------------------------------------------- 

	FOOTER

-------------------------------------------------------------- */

	div#footer{background: #000;height:auto; color:#86A003}
		div#footer div#foot{padding: 0 14px;}
			div#footer div#foot ol#footnav{padding: 56px 0 9px; overflow: hidden;}
				div#footer div#foot ol#footnav li{display: inline;float: left; margin-right: 7px;}
				
	div#footer div#foot p.rss{background: url('../images/feed-icon.gif') no-repeat 0 50%; padding-left: 18px;}
	
	/*colourise*/
	
/* footer */
#footer-wrap {
	clear: both;
	font: normal 1em 'Trebuchet MS', Tahoma, sans-serif;	
	/*background: #070707 url(images/footer-top.jpg) no-repeat center top;*/
	color: #555;
}
#footer-wrap h3 {
	font: normal 1.6em/1.6em 'Trebuchet MS', Tahoma, sans-serif;
	color: #ABABAB;	
}
#footer-content {	
	margin: 0 auto;		
	width: 880px;
	text-align: left;		
}
#footer-content ul.col-list {
	border-top: 1px solid #111;
	list-style: none;
	margin: 5px 0 0 5px; padding: 0;	
	width: 98%;
}
#footer-content ul.col-list li {
	border-bottom: 1px solid #111;
}
#footer-content ul.col-list li a {
	display: block;
	line-height: 2em;
	font-weight: bold;
	padding: 4px 0 4px 8px;
	width: 98%;	
	color: #555;
	border: none;
}
#footer-content ul.col-list li a span {
	color: #444;
	font-style: italic;
	font-weight: normal;
	font-family: Georgia, 'Times New Roman', Times, serif;
}
#footer-content ul.col-list li a:hover,
#footer-content ul.col-list li a:hover span {
	color: #fff;
	text-decoration: none;
}

#footer-content .col {
	width: 280px;
	padding: 0 0 30px 0;			
	display: inline;
}
#footer-content .col2 {
	width: 285px;
	padding: 0 0 30px 0;	
	display: inline;	
}
#footer-content .space-sep {
	margin-right: 12px;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clearer { clear: both; }

.clear {
	display:inline-block;
}
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}
		
/* -------------------------------------------------------------- 
	blog
-------------------------------------------------------------- */	

      

body #main {margin:none; padding:none;
width:640px; float:left; display:inline;
color:#91948C;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.5;
text-shadow:1px 1px 1px #1E1F23; color:#91948C;

padding-bottom: 32768px;	/* esto es ser bien exagerado */
		margin-bottom: -32768px;	/* a lo exagerado, se lo restamos y quedamos en lo mismo pero con el fondo en 100% */
}


#main h2 {
font-size:2.7em;
font-family:"Helvetica Neue",Helvetica,Verdana,sans-serif;
margin-bottom:0.25em;
margin-top:0px; }	

#main h2 a{ text-decoration:none;

margin-bottom:0.25em;
}
#main h3 { font-size: 1.2em; line-height: 1.2; margin-bottom: 0.9em; font-weight:normal }

#main h4 { font-size: 1em; font-weight: normal; line-height: 1.25; margin-bottom: 0.25em; color: #866061; }
#main h5 { font-size: 0.9em; font-weight: bold; margin-bottom: 0.25em; color: #C9D4E5; }
#main h6 { font-size: 1em; font-weight: bold; }


#main img         { margin: 0 0 1.5em; }

#main ul,ol     	{ margin: 0 1.5em 1.5em 1.5em; }
#main ul          { list-style-type: circle; }
#main ol          { list-style-type: decimal; }
#main dl          { margin: 0 0 1.5em 0; }
#main dl dt       { font-weight: bold; }
#main dd          { margin-left: 1.5em;}

#main abbr, 
#main acronym     { border-bottom: 1px dotted #666; }
#main address     { margin-top: 1.5em; font-style: italic; }
#main del         { color:#666; }

a:focus, 
a:hover     { color: #50a2c4; text-decoration: underline;}
a           { color: #C1D935; text-decoration: none; }

#main blockquote  { margin: 1.5em; color: #666; font-style: italic; }
#main strong      { font-weight: bold; }
#main em,dfn      { font-style: italic; }
#main dfn         { font-weight: bold; }
#main pre,code    { margin: 1.5em 0; color: #c45050; }
#main pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
#main tt          { display: block; margin: 1.5em 0; line-height: 1.5; }
#main small				{ font: normal normal normal 11px/1.5em "Lucida Grande", Verdana, sans-serif; color: #7e8999; }

#main table   		{ margin-bottom: 1.4em; }
#main th      		{ border-bottom: 2px solid #ccc; font-weight: bold; }
#main td      		{ border-bottom: 1px solid #ddd; }
#main th,td   		{ padding: 4px 10px 4px 0; }
#main tfoot   		{ font-style: italic; }
#main caption 		{ background: #ffc; }

#main .hide       { display: none; }
#main .highlight  { background:#ff0; }
#main .added      { color:#060; }
#main .removed    { color:#900; }

#main .photo				{ padding: 1px; border: 1px solid #414141; }
#main .photo_thumb	{ width: 100px; padding: 1px; border: 1px solid #414141; }

#main .float_left 	{ float: left; margin: 0 20px 0 0; }
#main .float_right 	{ float: right; margin: 0 0 0 20px; }

#main .grid_slideshow 			{ height: 380px; padding: 0; margin: 20px 0 0; } 
#main .grid_slideshow img 	{ top: 0; left: 0; border: 5px solid #27282c; }



/*comentarios*/

/* form elements */
form {
	margin: 20px 10px; padding: 5px 10px 20px 10px;
	border: 0px solid #111; 
	
}
label {
	display: block;
	font-weight: bold;
	margin: 8px 0;
	color: #fff;
}
input, select, textarea {
	padding: 5px 4px;
	font: normal 1em Verdana, Tahoma, sans-serif;
	color: #6A6969;
	background: #d1d4aa;  
	border: 1px solid #1C1C1C;
}
textarea {
	width: 400px;
	height: 100px;
	display: block;	
}
input.button { 
	
	font: bold 12px Arial, Sans-serif; 
	height: 30px;
	margin: 0;
	padding: 2px 3px; 
	color: #000;
	background: #8BA504;
	background: url("../images/lava2.gif") no-repeat -5px -2px;
	border-width: 0px;
  	border-style: solid;
  	border-color: #d1d4aa; width:150px
}
input.button:hover {
background: url("../images/lava2.gif") no-repeat -5px -18px;width:150px; cursor:pointer
}


/* Sidebar */	
.clearfix #sidebar {margin:none; padding:none;
	width: 290px;
	padding: 0; margin: 0 0 0 0;		
	display: inline;/*background:#191919 ;*/  padding-bottom: 32767px;
  margin-bottom: -32767px;

}	
.clearfix #sidebar h3 {
	padding: 0px 0px 0px 0px; 
	font: normal 1.8em Helvetica,"Lucida Grande",Helvetica,Arial,sans-serif;				
	background: url(images/footer-top.jpg) no-repeat center bottom;
	color: #D1D4CC;
}
.clearfix #sidebar ul {
	text-align: left;
	margin: 0px 0px 0px 0px; padding: 0;				
}
.clearfix #sidebar ul li {
	list-style: none;
	padding: 0px 0px;
	margin: 0;		
	border-bottom: 1px solid #111;
}
* html body .clearfix #sidebar ul li {
	height: 1%;
}
.clearfix #sidebar ul li a {
	text-decoration: none;	
	border: none;
	color: #5d5d5d; 	
		
	font-weight: bold;		
	font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
	font-size: 14px;	
	/* letter-spacing: .5px;  */
}
.clearfix #sidebar ul li a span {
	color: #444;	
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	font-weight: normal;	
	font-size: 11px;
}
.clearfix #sidebar ul li a:hover,
.clearfix #sidebar ul li a:hover span {	
	color: #fff;	
}
.clearfix #sidebar ul ul { margin: 0 0 0 5px; padding: 0; }
.clearfix #sidebar ul ul li { border: none; }

/* postmeta */
.postmeta {	
	padding: 7px 5px; 	
	font-size: 1em;	

}
.postmeta .date{ margin: 0 10px 0 5px;	}
.postmeta a.comments { margin: 0 10px 0 5px;	}
.postmeta a.readmore { margin: 0 10px 0 5px;	}


/* -------------------------------------------------------------- 
	difieren layout y layout claro
-------------------------------------------------------------- */	
/*#main .postcolor{ background:none; background:url(../images/post1.png) no-repeat top right;padding:25px; }
*/



#main #cabecera {margin:none;width:635px;background:url(../images/post1.png) no-repeat top right; float:left; padding-bottom:none; z-index:0; height:140px;}


#main #cabecera .cabeceratexto{padding:25px;padding-top:50px;}

#main #contenido {margin:none;width:559px;background:none; padding:25px;float:left; padding-top:1px; z-index:1;}

#main #contenido p{margin:none; padding:none;}



#main h2 .h2color1{color:#D1D4AA; margin-top:20px;}
#main h3.h3color1{font-weight:normal;color:#D1D4CC;}
#main h3{font-weight:normal;color:#D1D4CC;}
#main  p {color:#91948C; }
.postm{color: #545454; font-weight:bold;
	border: 1px solid #222222;
	background: #222222;}



#main a{color: #C1D935}
#main a:hover{color: #50a2c4}
a.readcolor3 { color: #770454; font-weight:bold}
a.readcolor3:hover  { color: #816778}
#post-info a{color:#C1D935}
#post-info a:hover{color:#50a2c4}
#content{ background:url(../images/fondosidebar.png) 650px top repeat-y}
a.tabm{
	width: 170px; /* Depende de nuestra imagen */
	height: 27px; /* Depende de nuestra imagen */
	padding-left:28px;
	background:url(../images/ojo.png) top left no-repeat;
	float:left; padding-top:3px; color:#dedddd; text-decoration:none
} 
a.tabm:hover{background-position:0 -29px;color:#f2f2ec;text-decoration:none /* Depende de nuestra imagen */
}
a.tabm:focus{color:#dedddd;}
.post{position:relative}
.datecc {width:70px; position:absolute; float:right;top:0;margin-top:10px;right:40px; z-index:999;  height:32px; top:35px;color:#1b2426;font-size:1.5em;font-family:"Trebuchet MS"; font-weight:bold;}

.comm a{width:40px; position:absolute; float:right;top:0;margin-top:10px;right:25px; z-index:999;  height:32px; top:64px;}
.comm a{color:#1b2426;font-family:"Trebuchet MS";font-size:1.5em;text-align:right;width:40px;height:32px;background:url(../images/Users.png) bottom right no-repeat;color:#1b2426; text-decoration:none;  padding-right:35px;}
.comm a:hover{background-position:top right;color:#1b2426; text-decoration:underline;}
.divclaro{margin-top:10px;position:relative;float:right; width:140px;margin-right:145px; text-align:left; height:27px;} 

/* -------------------------------------------------------------- 
	editor de codigo difieren layout y layout claro
-------------------------------------------------------------- */	
.syntaxhighlighter
{
	background-color: #1B2426 !important;
}

/* Gutter line numbers */
.syntaxhighlighter .line .number
{
	color: #B9BDB6 !important;
}

/* Add border to the lines */
.syntaxhighlighter .line .content
{
	border-left: 3px solid #435A5F !important;
	color: #B9BDB6 !important;
}

.syntaxhighlighter.printing .line .content 
{
	border: 0 !important;
}

/* First line */
.syntaxhighlighter .line.alt1 .content
{
	background-color: #1B2426 !important;
}

/* Second line */
.syntaxhighlighter .line.alt2 .content
{
	background-color: #1B2426 !important;
}

.syntaxhighlighter .line .content .block
{
	background: url(wrapping.png) 0 1.1em no-repeat !important;
}

/* Highlighed line number */
.syntaxhighlighter .line.highlighted .number
{
	background-color: #435A5F !important;
	color: #fff !important;
}

/* Highlighed line */
.syntaxhighlighter .line.highlighted.alt1 .content,
.syntaxhighlighter .line.highlighted.alt2 .content
{
	background-color: #435A5F !important;
}

.syntaxhighlighter .ruler
{
	color: silver !important;
	background-color: #1B2426 !important;
	border-left: 3px solid #435A5F !important;
}

.syntaxhighlighter.nogutter .ruler
{
	border: 0 !important;
}

.syntaxhighlighter .toolbar
{
	background-color: #1B2426 !important;
}

.syntaxhighlighter .toolbar a
{
	color: #646763 !important;
}

.syntaxhighlighter .toolbar a:hover
{
	color: #E0E8FF !important;
}

/************************************
 * Actual syntax highlighter colors.
 ************************************/
.syntaxhighlighter .plain,
.syntaxhighlighter .plain a
{ 
	color: #B9BDB6 !important;
}

.syntaxhighlighter .comments,
.syntaxhighlighter .comments a
{ 
	color: #878A85 !important;
}

.syntaxhighlighter .string,
.syntaxhighlighter .string a
{
	color: #5CE638 !important; 
}

.syntaxhighlighter .keyword
{ 
	color: #5BA1CF !important; 
}

.syntaxhighlighter .preprocessor 
{ 
	color: #435A5F !important; 
}

.syntaxhighlighter .variable 
{ 
	color: #FFAA3E !important; 
}

.syntaxhighlighter .value
{ 
	color: #090 !important; 
}

.syntaxhighlighter .functions
{ 
	color: #FFAA3E !important; 
}

.syntaxhighlighter .constants
{ 
	color: #E0E8FF !important; 
}

.syntaxhighlighter .script
{ 
	background-color: #435A5F !important;
}

.syntaxhighlighter .color1,
.syntaxhighlighter .color1 a
{ 
	color: #E0E8FF !important; 
}

.syntaxhighlighter .color2,
.syntaxhighlighter .color2 a
{ 
	color: #FFFFFF !important; 
}

.syntaxhighlighter .color3,
.syntaxhighlighter .color3 a
{ 
	color: #FFAA3E !important; 
}