/*  RESET  */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body { line-height: 1.5; background: #fff; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }
/*  END RESET  */



/*  TYPOGRAPHY  */
   
body { font-size: 85%; }

/* Default fonts and colors. 
   If you prefer serif fonts, remove the font-family 
   on the headings, and apply this one to the body:
   font: 1em Georgia, "lucida bright", "times new roman", serif; 
   it was "Helvetica Neue", Helvetica, Arial, sans-serif before
   */
   
body { 
  color: #222; 
  font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; 
}
h1,h2,h3,h4,h5,h6 {  
  font-family: Georgia, "lucida bright", "times new roman", serif; 
}

/* Headings  ------ */

h1,h2,h3,h4,h5,h6 { font-weight: normal;}

h1 { font-size: 3em; line-height: 1; padding-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin: 1em 0; }
h4 { font-size: 1.2em; line-height: 1.25; margin: 15px 0 5px; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: .5em; }
h6 { font-size: 1em; font-weight: bold; }

/* Text elements  ------- */

p           { padding: 0 0 1.5em; }
p.last      { padding-bottom: 0; }
p img       { margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
img         { margin: 0 0 1.5em; }

ul, ol      { margin:0 1.5em 1.5em 1.5em; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; margin-bottom: 15px;}
dd          { margin-left: 1.5em;}

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

/*a:focus, 
a:hover     { color: #000; outline: none;}
a           { color: #009; text-decoration: underline; }*/
a {
	color: #6a1010;
	text-decoration: none;
}
a:hover {
	color: #4f684f;
}
blockquote { color: #666; font-style: italic; font-family: Georgia,serif !important; /*border-left: 1px solid #ab2831;*/ padding-left: 10px; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; background: #ffc; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables  ---- */

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

/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; } 


/* Some default classes --------- */
.little {font-size: 10px !important; color: #666 !important;}
.small      { font-family:Georgia,serif; font-size:10px; letter-spacing:1px; padding-left:5px; text-transform:uppercase;}
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }

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

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
/*  END TYPOGRAPHY  */


/*  THE GRID  */

.container {
  width: 950px;
  margin: 0 auto;
}

/* Columns  --------------------- */

/* Use this class together with the .span-x classes to create any composition of columns in a layout. */
   
.column {
  float: left;
  margin-right: 10px;
}
/* The last column in a row needs this class. */
.last { margin-right: 0; }

/* Sets the width of a column. */
.span-1   { width: 30px; }
.span-2   { width: 70px; }
.span-3   { width: 110px; }
.span-4   { width: 150px; }
.span-5   { width: 190px; }
.span-6   { width: 230px; }
.span-7   { width: 270px; }
.span-8   { width: 310px; }
.span-9   { width: 350px; }
.span-10  { width: 390px; }
.span-11  { width: 430px; }
.span-12  { width: 470px; }
.span-13  { width: 510px; }
.span-14  { width: 550px; }
.span-15  { width: 590px; }
.span-16  { width: 630px; }
.span-17  { width: 670px; }
.span-18  { width: 710px; }
.span-19  { width: 750px; }
.span-20  { width: 790px; }
.span-21  { width: 830px; }
.span-22  { width: 870px; }
.span-23  { width: 910px; }
.span-24  { width: 950px; margin: 0; }

/* Add these to a column to append empty cols. */
.append-1   { padding-right: 40px; }  
.append-2   { padding-right: 80px; } 
.append-3   { padding-right: 120px; } 
.append-4   { padding-right: 160px; } 
.append-5   { padding-right: 200px; } 
.append-6   { padding-right: 240px; } 
.append-7   { padding-right: 280px; } 
.append-8   { padding-right: 320px; } 
.append-9   { padding-right: 360px; } 
.append-10  { padding-right: 400px; } 
.append-11  { padding-right: 440px; } 
.append-12  { padding-right: 480px; } 
.append-13  { padding-right: 520px; } 
.append-14  { padding-right: 560px; } 
.append-15  { padding-right: 600px; } 
.append-16  { padding-right: 640px; } 
.append-17  { padding-right: 680px; } 
.append-18  { padding-right: 720px; } 
.append-19  { padding-right: 760px; } 
.append-20  { padding-right: 800px; } 
.append-21  { padding-right: 840px; } 
.append-22  { padding-right: 880px; } 
.append-23  { padding-right: 920px; } 

/* Add these to a column to prepend empty cols. */
.prepend-1   { padding-left: 40px; }  
.prepend-2   { padding-left: 80px; } 
.prepend-3   { padding-left: 120px; } 
.prepend-4   { padding-left: 160px; } 
.prepend-5   { padding-left: 200px; } 
.prepend-6   { padding-left: 240px; } 
.prepend-7   { padding-left: 280px; } 
.prepend-8   { padding-left: 320px; } 
.prepend-9   { padding-left: 360px; } 
.prepend-10  { padding-left: 400px; } 
.prepend-11  { padding-left: 440px; } 
.prepend-12  { padding-left: 480px; } 
.prepend-13  { padding-left: 520px; } 
.prepend-14  { padding-left: 560px; } 
.prepend-15  { padding-left: 600px; } 
.prepend-16  { padding-left: 640px; } 
.prepend-17  { padding-left: 680px; } 
.prepend-18  { padding-left: 720px; } 
.prepend-19  { padding-left: 760px; } 
.prepend-20  { padding-left: 800px; } 
.prepend-21  { padding-left: 840px; } 
.prepend-22  { padding-left: 880px; } 
.prepend-23  { padding-left: 920px; } 


/* Border on right hand side of a column. */
.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}


/* Use these classes on an element to push it into the next column, or to pull it into the previous column. */

.pull-1  { margin-left: -40px; }
.pull-2  { margin-left: -80px; }
.pull-3  { margin-left: -120px; }
.pull-4  { margin-left: -160px; }

.push-0  { margin: 0 0 0 18px; }
.push-1  { margin: 0 -40px 0 18px; }
.push-2  { margin: 0 -80px 0 18px; }
.push-3  { margin: 0 -120px 0 18px; }
.push-4  { margin: 0 -160px 0 18px; }
.push-0, .push-1, .push-2, .push-3, .push-4 { float: right; }


/* Misc classes and elements ----------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #eee; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.4em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}

/* Clearing floats without extra markup ---- */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }
/*  END GRID  */

