@import url('https://fonts.googleapis.com/css?family=Zilla+Slab&display=swap');

body {
    background:#f7f6f3;
    color:#222;
    font-family:Helvetica, Arial, sans-serif;
    font-size:16px;
    line-height:28px;
    font-weight:400;
    
}

p {
    margin:5px 0 15px;
}

blockquote {
    color: #666;
}

blockquote p {
    font-size: 15px;
    line-height: 26px;
}

a:link, a:visited, a:active {
    color:#4c9ed1;
}

a:hover {
    color:#51b0eb;
    text-decoration:none;
}

.navbar-fixed-top {
    position:inherit;
    margin-bottom:75px;
}

.navbar-inner {
    background:#4c9ed1;
    color:#f0f0f0;
    box-shadow:none;
    font-family:'Zilla Slab', Helvetica, Arial, sans-serif;
    font-weight:700;
    /* border-top:3px solid #a7a296; */
}

.navbar .nav {
    float:right;
}

.navbar .brand {
    font-family:'Zilla Slab', Helvetica, Arial, sans-serif;
    font-weight:300;
    font-size:28px;
    line-height:32px;
    height:32px;
    color:#fff;
    padding:10px 20px;
    -moz-transition-property: color;
    -moz-transition-duration: 0.5s;
}

.navbar .brand span {
    /* color:#4c9ed1;
     */
    color:#87b8d4;
    font-size:24px;
    line-height:32px;
    font-weight: 300;
    -moz-transition-property: color, font-size, line-height;
    -moz-transition-duration: 0.5s;
    margin-right:2px;
}

.navbar .brand:hover {
    color:#222;
    -moz-transition-property: color;
    -moz-transition-duration: 0.15s;
}

.navbar .brand:hover span {
    font-size:48px;
    line-height:18px;
    color:#fff;
    -moz-transition-property: color, font-size, line-height;
    -moz-transition-duration: 0.5s;
}

.navbar .nav {
    margin:0;
}

.navbar .nav li > a {
    font-size:18px;
    line-height:22px;
    font-weight:300;
    height:22px;
    padding:15px 20px;
    text-shadow:none;
    color:#dae9f3;
    background: #6eb5e2;
    -moz-transition-property: color, background;
    -moz-transition-duration: 0.3s;
}

.navbar .nav li > a:hover {
    background:#fff;
    color:#827a6a;
    -moz-transition-property: color, background;
    -moz-transition-duration: 0.2s;
}

.navbar .nav .active > a {
    background:#f7f6f3;
    color:#222;
    text-shadow:none;
}

.navbar .nav .active > a:hover {
    color:#222;
    background:#f7f6f3;
}

#avatar {
    height: 150px;
    border-radius: 75px;
    margin-bottom: 15px;
}

h2 {
    font-family:'Zilla Slab', Helvetica, Arial, sans-serif;
    font-weight:700;
    color:#b0260f;
    font-size:34px;
    line-height:48px;
    margin-bottom:30px;
}

h2 span, h3 span, h4 span {
    border-bottom:3px solid #dfded8;
}

h3 {
    font-family:'Zilla Slab', Helvetica, Arial, sans-serif;
    font-weight:700;
    color:#b0260f;
    font-size:28px;
    line-height:36px;
    margin:20px 0 15px;
}

h4 {
    font-family:'Zilla Slab', Helvetica, Arial, sans-serif;
    font-weight:700;
    color:#827A6A;
    font-size:20px;
    line-height:26px;
    margin:20px 0 15px;
}

h3 a:link, h3 a:visited {
    color:#b0260f;
}

h3 a:hover {
    color:#cf3015;
}

h3 + h4 {
    margin-top:-10px;
}

h5 {
    font-family:'Zilla Slab', Helvetica, Arial, sans-serif;
    font-weight:700;
    color:#000;
    font-size:18px;
    line-height:24px;
    margin:20px 0 15px;
}

.aside {
    color:#A7A296;
    font-style:italic;
    font-weight:400;
}

strong {
    font-weight:700;
    
}

.meta {
    color:#A7A296;
    font-style:italic; 
}


.project, .well {
    color: #827A6A;
    padding:5px 15px;
    margin:0 0 30px;
    background:#fff;
    border-radius:0;
    box-shadow:none;
    border:none;
    
}

.project h3 {
    margin-bottom: 10px;
}

.project img {
    float:right;
    margin:15px;
}


