@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&subset=latin,cyrillic,cyrillic-ext,latin-ext);
html {
  position: relative;
  min-height: 100%;
}
body {
    padding-top: 70px;
    margin-bottom: 85px;
}
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 85px;
}
#sidebar .list-group, #sidebar .list-group-item {
    background-color: transparent;
}

/* for list-groups nested within a list-group-item, reset the bottom margin */
.list-group-item > .list-group {
    margin-bottom: 0px;
}

/* for list-group-items nested within a list-group-item, reset the bottom
   padding of the last item, b/c the containing item has paddimg already 
 */
.list-group-item .list-group-item:last-child {
    padding-bottom: 0px;
}

.list-group-item {
    border: none;
}

.tag-0 {
    font-size: 16pt;
}

.tag-1 {
    font-size: 13pt;
}

.tag-2 {
    font-size: 10pt;
}

.tag-3 {
    font-size: 8pt;
}

.tag-4 {
    font-size: 6pt;
}

#aboutme {
    padding-top: 0px;
    padding-bottom: 5px;
    -ms-word-break: normal;
    word-break: normal;
}

#sidebar {
    padding-top: 0px;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

#sidebar a {
    /*color: inherit;*/
}

.icon-label {
    margin-left: 10px;
}

/* Example for how to control spacing between icon and label in specific
   lists in the sidebar. To change, override in your CUSTOM_CSS           */
#sidebar #social i {
    margin-right: 3px;
}

a, a:hover {
    color: inherit;
}

.entry-content a {
    text-decoration: none;
    border-bottom: 1px dotted;
}

.entry-content a:hover {
    text-decoration: none;
    border-bottom: 1px solid;
}
.entry-content ol ol{
    padding-left: 40px;
}
.entry-content ol {
    padding-left: 20px;
}
.entry-content ol ul{
    list-style: disc;
}

.entry-content li {
    padding: 5px 0;
    line-height: 1.3;
}

.entry-content img {
    max-width: 100%;
    height: auto;
}

.entry-content figcaption, .caption {
    font-size: small;
    margin-bottom: 2px;
}

.summary img {
    max-width: 100%;
    height: auto;
}


.floatright, .align-right {
    float: right;
}

.floatleft, .align-left {
    float: left;
}

.floatcenter, .align-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

figure.floatright, .align-right {
    margin-left: 4px;
}

figure.floatleft, .align-left {
    margin-right: 4px;
}

figure.floatcenter, .align-center {
    margin-bottom: 11px;
}

.highlighttable pre {
    /* Removes bootstrap default margin-bottom */
    margin-bottom: 0px;
}

.highlighttable {
    /* Adds them margin-bottom to highlightable instead of <pre> */
    margin-bottom: 11px;
}

.highlighttable {
    width: 100%;
}

#categories ul, #tags ul {
    list-style: none;
    padding: 0;
    margin-left: 0;
}

.docutils.footnote td.label {
    display: table-cell;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    text-align: inherit;
    white-space: inherit;
    border-radius: inherit;
}

.categories-timestamp {
    color: #AAAAAA;
    font-size: 0.9em;
    margin-right: 10px;
}

.tagcloud li {
    padding: 0px;
}

#banner {
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: scroll;
    background-size: cover; 
    background-color: #C4C4C4;
    margin: 0 0 20px;
    padding: 70px 0; /*controls padding around inner text*/
    position: relative;
}

#banner .copy {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    display: inline;
    float: left;
    max-width: 600px;
    padding: 20px;
    position: relative;
    z-index: 1;
}

#banner h1 {
    color: #fff;
    font-family: "HelveticaNeue-CondensedBold","Helvetica Neue CE 600 Condensed","Helvetica Neue LT Condensed","Helvetica Neue 600 Condensed","HelveticaNeue-BoldCondensed","Helvetica Neue BoldCondensed","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 60px;
    font-stretch: condensed;
    font-weight: 700;
    line-height: 0.9;
    margin: 0;
    text-transform: uppercase;
}
#banner .intro {
    color: #fff;
    font-size: 21px;
    line-height: 1.33;
    opacity: 0.75;
}
#banner .btn, #banner .intro {
    margin-left: 4px;
}

/* Solutions for mobile and small screens  */
@media (max-width: 650px) {
    #banner h1{
       font-size: 30px; /* !important;*/
    }
    #banner .intro{
        font-size: 16px;
    }
}
h1{
    font: 300 30px "Open Sans",Arial,sans-serif;
    margin: 10px 0 20px 0;
}
h1 a:hover{
    text-decoration: none;
}
/*block center category*/
.center-category{
    font-size: 14px;
    color: #333;
    font-family: Arial, sans-serif;
    margin-top: 20px;
}
.center-category .coll{
    width: 33%;
    float: left;
}
.center-category .coll ul li{
    line-height: 20px;
}
.center-category a{
  color: #337ab7;
}
.center-category h1{
    font: 300 23px/30px "Open Sans", sans-serif;
    text-transform: uppercase;
    color: #666;
}
.center-category h2{
    font: normal 18px/22px Arial, sans-serif;
}
.center-category h2 a{
  color: #333;
}
/*block left category*/
.left-category{
    font-size: 14px;
    color: #333;
    font-family: Arial, sans-serif;
    margin-top: 30px;
}

.left-category .coll ul li.active {
  /*  background-color: #f9f9f9;*/
    /*color: #E67B00;*/
}
.left-category .coll ul li.active a{
    /*background: #F4F7F8;*/
    color: #333;
}
.left-category .coll ul li{
    line-height: 20px;
    padding: 3px;
    list-style-position: initial;
    margin-left: 20px;
}
.left-category ul{
    padding-left: 0;
    list-style-position: inside;
    color: #096588;
/*    padding-bottom: 10px;*/
    display: none;
}
.left-category a{
  color: #337ab7;
}
.left-category h1{
    font: 400 18px/18px "Open Sans", sans-serif;
    text-transform: uppercase;
    color: #787878;
    background-color: #FFFFFF;
    margin: 0;
    padding: 10px 10px 10px 0px;
    border-radius: 0px;
}
.left-category h2{
    font: normal 16px/16px Arial, sans-serif;
    margin-top: 15px;
    margin-left: 10px;
}
.left-category h2 a{
  color: #333;
}
.breadcrumbs{color: #787878;font-size: 12px;margin: 30px 0 12px 0;}
.breadcrumbs a{color: #337ab7;}

/*Menu html for Ultra*/
/*body {
    margin: 10px auto;
}*/
.center-category .coll h2 {background: transparent;}
.coll h2 {
    background: #fff url(/static/arrow-square.gif) no-repeat right -51px;
    padding: 7px 15px;
    margin: 0;
    border-bottom: none;
    cursor: pointer;
}
.coll h2:hover {
    background-color: #fff;
}
.coll h2.active {
    background-position: right 5px;
}
.coll ul {
    background: transparent;
    margin: 0;
    padding:  10px 15px 20px;
}
@media screen and (max-width: 480px) {
    body {
        margin: 0;
        padding:0;
    }
    .coll {
        width:98%;
        margin:1%;
    }
    .coll h2 {
        padding: 12px 15px;
    }
    .goog-zippy-expanded {
        background: #e9e7e7 url(/static/arrow-square.gif) no-repeat right 10px;
    }
    .goog-zippy-collapsed {
        background: #e9e7e7 url(/static/arrow-square.gif) no-repeat right -46px;
    }
}
.navbar-default {
    background-color: #096588;
}