/*
Based on Highlight JS style: github style
https://github.com/highlightjs/highlight.js/blob/master/src/styles/github.css
*/

.hljs {
    display: block;
    overflow-x: auto;
    padding: 0.5em;
    color: #333;
    background: #f8f8f8;
}

.hljs-comment,
.hljs-quote /* quotation in text markup*/
{
    color: #998;
    font-style: italic;
}

.hljs-comment
{
    color: #585;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-subst /* parsed section inside a literal string*/
{
    color: #333;
    font-weight: bold;
}

.hljs-number,
.hljs-literal,
.hljs-variable, /* variable in a config or a template file, environment var expansion in a script */
.hljs-template-variable,
.hljs-tag .hljs-attr
{
    color: #008080;
}

.hljs-string,
.hljs-doctag {
    color: #d14;
}

.hljs-title,
.hljs-section,
.hljs-selector-id {
    color: #900;
    font-weight: bold;
}

.hljs-subst {
    font-weight: normal;
}

.hljs-type,
.hljs-class .hljs-title {
    color: #458;
    font-weight: bold;
}

.hljs-tag,
.hljs-name,
.hljs-attribute {
    color: #000080;
    font-weight: normal;
}

.hljs-regexp,
.hljs-link {
    color: #009926;
}

.hljs-symbol,
.hljs-bullet {
    color: #990073;
}

.hljs-built_in,
.hljs-builtin-name {
    color: #0086b3;
}

.hljs-meta {
    color: #999;
    font-weight: bold;
}

.hljs-deletion {
    background: #fdd;
}

.hljs-addition {
    background: #dfd;
}

.hljs-emphasis {
    font-style: italic;
}

.hljs-strong {
    font-weight: bold;
}

code .before-highlight
{
    z-index: 1;
    position: relative;
}

code .highlight
{
    background: #ff7;

    padding: 4px 6px;
    margin: 0 -6px;
    border-radius: 12px;
}

code .error
{
    display: inline-block;
    position: relative;
    background: url(/img/red_squiggle.gif) bottom repeat-x;
}