@font-face {
    font-family: Kabel Bk BT;
    src: url(../font/KABELN.TTF);
}

html, body {
    margin:0;
    padding: 0;
}

body {
    font-family: Tahoma, sans-serif;
    font-size: 12px;
    font-weight: normal;
    background-color: #444;
    color: #444;
}

pre {
    word-wrap:break-word;
    word-break:break-all;
    white-space:pre-wrap;
    background-color: #eee;
    border: 1px solid #ddd;
    padding: 1em;
}

pre, pre code {
    font-family: 'Consolas', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', monospace;
}

a {
    color: #60b123;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a img {
    border: none;
}

h1, h2, h3 {
    font-weight: normal;
    font-family: Kabel Bk BT;
}
.clear {
    clear: both;
}

.container {
    background-color: #fff;
    padding: 0;
    margin: 0 auto;
    box-shadow: 0 0 20px 2px #222;
    -moz-box-shadow: 0 0 20px 2px #222;
    -webkit-box-shadow: 0 0 20px 2px #222;
}

.header {
    background-color: #000;
    color: #fff;
    overflow: hidden;
}

.header .logo {
    text-decoration: none;
    border: none;
    display: inline-block;
    margin: 15px;
}

.header .logo img {
    width: 80%; 
}

.header .logo-desc {
    font-family: Kabel Bk BT;
    font-size: 16px;
    display: none;
}

.header h1 {
    margin:0;
    padding:0;
    font-size:0;
}

