@import url('/static/css/reset.css');

html { min-height: 100%; }
body {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0;
    width: 700px;
    font-size: 10px; /* 62.5%; */
    /*background-image: url('/static/css/line.png');
    background-repeat: repeat;*/
}
h1 { display: none; }

ul#menu {
    width: 700px;
    height: 179px;
    background-repeat: no-repeat;
    background-position: top center;
    background-image: url('/static/css/header.png');
    margin: 0;
    padding: 0;
    margin-top: 24px;
    padding-bottom: 37px;
    position: relative;
}
ul#menu li { margin: 0; padding: 0; position: absolute; list-style-type: none; }
ul#menu li span { visibility: hidden; }
ul#menu li a { text-decoration: none; }
ul#menu li a img { border-style: none; border-width: 0; }

ul#menu li#home { left: 0px; top: 0px; }
ul#menu li#home img { width: 700px; height: 179px; }

ul#menu li#blog { left: 196px; top: 135px; }
ul#menu li#blog img { width: 93px; height:30px; background-image: url('/static/css/blog.png'); }
ul#menu li#blog a:hover img { background-position: 93px 0px; }

ul#menu li#code { left: 280px; top: 139px; }
ul#menu li#code img { width: 96px; height: 28px; background-image: url('/static/css/code.png'); }
ul#menu li#code a:hover img { background-position: 96px 0px; }

ul#menu li#what { left: 450px; top: 138px; }
ul#menu li#what img { width: 75px; height: 29px; background-image: url('/static/css/what.png'); }
ul#menu li#what a:hover img { background-position: 75px 0px; }

ul#menu li#admin { left: 560px; top: 135px; }
ul#menu li#admin img { width: 76px; height: 33px; background-image: url('/static/css/admin.png'); }
ul#menu li#admin a:hover img { background-position: 76px 0px; }

ul#menu li#logout { left: 640px; top: 135px; }
ul#menu li#logout img { width: 60px; height: 35px; background-image: url('/static/css/logout.png'); }
ul#menu li#logout a:hover img { background-position: 60px 0px; }

