* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a {
    text-decoration: none;
}
a:hover, a:focus {
    text-decoration: underline;
}
h3 {
    font-weight: 100;
}
/* code styling */

.resume {
    font-size: 1em;
    font-weight: normal;
}
.resume li {
    padding: 5px 0;
    font-size: .7em;
}

.education {
    font-weight: normal;
}

code {
    font-size: 0.85em;
    color: #000;
}
pre code {
    display: block;
    line-height: 1.1;
}
p code {
    padding: 0.1em 0.3em 0.2em;
    border-radius: 0.3em;
    position: relative;
    top: -0.15em;
    background: #444;
    color: #fff;
    white-space: nowrap;
}
/* syntax hl stuff */

code.lang-markdown {
    color: #424242;
}
code.lang-markdown .header, code.lang-markdown .strong {
    font-weight: bold;
}
code.lang-markdown .emphasis {
    font-style: italic;
}
code.lang-markdown .horizontal_rule, code.lang-markdown .link_label, code.lang-markdown .code, code.lang-markdown .header, code.lang-markdown .link_url {
    color: #555;
}
code.lang-markdown .blockquote, code.lang-markdown .bullet {
    color: #bbb;
}
/* Tomorrow Theme */

/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */

/* Original theme - https://github.com/chriskempson/tomorrow-theme */

/* http://jmblog.github.com/color-themes-for-google-code
-highlightjs */

.tomorrow-comment, pre .comment, pre .title {
    color: #8e908c;
}
.tomorrow-red, pre .variable, pre .attribute, pre .tag, pre .regexp, pre .ruby .constant, pre .xml .tag .title, pre .xml .pi, pre .xml .doctype, pre .html .doctype, pre .css .id, pre .css .class, pre .css .pseudo {
    color: #c82829;
}
.tomorrow-orange, pre .number, pre .preprocessor, pre .built_in, pre .literal, pre .params, pre .constant {
    color: #f5871f;
}
.tomorrow-yellow, pre .class, pre .ruby .class .title, pre .css .rules .attribute {
    color: #eab700;
}
.tomorrow-green, pre .string, pre .value, pre .inheritance, pre .header, pre .ruby .symbol, pre .xml .cdata {
    color: #718c00;
}
.tomorrow-aqua, pre .css .hexcolor {
    color: #3e999f;
}
.tomorrow-blue, pre .function, pre .python .decorator, pre .python .title, pre .ruby .function .title, pre .ruby .title .keyword, pre .perl .sub, pre .javascript .title, pre .coffeescript .title {
    color: #4271ae;
}
.tomorrow-purple, pre .keyword, pre .javascript .function {
    color: #8959a8;
}
/* LAYOUT CSS */

.about {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.about div {
    display: inline-block;
    vertical-align: top;
}
.about img {
    margin-top: 1em;
    border-radius: 2px;
}
.about div:last-child {
    padding-left: 1em;
}
img, .pure-img-responsive {
    max-width: 100%;
    height: auto;
}
::-moz-selection {
    background-color: #FFFBF0;
    color: #F23E2C;
}
::selection {
    background-color: #FFFBF0;
    color: #F23E2C;
}
#layout {
    padding: 0;
}
.header {
    text-align: center;
    top: auto;
    margin: 3em auto;
}
.sidebar {
    background-color: rgb(242, 62, 44);
    color: rgb(255, 251, 240);
}
.sidebar a {
    color: rgb(255, 251, 240);
}
.brand-title, .brand-tagline {
    margin: 0;
}
.brand-title {
    text-transform: uppercase;
}
.brand-tagline {
    font-weight: 300;
    color: rgb(255, 251, 240);
}
.nav-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.nav-item {
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.nav-item a {
    background: transparent;
    border: 2px solid rgb(255, 251, 240);
    color: #fff;
    margin-top: 1em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-size: 85%;
    cursor: pointer;
}
.nav-item a:hover, .nav-item a:focus {
    text-decoration: none;
    color: rgb(242, 62, 44);
    background-color: #fff;
}
.content-subhead {
    text-transform: uppercase;
    color: #aaa;
    border-bottom: 1px solid #eee;
    padding: 0.4em 0;
    font-size: 80%;
    font-weight: 500;
    letter-spacing: 0.1em;
}
.content {
    padding: 2em 1em 0;
    max-width: 800px;
    line-height: 1.6em;
}
.content a {
    color: rgb(242, 62, 44);
}
.post {
    padding-bottom: 2em;
}
.post-title {
    font-size: 2em;
    color: #222;
    margin-bottom: 0.2em;
}
.post-title a {
    color: #222;
}
.post-title a:hover {
    color: #ff0000;
    text-decoration: none;
}
.post-avatar {
    border-radius: 50px;
    float: right;
    margin-left: 1em;
}
.post-description {
    font-family: Georgia, "Cambria", serif;
    color: #444;
    line-height: 1.8em;
}
.post-meta {
    color: #999;
    font-size: 90%;
    margin: 0;
}
.post-category {
    margin: 0 0.1em;
    padding: 0.3em 1em;
    color: #fff;
    background: #999;
    font-size: 80%;
}
.post-category-design {
    background: #5aba59;
}
.post-category-pure {
    background: #4d85d1;
}
.post-category-yui {
    background: #8156a7;
}
.post-category-js {
    background: #df2d4f;
}
.post-images {
    margin: 1em 0;
}
.post-image-meta {
    margin-top: -3.5em;
    margin-left: 1em;
    color: #fff;
    text-shadow: 0 1px 1px #333;
}
.footer {
    padding: 1em 0;
}
.footer a {
    display: inline-block;
    padding: 0;
}
.nav-list a {
    text-transform: uppercase;
}
.footer .pure-menu a:hover, .footer .pure-menu a:focus {
    background: none;
}
@media (min-width: 48em) {
    .content {
        padding: 2em 3em 0;
        margin-left: 25%;
    }
    .header {
        margin: 80% 2em 0;
        text-align: right;
    }
    .sidebar {
        position: fixed;
        top: 0;
        bottom: 0;
    }
}