.navbar {
    color: #fff;
    height: 10px;
    font-size: 0;
    font-family: Kabel Bk BT;
    border-top: 1px solid #fff;
    text-transform: uppercase;
    background: #60b123; /* For browsers that do not support gradients */
    background: linear-gradient(#49811F, #6FC430); /* Standard syntax */
}

.navbar .arrow {
    display: none;
    background: transparent url(../imgs/icon-sprites.png) 0 -32px no-repeat;
    margin: 7px 45% 0 45%;
    width: 20px;
}


.pull-center {
    padding-left: 5px;
    padding-right: 5px;
    margin: 0 auto;
}

.navbar.pull-center .col {
    text-align: center;
    margin-top: 10px;
}

.navbar.pull-center .col.left h1 {
    font-size: 18px;
    margin:0;
}
.content {
    padding: 15px;
    background-color: #fff;
}

.clear {
    clear: both;
    overflow: hidden;
}

.main.lead {
    border-bottom: 2px solid #eee;
}
.main.lead > p.tags {
    margin-top: 0;
}

.main.lead .tag {
    color: #60b123;
    text-decoration: none;
    text-transform: uppercase;
}

.right .box-header,
.right .author, .title {
    font-family: Kabel Bk BT;
    color: #000;
    text-transform: uppercase;
    font-size: 18px;
}

.author_desc, 
.entry {
    color: #444;
    font-size: 15px;
}

.entry {
    padding-bottom: 10px;
}

.entry .date {
    font-size: 13px;
}

.tree .leaf:before {
    content: "";
    display: inline-block;
    height: 15px;
    vertical-align: text-top;
    width: 20px;
}

.main.lead .tags,
.tree .leaf .tags {
    font-size: 15px;
    text-transform: uppercase;
    margin-top: 0;
}

.tree .leaf .tags .tag {
    margin: 0 10px 0 0px;
}

.right {
    display: none;
}

.right ul.tags,
.right ul.archive {
    padding-left: 20px;
    list-style: none;
    font-size: 13px;
}

.right ul.archive li {
    margin-bottom: 5px;
}

.right ul.tags li {
    margin: 0 10px;
    float: left;
}

.right ul.tags {
    margin-bottom: 20px;
    overflow: hidden;
}
.right .author_desc,
.right .entry {
    font-size: 13px;
    margin-bottom: 20px;
}

.right .box-header {
    font-weight: normal;
    border-bottom: 1px solid #888;
}

.right .thumb {
    margin: 20px 0;
    text-align: center;
    width: 258px;
    border: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 0 0 4px 1px #ddd;
    -moz-box-shadow: 0 0 4px 1px #ddd;
    -webkit-box-shadow: 0 0 4px 1px #ddd;
    padding: 3px;
}

.right .thumb img {
    text-align: center;
    width: 100%;
}

.blog .entry-box {
    margin-bottom: 20px;
    border-bottom: 2px solid #eee;
}

.blog .title {
    font-size: 24px;
}

.blog .tags .tag {
    font-size: 15px;
}

.pagination {
    font-size: 17px;
    clear: both;
    overflow: hidden;
    margin: 60px auto;
}

.pagination .next {
    float: right;
}

.pagination .prev {
    float: left;
}

.footer {
    background-color: #666;
    color: #ebebeb;
    font-size: 11px;
    text-align: center;
    overflow: hidden;
}


.footer .nav {
    list-style: none;
    border-bottom: 1px solid #727272;
    padding-bottom: 20px;
    padding-left:0;
    display: inline-block;
    margin: 20px auto;
    clear: both;
    overflow: hidden;
}

.footer .nav li {
    float: left;
    padding: 7px 15px;
}

.footer .nav li.lang {
    padding-left: 25px;
    padding-right: 5px;
    display: none;
}

.footer .nav li.lang:last-child {
    padding-left: 15px;
}

.footer .nav li a {
    color: #ebebeb;
    text-transform: uppercase;
    padding: 7px;
}

.footer .nav li a:hover,
.footer .nav li.active a {
    background-color: #7f7f7f;
}

.footer .nav li.home  {
    padding: 0;
}

.footer .nav li.home a {
    background-image: url(../imgs/icon-sprites.png);
    background-position: 13px -46px;
    background-repeat: no-repeat;
    display: block;
}

.footer .nav li.home a span {
    visibility: hidden;
}

.copyright {
    margin: 20px auto;
}

.tip {
    border: 1px solid #ccc;
    background: #eee;
    padding: 0em 1em;
}

.tip .admonition-title {
    display: none;
}

@media screen and (min-width: 300px) {
    .tree .leaf {
        float: none;
        width: 100%;
        border-bottom: 2px solid #eee;
    } 
    .blog .entry img {
        width: 100%;
    }
}

@media screen and (min-width: 360px) {
    .header .logo img {
        width: auto;
    }
}

@media screen and (min-width: 600px) {
    .container {
        max-width: 100%
    }
    .header {
        padding-bottom: 15px; 
    } 
    .header .logo {
        margin-bottom: 0;
    }
    .header .logo-desc {
        margin-left: 15px;
        display: block;
    }
    .main {
        margin-bottom: 30px;
    }
    .main.lead {
        border-bottom: none; 
    }
    .main.lead .tags {
        text-align: center; 
    }

    .main.lead .entry {
        margin: 0 10px;
    }
    
    .main.lead .tag {
        font-size: 36px;
    }

    .tree .leaf {
        float: left;
        width: 45%;
        border-bottom: none;
    }

    .tree .leaf:before {
        background-color: transparent;
        background-image: url(../imgs/icon-sprites.png);
        background-repeat: no-repeat;
        position: relative;
        top: 42px;
    }

    .tree .leaf.even:before {
        background-position: 0 0;
        left: -29px;
    }

    .tree .leaf.odd:before {
        background-position: 0 -16px;
        left: 103%;
    }

    .tree .leaf.odd {
        padding-right: 4%;
        border-right: 2px solid #eee;
        padding-top: 20px;
    }

    .tree .leaf.even {
        padding-left: 28px;
        position: relative;
        top: -48px;
    }
    
    .blog .entry img {
        width: auto;
    }

}

@media screen and (min-width: 960px) {

    .navbar {
        font-size: 18px;
        height: 42px;
    }

    .navbar .arrow {
        display: inline-block;
    }

    .left {
        width: 65%;
        margin-right: 30px;
    }
    
    .content {
        background-color: #fff;
    }

    .right {
        width: 25%;
        margin-left: 60px;
        display: block;
        margin-top:12px;
    }
    
    .col {
        float: left;
    }
    
    .main.lead .tag {
        font-size: 60px;
    }

    .main.lead .title,
    .right .box-header,
    .right .author {
        font-size: 24px;
    }

    .main {
        margin-bottom: 60px;
    }
        
    .main.lead .entry {
        margin: 0 30px;
    }

    .tree .leaf .entry {
        min-height: 80px;
        font-size: 12px;
    }

    .tree .leaf .date {
        font-size: 11px;
    }

    .tree .leaf.even:before {
        left: -28px;
    }

    .tree .leaf.odd:before {
        left: 103%;
    }

}

@media screen and (min-width: 1281px) {
    .pull-center {
        padding-left: 60px;
        padding-right: 60px;
    }
    .header .logo-desc,
    .header .logo {
        margin-left:0;
    }
    .container {
        max-width: 1280px;
    }
}

.code { background: #f8f8f8; }
.code .hll { background-color: #ffc }
.code .err { border: 1px solid #f00 } /* Error */
.code .o { color: #666 } /* Operator */
.code .cp { color: #bc7a00 } /* Comment.Preproc */
.code .c, .code .c1, .code .cs, .code .cm { color: #408080; font-style: italic } /* Comment */
.code .gd { color: #a00000 } /* Generic.Deleted */
.code .ge { font-style: italic } /* Generic.Emph */
.code .gr { color: #f00 } /* Generic.Error */
.code .gh, .code .gp { color: #000080; font-weight: bold } /* Generic.Heading, Prompt */
.code .gi { color: #00a000 } /* Generic.Inserted */
.code .go { color: #808080 } /* Generic.Output */
.code .gs { font-weight: bold } /* Generic.Strong */
.code .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.code .gt { color: #0040d0 } /* Generic.Traceback */
.code .k, .code .kc, .code .kd, .code .kn, .code .kp, .code .kr { color: #008000; font-weight: bold } /* Keyword */
.code .kt { color: #b00040 } /* Keyword.Type */
.code .s, .code .s1, .code .sh, .code .sb, .code .sc, .code .sd, .code .s2 { color: #BA2121 } /* Literal.String */
.code .na { color: #7d9029 } /* Name.Attribute */
.code .nb, .code .bp { color: #008000 } /* Name.Builtin */
.code .no { color: #800 } /* Name.Constant */
.code .nd { color: #a2f } /* Name.Decorator */
.code .ni { color: #999; font-weight: bold } /* Name.Entity */
.code .ne { color: #d2413a; font-weight: bold } /* Name.Exception */
.code .nf, .code .nn, .code .nc { color: #00f } /* Name.Function, Name, Class */
.code .nl { color: #a0a000 } /* Name.Label */
.code .nt { color: #008000; font-weight: bold } /* Name.Tag */
.code .ow { color: #a2f; font-weight: bold } /* Operator.Word */
.code .w { color: #bbb } /* Text.Whitespace */
.code .m, .code .mf, .code .mh, .code .mi, .code .mo, .code .il { color: #666 } /* Literal.Number */
.code .se { color: #b62; font-weight: bold } /* Literal.String.Escape */
.code .si { color: #b68; font-weight: bold } /* Literal.String.Interpol */
.code .sx { color: #008000 } /* Literal.String.Other */
.code .sr { color: #b68 } /* Literal.String.Regex */
.code .ss { color: #19177c } /* Literal.String.Symbol */
.code .nv, .code .vc, .code .vg, .code .vi { color: #19177C } /* Name.Variable */