/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

/*------------------------------------------- BEGIN THE OVERRIDES ------------------------------------------------------------------------------------*/
body {
	background: #e4e6dd url('../i/hbak.jpg') repeat-x top left;
}
textarea {
	border:2px solid #CFCFCF;
}
li {
	list-style-type: none;
}

.logo a {
	margin-top: 1.5em;
	padding-top: 30px;
	height: 72px;
	width: 300px;
	background: url('../i/pageworthy.gif') no-repeat left center;
	display: block;
	text-decoration: none;
}
.logo a span {
	visibility: hidden;
}
.topnav {
	float: right;
	margin-top: 1.5em;
	padding-top: 66px;
}
.topnav ul {
	height: 36px;
	padding: 0 15px 0 0;
	list-style: none;
	float: right;
	}
.topnav li {
	float: left;
	text-transform: uppercase;
	font: 12px Georgia, "Times New Roman", Times, serif;
}
.topnav li:hover {
	height: 36px;
	background: #e7e3d9 url('../i/navlink.gif') repeat-x;
}
.topnav li p {
	padding-top: 5px;
}
.topnav li a {
	padding: 0px 14px 0px 14px;
	margin-top: 5px;
	text-decoration: none;
	color: #fff;
	}
.topnav li a:hover {
	height: 36px;
	color: #e7e3d9;
	}
.active {
	height: 36px;
	background: #e7e3d9 url('../i/navlink.gif') repeat-x;
	color: #e7e3d9;
}

.contact_form li {
	list-style-type: none !important;
}
.contact_form input {
	margin:10px 0 0 127px;
}
#id_name {
	margin: 0 0 5px 0;
}
#id_email {
	margin: 0 0 5px 0;
}
#id_person_name {
	display: block;
}
.details {
	float: right;
	width: 80px;
}

