/*

XCode style (c) Angel Garcia <angelgarcia.mail@gmail.com>

*/

.hljs {
    display: block;
    padding: 0.5em;
    background: #efefef;
    color: black;
}

.hljs-comment,
.hljs-template_comment,
.hljs-javadoc {
    color: #006a00;
}

.hljs-keyword,
.hljs-literal,
.nginx .hljs-title {
    color: #aa0d91;
}
.method,
.hljs-list .hljs-title,
.hljs-tag .hljs-title,
.setting .hljs-value,
.hljs-winutils,
.tex .hljs-command,
.http .hljs-title,
.hljs-request,
.hljs-status {
    color: #008;
}

.hljs-envvar,
.tex .hljs-special {
    color: #660;
}

.hljs-string {
    color: #c41a16;
}
.hljs-tag .hljs-value,
.hljs-cdata,
.hljs-filter .hljs-argument,
.hljs-attr_selector,
.apache .hljs-cbracket,
.hljs-date,
.hljs-regexp {
    color: #080;
}

.hljs-sub .hljs-identifier,
.hljs-pi,
.hljs-tag,
.hljs-tag .hljs-keyword,
.hljs-decorator,
.ini .hljs-title,
.hljs-shebang,
.hljs-prompt,
.hljs-hexcolor,
.hljs-rules .hljs-value,
.hljs-symbol,
.hljs-symbol .hljs-string,
.hljs-number,
.css .hljs-function,
.clojure .hljs-title,
.clojure .hljs-built_in,
.hljs-function .hljs-title,
.coffeescript .hljs-attribute {
    color: #1c00cf;
}

.hljs-class .hljs-title,
.haskell .hljs-type,
.smalltalk .hljs-class,
.hljs-javadoctag,
.hljs-yardoctag,
.hljs-phpdoc,
.hljs-typename,
.hljs-tag .hljs-attribute,
.hljs-doctype,
.hljs-class .hljs-id,
.hljs-built_in,
.setting,
.hljs-params,
.clojure .hljs-attribute {
    color: #5c2699;
}

.hljs-variable {
    color: #3f6e74;
}
.css .hljs-tag,
.hljs-rules .hljs-property,
.hljs-pseudo,
.hljs-subst {
    color: #000;
}

.css .hljs-class,
.css .hljs-id {
    color: #9b703f;
}

.hljs-value .hljs-important {
    color: #ff7700;
    font-weight: bold;
}

.hljs-rules .hljs-keyword {
    color: #c5af75;
}

.hljs-annotation,
.apache .hljs-sqbracket,
.nginx .hljs-built_in {
    color: #9b859d;
}

.hljs-preprocessor,
.hljs-preprocessor *,
.hljs-pragma {
    color: #643820;
}

.tex .hljs-formula {
    background-color: #eee;
    font-style: italic;
}

.diff .hljs-header,
.hljs-chunk {
    color: #808080;
    font-weight: bold;
}

.diff .hljs-change {
    background-color: #bccff9;
}

.hljs-addition {
    background-color: #baeeba;
}

.hljs-deletion {
    background-color: #ffc8bd;
}

.hljs-comment .hljs-yardoctag {
    font-weight: bold;
}

.method .hljs-id {
    color: #000;
}



* {
    margin:0;
    padding:0;
}
html {
    height:100%;
    -webkit-text-size-adjust: none;
}
body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga" on;
    font-size:18px;
    font-family:'Helvetica Neue',Helvetica,Tahoma,Verdana,Arial,STHeiti,"Heiti SC","Hiragino Sans GB",sans-serif;
    color:rgba(0, 0, 0, 0.8);
    /*background-color:#f5f5f5;*/
    height:100%;
    overflow:hidden;
}
body.no-bg{
    background-color:transparent;
}

ol,ul {
    list-style-position:outside;
    padding: 0;
    margin: 0.2em 0 0.2em 2.75em;
}
ol {
    list-style: decimal;
}
ul {
    list-style: disc;
}
ul li {
    padding:.1em 0;
    list-style-type:square;
}
ul li li{
    list-style-type:circle;
}
li ul,
li ol{
    margin-left:2.5em;
    margin-bottom:0;
}

