/* --- Pagewide Styles --- */
* {
    margin: 0px;
    padding: 0px;
}

body {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10pt;
    background-color: #6A6A6A;
    background-image: url("../images/background_fade.jpg");
    background-repeat: repeat-x;
    color: #000000;
    text-align: center;
}

a {
    color: #0000FF;
}

a:visited {
    color: #0000FF;
}

a:hover {
    color: #0000FF;
}

img {
    border: solid 0px #000000;
}

h1, h2, h3, h4, h5, h6, h7 {
    margin: 10px 0px 10px 0px;
}

p {
    margin: 6px 0px 6px 0px;
}

ul, ol {
    margin: 0px 20px 0px 20px;
}

dl {
    margin: 0px 10px 0px 10px;
}
/* --- End Pagewide Styles --- */


/* --- Common Styles --- */
#search_navigation {
    background-color: #484848;
    text-align: left;
    height: 40px;
}

#search_navigation #slide_me {
    background-color: #181818;
    color: #666666;
    height: 40px;
}

#search_navigation #sections {
    float: left;
    font-size: 9pt;
    padding: 6px;
}

#search_navigation #sections dt {
    font-weight: bold;
    text-decoration: underline;
}

#search_navigation #sections dd {
    display: inline;
    padding-right: 6px;
}

#search_navigation #sections dd a {
    color: #888888;
    text-decoration: none;
}

#search_navigation #search_box {
    border-left: solid 1px #666666;
    float: left;
    padding: 6px;
}

#search_navigation #search_box #id_search {
    border: solid 1px #666666;
}

#search_navigation #search_box #id_search_button {
    background-color: #383838;
    border: solid 1px #666666;
    color: #888888;
    padding: 2px 6px 2px 6px;
}

.clear_both {
    clear: both;
}

#id_show_hide_search {
    margin-left: 75%;
}

#wrapper {
    background-color: #6A6A6A;
    background-image: url("../images/background_fade.jpg");
    background-repeat: repeat-x;
    clear: both;
    color: #000000;
    padding: 30px;
}

#main_column {
    background-color: #FFFFFF;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 740px;
}

#column_header {
    vertical-align: top;
}

#wolf_and_selectors {
    float: left;
    margin: 12px 30px 12px 30px;
    width: 150px;
}

#wolf_image {
    display: block;
}

#selectors {
    margin: 30px 0px 30px 0px;
    font-size: 8.5pt;
}

.selectors_archives_year {
    font-weight: bold;
    color: #666666;
}

#selectors_archives dd {
    display: inline;
}

#content {
    margin: 10px 20px 10px 230px;
    width: 480px;
}

#filtered_by {
    text-align: center;
    font-size: 12pt;
    font-weight: bold;
    color: #333333;
}

.date_group {
    color: #666666;
    font-weight: bold;
    font-size: 11pt;
    text-align: center;
    margin: 10px 0px 10px 0px;
}

.av, .blog, .code, .link, .lyrics, .picture, .quote, .thought {
    position: relative;
    background-repeat: no-repeat;
    margin: 0px 0px 20px 0px;
}

.av {
    background-image: url("../images/av_top.jpg");
}

.blog {
    background-image: url("../images/blog_top.jpg");
    background-color: #BBBBBB;
    color: #4E4E4E;
}

.code {
    background-image: url("../images/code_top.gif");
}

.link {
    /*background-image: url("../images/link_top.jpg");*/
}

.lyrics {
    background-color: #CACABA;
    /*background-image: url("../images/lyrics_top.jpg");*/
    border: solid 1px #AAAA9A;
}

.picture {
    background-image: url("../images/picture_top.jpg");
}

.quote {
    /*background-image: url("../images/quote_top.jpg");*/
}

.thought {
    /*background-image: url("../images/thought_top.jpg");*/
}

.item_content {
    padding: 10px 14px 14px 14px;
    font-size: 9pt;
}

.blog .item_content {
    background-image: url("../images/entry_bottom.jpg");
    background-repeat: no-repeat;
    background-position: bottom left;
}

.code .item_content {
    padding: 4px 14px 14px 14px;
}

.code .item_content h1, .code .item_content h1 a, 
.code .item_content h1 a:visited {
    color: #00FF00;
    font-weight: normal;
    font-family: Monaco, Courier, monospace;
    margin-bottom: 12px;
}

.lyrics .item_content {
    padding: 20px 14px 14px 60px;
}

.link .item_content {
    padding: 14px 14px 14px 30px;
}

.item_content h1 {
    color: #2E2E2E;
    font-size: 12pt;
}

.item_content h1 a, .item_content h1 a:hover, .item_content h1 a:visited {
    color: #2E2E2E;
}

.item_content p {
    line-height: 10pt;
}

.item_content ul {
    margin: 0px 30px 0px 30px;
}

.item_content pre {
    /* background-color: #DDDDDD; */
    margin: 0px 10px 0px 10px;
    overflow: auto;
}

.actual_code {
    display: block;
}

.item_content blockquote {
    margin: 0px 20px 0px 20px;
}

.item_content .scrollable {
    overflow: auto;
}

.av .item_content, .picture .item_content {
    text-align: center;
    padding-top: 30px;
}

.quote .item_content, .link .item_content {
    padding-top: 30px;
}

.picture .item_content img {
    border-top: solid 8px #553311;
    border-right: solid 8px #773311;
    border-bottom: solid 8px #993311;
    border-left: solid 8px #663311;
}

.permalinks_comments {
    text-align: right;
    font-size: 8pt;
    color: #0000FF;
}

.permalinks_comments a {
    color: #0000FF;
}

.blog .permalinks_comments {
    text-align: right;
    font-size: 8pt;
    color: #FFFFFF;
}

.blog .permalinks_comments a {
    color: #FFFFFF;
}

.comment {
    background-color: #EEEEEE;
    border: solid 1px #AAAAAA;
    color: #888888;
    margin: 6px 0px 6px 0px;
    min-height: 50px;
}

.comment_name {
    float: left;
    width: 100px;
    margin: 6px;
    font-weight: bold;
}

.comment_content {
    margin: 6px 6px 6px 112px;
    color: #666666;
}

.comment_date {
    margin: 12px 6px 2px 6px;
    font-size: 8pt;
}

.user_message {
    background-color: #FFFF88;
    border: solid 1px #FFFF00;
    color: #000000;
    padding: 6px;
    margin: 6px 0px 6px 0px;
}

.errorlist {
    background-color: #FF8888;
    border: solid 1px #FF0000;
    color: #FF0000;
    padding: 6px;
    margin: 6px 0px 6px 0px;
    list-style: none;
}

#pagination {
    text-align: center;
    margin: 10px 0px 10px 0px;
    padding: 6px;
    background-color: #DDDDDD;
    color: #0000FF;
}

#column_footer {
    clear: both;
    background-color: #6A6A6A;
    background-image: url("../images/column_footer.jpg");
    background-repeat: no-repeat;
    height: 119px;
    /*border: solid 1px #FF0000;*/
    color: #FFFFFF;
    font-size: 9pt;
}

#column_footer a, #column_footer a:hover, #column_footer a:visited {
    color: #FFFFFF;
}

#badges {
    float: right;
    width: 130px;
    text-align: right;
    margin: 16px 30px 10px 0px;
}

#navigation {
    margin: 20px 10px 10px 10px;
    /* This is here because adjusting the margin-top doesn't change anything. */
    padding-top: 16px;
}

#navigation ul li {
    display: inline;
    font-size: 11pt;
}

#site_info {
    margin: 16px 10px 8px 30px;
}
/* --- End Common Styles --- */