@import "reset.css";
@import "plugins.css";
html, body {
    height: 100%;
}
body {
    font-size: 1em;
    font-family: Verdana, Helvetica, sans-serif;
    background: #242226 url("/img/gradient.png") repeat-x scroll 0 0;
    color: #CBCCC9;
}
a {
    color: #417CDC;
}
div#header {
    float: left;
}
div#header a#sitelink {
    float: left;
    padding-top: 3.25em;
}
img#logo {
    position: absolute;
    top: 0;
    z-index: -1;
}
span#sitename {
    /*vertical-align: top;*/
}
span#pagetitle {
    float: left;
    padding-left: .5em;
    padding-top: 3.25em;
}
div#container {
    min-height: 100%;
    position: relative;
    margin-bottom: -1.5em;
}
#searchbox {
    display: inline;
}
#searchfield {
    border: 3px solid #CBCCC9;
}
ul#nav {
    list-style-type: none;
    margin: 0em;
    position: absolute;
    top: 0em;
    right: 0em;
}
ul#nav li {
    display: inline;
}
ul#nav li a {
    position: relative;
    top: -4em;
    height: 0em;
    width: 4em;
    padding-top: 4em;
    display: block;
    float: left;
    text-decoration: none;
    text-align: center;
    color: #242226;
}
ul#nav li a span {
    position: relative;
    top: -1.5em;
}
ul#nav li.home a {
    background: #DDDDDD;
}
ul#nav li.blog a {
    background: #CCCCCC;
}
ul#nav li.about a {
    background: #BBBBBB;
}
#sidebar {
    float: right;
    width: 10em;
    position: relative;
    top: 6em;
}
div#master {
    margin: 0 auto;
    width: 35em;
    padding-bottom: 3em;
    padding-top: 6em;
}
div.entry {
    margin-bottom: 2em;
}
div.entry pre, div#comments pre {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    background: #161517;
    border: dotted thin #000;
	padding: 0.5em;
}
div.entry div.entryfooter {
    padding-bottom: 1.5em;
    font-size: 0.75em;
}
div.tags {
    padding: 0 1.5em;
}
span#prevpost {
    float: left;
    padding-bottom: 1.5em;
}
span#nextpost {
    float: right;
    padding-bottom: 1.5em;
}
div#comments {
    clear: both;
}
.comment img {
    max-width: 100%;
}
input[type="text"], input[type="password"], select, textarea {
    background: #CBCCC9;
    color: #242226;
    border: 2px solid #CBCCC9;
    font-size: .75em;
    font-family: inherit;
}
input:-moz-placeholder {
    color: #242226;
    background-color: #CBCCC9;
}
ul#archive, ul#archive ul.month {
    text-align: right;
    margin: 0;
    padding-right: 0.5em;
    list-style-position: inside;
}
/*ul.month {
    margin: 0;
}*/
ul.tag li.tag {
    display: inline;
    line-height: 1;
    vertical-align: middle;
}
#searchfield {
    opacity: 0.5;
    width: 9.2em;
}
#searchfield:focus {
    opacity: 1.0;
}
div#tumble {
    padding-top: 1.5em;
    position: absolute;
}
ul.tumble {
    margin: 0 .5em;
}
ul.tumble li {
    font-size: .8em;
    line-height: 1.125em;
    opacity: .618;
    list-style-position: inside;
    list-style-type: none;
    padding: 0.25em 0;
    max-width: 11.25em;
    overflow-x: hidden;
    text-overflow: ellipsis;
}
ul.tumble li:hover {
    opacity: 1.0;
}
li.lastfm {
    list-style-image: url("/img/tape.off.png");
}
li.lastfm:hover {
    list-style-image: url("/img/tape.on.png");
}
li.delicious {
    list-style-image: url("/img/delicious.off.png");
}
li.delicious:hover {
    list-style-image: url("/img/delicious.on.png");
}
li.crgoodreads, li.goodreads {
    list-style-image: url("/img/book.off.png");
}
li.crgoodreads:hover, li.goodreads:hover {
    list-style-image: url("/img/book.on.png");
}
ul.tag {
    margin: 0 .5em;
}
ul#archive li.curr {
    list-style-type: disc;
}
div.odd {
    background: #3A373D;
}
div.even {
    background: #161517;
}
div.odd, div.even {
    border-bottom: .0625em dotted #000;
    padding: 0.5em;
}
span.resulthighlight {
    outline: .125em outset #ff0;
    background: #ff0;
    color: #242226;
}
div#footer {
    text-align: center;
    clear: both;
    position: relative;
    bottom: 0;
    width: 100%;
    line-height: 1em;
}
@font-face {
    font-family: "CC Icons";
    src: url("/css/cc-icons.ttf");
}
span#cclogo {
    font-family: "CC Icons";
    vertical-align: middle;
    letter-spacing: .15em;
    margin: 0em .15em;
}
a#cclicense:hover {
    text-decoration: none;
}