/* Overriding some body styles */
h1, h2, h3, h4, {
	color: #ab2831;
	font-family: Times New Roman;
}
h2.productname {
	margin-bottom: 3px;
}
#content ol li {
	list-style-type: decimal;
}
.right {
	float: right;
}
.neum {
	padding: 0 1.5em 1.5em;
}

/*  Comment styles  
-----------------------------------------*/
.comment-meta {
	padding-bottom: 5px;
}
.comment-list li {
	border-top:1px dotted #CFC8B6;
	list-style-type:none;
	margin:0 0;
	padding:0 20px;
}
label {
	display: block;
    width: 20%;
    font-weight: bold;
    float: left;
}
.submit-post {
	margin: 0 0 0 133px;
}

.social {
	margin: 15px 0 0 0;
}
ul.social {
	margin: 4px 0 0 0;
	padding: 0;
}
.social li {
	padding-left: 20px;
}
h4.social {
	font-family: Times New Roman;
	color: #000;
	background:transparent url('../i/smallstar.gif') no-repeat left center;
	padding-left: 15px;
}
.series_title {
	color: #1aa12d;
}
.serieslink {
	margin: 0 0 5px 30px;
	padding: 0;
}
.serieslink li {
	list-style-type: decimal;
}
.sidebar {
	margin: 0 0 5px 0;
}
.entry_title {
	font-size: 2.6em;
}
.comments h2 {
	margin: 0px;
}
.comment-attri {
    clear:  both;
}

/* Projects 
----------------------------------------------------*/
fieldset{
    border: 0px;
    border-bottom: 1px solid #DFDFDF;
}
fieldset label{
    display: block;
    width: 20%;
    font-weight: bold;
    float: left;
}

fieldset .field_help{
    margin-left: 20%;
    font-size: 11px;
    margin-top: 5px;
}

.comment-form label, .inline-comment-form label{
    display: block;
    width: 25%;
    font-weight: bold;
    float: left;
}   

.comment-form fieldset .field-help{
    margin-left: 20%;
    font-size: 11px;
    margin-top: 1px;
}
.comment-form textarea, .inline-comment-form textarea{
    width: 60%;
    height: 100px;
}
.comments-reply li {
	list-style-type: none !important;
	padding: 10px 0 10px;
	border-bottom: 1px solid #dfdfdf;
}
.inline-comment-form li {
	list-style-type: none !important;
	padding: 10px 0 10px;
	border-bottom: 1px solid #dfdfdf;
}
.inline-comment-form {
    padding: 5px;
    text-align: left;
}
.comment-preview{
    padding: 10px;
    border: 1px solid #DFDFDF;
    margin-bottom: 10px;
}
.comment-preview em{
    color: #A2A2A2;
}
.comment-reply-to{
    padding: 5px;
}

input {
border:2px solid #CFCFCF;
padding:2px;
cursor: pointer;
cursor: hand;
}



/* Knowledge Base */
.kbase_date {
	float: right;
	padding-right: 20px;
}


/* In the footer
--------------------------------------------------*/
/*adding stickyfooter*/
/** {margin:0;padding:0;}*/ 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

/*html, body, .container {height: 100%;}  */

/*body > .container {height: auto; min-height: 100%;}  */