hr {
    border-left: none;
    border-right: none;
    margin: 15px 0 10px 0;
}
.hidden {
    display:none;
}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
div#main {
    padding:0;
    min-height: 100%;
    height:auto !important;
    margin: 0 auto;
}
.entry-content table {
    border-collapse: separate;
    border-spacing: 0;
    margin: 1em auto;
    border: 1px solid #cdcdcd;
    border-width: 1px 0px 0px 1px;
    width:100%;

}
.entry-content td {
    background: #fff;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 24px;
    border: 1px solid #cdcdcd;
    border-width: 0px 1px 1px 0px;
}
.entry-content th {
    background: #e6e6e6;
    padding: 3px 5px;
    color: #333;
    font-size: 14px;
    line-height: 24px;
    border: 1px solid #cdcdcd;
    border-width: 0px 1px 1px 0px;
    font-weight: normal;
}
.center {
    text-align:center;
}
::selection {
    color:#fff;
    background-color:#454545;
}
a {
    color: rgba(0, 0, 0, 0.8);
}
#site-header a:hover,
article .title a:hover,
article .meta .tags a:hover,
article footer .divider a:hover {
    color:#F5114A;
}

pre {
    margin: 0.75em 0 1.25em 0;
    background: #efefef;
    line-height: 1.75em;
    padding: .5em 1.2em .45em 0.3em;
    font-size: 12px;
    overflow: hidden;
}
pre:hover{
    overflow: auto;
}
pre .line{
    display:block;
}
code::-webkit-scrollbar{
    height:6px;
    background-color:#ddd;
    border-radius:0 0 2px 2px
}
code::-webkit-scrollbar-thumb:horizontal{
    background-color:#aaa;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}
pre code {
    font-size: 12px;
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
    line-height: 1.8;
    display: block;
    overflow: hidden;
    background: #f8f8f8;
}
pre code:hover{
    overflow:auto;
}
pre code.hljs{
    padding: 0.5em 1.2em 0.45em 0.5em;
}
.highlight td,
.highlight td code{
    padding:0;
}
.highlight pre{
    padding:6px 10px;
    margin:0;
}
div.highlight{
    overflow:auto;
}
.highlight table{
    margin:0;
}
.highlight table,
.highlight td{
    border:none;
}
article .entry-content blockquote p{
    margin:0.75em 0;
}
article .entry-content .align-left,
article .entry-content .alignleft{
    float:left;
}
article .entry-content .align-right,
article .entry-content .alignright{
    float:right;
}
article .entry-content .center,
article .entry-content .align-center,
article .entry-content .aligncenter{
    text-align:center;
}
article  .entry-content figcaption{
    font-size:0.875em;
    color:#888888;
}

article .entry-content *[class*="caption"],
article .entry-content *[class*="caption"],
article .entry-content *[class*="credit"],
article .entry-content *[class*="credit"]
{
    line-height: 2;
    font-size: 0.825em;
    color: #888;
    display:block;
    margin:0;
}
article iframe{
    width:100%;
    height:415px;
    margin: 10px 0;
}
article .entry-content aside{
    font-size: 0.8em;
    float: right;
    background: whitesmoke;
    border-left: 20px solid #ffffff;
    padding: 1em;
    margin: 1em 0 1.5em 1em;
    max-width:40%;
    color:#555555;
}
article .entry-content aside h1,
article .entry-content aside h2,
article .entry-content aside h3,
article .entry-content aside h4{
    color:#444444;
}
article .entry-content aside h2{
    font-size:1.1em;
    border:none;
}
article .entry-content aside h3{
    font-size:1.05em;
}
article .entry-content aside h4{
    font-size:1em;
}
article .entry-content aside ol,
article .entry-content aside ul,
article .entry-content aside li
{
    list-style:none;
    margin-left:0;
}
article .entry-content aside article{
    margin:1em 0 0.5em 0;
}
blockquote{
    border-left: 5px solid #DDD;
    padding:3px 10px 3px 18px;
    background:rgba(102,128,153,.05);
    margin: 15px 0 15px 10px;
    color:#494949;
}
blockquote blockquote{
    margin:5px 10px;
    padding:0 10px;
}
blockquote ol,
blockquote ul{
    margin-left:1.5em;
}
blockquote strong{
    color:#111;
}
code {
    color: #d14;
    background-color: #efefef;
    font-family: Menlo,Monaco, "DejaVu Sans Mono","Courier New",monospace;
    font-size: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding:2px 6px 3px 5px;
    margin:0 2px;
}
h1,h2,h3,h4,h5,h6{
    color:#333333;
    font-weight:bold;
    margin:0.875em 0 0.375em 0;
    line-height:1.5;
}
h1{
    font-size:1.5em;
}
h2.title{
    font-size:2.0em;
}
h2 {
    font-size:1.35em;
}
h3 {
    font-size:1.2em;
}
h4{
    font-size:1.1em;
}
h5{
    font-size:1em;
}
h6{
    font-size:0.9em;
}
#readability-content {
    padding:80px 50px  40px 50px;
    width: auto;
    margin: 0 auto;
    line-height: 1.75;
    overflow: hidden;
    max-width:750px;
    /*box-shadow:0 0 10px #ddd;*/
    background-color:white;
}
.no-bg #readability-content {
    background-color:transparent;
    box-shadow:none;
}
#main-listing {
    margin-bottom:2em;
}
#main-listing .listing-seperator span{
    font-size:11px;
}
article {
    margin:1em 0 2em 0;
}
article .meta .caption{
}
article .title a{
    color: #444;
    font-size: 21px;
}
article .meta {
    line-height: 1.5;
    font-size: 0.9em;
    margin:0.5em 0;
    color: #9e9ea6;
    padding:0 0 4px 2px;
}
article .meta .original_link a{
    font-weight: normal;
    color: #9e9ea6;
    margin-left: 3px;
}
article .meta .original_link a:hover {
}
article .meta .external-icon{
   height: 10px;
    width: 10px;
    background: url("../images/Shape.png") no-repeat;
    display: inline-block;
    position: relative;
    top: 3px;
    left: 4px;
}
article .meta a {
    color:#656565;
}

