/*
 * X-Prism HTML5 Web Component by Martin Ivanov (@wemakesitesnet) based on Lea Verou's Prism.js
 * More info regarding this exciting new technology: http://webcomponents.org/, http://www.x-tags.org/, http://www.polymer-project.org/
 * @author Martin Ivanov
 * @url developer website: http://wemakesites.net/
 * @url developer twitter: https://twitter.com/#!/wemakesitesnet
 * @url developer blog http://acidmartin.wordpress.com/
 **/

acidjs-xhilite, 
acidjs-xhilite *
{
    box-sizing: border-box;
}

acidjs-xhilite[ready],
acidjs-xhilite[error]
{
    visibility: visible;
}

acidjs-xhilite
{
    position: relative;
    display: block;
    visibility: hidden;
    vertical-align: top;
    border: solid 1px #ccc;
    font-size: .75em;
    background: #fff;
    cursor: default;
}

acidjs-xhilite::before
{
    content: attr(language);
    position: absolute;
    top: 0;    
    right: 0;
    display: inline-block;
    margin: -1px 0 0;
    padding: .5em;
    color: #000;
    opacity: .1;
    font: normal 3em Helvetica, Arial, Sans-serif;
}

acidjs-xhilite a
{
    color: #069;
    text-decoration: none;
}

acidjs-xhilite[error] code
{
    font-size: 2em;
    color: #b00;
}

/*
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 **/
acidjs-xhilite code[class*="language-"],
acidjs-xhilite pre[class*="language-"] 
{
    color: black;
    text-shadow: 0 1px white;
    font-family: Consolas, Monaco, 'Andale Mono', monospace;
    direction: ltr;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    line-height: 1.5;
    
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;

    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

acidjs-xhilite pre[class*="language-"]::-moz-selection,
acidjs-xhilite pre[class*="language-"] ::-moz-selection,
acidjs-xhilite code[class*="language-"]::-moz-selection,
acidjs-xhilite code[class*="language-"] ::-moz-selection 
{
    text-shadow: none;
    background: #b3d4fc;
}

acidjs-xhilite pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
acidjs-xhilite code[class*="language-"]::selection, code[class*="language-"] ::selection {
    text-shadow: none;
    background: #b3d4fc;
}

acidjs-xhilite pre
{
    overflow: auto;
    position: relative;
    padding: 1em 0 2em 3em;
    margin: 0;
}

acidjs-xhilite :not(pre) > code[class*="language-"] 
{
    padding: .1em;
    border-radius: .3em;
}

acidjs-xhilite .token.comment,
acidjs-xhilite .token.prolog,
acidjs-xhilite .token.doctype,
acidjs-xhilite .token.cdata 
{
    color: slategray;
}

acidjs-xhilite .token.punctuation
{
    color: #666;
}

acidjs-xhilite .namespace 
{
    opacity: .7;
}

acidjs-xhilite .token.property,
acidjs-xhilite .token.tag,
acidjs-xhilite .token.boolean,
acidjs-xhilite .token.number,
acidjs-xhilite .token.constant,
acidjs-xhilite .token.symbol,
acidjs-xhilite .token.deleted 
{
    color: #069;
}

acidjs-xhilite .token.selector,
acidjs-xhilite .token.attr-name,
acidjs-xhilite .token.string,
acidjs-xhilite .token.char,
acidjs-xhilite .token.builtin,
acidjs-xhilite .token.inserted 
{
    color: #666;
}

acidjs-xhilite .token.operator,
acidjs-xhilite .token.entity,
acidjs-xhilite .token.url,
acidjs-xhilite .language-css .token.string,
acidjs-xhilite .style .token.string 
{
    color: #a67f59;
    background: hsla(0, 0%, 100%, .5);
}

acidjs-xhilite .token.atrule,
acidjs-xhilite .token.keyword 
{
    color: #07a;
}

acidjs-xhilite .token.attr-value
{
    color: #d14;
}

acidjs-xhilite .token.function 
{
    color: #DD4A68;
}

acidjs-xhilite .token.regex,
acidjs-xhilite .token.important,
acidjs-xhilite .token.variable 
{
    color: #e90;
}

acidjs-xhilite .token.important 
{
    font-weight: bold;
}

acidjs-xhilite .token.entity 
{
    cursor: help;
}

/*
 * prism.js line numbering
 * @author David Walsh
 **/
acidjs-xhilite .line-number 
{
    position: absolute;
    left: 0;
    right: 0;
    padding: inherit 0;
    margin-top: 1em;
    background: transparent;
    pointer-events: none;
    line-height: inherit;
    white-space: pre;
}

acidjs-xhilite .line-number:before,
acidjs-xhilite .line-number[data-end]:after 
{
    content: attr(data-start);
    position: absolute;    
    min-width: 1em;
    padding: 0 .5em;
    color: #999;
    font-size: 1em;
    text-align: right;
    border-radius: 999px;
    text-shadow: none;
    border: 0;
}
	
acidjs-xhilite .line-number[data-end]:after 
{
    content: attr(data-end);
    top: auto;
    bottom: .4em;
}