div#content { margin: 0; margin-left: 10px; margin-right: 10px; padding-bottom: 48px; font-family: 'Verdana', 'Lucida Grande', sans-serif; }
h2, h3 { font-family: Georgia, serif; padding: 0; color: #333; margin: 0; line-height: 24px; }
h2 { font-size: 2.0em; margin-top: 24px;}
h3 { font-size: 1.6em; margin-top: 48px; }
p, li { font-size: 1.3em; line-height: 24px; color: #474747; margin-top: 24px; }

sup { line-height: 0; vertical-align: super; font-size: 80%; } 

pre, code { font-family: 'Lucida Console', 'Monaco', monospace; }
pre { font-size: 12px; padding: 11px; line-height: 15px; border: 1px solid #CCC; overflow: auto; margin: 0; margin-top: 24px; }
div.cli pre { color: #EEE; background-color: #222; padding: 12px; padding-bottom: 24px; border:none; white-space: pre-line; }
p.publicationdate { margin-top: 0; padding-top: 0; margin-left: 24px; color: #777; font-size: 0.95em; font-variant: small-caps; }

ul, ol { margin: 0; padding: 0; padding-left: 24px; margin-top: 24px; list-style-type: disc; }
li { margin: 0; padding: 0; }
ol { list-style-type: decimal; }

ul.postlist { margin: 0; padding: 0; }
ul.postlist li { list-style-type: none; margin: 0; padding: 0; }

#content a { color: #000; text-decoration: none; }
#content a:hover { color: #000; background-color: #F4E6D7; }

pre code .keyword { color: #678DBC; }
pre code .preprocessor { color: #63A663; }
pre code .comment { color: #999; }
pre code .string, pre code .number { color: #9F6262; }

.feedheading a { color: #333; padding-left: 24px; background-image: url('/static/css/rss.png'); background-repeat: no-repeat; }
h3.feedheading a { background-position: 0px 1px; }
h2.feedheading a { background-position: 0px 3px; }

div#footnotes { border: 1px dotted #666; font-size: 8px; padding: 11px; margin-top: 48px; }
div#footnotes ol { margin-top: 0; }
div#footnotes li { line-height: 12px; }
div#footnotes h5 { color: #333; margin-top: 0; margin-bottom: 12px; font-size: 11px; text-decoration: none; font-weight: normal; font-family: 'Verdana', 'Lucida Grande', sans-serif; font-variant: small-caps; }

div#copyright { border-top: 1px solid #999; color: #999; font-size: 60%; margin-top: 47px; clear: both; }
div#copyright p { margin: 0; padding: 0; line-height: 12px; margin-top: 12px; }

ul.undotted { margin: 0; padding: 0; border-top: 1px dotted #CCC; margin-top: 23px; margin-bottom: 23px; }
ul.undotted li { margin: 0; padding: 0; padding-top: 12px; padding-bottom: 11px; border-bottom: 1px dotted #CCC; list-style-type: none; }
ul.compact { border: none; margin-top: 0; }
ul.compact li { border: none; line-height: 18px; padding-top: 7px; padding-bottom: 8px; }

table#lifes_too_short { border: none; border-collapse: collapse; table-layout: fixed; padding: 0; margin: 0; width: 100%; margin-top: 48px; }
table#lifes_too_short tr { border: none; padding: 0; margin: 0; vertical-align: top; }
table#lifes_too_short tr td { border: none; padding: 0; margin: 0; width: 50%; overflow: hidden; }
table#lifes_too_short tr td h2 { margin-top: 0; }
#content td#leftcolumn { border-right: 1px dotted #999; padding-right: 24px; }
#content td#rightcolumn { padding-left: 24px; }

blockquote { font-family: "Times New Roman", serif; font-style: italic; font-size: 11.5px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; margin-top: 23px; margin-bottom: 23px; padding: 0; padding-left: 24px; padding-right: 24px; }
blockquote code { font-size: 12px; }
blockquote p { padding: 0; margin: 0; margin-top: 12px; line-height: 24px; margin-bottom: 12px; }
blockquote pre { margin-top: 23px; margin-bottom: 23px; }
p.attribution { font-family: 'Verdana', 'Lucida Grande', sans-serif; font-style: normal; font-size: 100%; margin-left: 24px; margin-bottom: 24px; }
q:before { content: '\201C'; }
q:after { content: '\201D'; }

h2#delicious a { padding-left: 24px; background-image: url('/static/css/delicious.png'); background-repeat: no-repeat; background-position: 0px 2px; }
h2#delicious { margin-top: 48px !important; }

#content img { display: block; margin-left: auto; margin-right: auto; }
.thumbnail img { border: 1px solid #EEE; padding: 6px; }
.thumbnail a:hover img { border: 1px solid #CCC; }
.thumbnail { line-height: 18px; }
.thumbnail .hint { display: block; margin-left: auto; margin-right: auto; text-align: center; padding-top: 6px; color: #999; }

.date, small { font-size: 80%; }

form { margin-top: 24px; margin-bottom: 24px; }
form tr { font-size: 1.3em; /*vertical-align: center;*/ color: #474747; margin-top: 48px; }
form td { padding: 3px; }
#isithuman { text-align: right; }
input.inputbox { width: 300px; }
#isithuman input { width: 150px; }
#commentform textarea { width: 656px; margin-top: 12px; margin-bottom: 12px; padding: 12px; }

p.hint { line-height: 18px; font-size: 100%; }

#comments { margin-top: 48px; }
.comment { margin-bottom: 24px; margin-top: 24px; }
.comment .date { font-size: 100%; }
.comment .author { font-weight: bold; }
.commentheader p { margin: 0; padding: 0; line-height: 18px; }
.byadmin .commentheader { padding-left: 54px; background-image: url('/static/css/admincomment.png'); background-repeat: no-repeat; background-position: 6px 0px; }
.commentheader .admintools { margin: 0; padding: 0; float: right; margin-top: 18px; }
.commentheader .admintools li { display: inline; margin: 0; padding: 0; margin-right: 12px; line-height: 18px; }
.commentheader { /* border-top: 1px solid #CCC; */ border-bottom: 1px solid #CCC; padding-left: 12px; padding-bottom: 12px; padding-top: 6px; /* background-color: #FCFCFA; */ }
.commentbody { padding-left: 36px; padding-right: 36px; padding-bottom: 60px; clear: both; }
.commentbody p { font-size: 1.1em; line-height: 18px; margin-top: 18px; }

.editform textarea { width: 100%; }
.editform input.wide { width: 100%; }

div.left { float: left; }
div.right { float: right; }