article .meta .seperate{
	margin: 0 10px;
}
article .meta .cache{
	color: #9e9ea6;
}

article .meta a:hover{
	color: #656565;
}

article .entry-content {
    padding-top:0.1em;
}
article .entry-content p{
    margin:0.75em 0;
}
article .entry-content h2{
    color: #222;
    border-bottom: 1px solid rgb(140, 140, 140);
    font-weight: normal;
    padding-bottom:0.2em;
}
article .entry-content span>a{
    display: inline;
}
article .entry-content li{
    font-size:0.9em;
}
article .entry-content li li{
    font-size:1em;
}
article .entry-content li p{
    padding:0.2em 0;
    margin:0.25em 0;
}
article .entry-content h3{
    margin: 1.5em 0 0 0;
}
article .entry-content img,
article .entry-content video{
    max-width: 100%;
    display: inline-block;
    height: auto;
    margin: 0.5em 0 0.25em 0;
}
article .entry-content p>img{
    display:inline;
    padding:0 5px;
    margin:0;
    vertical-align:baseline;
}
article .entry-content embed {
    margin: .5em auto;
    display: block ;
}
article .entry-content span img{
    display: inline;
    border: none;
    height: auto;
    padding:1px;
    margin:0 2px;
}
.gist {
    font-size:13px;
    line-height:1.6;
}
.loading-area {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: white;
    z-index:9999;
}

/*****************preLoader************************/