article li {
    margin-bottom: 5px;
    line-height: 28px;
}

article pre {
    background: #fff;
}

article code {
    background: #fff;
}

.comment {
  color: #a0a1a7;
  font-style: italic;
}
.entity.name.type {
  color: #c18401;
}
.entity.other.inherited-class {
  color: #50a14f;
}
.keyword {
  color: #a626a4;
}
.keyword.control {
  color: #a626a4;
}
.keyword.operator {
  color: #383a42;
}
.keyword.other.special-method {
  color: #4078f2;
}
.keyword.other.unit {
  color: #986801;
}
.storage {
  color: #a626a4;
}
.storage.type.annotation,
.storage.type.primitive {
  color: #a626a4;
}
.storage.modifier.package,
.storage.modifier.import {
  color: #383a42;
}
.constant {
  color: #986801;
}
.constant.variable {
  color: #986801;
}
.constant.character.escape {
  color: #0184bc;
}
.constant.numeric {
  color: #986801;
}
.constant.other.color {
  color: #0184bc;
}
.constant.other.symbol {
  color: #0184bc;
}
.variable {
  color: #e45649;
}
.variable.interpolation {
  color: #ca1243;
}
.variable.parameter {
  color: #383a42;
}
.invalid.illegal {
  background-color: #e45649;
  color: #fafafa;
}
.string {
  color: #50a14f;
}
.string.regexp {
  color: #0184bc;
}
.string.regexp .source.ruby.embedded {
  color: #c18401;
}
.string.other.link {
  color: #e45649;
}
.punctuation.definition.comment {
  color: #a0a1a7;
}
.punctuation.definition.method-parameters,
.punctuation.definition.function-parameters,
.punctuation.definition.parameters,
.punctuation.definition.separator,
.punctuation.definition.seperator,
.punctuation.definition.array {
  color: #383a42;
}
.punctuation.definition.heading,
.punctuation.definition.identity {
  color: #4078f2;
}
.punctuation.definition.bold {
  color: #c18401;
  font-weight: bold;
}
.punctuation.definition.italic {
  color: #a626a4;
  font-style: italic;
}
.punctuation.section.embedded {
  color: #ca1243;
}
.punctuation.section.method,
.punctuation.section.class,
.punctuation.section.inner-class {
  color: #383a42;
}
.support.class {
  color: #c18401;
}
.support.type {
  color: #0184bc;
}
.support.function {
  color: #0184bc;
}
.support.function.any-method {
  color: #4078f2;
}
.entity.name.function {
  color: #4078f2;
}
.entity.name.class,
.entity.name.type.class {
  color: #c18401;
}
.entity.name.section {
  color: #4078f2;
}
.entity.name.tag {
  color: #e45649;
}
.entity.other.attribute-name {
  color: #986801;
}
.entity.other.attribute-name.id {
  color: #4078f2;
}
.meta.class {
  color: #c18401;
}
.meta.class.body {
  color: #383a42;
}
.meta.method-call,
.meta.method {
  color: #383a42;
}
.meta.definition.variable {
  color: #e45649;
}
.meta.link {
  color: #986801;
}
.meta.require {
  color: #4078f2;
}
.meta.selector {
  color: #a626a4;
}
.meta.separator {
  background-color: #373b41;
  color: #383a42;
}
.meta.tag {
  color: #383a42;
}
.none {
  color: #383a42;
}
.markup.bold {
  color: #986801;
  font-weight: bold;
}
.markup.changed {
  color: #a626a4;
}
.markup.deleted {
  color: #e45649;
}
.markup.italic {
  color: #a626a4;
  font-style: italic;
}
.markup.heading .punctuation.definition.heading {
  color: #4078f2;
}
.markup.inserted {
  color: #50a14f;
}
.markup.list {
  color: #e45649;
}
.markup.quote {
  color: #986801;
}
.markup.raw.inline {
  color: #50a14f;
}
.source.cs .keyword.operator {
  color: #a626a4;
}
.source.css .property-name,
.source.css .property-value {
  color: #696c77;
}
.source.css .property-name.support,
.source.css .property-value.support {
  color: #383a42;
}
.source.gfm .markup {
  -webkit-font-smoothing: auto;
}
.source.gfm .markup.heading {
  color: #e45649;
}
.source.gfm .markup.link {
  color: #a626a4;
}
.source.gfm .link .entity {
  color: #4078f2;
}
.source.ini .keyword.other.definition.ini {
  color: #e45649;
}
.source.java .storage.modifier.import {
  color: #c18401;
}
.source.java .storage.type {
  color: #c18401;
}
.source.java-properties .meta.key-pair {
  color: #e45649;
}
.source.java-properties .meta.key-pair > .punctuation {
  color: #383a42;
}
.source.json .meta.structure.dictionary.json > .string.quoted.json {
  color: #e45649;
}
.source.json .meta.structure.dictionary.json > .string.quoted.json > .punctuation.string {
  color: #e45649;
}
.source.json .meta.structure.dictionary.json > .value.json > .string.quoted.json,
.source.json .meta.structure.array.json > .value.json > .string.quoted.json,
.source.json .meta.structure.dictionary.json > .value.json > .string.quoted.json > .punctuation,
.source.json .meta.structure.array.json > .value.json > .string.quoted.json > .punctuation {
  color: #50a14f;
}
.source.json .meta.structure.dictionary.json > .constant.language.json,
.source.json .meta.structure.array.json > .constant.language.json {
  color: #0184bc;
}
.source.ruby .constant.other.symbol > .punctuation {
  color: inherit;
}
.source.python .keyword.operator.logical.python {
  color: #a626a4;
}
.source.python .variable.parameter {
  color: #986801;
}


