@font-face {
    font-family: "ostrich-sans";
    src: url("/static/fonts/ostrich-sans-regular.woff") format('woff');
}

@font-face {
    font-family: "ostrich-sans";
    src: url("/static/fonts/ostrich-sans-black.woff") format('woff');
    font-weight: bold;
}

@font-face {
    font-family: "open-sans";
    src: url("/static/fonts/OpenSans-Regular-webfont.woff") format('woff');
}

@font-face {
    font-family: "open-sans";
    src: url("/static/fonts/OpenSans-Bold-webfont.woff") format('woff');
    font-weight: bold;
}

@font-face {
    font-family: "open-sans";
    src: url("/static/fonts/OpenSans-Italic-webfont.woff") format('woff');
    font-style: italic;
}

/*
webfonts/ostrich-sans-black.woff
webfonts/ostrich-sans-bold.woff
webfonts/ostrich-sans-dashed.woff
webfonts/ostrich-sans-inline-italic.woff
webfonts/ostrich-sans-inline-regular.woff
webfonts/ostrich-sans-light.woff
webfonts/ostrich-sans-rounded.woff
*/

h1.title {
    font-family: ostrich-sans;
    font-size: 24pt;
    padding: 12px 1em 4px 0.5em;
    background-color: orange;
    margin: 0;
    position: relative;
}

h1.title span.permalink {
    position: absolute;
    right: 4px;
}

h1.title span.permalink a{
    text-decoration: none
}

h2.date {
    font-family: ostrich-sans;
    font-weight: normal;
    font-size: 18pt;
    margin: 0;
}

html,body {
    border: 0; padding: 0; margin: 0;
    vertical-align: baseline;
    font-size: 100%;
    font: inherit;

}

header {
    width: 100%;
    height: 3em;
    background-color: #228;
    border: 0; margin: 0;
    padding: 0.3em;
    margin-bottom: 2em;
}

header .title {
    font-weight: bold;
    font-size: 20pt;
    border-bottom: 1px solid #88c ;
    font-family: open-sans;
}
header a, header a:visited {
    color: #ddf;
    text-decoration: none;
}

article {
    margin: 0 2em;
    width: 70%;
    font-family: open-sans;
}

article div.entry {
    margin-bottom: 3em;
}

article div.entry pre {
    padding: 4px 0;
    background-color: #dde;
}

aside {
    position: absolute;
    right: 1em;
    padding-left: 1em;
    padding-top: 2em;
    top: 4em;
    width: 20%;
    font-size: 90%;
    font-family: open-sans;
    line-height: 1.5;
    color: #444;
}

aside img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #444;
    padding: 4px;
}

img.left {
    float: left;
    display: inline-block;
    padding-right: 1em;
}

img.right {
    float: right;
    display: inline-block;
    padding-left: 1em;
}

footer {
    background-color: #ddd;
    color: #222
}

footer div {
    text-align: center;
    padding: 0.7em;
    font-size: 10pt;
    font-family: Open-Sans;
}