body {
    max-width: 700px;
    _width: 700px; /* ie6 */
    margin: auto;
    font-size: 11pt;
    font-family: sans-serif;
    padding: 16px;
    line-height: 1.4;
}

/* general styling */
html {
    overflow-y: scroll;
}

main {
    margin: 64px 0;
}

main,
article,
header,
section {
    display: block; /* legacy, theoretically html5shiv should take care of, but you never know */
}

a {
    color: #bb0f54;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h1 {
    font-size: 1.5em;
    line-height: 1.1;
    margin: 0;
}

h2 {
    font-size: 1.4em;
    line-height: 1.1;
}

h3 {
    font-size: 1.2em;
    line-height: 1.1;
}

article a {
    word-break: break-word;
}

iframe,
img {
    max-width: 100%;
    _width: expression(this.width > 700 ? 700 : true); /* ie6 */
    display: block;
    text-align: center;
    margin: auto;
    box-shadow: -2px 2px 6px #00000040;
}

time {
    font-size: 0.8em;
    color: #808080;
    margin: 0;
    padding: 0;
}

code {
	border-radius: 3px;
	background-color: #efefef;
	padding: 0.25em;
}

pre>code {
	display: block;
	overflow-x: auto;
	padding: 0.5em;
	background-color: #efefef;
	border-radius: 3px;
}

figure {
    border: #000;
    border-radius: 8px;
}

figure figcaption p {
    text-align: center;
    font-style: italic;
}

hr {
    border: 1px solid #ccc;
}
/* general styling end */

/* header/navigation */
header {
    text-align: center;
    margin: 32px 0;
}

header a.title {
    display: block;
    font-size: 3em;
    font-weight: bold;
    margin: 0.6em 0;
}
header nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

nav ul li {
	display: inline;
    _padding: 0 8px; /* ie6 */
}

nav ul li + li::before {
    content: " — ";
    color: #d0d0d0;
}
/* header/navigation end */

/* "oneliner" blog post list */
div.oneliner {
    display: table;
}

h1.oneliner {
    margin: 1em 0;
}

.oneliner h2 {
    font-size: 1.2em;
    margin: 0;
    margin-bottom: 5px;
}

.oneliner p {
    text-align: left;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
    _margin: 0; /* i dont fucken know what is internet exploder's problem but oh well xD */
}

.oneliner article {
    display: table-row;
    _display: block; /* ie6 */
    _clear: both; /* ie6 */
    margin: 0;
    padding: 0;
}

.cell {
    display: table-cell;
    _float: left; /* ie6 */
}
.cell2 {
    display: table-cell;
    _float: right; /* ie6 */
    _width: 640px; /* ie6 */
}

.oneliner time {
    padding-right: 16px;
}
/* oneliner end */

footer {
    _clear: both; /* ie6 */
    margin: 32px 0;
    color: #808080;
    text-align: center;
    font-size: 0.8em;
}

/* syntax highlighting */
/* this is a mess and i didn't bother going through it yet, mb */

