/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}body{text-align:center;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main,.yui-g .yui-u .yui-g{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g .yui-u{width:48.1%;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#hd:after,#bd:after,#ft:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#hd,#bd,#ft,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}

* {
	text-align: left;
}

body {
	margin: 0;
	padding: 0;
	background: black;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.site_width {
	width: 960px;
	margin: 0 auto;
	position: relative;
	clear: both;
}

div.errors, div.error {
	width: 960px;
	margin: 0 auto;
	position: relative;
	clear: both;
	background: red;
	color: white;
	padding: 6px;
	margin-bottom: 20px;
}

div.notice {
	width: 960px;
	margin: 0 auto;
	position: relative;
	clear: both;
	background: lime;
	color: green;
	padding: 6px;
	margin-bottom: 20px;
}

#header {
	background: black;
	color: white;
	margin: 0;
	padding: 0;
	height: 54px;
}

#name {
	background: url('/images/logo.png') no-repeat left 50%;
	padding-left: 40px;
	padding-top: 6px;
	padding-bottom: 10px;
}

#name h2 {
	font-family: Myriad Pro, Century Gothic, Helvetica, Arial Black, Arial, Sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 1em;
	font-size: 16pt;
	text-transform: lowercase;
}

#name h2 span {
	display:none;
}

#name h2 a {
	color: white;
	text-decoration: none;
}

#name h3 {
	font-family: Myriad Pro, Century Gothic, Helvetica, Arial Black, Arial, Sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1em;
	font-weight: 200;
	font-size: 12pt;
}

#name h3 a {
	color: white;
	text-decoration: none;
}

#social_links {
	position: absolute;
	right: 4px;
	top: 10px;
	z-index: 1;
}

#social_links a {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-right:6px;
}

#social_links a.twitter {
	background: url('/images/twitter.png');
}

#social_links a.flickr {
	background: url('/images/flickr.png');
}

#social_links a.linkedin {
	background: url('/images/linkedin.png');
}

#social_links a.facebook {
	background: url('/images/facebook.png');
}

#social_links a.delicious {
	background: url('/images/delicious.png');
}

#social_links a.rss {
	background: url('/images/rss.png');
}

#body {
	margin-top: 0px;
	background: url('/images/body_background.png') repeat-x top white;
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: visible;
}

#body img.main {
	float: right;
	border: 2px solid #E2D9BD;
	margin-bottom:10px;
	margin-right:10px;
	margin-left:10px;
}

#body h1 {
	font-family: Myriad Pro, Myriad, Helvetica, Arial, Sans-serif;
	font-size: 48px;
	font-weight: bold;
	margin-bottom: 0px;
	letter-spacing: -2px;
	line-height: 1em;
}

#body h1 a {
	color: black;
	text-decoration: none;
}

#body h1 a:hover {
	color: white;
	background: black;
	text-decoration: none;
}

#body h2 {
	font-family: Myriad Pro, Myriad, Helvetica, Arial, Sans-serif;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 0px;
	color: #00f;
	text-transform: uppercase;
	line-height: 1em;
	padding-top: 20px;
	margin-bottom: 0px;
}

#body h2 a {
	color: blue;
}

#body h2 a:hover {
	color: white;
	background: blue;
}

#body h3 {
	font-family: Myriad Pro, Century Gothic, Helvetica, Arial Black, Arial, Sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1em;
	font-size: 16px;
	color: blue;
	font-weight: bold;
	margin-top: 20px;
}

#body h3#comment_expand {
	cursor: pointer;
}

#body h3#new_comment_expanded {
	margin-bottom: 10px;
}

form#new_comment div {
	margin-bottom: 10px;
}

form#new_comment div.input {
	margin-top: -10px;
}

div#errorExplanation {
	margin-top: 10px;
	color: red;
	border: 1px solid red;
	padding-bottom: 10px;
}

div#errorExplanation h2 {
	color: white;
	background: red;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

div#errorExplanation p, div#errorExplanation ul {
	margin-left: 10px;
	margin-right: 10px;
}

#body a {
	color: red;
	border: 0px;
	text-decoration: none;
}

#body a:hover {
	color: white;
	background: red;
}

#body .details {
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 14px;
	color: #555;
	margin-top: 0px;
}

#body #secondary_articles h2 {
	padding-top: 0px;
	margin-bottom: 0px;
}

