body
{
    background-color: #f0f0f0;
    font-family: verdana, arial, helvetica, sans-serif;
    margin: 4px;
}

#page
{
    background-color: white;
    border: 1px solid black;
}

#header
{
    margin: 0px 0px 0px 0px;
    padding: 5px;
    background-color: #D0FFFF;
    border-bottom: 1px solid black;

    background-image: url(../images/header-footer-bg.png);
    background-repeat: repeat-y;
    background-position: right;
}

#blog-name
{
    font-size: 200%;
    font-weight: 900;
    letter-spacing: .05em;
    font-family: "Bitstream Vera Serif", serif;
}

#errors-messages
{
    padding: 5px;
    background-color: #FFFFE9;
    font-weight: 900;
    border-bottom: 1px solid black;
}

span.error
{
    color: red;
}

span.message
{
    color: blue;
}

#left-pane-shadow
{
    margin: 9px 0px 5px 12px;

    background-color: #006600;

    width: 20%;
    float: left;
}

#left-pane
{
    padding: 0px 10px 5px 5px;
    background-color: #FFFFE9;

    border: 1px solid green;
    bottom: 2px;
    right: 2px;
    position: relative;
}

#left-menu-image
{
    clear: both;
}

h4.left-pane-subheading
{
    font-weight: 900;
    font-style: italic;
    font-family: "Bitstream Vera Serif", serif;
    letter-spacing: 1px;

    margin: 0px;

    font-size: 90%;
}

ul.left-pane-list
{
    margin-top: 0px;
    margin-left: 5px;
    padding-left: 5px;

    font-size: 85%;

    list-style-type: none;

    overflow: hidden;
    white-space: nowrap;
}

ul.body-list
{
    margin-top: 5px;
    margin-left: 9px;
    padding-left: 9px;
}

#body
{
    margin-left: 24%;
    padding: 5px 10px 5px 0px;
    width: 75%;
}

h2.body-heading
{
    margin: 0px;
    font-family: "Bitstream Vera Serif", serif;
    font-style: italic;
}

h3.body-heading
{
    margin: 0px;
    font-family: "Bitstream Vera Serif", serif;
    font-style: italic;
}

h4.body-subheading
{
    margin: 20px 0px 0px 0px;
    font-family: "Bitstream Vera Serif", serif;
    font-style: italic;
}

div.date-nav
{
    margin-top: 2px;
    font-family: "Bitstream Vera Serif", serif;
    font-size: 90%;
}

span.date-nav-prev
{
    float: left;
    text-align: left;
    width: 50%;
}

span.date-nav-next
{
    float: left;
    text-align: right;
    width: 50%;
}

#footer
{
    font-weight: 900;
    font-family: "Bitstream Vera Serif", serif;

    padding: 5px;
    background-color: #D0FFFF;
    border-top: 1px solid black;
    clear: both;

    background-image: url(../images/header-footer-bg.png);
    background-repeat: repeat-y;
    background-position: right;
}

hr
{
    color: green;
    background-color: green;

    border: none;
    width: 90%;
}