/* Background */
.bg { }
/* PreWrapper */
.chroma code {
    display: block;
    background-color:#f8f8f8;
    text-wrap: nowrap;
    white-space: pre;
    max-width: 100%;
    font-size: 0.9em;
    _width: 700px; /* ie6 */
    _overflow-x: scroll; /* ie6 */
}
/* Other */
.chroma .x {  }
/* Error */
.chroma .err { color:#a61717;background-color:#e3d2d2 }
/* CodeLine */
.chroma .cl {  }
/* LineLink */
.chroma .lnlinks { outline:none;text-decoration:none;color:inherit }
/* LineTableTD */
.chroma .lntd { vertical-align:top;padding:0;margin:0;border:0; }
/* LineTable */
.chroma .lntable { border-spacing:0;padding:0;margin:0;border:0; }
/* LineHighlight */
.chroma .hl { background-color:#e5e5e5 }
/* LineNumbersTable */
.chroma .lnt { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f }
/* LineNumbers */
.chroma .ln { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f }
/* Line */
.chroma .line { display:block; }
/* Keyword */
.chroma .k { font-weight:bold }
/* KeywordConstant */
.chroma .kc { font-weight:bold }
/* KeywordDeclaration */
.chroma .kd { font-weight:bold }
/* KeywordNamespace */
.chroma .kn { font-weight:bold }
/* KeywordPseudo */
.chroma .kp { font-weight:bold }
/* KeywordReserved */
.chroma .kr { font-weight:bold }
/* KeywordType */
.chroma .kt { color:#458;font-weight:bold }
/* Name */
.chroma .n {  }
/* NameAttribute */
.chroma .na { color:#008080 }
/* NameBuiltin */
.chroma .nb { color:#999 }
/* NameBuiltinPseudo */
.chroma .bp {  }
/* NameClass */
.chroma .nc { color:#458;font-weight:bold }
/* NameConstant */
.chroma .no { color:#008080 }
/* NameDecorator */
.chroma .nd {  }
/* NameEntity */
.chroma .ni { color:#800080 }
/* NameException */
.chroma .ne { color:#900;font-weight:bold }
/* NameFunction */
.chroma .nf { color:#900;font-weight:bold }
/* NameFunctionMagic */
.chroma .fm {  }
/* NameLabel */
.chroma .nl {  }
/* NameNamespace */
.chroma .nn { color:#555 }
/* NameOther */
.chroma .nx {  }
/* NameProperty */
.chroma .py {  }
/* NameTag */
.chroma .nt { color:#000080 }
/* NameVariable */
.chroma .nv { color:#008080 }
/* NameVariableClass */
.chroma .vc {  }
/* NameVariableGlobal */
.chroma .vg {  }
/* NameVariableInstance */
.chroma .vi {  }
/* NameVariableMagic */
.chroma .vm {  }
/* Literal */
.chroma .l {  }
/* LiteralDate */
.chroma .ld {  }
/* LiteralString */
.chroma .s { color:#8a4526 }
/* LiteralStringAffix */
.chroma .sa { color:#8a4526 }
/* LiteralStringBacktick */
.chroma .sb { color:#8a4526 }
/* LiteralStringChar */
.chroma .sc { color:#8a4526 }
/* LiteralStringDelimiter */
.chroma .dl { color:#8a4526 }
/* LiteralStringDoc */
.chroma .sd { color:#8a4526 }
/* LiteralStringDouble */
.chroma .s2 { color:#8a4526 }
/* LiteralStringEscape */
.chroma .se { color:#8a4526 }
/* LiteralStringHeredoc */
.chroma .sh { color:#8a4526 }
/* LiteralStringInterpol */
.chroma .si { color:#8a4526 }
/* LiteralStringOther */
.chroma .sx { color:#8a4526 }
/* LiteralStringRegex */
.chroma .sr { color:#808000 }
/* LiteralStringSingle */
.chroma .s1 { color:#8a4526 }
/* LiteralStringSymbol */
.chroma .ss { color:#8a4526 }
/* LiteralNumber */
.chroma .m { color:#099 }
/* LiteralNumberBin */
.chroma .mb { color:#099 }
/* LiteralNumberFloat */
.chroma .mf { color:#099 }
/* LiteralNumberHex */
.chroma .mh { color:#099 }
/* LiteralNumberInteger */
.chroma .mi { color:#099 }
/* LiteralNumberIntegerLong */
.chroma .il { color:#099 }
/* LiteralNumberOct */
.chroma .mo { color:#099 }
/* Operator */
.chroma .o { font-weight:bold }
/* OperatorWord */
.chroma .ow { font-weight:bold }
/* Punctuation */
.chroma .p {  }
/* Comment */
.chroma .c { color:#2e613e;font-style:italic }
/* CommentHashbang */
.chroma .ch { color:#2e613e;font-style:italic }
/* CommentMultiline */
.chroma .cm { color:#2e613e;font-style:italic }
/* CommentSingle */
.chroma .c1 { color:#2e613e;font-style:italic }
/* CommentSpecial */
.chroma .cs { color:#2e613e;font-weight:bold;font-style:italic }
/* CommentPreproc */
.chroma .cp { color:#2e613e;font-weight:bold }
/* CommentPreprocFile */
.chroma .cpf { color:#2e613e;font-weight:bold }
/* Generic */
.chroma .g {  }
/* GenericDeleted */
.chroma .gd { color:#000;background-color:#fdd }
/* GenericEmph */
.chroma .ge { font-style:italic }
/* GenericError */
.chroma .gr { color:#a00 }
/* GenericHeading */
.chroma .gh { color:#999 }
/* GenericInserted */
.chroma .gi { color:#000;background-color:#dfd }
/* GenericOutput */
.chroma .go { color:#888 }
/* GenericPrompt */
.chroma .gp { color:#555 }
/* GenericStrong */
.chroma .gs { font-weight:bold }
/* GenericSubheading */
.chroma .gu { color:#aaa }
/* GenericTraceback */
.chroma .gt { color:#a00 }
/* GenericUnderline */
.chroma .gl { text-decoration:underline }
/* TextWhitespace */
.chroma .w { color:#bbb }