/* add 960 grid system http://960.gs/ */
@import url("reset.css");
@import url("960.css");


/* fix pygments */
.codehilite {
    margin: 4px 20px 20px 20px;
    padding: 8px 8px 8px 8px;
    background: #333333;
}

.codehilite code {
    border: 0px solid black;
    padding: 0;
    margin: 0;
    color: #fff;
    white-space: pre;
}


/* downgra.de styles */
html, body {
    font: 12px Verdana, Arial, Helvetica, FreeSans, sans-serif;
    color: #fff;
    background: #333333;
}

img { border: 0; }
table { border: 0; }

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

h1, h2, h3, h4, h5, h6 { color: #81A594; }
h1 { font-size: 19px; } 
h2 { font-size: 17px; } 
h3 { font-size: 15px; } 
h4 { font-size: 13px; } 
h5 { font-size: 11px; } 
h6 { font-size:  9px; }

ol { list-style: decimal; }
ul { list-style: square; }
li { margin-left: 30px; }

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul,
table, address, fieldset { margin-bottom: 20px; }

a {
    text-decoration: none;
    color: #cccc99;
}
a:hover { text-decoration: underline; }
a:focus { outline: 0; }


#header {
    color: #fff;
    background: #222222;
}
#header .title a {
    font-size: 5em;
    text-decoration: none;
    color: #fff;
    padding-left: 20px;
    line-height: 2em;
}
#header .meta {
    text-align: right;
    margin-top: 40px;
}
#header .meta .subtitle {
    color: #81A594;
    text-decoration: none;
    font-size: 16px;
    margin-right: 30px;
}
#header .meta .author {
    font-size: 11px;
    margin-right: 30px;
}

#footer {
    color: #fff;
    background: #222222;
    text-align: center;
}
#footer ul {
    margin: 0;
    padding: 5px 10px;
}
#footer li {
    display: inline;
    list-style: none;
    padding-right: 20px;
}

#sidebar ul { list-style: none; }
#sidebar li { margin-bottom: 4px; }
#sidebar > ul { margin: 20px 0 0 0; }
#sidebar > ul > li { margin-bottom: 14px; }
#sidebar > ul > li > span {
    color: #81A594;
    font-weight: bold;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    padding: 2px;
    display: block;
}

#latest {
    margin-top: 20px;
    padding: 10px;
    background: #222222;
}
#latest > a {
    margin-top: 10px;
}

#entries {
    margin: 20px 0 20px 0;
    padding: 10px;
    background: #222222;
}
#entries ul {
    list-style: none;
    margin: 0 0 0 1em;
    padding: 0;
}
#entries > ul { margin: 0; }
#entries li { margin-bottom: 4px; }

.post {
    margin: 20px 0 20px 0;
    padding: 10px;
    background: #222222;
}
.post > h1 {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.6em;
}
.post > span {
    padding: 0;
    font-size: small;
    float: right;
}
.post > span.date {
    padding: 0;
    font-size: 16px;
    float: left;
}
.post > div { margin-top: 40px; }

code {
	/* border-left: 2px solid #999; */
	/* border-right: 2px solid #999; */
    padding: 0 .3em 0 .3em;
    color: #ddd;
    white-space: nowrap;
}

blockquote {
	margin: 1em 3em;
	color: #999;
	border-left: 2px solid #999;
	padding-left: 1em;
}