.la-pacman {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    margin: auto;
}
.la-pacman > div {
    position: relative;
    box-sizing: content-box;
    color: #4E8DF7;
    background: #4E8DF7;
    border-color: #4E8DF7;
    border-style: solid;
    border-width: 0;
}
.la-pacman:after {
    display: table;
    line-height: 0;
    clear: both;
    content: "";
}
.la-pacman {
    width: 100px;
    height: 100px;
}
.la-pacman > div:nth-child(3) {
    animation: pacman-balls 2s .06s infinite linear;
}
.la-pacman > div:nth-child(4) {
    animation: pacman-balls 2s .56s infinite linear;
}
.la-pacman > div:nth-child(5) {
    animation: pacman-balls 2s 1.06s infinite linear;
}
.la-pacman > div:nth-child(6) {
    animation: pacman-balls 2s 1.56s infinite linear;
}
.la-pacman > div:first-of-type {
    width: 0;
    height: 0;
    background: transparent;
    border-style: solid;
    border-width: 48px;
    border-right-color: transparent;
    border-radius: 100%;
    animation: pacman-rotate-half-up .5s 0s infinite;
}
.la-pacman > div:nth-child(2) {
    width: 0;
    height: 0;
    margin-top: -96px;
    background: transparent;
    border-style: solid;
    border-width: 48px;
    border-right-color: transparent;
    border-radius: 100%;
    animation: pacman-rotate-half-down .5s 0s infinite;
}
.la-pacman > div:nth-child(3), .la-pacman > div:nth-child(4), .la-pacman > div:nth-child(5), .la-pacman > div:nth-child(6) {
    position: absolute;
    top: 50%;
    left: 200%;
    width: 24px;
    height: 24px;
    float: left;
    border-radius: 100%;
    opacity: 0;
}
/*
 * Animations
 */

@keyframes pacman-rotate-half-up {
    0% {
        transform: rotate(270deg);
    }
    50% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(270deg);
    }
}
@keyframes pacman-rotate-half-down {
    0% {
        transform: rotate(90deg);
    }
    50% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(90deg);
    }
}
@keyframes pacman-balls {
    0% {
        left: 200%;
        opacity: 0;
        transform: translateY(-50%);
    }
    5% {
        opacity: .5;
    }
    66% {
        opacity: 1;
    }
    67% {
        opacity: 0;
    }
    100% {
        left: 0;
        transform: translateY(-50%);
    }
}

#styles{
    font-size: 10px;
    color: #666666;
    position: fixed;
    right: 0;
    bottom: 0;
    padding: 8px;
    background-color: #eeeeee;
    border-radius: 3px 0 0 0;
    display: none;
}
#styles .buttons{
    float:right;
}
#styles button{
    line-height: 10px;
    text-align: center;
    width: 21px;
    font-size: 12px;
    border-radius: 50%;
    background: white;
    border: 1px solid #B1B1B1;
    height: 21px;
    margin: 3px;
    outline: none;
    cursor: pointer;
}
#styles select{
    box-shadow: 0 0 8px #bfbfbf;
    background: white;
    margin: 5px 12px 0 8px;
    color: #666666;
    float: left;
    outline: none;
    border: 1px solid #bcbcbc;
    width: 96px;
}
#back-to-top{
    cursor: pointer;
    float: left;
    width: 28px;
    color: #888;
    line-height: 27px;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
}
#back-to-top:hover {
    color: rgba(255, 0, 0, 0.83);
    text-decoration: underline;
}
#diigo-progress{
    width: 100%;
    position: fixed;
    top: 0;
    height: 2px;
    background: #E2E2E2;
    display: none;
}
#ratio{
    background: #1DBDEC;
    height: 2px;
    width:0;
}
body{
    height: 100%;
    position: relative;
}
.nano > .nano-pane   { background: transparent;}
.nano > .nano-pane > .nano-slider { background: #BBBBBB; }


@media print {
    #bodyid em.diigoHighlight {
        border-bottom: 4px solid transparent !important;
    }

    #bodyid em.diigoHighlight.yellow {
        border-color: #ff9 !important;
    }

    #bodyid em.diigoHighlight.blue {
        border-color: #ABD5FF !important;
    }

    #bodyid em.diigoHighlight.green {
        border-color:#B2E57E !important;
    }

    #bodyid em.diigoHighlight.pink {
        border-color:#ffcccc !important;
    }
    
    #readable-article header .meta{
    	display:none;
    }
    
    #styles{
    	display: none !important;
    }
}