﻿* {
    margin: 0;
    padding: 0;
}

input, textarea {
    border: 1px solid #070b5c;
}

body {
    font: 76%/1.4 "Lucida Grande", "Bitstream Vera Sans", Verdana, "Lucida Sans Unicode", sans-serif;
    color: #000;
    background: #fff;
}

a:link, a:visited, a:active {
    color: #8a5e34;
    text-decoration: none;
}

a:hover {
    color: #8a5e34;
    text-decoration: underline;
}


h1 {
    height: 150px;
    background: url(/images/header_bg.png);
}

h1 a {
    display: block;
    height: 150px;
    width: 770px;
    text-indent: -5000px;
    background: url(/images/header.png);
    text-decoration: none;
}

h1 a:hover {
    text-decoration: none;
}

#main {
    border-collapse: collapse;
    border-bottom: 1px solid #b4b5ce;
    width: 100%;
}

* html #main {
    font-size: inherit;
}

#content {
    background: #fff url(/images/content_edge.gif) top right repeat-y;
    padding: 1em 0;
}

#content a {
    font-weight: bold;
}

#content .box h2 {
    color: #070b5c;
    font-family: "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", "Lucida Sans Unicode", sans-serif;
    font-size: 1.3em;
    text-transform: uppercase;
    border-top: 1px solid #070b5c;
    padding-top: 2px;
    margin-bottom: 0.5em;
}

#page_content {
    margin: 0 1.5em 0 1em;
}

#side1 {
    background-color: #b4b5ce;
    width: 180px;
    border-right: 1px solid #8a5e34;
}

#side1 #middle_ad {
    text-align: center;
}

#side2 {
    background-color: #c7ccd7;
    width: 180px;
}

#content h2 {
    font-family: "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", "Lucida Sans Unicode", sans-serif;
    font-size: 1.5em;
    color: #8a5e34;
}

#content .byline {
    font-size: 0.95em;
    margin: 0.5em 0;
}

#content p {
    margin: 1em 0;
}

#content blockquote {
    background: #f7f7f7;
    border: 1px dotted #ccc;
    margin: 10px;
    padding: 10px 12px 10px 12px;
}

#content ul li {
    list-style: square;
    margin-left: 3em;
}

#content ol li {
    margin-left: 3em;
}


#content .story_summary {
    padding-bottom: 20px;
    background: url(/images/story_divider.png) bottom center no-repeat;
    margin-bottom: 20px;
}

#side1, #side2 {
    font-size: 0.9em;
}

#side1 .box, #side2 .box {
    margin-bottom: 1em;
    margin-top: 0.5em;
    margin-left: 0.25em;
}

#side1 ul li, #side2 ul li {
    margin-left: 18px;
    margin-right: 8px;
    margin-bottom: 0.25em;
    list-style-type: square;
}

#side1 h2, #side2 h2 {
    color: #070b5c;
    font-family: "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", "Lucida Sans Unicode", sans-serif;
    font-size: 1.3em;
    text-transform: uppercase;
    border-top: 1px solid #070b5c;
    padding-top: 2px;
    margin-bottom: 0.5em;
}

#side2 .border_shim {
    margin: 12px 6px 12px 0;
    padding-left: 12px;
}

#side1 .box {
    margin-right: 0.5em;
}

#side1 input, #side2 input {
    font-size: 1.2em;
}

.comment_controls {
    font-size: 0.9em;
    background-color: #f7f7f7;
    margin: 1em 0.5em;
    border: 1px solid #b4b5ce;
    padding: 0.5em;
}

.comment_controls select {
    font-size: 1em;
}

#comments dl, #comments dt {
    margin-left: 2.5em;
}

.commenthead, .editorialhead, .story_info {
    background-color: #f7f7f7;
    border: 1px solid #b4b5ce;
    padding: 4px;
    margin: 1em 0.5em;
}

.commentbody, .editorialbody {
    margin: 1em 0.5em;
}

#footer {
    text-align: center;
    margin-top: 1em;
}

#content #user_pref_name {
    float: left;
    margin: 1em 0 0 0;
}

#content #user_prefs_menu {
    float: left;
    margin: 1em 0 0 1em;
    padding: 0;
    border-bottom: 1px solid #b4b5ce;
    vertical-align: bottom;
}

#content #user_prefs_menu li {
    margin: 0 0.5em;
    padding: 0 0.5em 2px 0.5em;
    border: solid #b4b5ce;
    border-width: 1px 1px 0 1px;
    display: inline;
    list-style-type: none;
}