#project-recursive {
    /* background:#fff url("/static/img/pics/recursive.png") right top no-repeat; */
}

#project-recursive h3 a:link, #project-recursive h3 a:visited, #project-recursive h3 a:active {
    color:#555;
}

#project-recursive h3 a:hover {
    color:#666;
}

#project-bootstrap h3 a:link, #project-bootstrap h3 a:visited, #project-bootstrap h3 a:active {
    color:#4e2449;
}

#project-bootstrap h3 a:hover {
    color:#693152;
}

#project-tscribe h3 a:link, #project-tscribe h3 a:visited, #project-tscribe h3 a:active {
    color:#3b8cbf;
}

#project-tscribe h3 a:hover {
    color:#3499d9;
}

#project-blasterfm h3 a:link, #project-blasterfm h3 a:visited, #project-blasterfm h3 a:active {
    color:#a92020;
}

#project-blasterfm h3 a:hover {
    color:#c62929;
}


#project-icefloe h3 a:link, #project-icefloe h3 a:visited, #project-icefloe h3 a:active {
    color:#0C698C;
}

#project-icefloe h3 a:hover {
    color:#529BC0;
}

#project-hellocode h3 a:link, #project-hellocode h3 a:visited, #project-hellocode h3 a:active {
    color:#4c2263;
}

#project-hellocode h3 a:hover {
    color:#360745;
}

#project-exist a:link, #project-exist a:visited, #project-exist a:active {
    color: #333a45;
}

#project-larder a {
    color: #13a87c;
}

#project-changemap a {
    color: #329bea;
}

#project-littlelogs a {
    color: #b8c84e;
}

#project-foreground h3 a:link, #project-foreground h3 a:visited, #project-foreground h3 a:active {
    color: #f5447d;
}

footer {
    margin-top:45px;
    border-top:3px solid #dfded8;
    padding-top:15px;
    color:#a7a296;
}

.posts article {
    margin:0 0 45px;
}

.pagebutton {
    background:#fff;
    padding:5px 10px;
    display:inline-block;
    color:#999;
}


@media (min-width: 768px) and (max-width: 979px) {
    
    .navbar-fixed-top .navbar-inner {
        padding:0;
    }
    
    .nav {
        padding-right:20px;
    }
    
    .brand {
        padding-left:0;
    }
    
    h2 {
        font-size:30px;
        line-height:44px;
    }
    
    h3 {
        font-size:24px;
        line-height:30px;
    }
    
    h4 {
        font-size:18px;
        line-height:26px;
    }
}


@media (max-width: 767px) {
    .navbar-fixed-top .navbar-inner {
        padding:0;
    }
    
    .nav {
        padding-right:20px;
    }
    
    h2 {
        font-size:30px;
        line-height:44px;
    }
    
    h3 {
        font-size:24px;
        line-height:30px;
    }
    
    h4 {
        font-size:18px;
        line-height:26px;
    }
}

@media (max-width: 480px) {
    .navbar .nav {
        float:none;
        clear:left;
        margin-top:5px;
        padding-left:20px;
    }
    
    .navbar .nav > li > a {
        padding:10px 15px;
    }
}