/*#main {padding-bottom: 443px;}  /* must be same height as the footer */ */

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.footer {
	background:  #1f201d url('../i/fbak.gif') repeat-x top left;
	position: relative;
	/*margin-top: -443px;*/ /* negative value of footer height */
/*	height: 443px;*/
	clear:both;
}
.fcon {
	width: 950px;
	margin: 0 auto;
	color: #a9bca8;
	padding-top: 40px;
}
.fcon h2 {
	font-family: Times New Roman;
	margin: 0;
}
.fcon ul {
	margin: 0px;
}
.fcon li {
	padding-left: 10px;
}
.fcon a {
	color: #8E413F;
	font-size: .95em;
}
.fcon a:hover {
	color: #f5adab;
}
.fblockright ul {
	padding-top: 5px;
}
.fblockright li {
	line-height: 14px;
	padding-bottom: 15px;
}
.copyright {
	width: 420px;
	background: url('../i/whitestar.jpg') no-repeat 0px 50px;
	padding: 50px 0px 40px 0px;
	margin: 0;
	clear: both;
}
.copyright p {
	color: #a9bca8;
	float: right;	
}
.copytext {
	padding-left: 50px;
}
.pony {
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.caps { 
  font-variant: small-caps; 
  letter-spacing: 1px; 
  text-transform: lowercase; 
  font-size:1.2em;
  font-weight:bold;
  padding:0 2px;
}

.pi-title {
	font-family: Arial;
	font-size: 2.5em;
	color: #353E35;
	letter-spacing: -1px;
	margin-bottom: 0;
}

/* Portfolio 
------------------------------------------*/
.portfolio_screenshot {
}
.portfolio_screenshot h3 {
	text-align: center;
}
.workcat {
	width: 350px;
	padding: 20px;
}
.workcat ul {
	margin: 0;
	padding: 0;
}
.workcat li
{
	display: block;
	padding: 0;
	margin: 0;
	color: #b3b3b3;
	letter-spacing: -1px;
	text-decoration: none;
	font-size: 20px;
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,arial,sans-serif;
	line-height: 1.2em;
}
.porttitle a {
	background:#EFEFE7 none repeat scroll 0 0;
	border:1px solid #1f201d;
	color:#1f201d;
	font-family:georgia,serif;
	font-size:13px;
	padding:5px 8px 5px 11px;
	text-align:center;
	vertical-align:middle;
}

.porttitle {
    margin-bottom: 25px;
}

.button {
	background:#EFEFE7 none repeat scroll 0 0;
	border:1px solid #1f201d;
	color: #6A1010;
	font-family:georgia,serif;
	font-size:13px;
	padding:5px 8px 5px 11px;
	text-align:center;
	vertical-align:middle;
}
#start-project-toggle {
	width: 100px;
	cursor: pointer;
}
.authorname {
	margin: 0;
}
.details h2 {
	margin: 1em 0 .5em 0;
}
.details h3 {
	margin-bottom: 0;
}
/* Footer blocks 
---------------------------------------------------- */ 
.active-member {
	opacity: 1.0;
}
.away-member {
	opacity: .25;
}
.membox {
	width: 50px;
	padding: 0 10px 0 10px;
	float: right;
	text-align: center;
	font-family: cursive;
}
.membox img {
	margin: 0;
}
.footmembox {
	width: 50px;
	padding: 0 10px 0 10px;
	text-align: center;
	font-family: cursive;
}
.footmembox img {
	margin: 0;
}
.homeport a {
	display: block;
}
.homeport img {
	padding-top: 3px;
}

/*  Blog styles	*/
.postlist li {
	list-style-type: none !important;
}
.postlist h2 {
	margin-bottom: 2px;
}
.postlist p {
	margin: 0 0 1em;
}
.postdate {
	margin: 0;
	padding: 0;
}

.entry h1 {
	font-size:  2.5em;
	color: #ab2831;
}
.flow {
	font-size: 2.9em;
}
.flow_title {
	font-size: 1.9em;
	margin: 0 0 0 15px;
}
.flowp {
	margin-left: 30px;
}
.pagination {
	width: 300px; 
	float: left;
	clear: both;
	margin: 10px 0 0 0;
	font-size: 2em;
}
.pageprev {
	float: left;
}
.pagenext {
	float: right;
}


/* Shopping Cart */
#checkoutprogress li {
	display: inline;
	padding-right: 20px;
	font-weight: bold;
}
#checkoutprogress .active {
	background: transparent;
	color: #4f684f;
}
.special {
	color: red;
}

/* Training ********************************/
.lesson-text {
    margin-bottom: 20px;
}

