@import url('http://media.kennethkam.com/reset.css');
@import url('http://media.kennethkam.com/codehilite.css');

/* HTML5 hack */
section, article, aside, header, footer, nav, dialog, figure {
    display:block;
}

/* Layout */
body { background: url("images/page-top.png") repeat-x #eee; }
body#index { background: url("images/page-top-index.png") repeat-x #eee; }
/*#page { background: url("images/22px.gif") repeat;}*/

section#page {
    width: 700px;
    margin: 0 auto;
}

header {
    margin: 0 auto 60px;
}

#index header {
    margin-top: 100px;
}

footer { margin-top: 88px; margin-bottom: 44px;}

/* Typography */
body {
    font-family: helvetica, arial, sans-serif;
    font-size: 14px;
    color: #000;
}

section#page header h1 {
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px 2px #333;
    float: left;
}
section#page header h1 a { color: #fff; border-bottom: none;}

nav, nav span#about-text {
    font-size: 12px;
    color: #fff;
    text-align: right;
    text-shadow: 1px 1px 0px #666;
    line-height: inherit;
    margin-bottom: 0;
}
nav a { 
    color: #ff9000; 
    font-weight: bold; 
    background-color: #fff;
    text-shadow: none;
    border-bottom: none;
}

section#page header h1 { padding-top: 4px; line-height: 22px;}
nav { padding-top: 9px;}

span#about-text{ display: none;}
#index span#about-text { display: inline }

h1 { font-size: 30px; line-height: 44px;}
#older h1 { margin-top: 66px; margin-bottom: 0px;}
h2 { font-size: 24px; margin-top: 44px; line-height: 44px;}
h3 { font-size: 18px; margin-top: 44px; }
h3, p, div.codehilite, section#add-comment label, li { line-height: 22px;}
h1, h2, h3, p, div.codehilite, ul, ol { margin-bottom: 22px; }
ul { list-style-type: disc;}
ol { list-style-type: decimal;}
/* Indented items*/
div.codehilite, ul, ol, blockquote{ margin-left: 28px;}
blockquote{ 
    font-style: italic;
    margin-right: 28px;
    font-size: 14px;
}

/* Entry */

.title { 
    display: inline-block;
}

p.title-link {
    display: inline;
    margin-left: 10px;
}

p.entry-meta { font-style: italic;}

ul#comments { 
    margin-top: 22px;
    width: 500px;
}

p.comment-meta { 
    font-style: italic;
    margin-bottom: 0;
}

#content abbr { border-bottom: 1px dotted #333;}

.codehilite { 
    overflow: auto;
    background-color: inherit;
}
.codehilite pre {
    font-family: monaco, menlo, "courier new", monospace;
    font-size: 12px;
}

code {
    font-family: monaco, menlo, "courier new", monospace;
}

/* Comments */

#comment-preview section#add-comment { margin-top: 0px;}
#comments { 
    margin-left: 0;
    list-style-type: none;
}

section#add-comment p { 
    font-size: 14px; 
    margin-bottom: 10px !important;
}

section#add-comment label { 
    display: block;
    font-weight: bold;
    margin-bottom: 3px;
}

section#add-comment input { 
    font-size: 12px; 
    width: 250px;
    height: 15px;
    /* hack for firefox to put elements in them middle */
    padding-top: 4px;
    padding-bottom: 2px;
}

section#add-comment .label-meta { 
    font-weight: normal; 
    font-size: 12px; 
    font-style: italic;
    vertical-align: top;
}

section#add-comment textarea {
    width: 500px;
    font-size: 12px;
    line-height: 18px;
    height: 120px;
    margin-bottom: -3px;
}

section#add-comment .button {
    width: inherit;
    height: 24px;
    line-height: 22px;
    padding-top: 0;
    font-size: 12px;
}

span.error { 
    display: block;
    margin-top: 2px;
    font-weight: bold;
}

#id_honeypot { display: none;}

a {
    color: #cc7400;
    text-decoration: none;
    border-bottom: 1px solid #cc7400;
}

/* Footer */

footer { font-size: 12px; }

footer nav abbr {
    font-variant: normal;
    text-transform: uppercase;
}

footer nav {
    display: inline;
    text-align: left;
    text-shadow: none;
    color: #000;
}

footer nav a {
    border-bottom: 1px solid #cc7400;
}