/*
*********************************
                                 *
  Created: December, 2006         * 
  Author: Martin Czura             *
  Website: www.byteshrine.org     *
                                 *
*********************************


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
             Reset
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, em, img, q, small, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
         Page Construct
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body {  
    background: #eceae4;
    font: 100%/1.5 Helvetica, FreeSans, "Liberation Sans", "Nimbus Sans L", Arial, sans-serif;
    color: #5a4f20;
}

#wrapper {
    width: 50em;
    background: #f0f0e9;
    border: 1px solid #a3a3a3;
    margin: .5em auto 1em auto;
}

#header {
    background: #e1ddce;
    border-bottom: 1px solid #a3a3a3;
    margin: 0 0 2em 0;
    text-align: center;
}

#content {
    float: left;
    display: inline;
    width: 34em;
    margin: 0 0 0 .5em;
}

#sidebar {
    float: right;
    display: inline;
    width: 14.5em;
    margin: 0 .5em 0 0;
}

#footer {
    clear: both;
    padding: 1em;
    color: #5a4f20;
    font-size: 87.5%;
    text-align: center;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
             Messy
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a { color: #9c7f03; text-decoration: underline; }
a:hover { background: #e1ddce; }

abbr { letter-spacing: 0.1em }

blockquote {
    margin: 1em;
    font-family: Georgia, "Century Schoolbook L", "Bitstream Charter", "Bitstream Vera Serif", serif;
    font-style: italic;
}

pre {
    background: #e1ddce;
    border: 1px solid #ccc;
    margin: 1em 0;
    padding: .5em;
    font-family: "Bitstream Vera Sans Mono", "DejaVu Sans Mono", "Lucida Console", Monaco, monospace;
    font-size: 81.25%;
    line-height: 1.385;
    overflow:auto;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
            Headings
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

h1, h2, h3, h4, .entry h3 a, #header, #header a {
    clear: both;
    font-family: "Nimbus Roman No9 L", Times, "Times New Roman", "Liberation Serif", serif;
    text-decoration: none;
}

h1 {
    font-size: 175%;
    word-spacing: .1em;
}

h2, h3 {
    margin: 1.25em 0 0 0;
    font-size: 137.5%;
}

h2:first-child {
    background: #e1ddce;
    border: 1px solid #a3a3a3;
    margin: 0 0 .75em 0;
    padding: .1em .5em;
}

.entry h3, .entry h2 {
    background: #eceae4;
    border: 1px solid #e1ddce;
    margin: 0;
    padding: .1em .35em;

}

.text h2, .text h3, .text h4 {
    background: none;
    border: 0;
    margin: .6425em 0;
    padding: 0;
}

.text h2 {
    margin: 1.25em 0 .625em 0;
}

.text h3 {
    font-size: 125%;
}

.text h4 {
    font-size: 112.5%;
}

h1 a, h2 a, h3 a, h4 a {
    color: #5a4f20;
}

.entry h3 a:hover {
    text-decoration: underline;
}

#sidebar h3 {
    background: #e1ddce;
    border-bottom: 1px solid #a3a3a3;
    margin: 0;
    padding: 0 .5em;
    font-size: 106.25%;
    font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
      General List Stylings
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content ul {
    margin: 1em 0 1em 1.5em;
}

#content ul ul {
    margin: 0 0 0 1.5em;
}

#content ol {
    margin: 1em 0 1em 2em;
}

#content ol ol {
    margin: 0 0 0 2em;
}

#sidebar ul {
    list-style: none;
}

#sidebar li {
    font-size: 87.5%;
}

#sidebar li a {
    display: block;
    height: 1%;
    background: #f0f0e9;
    border: 1px solid #e1ddce;
    margin: .5em;
    padding: .1em .2em;
    color: #5a4f20;
    text-decoration: none;
}

#sidebar li a:hover { 
    background: #e1ddce;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    General Paragraph Stylings
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

p { margin: 1em 0; }

blockquote p {
    margin: .5em 0 0 0;
}

#header p {
    margin: 0 0 .5em 0;
    font-size: 118.75%;
    font-style: italic;
    letter-spacing: 0.05em;
}

#sidebar p {
    margin: .25em .5em;
    font-size: 87.5%;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Entries + Comments
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.entry {
    background: #fcfcf4;
    border: solid 1px #a3a3a3;
    margin: 0 0 1em 0;
}

.meta, .related {
    background: #f0f0e9;
    margin: .5em;
    padding: 0 .5em;
    border: 1px solid #e1ddce;
    font-size: 87.5%;
}

.related {
    margin: 1em .5em .5em .5em;
}

.entry .text {
    margin: 0 .5em;
}

#content #comments {
    margin: 0;
}

#content #comments ul {
    margin: .5em 0 .5em 1em;
    list-style: square;
}

#content #comments ol {
    margin: .5em 0 .5em 1.5em;
}

.comment {
    margin: 1.5em 0;
    list-style: none;
}

.comment p {
    margin: .5em 0;
}

.comment .text {
    background: #e1ddce;
    padding: .25em .5em;
}

.comment .meta {
    background: #eceae4;
    margin: 0;
}

.comment pre {
    background: #f0f0e9;
    border: 1px solid #ccc;
}

.pagination { 
    clear: both;
    margin: 1em 0 0 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
             Forms
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

form { clear: both; }

form dt {
    margin: 1em 0 0 0;
    font-size: 87.5%;
}

textarea, input {
    background: #eceae4;
    border: 1px solid #a3a3a3;
}

textarea {
    width: 100%;
    margin: 1em 0 0 0;
}

.actions input {
    background: #fcfcf4;
    border: 1px outset #a3a3a3;
    font-weight: bold;
    color: #5a4f20;
}

.actions input, label {
    cursor: pointer;
}

.errors {
    margin: 0;
    font-size: 87.5%;
    font-weight: bold;
    color: #b22222;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
            Widgets
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.widget {
    background: #fcfcf4;
    border: solid 1px #a3a3a3;
    margin: 0 0 1em 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
         Table Stylings
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table {
    width: 100%;
    border: 1px solid #e1ddce;
    margin: 1em 0;
    font-size: 87.5%;
}

th {
    background: #9e9880;
    border: 1px solid #e1ddce;
    color: #fff;
    padding: .1em .25em;
}

td.even {
    background: #e3e1d1;
    border: 1px solid #e5e5e5;
    padding: .1em .25em;
}

td.odd {
    background: #eff1ef;
    border: 1px solid #e1ddce;
    padding: .1em .25em;
}