/* Pendulum Time Tracker  
---------------------------------------- */
.pendulum-controls {
	margin-left: 0px;
}
.pendulum-controls li {
	display: inline;
	list-style-type: none;
	background:#EFEFE7 none repeat scroll 0 0;
	border:1px solid #1f201d;
	color: #6A1010;
	font-family:georgia,serif;
	font-size:13px;
	padding:5px 8px 5px 11px;
	text-align:center;
	vertical-align:middle;
}
#entry-table {
	width: 660px;
}
.greenrow {
	background-color:#99B19B;
}
.entry-hours {
    width: 100px;
}
.entry-date {
    width: 81px;
}
/* Some fancy stuff going on here.*/
.alt { 
  color: #666; 
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
  /*font-style: italic;*/
  font-weight: normal;
}

/*  Highlight the code, dangit! */
.highlight  { 
    padding-left: 10px;
    margin-right: 10px;
    overflow: auto;
    background: #ccc;
}
.highlight .n { color: #444444;}
.highlight .c { color: #408080; font-style: italic } /* Comment */
.highlight .err { border: 1px solid #FF0000 } /* Error */
.highlight .k { color: #986758; font-weight: bold } /* Keyword */
.highlight .o { color: #666666 } /* Operator */
.highlight .cm { color: #408080; font-style: italic } /* Comment.Multiline */
.highlight .cp { color: #BC7A00 } /* Comment.Preproc */
.highlight .c1 { color: #408080; font-style: italic } /* Comment.Single */
.highlight .cs { color: #408080; font-style: italic } /* Comment.Special */
.highlight .gd { color: #A00000 } /* Generic.Deleted */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gr { color: #FF0000 } /* Generic.Error */
.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
.highlight .gi { color: #00A000 } /* Generic.Inserted */
.highlight .go { color: #808080 } /* Generic.Output */
.highlight .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.highlight .gt { color: #0040D0 } /* Generic.Traceback */
.highlight .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
.highlight .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
.highlight .kp { color: #008000 } /* Keyword.Pseudo */
.highlight .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: #008000; font-weight: bold } /* Keyword.Type */
.highlight .m { color: #666666 } /* Literal.Number */
.highlight .s { color: #BA2121 } /* Literal.String */
.highlight .na { color: #7D9029 } /* Name.Attribute */
.highlight .nb { color: #008000 } /* Name.Builtin */
.highlight .nc { color: #5ca184; font-weight: bold } /* Name.Class */
.highlight .no { color: #880000 } /* Name.Constant */
.highlight .nd { color: #AA22FF } /* Name.Decorator */
.highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */
.highlight .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
.highlight .nf { color: #d66c56 } /* Name.Function */
.highlight .nl { color: #A0A000 } /* Name.Label */
.highlight .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
.highlight .nt { color: #008000; font-weight: bold } /* Name.Tag */
.highlight .nv { color: #19177C } /* Name.Variable */
.highlight .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
.highlight .mf { color: #666666 } /* Literal.Number.Float */
.highlight .mh { color: #666666 } /* Literal.Number.Hex */
.highlight .mi { color: #666666 } /* Literal.Number.Integer */
.highlight .mo { color: #666666 } /* Literal.Number.Oct */
.highlight .sb { color: #BA2121 } /* Literal.String.Backtick */
.highlight .sc { color: #BA2121 } /* Literal.String.Char */
.highlight .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
.highlight .s2 { color: #BA2121 } /* Literal.String.Double */
.highlight .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
.highlight .sh { color: #BA2121 } /* Literal.String.Heredoc */
.highlight .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
.highlight .sx { color: #008000 } /* Literal.String.Other */
.highlight .sr { color: #BB6688 } /* Literal.String.Regex */
.highlight .s1 { color: #BA2121 } /* Literal.String.Single */
.highlight .ss { color: #19177C } /* Literal.String.Symbol */
.highlight .bp { color: #008000 } /* Name.Builtin.Pseudo */
.highlight .vc { color: #19177C } /* Name.Variable.Class */
.highlight .vg { color: #19177C } /* Name.Variable.Global */
.highlight .vi { color: #19177C } /* Name.Variable.Instance */
.highlight .il { color: #666666 } /* Literal.Number.Integer.Long */