#body .details ul.tags {
	display: inline;
	padding-left: 10px;
}

#body .details ul.tags li {
	display: inline-block;
	margin: 0px;
}

#body .details ul.tags li a {
	display: inline-block;
	padding: 2px 4px 4px 16px;
	background: url('/images/tag.png') left center no-repeat;
	color: #555;
	text-decoration: none;
	font-size: 12px;
}

#body .details ul.tags li a:hover {
	color: #000;
}

#body p, #body li {
	font-family: Myriad Pro, Century Gothic, Helvetica, Sans-serif;
	font-size: 16px;
	color: #222;
	line-height: 1.5em;
	margin: 0px 0px 20px 0px;
}

#body pre {
	margin: 0px 0px 20px 0px;
}

#body ul li {
	margin: 10px 0px;
	list-style-type: disc;
	list-style-position: inside;
}

#body ul {
	padding-left: 20px;
}

#body ul.related {
	padding-left: 0;
	padding-top:20px;
}

#body ul.related li {
	list-style-type: none;
	padding: 4px 0px;
}

#body form td {
	margin: 10px;
}
#body div#textile_help {
	float: right;
}

.main_article {
	overflow: visible;
	padding-bottom: 20px;
	background: url('/images/main_article_background.png');
	border-bottom: 1px solid #E2D9BD;
	margin-bottom: 20px;
	margin-top: -20px;
	padding-top: 20px;
}

div.draft {
	background: url(/images/draft.png);
}

div.dp-highlighter {
	margin-bottom: 20px;
}

div.comment {
	background: #f0f0f0;
	margin-bottom: 10px;
	padding: 10px;
}

div.comment.comment_by_site_owner {
	background: #F9F7D6;
}

div.comment h4 {
	font-weight: bold;
}

div.comment img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

div#comments .error {
	margin-top: 10px;
}

div#comments h2 {
	margin-top: 10px;
	margin-bottom: 10px;
}

a.comment_count {
	display: inline-block;
	background: url(/images/comment_bubble.png) no-repeat;
	width: 31px;
	height: 22px;
	padding: 2px 0px 4px 2px;
}

a.comment_count span {
	width: 25px;
	display: inline-block;
	text-align: center;
	color: white;
}

a.comment_count:hover span {
	color: red;
}

#body a.comment_count:hover {
	background-color: transparent;
	background: url(/images/comment_bubble.png) no-repeat;
}


#new_comment {
	display: none;
}

#sidebar {
	width: 300px;
	float: right;
}

ul.adminlinks {
	margin: 20px;
}

#photos {
	text-align: center;
}

#photos a {
	display: block;
	float: right;
	margin: 0px 10px 20px 10px;
	padding: 0;
	border: 1px solid white;
	line-height: 0.3em;
}

#photos a:hover {
	background: white;
	border: red 1px solid;
}

#secondary_articles {
	margin-right: 310px;
}

.secondary_article {
/*	clear: both;*/
	overflow: visible;
	margin-bottom: 40px;
}

.secondary_article img {
	float: left;
	margin-right: 10px;
	border: 2px solid #E2D9BD;
}

.secondary_article.odd img {
	float: right;
	margin-right: 0px;
	margin-left: 10px;
}

div#footer {
	padding: 6px;
	color: #aaa;
	font-family: Myriad Pro, Century Gothic, Helvetica, Arial Black, Arial, Sans-serif;
	font-size: 11px;
}

div#footer .site_width {
	text-align: center;
}

#footer a {
	color: white;
}

/* Twitter Feed Elements */


#twitter-ticker {
	width:200px;
	height:300px;
	background:url(/images/twitter/slickbg.png) no-repeat #f5f5f5;
	color:#666666;
	display:none;
	position: relative;
	-moz-border-radius:10px 10px 6px 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;

	text-align:left;
}

#tweet-container{
	height:230px;
	width:auto;
	overflow:hidden;
}

#twitIcon{
	position:absolute;
	top:-25px;
	left:-10px;
	width:64px;
	height:64px;
}

#top-bar{
	height:45px;
	background:url(/images/twitter/top_bar.png) repeat-x;
	border-bottom:1px solid white;
	position:relative;
	margin-bottom:8px;
	
	-moz-border-radius:6px 6px 0 0;
}

