/*! normalize.css v2.1.0 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* ==========================================================================
   Application
   ========================================================================== */
a {
    color: #000;
    text-decoration: none;
}
    a img {
        border: 0;
    }

h1, h2, h3, h4, h5, h6, p, div {
    outline: 0;
}
p {
    margin-bottom: 24px;
}
pre, code, tt {
    font-size: 12px;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
}
code {
    margin: 0 2px;
    padding: 0px 5px;
    border: 1px solid #eaeaea;
    background-color: #f8f8f8;
    border-radius: 3px;
    white-space: nowrap;
}
pre > code {
    margin: 0;
    padding: 0;
    white-space: pre;
    border: none;
    background: transparent;
}
pre {
    margin: 15px 0;
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    font-size: 13px;
    line-height: 19px;
    overflow: auto;
    padding: 6px 10px;
    border-radius: 3px;
}
blockquote {
    border-left: 4px solid #DDD;
    padding: 0 15px;
    color: #777;
    margin: 15px 0;
    quotes: none;
}

em {
    font-size: 16px;
    line-height: 0.2em;
}


/* ==========================================================================
   Homepage
   ========================================================================== */
body.home {
    font-family: "RonniaRegular";
    background-color: #202024;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}

    .home h2 {
        color: rgba(255, 255, 255, 0.6);
    }

    .home .page-header {
        font-family: "RonniaRegular";
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
    }
        .home .page-header h1 {
            margin-top: 80px;
            text-align: center;
            color: #fff;
            font-size: 80px;
        }
            .home .page-header h1 small {
                display: block;
                color: #515154;
                font-size: 30px;
                font-family: "RonniaLightRegular";
            }

#bg-image {
    background: url("../images/bg.jpg") no-repeat center center;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -9999;
    opacity: 0.7;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.post-list {
    font-family: "RonniaRegular";
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
    width: 400px;
    margin: 200px auto 100px auto;
    text-align: center;
}
    .post-list ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .post-list li {
        margin-bottom: 5px;
    }
    .post-list a {
        color: #fff;
        border-bottom: 1px dotted #fff;
    }



/* ==========================================================================
   Post
   ========================================================================== */
.post-header {
}
    .post-header h1 {
        margin-top: 3px;
    }

.post-field {
    margin-bottom: 50px;
}
.post-field a {
    border-bottom: 1px dotted #000;
}
.post-page-wrapper-inner {
    margin: 0 auto;
    max-width: 640px;
}
.post-author-card {
    position: relative;
    width: 170px;
    margin-left: -250px;
    border-top: 0;
    padding-top: 0;
    float: left;
    position: relative;
    padding: 15px 5px 0;
    overflow: hidden;
}
.post-published-date {
    position: static;
    padding-left: 0;
    padding-top: 60px;
}
    .post-published-date strong {
        font-family: "Myriad Pro","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
        font-weight: 700;
        font-size: 14px;
        color: #666665;
    }
    .post-published-date p {
        font-family: Georgia,Cambria,"Times New Roman",Times,serif;
        font-weight: 400;
        font-style: italic;
        font-size: 14px;
        line-height: 1.4;
        color: #666665;
        word-wrap: break-word;
        margin: 0 0 20px 0;
    }

.post-btn-actions {
}
    .post-btn-actions .btn-edit {
        margin-bottom: 80px;
    }

.post-page-wrapper .post-content {
    position: relative;
}
.post-page-wrapper-inner {
    margin: 0 auto;
    max-width: 640px;
}

.post-content {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-family: Georgia,Cambria,"Times New Roman",Times,serif;
    font-weight: 400;
    padding: 0 0 40px;
    color: #333332;
    font-size: 20px;
    line-height: 1.4;
    margin-top: 65px;
}
    .post-content .post-actions {
        float: right;
    }

    .post-content .post-tags {
        float: left;
    }
    .post-content .btn-back {
        font-size: 12px;
        margin: 0;
        border-bottom: 1px dotted #000;
    }



/* ==========================================================================
   Tags
   ========================================================================== */
.content .post-tags {
    color: rgba(255, 255, 255, 0.6);
    padding-bottom: 50px;
}
    .content .post-tags .tag_box {
        list-style: none;
        margin: 0;
        padding: 0;
    }
        .content .post-tags .tag_box li {
            float: left;
            margin-left: 10px;
            background: #EFEFF3;
            background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#F7F7F9),color-stop(100%,#E8E8ED));
            background-image: -webkit-linear-gradient(#F7F7F9,#E8E8ED);
            background-image: -moz-linear-gradient(#F7F7F9,#E8E8ED);
            background-image: -o-linear-gradient(#F7F7F9,#E8E8ED);
            background-image: -ms-linear-gradient(#F7F7F9,#E8E8ED);
            background-image: linear-gradient(#F7F7F9,#E8E8ED);
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -o-border-radius: 3px;
            -ms-border-radius: 3px;
            border-radius: 3px;
            height: 22px;
            padding: 0 10px;
            -webkit-box-shadow: 0 1px 0 #CECED8;
            -moz-box-shadow: 0 1px 0 #ceced8;
            box-shadow: 0 1px 0 #CECED8;
            text-shadow: 0 1px 0 white;
            font-size: 15px;
            line-height: 22px;
        }
            .content .post-tags .tag_box li:first-child {
                margin-left: 0;
            }
            .content .post-tags .tag_box li a {
                color: #353642;
            }


/* ==========================================================================
   Code highlight
   ========================================================================== */
.hll { background-color: #ffffcc }
.c { color: #408080; font-style: italic } /* Comment */
.err { border: 1px solid #FF0000 } /* Error */
.k { color: #008000; font-weight: bold } /* Keyword */
.o { color: #666666 } /* Operator */
.cm { color: #408080; font-style: italic } /* Comment.Multiline */
.cp { color: #BC7A00 } /* Comment.Preproc */
.c1 { color: #408080; font-style: italic } /* Comment.Single */
.cs { color: #408080; font-style: italic } /* Comment.Special */
.gd { color: #A00000 } /* Generic.Deleted */
.ge { font-style: italic } /* Generic.Emph */
.gr { color: #FF0000 } /* Generic.Error */
.gh { color: #000080; font-weight: bold } /* Generic.Heading */
.gi { color: #00A000 } /* Generic.Inserted */
.go { color: #888888 } /* Generic.Output */
.gp { color: #000080; font-weight: bold } /* Generic.Prompt */
.gs { font-weight: bold } /* Generic.Strong */
.gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.gt { color: #0044DD } /* Generic.Traceback */
.kc { color: #008000; font-weight: bold } /* Keyword.Constant */
.kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
.kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
.kp { color: #008000 } /* Keyword.Pseudo */
.kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
.kt { color: #B00040 } /* Keyword.Type */
.m { color: #666666 } /* Literal.Number */
.s { color: #BA2121 } /* Literal.String */
.na { color: #7D9029 } /* Name.Attribute */
.nb { color: #008000 } /* Name.Builtin */
.nc { color: #0000FF; font-weight: bold } /* Name.Class */
.no { color: #880000 } /* Name.Constant */
.nd { color: #AA22FF } /* Name.Decorator */
.ni { color: #999999; font-weight: bold } /* Name.Entity */
.ne { color: #D2413A; font-weight: bold } /* Name.Exception */
.nf { color: #0000FF } /* Name.Function */
.nl { color: #A0A000 } /* Name.Label */
.nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
.nt { color: #008000; font-weight: bold } /* Name.Tag */
.nv { color: #19177C } /* Name.Variable */
.ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
.w { color: #bbbbbb } /* Text.Whitespace */
.mf { color: #666666 } /* Literal.Number.Float */
.mh { color: #666666 } /* Literal.Number.Hex */
.mi { color: #666666 } /* Literal.Number.Integer */
.mo { color: #666666 } /* Literal.Number.Oct */
.sb { color: #BA2121 } /* Literal.String.Backtick */
.sc { color: #BA2121 } /* Literal.String.Char */
.sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
.s2 { color: #BA2121 } /* Literal.String.Double */
.se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
.sh { color: #BA2121 } /* Literal.String.Heredoc */
.si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
.sx { color: #008000 } /* Literal.String.Other */
.sr { color: #BB6688 } /* Literal.String.Regex */
.s1 { color: #BA2121 } /* Literal.String.Single */
.ss { color: #19177C } /* Literal.String.Symbol */
.bp { color: #008000 } /* Name.Builtin.Pseudo */
.vc { color: #19177C } /* Name.Variable.Class */
.vg { color: #19177C } /* Name.Variable.Global */
.vi { color: #19177C } /* Name.Variable.Instance */
.il { color: #666666 } /* Literal.Number.Integer.Long */


/* ==========================================================================
   Fonts
   ========================================================================== */
@font-face {
    font-family: 'RonniaRegular';
    src: url('../fonts/ronniareg-webfont.eot');
    src: url('../fonts/ronniareg-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ronniareg-webfont.woff') format('woff'),
    url('../fonts/ronniareg-webfont.ttf') format('truetype'),
    url('../fonts/ronniareg-webfont.svg#RonniaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'RonniaLightRegular';
    src: url('../fonts/ronnialight-webfont.eot');
    src: url('../fonts/ronnialight-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ronnialight-webfont.woff') format('woff'),
    url('../fonts/ronnialight-webfont.ttf') format('truetype'),
    url('../fonts/ronnialight-webfont.svg#RonniaLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'RonniaHeavyRegular';
    src: url('../fonts/ronniaheavy-webfont.eot');
    src: url('../fonts/ronniaheavy-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ronniaheavy-webfont.woff') format('woff'),
    url('../fonts/ronniaheavy-webfont.ttf') format('truetype'),
    url('../fonts/ronniaheavy-webfont.svg#RonniaHeavyRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'RonniaExtraboldRegular';
    src: url('../fonts/ronniaextrabold-webfont.eot');
    src: url('../fonts/ronniaextrabold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ronniaextrabold-webfont.woff') format('woff'),
    url('../fonts/ronniaextrabold-webfont.ttf') format('truetype'),
    url('../fonts/ronniaextrabold-webfont.svg#RonniaExtraboldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'DroidSerifRegular';
    src: url('../fonts/droidserif-regular-webfont.eot');
    src: url('../fonts/droidserif-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/droidserif-regular-webfont.woff') format('woff'),
    url('../fonts/droidserif-regular-webfont.ttf') format('truetype'),
    url('../fonts/droidserif-regular-webfont.svg#DroidSerifRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* ==========================================================================
   Socials
   ========================================================================== */
.socials {
    position: fixed;
    top: 20px;
    right: 10px;
}
    .socials .social {
        width: 24px;
        height: 24px;  
        display: block;
        text-indent: -9999px;
        display: block;
        float: left;
        margin-right: 10px;
        transition: opacity .5s;
        -webkit-transition: opacity .5s;
        -moz-transition: opacity .5s;
        -ms-transition: opacity .5s;
        -o-transition: opacity .5s;
        opacity: .5;
    }
    .social:hover {
        opacity: 1;
    }
    .social.twitter {
        background: transparent url("../images/social/twitter.png") no-repeat;
    }
    .social.skype {
        background: transparent url("../images/social/skype.png") no-repeat;
    }
    .social.email {
        background: transparent url("../images/social/email.png") no-repeat;
    }
    .social.github {
        background: transparent url("../images/social/github.png") no-repeat;
    }


/* ==========================================================================
   Buttons
   ========================================================================== */
.btn {
    position: relative;
    display: inline-block;
    padding: 7px 15px;
    font-size: 13px;
    font-weight: bold;
    color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,0.9);
    white-space: nowrap;
    background-color: #eaeaea;
    background-image: -moz-linear-gradient(#fafafa, #eaeaea);
    background-image: -webkit-linear-gradient(#fafafa, #eaeaea);
    background-image: linear-gradient(#fafafa, #eaeaea);
    background-repeat: repeat-x;
    border-radius: 3px;
    border: 1px solid #ddd;
    border-bottom-color: #c5c5c5;
    box-shadow: 0 1px 3px rgba(0,0,0,0.075);
    vertical-align: middle;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    padding: 0 10px;
    line-height: 24px;
    box-shadow: none;
    outline: 0;
}

p + ul {
    margin-top: -1.2em;
}

h2 {
    margin-top: 2.2em;
}
h3 {
    margin-top: 1.8em;
}

h2 + h3 {
    margin-top: -1em;
}