.tweet{
	padding:5px;
	margin:0 8px 8px;
	
	border:1px solid #F0F0F0;
	background:url(/images/twitter/transparent.png);
	
	width:auto;
	overflow:hidden;
}

.tweet .avatar,
.tweet .user,
.tweet .time{
	float:left;
}

.tweet .time{
	text-transform:uppercase;
	font-size:10px;
	color:#AAAAAA;
	white-space:nowrap;
}


.tweet .avatar img{
	width:36px;
	height:36px;
	border:2px solid #eeeeee;
	margin:0 5px 5px 0;
}

.tweet .txt{
	clear:both;
}

.tweet .user{
	font-weight:bold;
}

#loading{
	margin:100px 95px;
}


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

.dp-highlighter
{
	font-family: "Consolas", "Courier New", Courier, mono, serif;
	font-size: 12px;
	background-color: #E7E5DC;
	width: 99%;
	overflow: auto;
	margin: 18px 0 18px 0 !important;
	padding-top: 1px; /* adds a little border on top when controls are hidden */
}

/* clear styles */
.dp-highlighter ol,
.dp-highlighter ol li,
.dp-highlighter ol li span 
{
	margin: 0;
	padding: 0;
	border: none;
}

.dp-highlighter a,
.dp-highlighter a:hover
{
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

.dp-highlighter .bar
{
	padding-left: 45px;
}

.dp-highlighter.collapsed .bar,
.dp-highlighter.nogutter .bar
{
	padding-left: 0px;
}

.dp-highlighter ol
{
	list-style: decimal; /* for ie */
	background-color: #fff;
	margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */
	padding: 0px;
	color: #5C5C5C;
}

.dp-highlighter.nogutter ol,
.dp-highlighter.nogutter ol li
{
	list-style: none !important;
	margin-left: 0px !important;
}

.dp-highlighter ol li,
.dp-highlighter .columns div
{
	list-style: decimal-leading-zero; /* better look for others, override cascade from OL */
	list-style-position: outside !important;
	border-left: 3px solid #6CE26C;
	background-color: #F8F8F8;
	color: #5C5C5C;
	padding: 0 3px 0 10px !important;
	margin: 0 !important;
	line-height: 14px;
}

.dp-highlighter.nogutter ol li,
.dp-highlighter.nogutter .columns div
{
	border: 0;
}

.dp-highlighter .columns
{
	background-color: #F8F8F8;
	color: gray;
	overflow: hidden;
	width: 100%;
}

.dp-highlighter .columns div
{
	padding-bottom: 5px;
}

.dp-highlighter ol li.alt
{
	background-color: #FFF;
	color: inherit;
}

.dp-highlighter ol li span
{
	color: black;
	background-color: inherit;
}

/* Adjust some properties when collapsed */

.dp-highlighter.collapsed ol
{
	margin: 0px;
}

.dp-highlighter.collapsed ol li
{
	display: none;
}

/* Additional modifications when in print-view */

.dp-highlighter.printing
{
	border: none;
}

.dp-highlighter.printing .tools
{
	display: none !important;
}

.dp-highlighter.printing li
{
	display: list-item !important;
}

/* Styles for the tools */

.dp-highlighter .tools
{
	padding: 3px 8px 3px 10px;
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: silver;
	background-color: #f8f8f8;
	padding-bottom: 10px;
	border-left: 3px solid #6CE26C;
}

.dp-highlighter.nogutter .tools
{
	border-left: 0;
}

.dp-highlighter.collapsed .tools
{
	border-bottom: 0;
}

.dp-highlighter .tools a
{
	font-size: 9px;
	color: #a0a0a0;
	background-color: inherit;
	text-decoration: none;
	margin-right: 10px;
}

.dp-highlighter .tools a:hover
{
	color: red;
	background-color: inherit;
	text-decoration: underline;
}

/* About dialog styles */

.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
.dp-about td { padding: 10px; vertical-align: top; }
.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }
.dp-about .title { color: red; background-color: inherit; font-weight: bold; }
.dp-about .para { margin: 0 0 4px 0; }
.dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }
.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }

/* Language specific styles */

.dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; }
.dp-highlighter .string { color: blue; background-color: inherit; }
.dp-highlighter .keyword { color: #069; font-weight: bold; background-color: inherit; }
.dp-highlighter .preprocessor { color: gray; background-color: inherit; }