/*
http://wblinks.com - Flux Refresh Style
Author : Rich Adams (http://wblinks.com)

Flux Refresh v2.5

This is an enhanced version of the Flux style, to fix a few of the things that have been bugging
me for ages.
*/

/* RESET - Reset all styles so everything starts from scratch
***************************************************************************************************/
@import url("../reset.css") screen;

/* Default Values
***************************************************************************************************/

* {
    line-height: 1.3;
}

/* Typography
***************************************************************************************************/

h2 {
    color: #1f415d;
    font-size: 1.6em;
    font-weight: normal;
    padding-top: 10px;
    padding-bottom: 5px;
}

h3 {
    font-weight: bold;
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 5px;
}

abbr {
    border-bottom: 1px dashed #555;
    cursor: help;
}

blockquote {
    font-style: italic;
    padding: 10px;
}

blockquote p {
    font-size: 1em !important;
    padding-bottom: 0px !important;
    padding-right: 0px !important;
}

hr {
    display: none;
}

pre {
    border: 1px solid #888;
    background: #fff;
    margin: 0px 0px -20px 0px;
    line-height: 1em;
    width: 680px;
    color: #000;
    overflow: auto; /* Scroll if code too wide */
    font-family: courier, monospace;
}

pre code {
    margin: -5px 0px 0px 10px;
    padding: 0px 0px 10px 0px;
    line-height: 1.3em;
    display: block;
}

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

/* Links
***************************************************************************************************/

a:link,
a:visited {
    font-weight: normal;
    text-decoration: underline;
    color: #1f415d;
}

a:hover {
    color: #006199;
}

/* Form Inputs
***************************************************************************************************/

input,
textarea,
select {
    border: 1px solid #1f415d;
    padding: 3px;
    font-size: 1.2em;
}

/* Lists
***************************************************************************************************/

ul {
    margin: 4px 0px 0px 20px;
    list-style-type: none;
}

/* Page Layout
***************************************************************************************************/

html, body {
    background: #1a2833 url(/img/style/flux-refresh/page_bg.png) top left repeat-x;
    color: #000;
    font-weight: normal;
    font-size: 0.9em;
    font-family: "Arial", sans-serif;
    height: 100%;
}

#page-container {
    background: #fff url(/img/style/flux-refresh/page_bg.gif) top right repeat-y;
    width: 1000px;
    border-left: 5px solid #1f415d;
    border-right: 5px solid #1f415d;
    margin: 0 auto;
    overflow: auto;
    min-height: 100%;
}

#additional-content {
    width: 270px;
    float: right;
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 7em;
}

/* Breadcrumb Banner
***************************************************************************************************/

#breadcrumb-banner {
    background: #1f415d url(/img/style/flux-refresh/random.php) top right no-repeat;
    width: 100%;
    min-height: 60px;
    height: auto;
    padding: 0px 0px 15px 0px;
    margin: 0px 0px 5px 0px;
    font-size: 1.1em;
    color: #fff;
}

    #breadcrumb-banner a {
        font-weight: normal;
        padding-top: 10px;
        color: #bcdbf7;
        text-decoration: none;
    }

    #breadcrumb-banner h2 {
        padding-left: 10px;
        padding-top: 10px;
        font-weight: normal;
        width: 600px;
        font-size: 1.5em;
        color: #bcdbf7;
        text-shadow: 1px 1px 1px #000;
    }

    #breadcrumb-banner p {
        padding-left: 10px;
        padding-bottom: 0px;
        font-size: 1.1em;
        font-weight: normal;
        width: 600px;
        color: #fff;
        text-shadow: 1px 1px 1px #000;
    }

/* Header
***************************************************************************************************/

#header {
    background: #fff;
    position: relative;
    width: 1000px;
    min-height: 60px;
    height: auto;
    margin-bottom: -5px;
}

#site-logo {
    padding: 10px 0px 10px 10px;
}

/* Menu
***************************************************************************************************/

ul#menu {
    background: #b3c9dc;
    list-style: none;
    margin: 0;
    float: right;
    position: absolute;
    top: 20px;
    right: 0px;
    padding-left: 0px;
    border: 1px solid #8baac5;
    border-right: none;
    overflow: auto;
}

    ul#menu li {
        float: left;
        text-align: center;
    }

    ul#menu li em {
        display: none;
    }

    ul#menu li a {
        display: block;
        background: #b3c9dc url(/img/style/flux-refresh/menu_button_bg.png) top left repeat-x;
        width: 110px;
        margin: 0;
        font-size: 1.2em;
        font-weight: normal;
        color: #1f415d;
        text-decoration: none;
        text-align: center;
        padding: 10px 0px 10px 0px;
        border-right: 1px solid #8baac5;
        border-left: 1px solid #bcdbf7;
        text-shadow: 1px 1px 1px #bcdbf7;
    }

    ul#menu li.selected a {
        background: #1f415d url(/img/style/flux-refresh/menu_button_bg_selected.png) top left repeat-x;
        border: 1px solid #1f415d;
        border-bottom: none;
        border-top: none;
        color: #fff;
        text-shadow: 1px 1px 1px #000;
    }

    ul#menu li.first a {
        border-left: none;
    }

    ul#menu li.last a {
        border-right: none;
    }

    ul#menu li a:hover {
        color: #fff;
        border: 1px solid #1f415d;
        border-bottom: none;
        border-top: none;
        text-shadow: 1px 1px 1px #000;
        background: #1f415d url(/img/style/flux-refresh/menu_button_bg_selected.png) top left repeat-x;
    }
    
    ul#menu li.last a:hover {
        border-right: none;
    }
    
    ul#menu li.selected a:hover {
        background: #1f415d url(/img/style/flux-refresh/menu_button_bg_selected.png) top left repeat-x;
        color: #fff;    
    }

    ul#menu li#here a {
        background: #b3c9dc;
        color: #fff;
        font-weight: bold;
    }

/* Main Content
***************************************************************************************************/

#site-main-content {
    padding: 15px;
    padding-top: 17px;
    width: 700px;
    overflow: auto;
    float: left;
    margin-bottom: 5em;
}

    #site-main-content p {
        text-align: justify;
        padding-bottom: 10px;
    }

/* Footer
***************************************************************************************************/

#footer {
    width: 980px;
    background: #000;
    margin: 0 auto;
    text-align: left;
    border-top: 5px solid #1F415D;
    border-right: 5px solid #1F415D;
    border-left: 5px solid #1F415D;
    color: #fff;
    letter-spacing: 1px;
    line-height: 1.5em;
    font-size: 0.85em;
    position: relative;
    padding: 20px 0px 20px 20px;
    clear: both;
    margin-top: -7.8em;
}
    #footer-content-links {
        padding-bottom: 10px;
    }

    #footer-content-links,
    #footer-content-info {
        list-style: none;
    }

    #footer-content-links li,
    #footer-content-info li {
        display: inline;
    }

    #footer-content-links li#sitemap em,
    #footer-content-info li#subscribe em {
        display: none;
    }

    #footer a.standards {
        padding-left: 20px;
        padding-top: 4px;
        padding-bottom: 3px;
        background: url(/img/style/flux-refresh/standard.gif) center left no-repeat;
    }

    #footer #minted {
        padding-left: 20px;
        background: url(/img/icon/mint.png) center left no-repeat;
    }

    #footer #powered-by {
        padding-left: 20px;
        padding-top: 3px;
        padding-bottom: 3px;
        background: url(/img/icon/wblinks.ico) center left no-repeat;
    }
    
    #footer #subscribe {
        padding-left: 20px;
        background: url(/img/icon/rss.png) center left no-repeat;
    }

    #footer a {
        color: #888;
        font-weight: normal;
        text-decoration: none;
    }

    #footer a img {
        padding-right: 3px;
        margin-bottom: -3px;
    }

    #footer a:hover {
        color: #9c0;
        font-weight: normal;
    }


/* Modules
***************************************************************************************************/

.module {
    margin-bottom: 10px;
    width: 270px;
}

.module h3 {
    padding-left: 15px;
    color: #15549b;
    text-transform: uppercase;
}

.module h3 img {
    margin-bottom: -3px;
}


/* Notes Search
***************************************************************************************************/

#notes-search input {
    margin-left: 15px;
    margin-top: 8px;
    padding-left: 25px;
    width: 210px;
    background: #fff url(/img/icon/search.png) 5px 50% no-repeat;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    font-size: 1em;
}

/* Latest Twitter
***************************************************************************************************/

#latest-twitter .module-list {
    font-style: italic;
    font-size: 1.2em;
    padding-right: 15px;
}

#latest-twitter h3 {
    margin-left: 15px;
    padding-left: 20px;
    background: url(/img/icon/twitter.ico) 0px 3px no-repeat;
}

#latest-twitter h3 a {
    text-decoration: none;
    font-weight: bold;
    color: #15549b;
}

#latest-twitter h3 a:hover {
    text-decoration: underline;
    font-weight: bold;
    color: #4c7da7;
}

#latest-twitter span.content {
    display: block;
    margin-bottom: 5px;
}

#latest-twitter span.author {
    display: none;
}

#latest-twitter span.date {
    display: inline;
    font-size: 0.7em;
    font-style: normal;
}

#latest-twitter span.source {
    font-size: 0.7em;
    padding-left: 0.3em;
    font-style: normal;
}

/* Recommended Links Module
***************************************************************************************************/

#recommended-links {
    font-size: 1.1em;
}

#recommended-links ul {
    list-style-image: none;
    margin-left: 0px;
    border-bottom: 1px dotted #4c7da7;
}

#recommended-links ul li a {
    background: url(/img/style/flux-refresh/li_arrow.gif) .5em .5em no-repeat;
    border-top: 1px dotted #4c7da7;
    padding: 3px 0px 3px 30px;
    width: 240px;
    display: block;
    text-decoration: none;
}

#recommended-links ul li a span {
    color: #b3c9dc;
    font-size: 11px;
}

#recommended-links ul li a:hover {
    background: #d0e6ff url(/img/style/flux-refresh/li_arrow.gif) .5em .5em no-repeat;
}

#recommended-links ul li a:hover span {
    color: #fff;
}

/* Friends Links Module
***************************************************************************************************/

#friend-links {
    font-size: 1.1em;
}

#friend-links ul {
    list-style-image: none;
    margin-left: 0px;
    border-bottom: 1px dotted #4c7da7;
}

#friend-links ul li a {
    background: url(/img/style/flux-refresh/li_arrow.gif) .5em .5em no-repeat;
    border-top: 1px dotted #4c7da7;
    padding: 3px 0px 3px 30px;
    width: 240px;
    display: block;
    text-decoration: none;
}

#friend-links ul li a span {
    color: #b3c9dc;
    font-size: 11px;
}

#friend-links ul li a:hover {
    background: #d0e6ff url(/img/style/flux-refresh/li_arrow.gif) .5em .5em no-repeat;
}

#friend-links ul li a:hover span {
    color: #fff;
}

/* Latest Projects Module
***************************************************************************************************/

#latest-projects {
    padding-top: 0px;
    padding-bottom: 5px;
    font-size: 12px;
    font-weight: normal;
}

#latest-projects h3 {
    padding-bottom: 10px;
}

#latest-projects img {
    width: 25px;
    height: 25px;
}

#latest-projects a {
    text-decoration: none;
}

#latest-projects li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#latest-projects li a {
    font-weight: normal;
    display: block;
}

#latest-projects li a img {
    padding: 3px;
    border: 1px solid #b3c9dc;
    margin-bottom: -20px;
}

#latest-projects li a:hover img {
    background: #4c7da7;
    border: 1px solid #4c7da7;
}

#latest-projects li a span {
    display: block;
    color: #1F415D;
    padding-bottom: 5px;
    font-size: 11px;
    padding-left: 38px;
    height: 20px;
}

/* Recommended Reads Module
***************************************************************************************************/

#recommended-reads {
    padding: 0px 0px 8px 0px;
    overflow: auto;
}

#recommended-reads ul {
    margin-left: 10px;
    margin-top: 0px;
}

#recommended-reads li {
    float: left;
    margin: 5px;
}

#recommended-reads a img {
    padding: 3px;
    width: 65px;
    border: 1px solid #b3c9dc;
    margin-bottom: -4px;
}

#recommended-reads a:hover img {
    background: #4c7da7;
    border: 1px solid #4c7da7;
}

/* Popular Posts Module
***************************************************************************************************/

#popular-notes li {
    padding-bottom: 5px;
    padding-right: 5px;
}

#popular-notes li em {
    display: block;
    font-size: 0.8em;
    font-weight: bold;
}

/* Latest Flickr Module
***************************************************************************************************/

#latest-flickr {
    padding: 0px 0px 8px 0px;
}

#latest-flickr h3 {
    margin-left: 15px;
    padding-left: 20px;
    background: url(/img/icon/flickr.ico) 0px 3px no-repeat;
}

#latest-flickr h3 a {
    text-decoration: none;
    font-weight: bold;
    color: #15549b;
}

#latest-flickr h3 a:hover {
    text-decoration: underline;
    font-weight: bold;
    color: #4c7da7;
}

#latest-flickr ul li {
    list-style-image: none;
    margin: 2px;
}

#latest-flickr ul {
    margin-left: 15px;
}

#latest-flickr a img {
    padding: 4px;
    width: 65px;
    border: 1px solid #b3c9dc;
}

#latest-flickr a:hover img {
    background: #4c7da7;
    border: 1px solid #4c7da7;
}

#latest-flickr li {
    display: inline;
}

/* Calendar Module
***************************************************************************************************/

#calendar-table {
    width: 260px;
    margin-left: 5px;
}

#calendar-table th {
    font-weight: bold;
    text-align: center;
}

#calendar-table td {
    text-align: center;
}

/* Blog Entry
***************************************************************************************************/

.blog-entry {
    padding: 0px 0px 20px 20px;
    margin-bottom: 20px;
    margin-left: -20px;
    margin-top: -5px;
    overflow: auto;
    /*border-bottom: 1px dotted #1f415d;*/
    background: #f1f7db;/* url(../images/flux/blog_br.gif) bottom right no-repeat;*/
    border-right: 1px solid #e0eac4;
    border-bottom: 1px solid #e0eac4;
}

    .blog-entry .date {        
        width: 3em;
        margin-top: -2.3em;
        margin-right: 10px;
        padding: 3px 0px 3px 0px;
        background: #fff;
        border-right: 2px solid #ddd;
        border-bottom: 2px solid #ddd;
        text-align: center;
    }

        .blog-entry .date span.day {
            font-size: 1.3em;
            text-align: center;
            padding: 0px;
            margin: 0px;
            display: block;
            width: 100%;
        }

        .blog-entry .date span.month {
            font-size: 1.1em;
            text-align: center;
            padding: 0px;
            text-transform: uppercase;
            margin: 0px;
            width: 100%;
            display: block;
        }

        .blog-entry .date span.year {
            display: none;
        }

    .blog-entry .blog-links {
        display: block;
        margin-left: 3.9em;
        margin-top: -1.8em;
        margin-bottom: 0.9em;
    }

    .blog-entry .blog-links li {
        display: inline;
        padding-right: 5px;
    }

    .blog-entry p {
        margin-right: 7px;
        padding-bottom: 10px;
        padding-right: 10px;
        text-align: justify;
        font-size: 1.1em;
    }

    .blog-entry .descriptive-image {
        border: 2px solid #a3c2a3;
        padding: 3px;
        background: #fff;
    }

    .blog-entry .descriptive-image.full img {
        width: 675px;
    }

    .blog-entry .descriptive-image.normal-center {
        text-align: center;
    }
    
    .blog-entry .descriptive-image.auto-size {
        width: auto;
    }

    .blog-entry .descriptive-image p.blurb {
        font-style: italic;
        font-size: 1em;
    }

    .blog-entry h3.subtitle {
        padding-bottom: 0px;
        margin-bottom: -10px;
        font-size: 1.2em;
    }

    .blog-entry h2 {        
        background: #f1f7db; /*url(../images/flux/blog_tr.gif) top right no-repeat;*/
        margin-bottom: 0px;
        padding-left: 2.4em;
    }

        .blog-entry h2 a:visited,
        .blog-entry h2 a:link,
        .blog-entry h2 a:hover {
            font-weight: normal;
            color: #1f415d;
            border-bottom: none !important;
            text-decoration: none;
        }

    .blog-entry .blog-content {
        text-align: justify;
        padding-right: 15px;
    }

    .blog-entry .tag-list {
        margin-left: 0px;
        margin-bottom: 15px;
        margin-top: 5px;
        padding-left: 20px;
        background: url(/img/icon/tag.png) center left no-repeat;
    }

    .blog-entry .tag-list li {
        display: inline;
        padding-right: 5px;
    }

    .blog-entry blockquote {
        background: #bed4b1;
        margin-top: 15px;
    }

    .blog-entry .blog-privs {
        padding-left: 20px;
        background: url(/img/icon/key.png) center left no-repeat;
        font-weight: bold;
        font-style: italic;
        margin-bottom: 5px;
    }

    .blog-entry .blog-content ol,
    .blog-entry .blog-content ul {
        border: 3px solid #a3c2a3;
        padding: 10px;
        padding-left: 30px;
        padding-bottom: 0px;
        background: #bed4b1;
        color: #000;
        margin-bottom: -20px;
    }

    .blog-entry .blog-content ol {
        list-style-type: decimal;
    }

    .blog-entry .blog-content ul {
        list-style-type: disc;
    }

    .blog-entry .blog-content li {
        padding-bottom: 10px;
    }

/* Project
***************************************************************************************************/

.project {
    padding: 10px;
    padding-right: 0px;
    margin-bottom: 15px;
    margin: 0px;
    margin-top: -5px;
    margin-left: -20px;
    overflow: auto;
}

.project h2 {
    margin-top: -9px;
    margin-bottom: 5px;
    font-size: 2em;
}

.project h2 a:visited,
.project h2 a:link,
.project h2 a:hover {
    font-weight: normal;
    color: #1f415d;
    border-bottom: none;
}

.project img {
    padding: 4px;
    border: 1px solid #1f415d;
    background: #1f415d;
    float: left;
    margin-right: 10px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.project p {
    margin: 0px;
    padding: 0px;
}

.project p.date {
    font-size: 0.9em;
    margin-top: -10px;
    font-style: italic;
}

.project p.brief {
    font-size: 1.1em;
    margin-top: -10px;
    color: #1f415d;
}

.project .project-content {
    margin-top: 0px;
    font-size: 1em;
    color: #333;
}

#project-full .project-content {
    clear: both;
    padding-left: 20px;
    color: #000;
    text-align: justify;
    margin-right: 10px;
}

#project-full p.components {
    color: #555;
    margin-top: -5px;
}

#project-full .project-links li {
    text-decoration: none;
    padding-left: 20px;
    display: inline;
    padding-right: 20px;
    background: url(/img/style/flux-refresh/li_arrow.gif) center left no-repeat;
}

#project-full .project-links {
    margin-top: -5px;
}

#project-screenshot-navigation {
    padding-left: 0px;
    margin-left: 0px;
    margin-bottom: 10px;
    margin-top: -5px;
}

#project-screenshot-navigation li.next {
    text-align: right;
}

#project-screenshot-navigation li {
    display: inline;
    padding-right: 10px;
}

#project-screenshot img {
    padding: 5px;
    background: #1f415d;
    padding-left: 20px;
    margin-left: -20px;
}

#project-full .descriptive-image img {
    height: auto;
    width: 200px;
    padding-left: 5px;
    border: none;
    float: none;
    margin: 0px;
}

#project-full .descriptive-image.style1 {
    float: right;
    width: 200px;
    margin-left: 20px;
    margin-right: 10px;
}

#project-full .descriptive-image.style2 {
    float: left;
    width: 200px;
    margin-right: 10px;
}

#project-full .descriptive-image p.blurb {
    margin: 0px;
    padding: 0px;
    font-style: italic;
    font-size: 0.9em;
}

#project-full .descriptive-image {
    clear: both;
    border: none;
    margin-bottom: 10px;
}

#project-info a.icon img {
    margin-right: 10px;
    float: left;
    border: 5px solid #1f415d;
}

#project-info .brief {
    font-weight: bold;
    font-size: 1.3em;
}

#project-info .date {
    font-size: 0.9em;
    font-style: italic;
}

#project-info .components {
    font-size: 1.1em;
}

#project-info
{
    padding-left: 20px;
    margin-top: 14px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #DFEDFF;
}

#project-info h2 {
    font-size: 2em;
    padding-top: 2px;
}

#project-info h3 {
    color: #1f415d;
    margin-top: 15px;
}

#project-info .project-links {
    margin-left: 10px;
}

#project-info .project-links li {
    text-decoration: none;
    padding-left: 30px;
    padding-right: 20px;
    margin-bottom: 3px;
    background: url(/img/style/flux-refresh/li_arrow.gif) center left no-repeat;
}

.project-small {
    margin: 10px;
    overflow: auto;
}

.project-small img {
    border: 5px solid #1f415d;
    margin-right: 10px;
    float: left;
}

/* Tags
***************************************************************************************************/

#tags {
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
}

#tags li {
    display: inline;
}

#tags li a {
    color: #000;
    border-bottom: none !important;
}

#notes-tags ul li {
    padding-left: 20px;
    background: url(/img/style/flux-refresh/li_arrow.gif) center left no-repeat;
}

#notes-tags ul li em {
    color: #1f415d;
    font-size: 0.8em;
}

#tag-cloud-list {
    overflow: auto;
    display: block;
    word-wrap: break-word;
    text-align: center;
}

#tag-cloud-list li {
    padding-right: 10px;
    display: inline;
}

/* Archive
***************************************************************************************************/

#archive li {
    padding: 3px 0px 3px 0px;
    padding-left: 20px;
    background: url(../images/flux/li_arrow.gif) center left no-repeat;
}

#archive-content {
    padding-bottom: 10px;
}

#archive {
    margin: 0px;
    margin-top: 10px;
    margin-left: 20px;
}

.archive-title {
    margin-top: -15px;
    margin-bottom: 10px;
}

.archive-month {
    font-size: 1.3em;
    font-weight: bold;
}

.archive-days {
    font-size: 1.1em;
    margin-bottom: 10px;
}

.archive-days li {
    overflow: auto;
}

.archive-days li a {
    float: left;
    text-decoration: none;
}

.archive-days li ul.archive-posts {
    margin-top: 0px;
}

.archive-days li ul.archive-posts li {
    margin-bottom: 5px;
    padding-bottom: 3px;
    margin-left: 5px;
    border-bottom: 1px dotted #1d415f;
}

.archive-days li ul.archive-posts li span.comments {
    color: #1f415d;
    float: right;
}

#notes-archive h3 {
    margin-bottom: -10px;
}

#archive-list .year {
    padding-top: 10px;
}

#archive-list .month {
    padding-left: 10px;
}

#archive-list li em {
    color: #1f415d;
    font-size: 0.8em;
}

.archive-days a.priv {
    background: url(/img/icon/key.png)  center left no-repeat;
    padding-left: 20px;
}

.archive-days a.locked {
    background: url(/img/icon/locked.png)  center left no-repeat;
    padding-left: 20px;
}

/* Comments
***************************************************************************************************/

.comment-avatar {
    background: #1d415f;
    padding: 2px;
    margin-right: 10px;
    margin-left: 20px;
    margin-top: 5px;
    float: left;
    width: 45px;
    height: 45px;
    color: #fff;
}

.comment p.user {
    background: #f1f9ff;
    font-size: 1.3em;
    font-weight: normal;
    padding-top: 5px;
    color: #1d415f;
}

.comment p.user a {
    text-decoration: none;
    font-weight: normal;
}

.comment p.user a em {
    display: none;  
}

.comment p.user a:hover em {
    display: inline;
    font-size: 0.75em;
    color: #1d415f;
    font-weight: bold;
}

.comment p.date {
    background: #f1f9ff;
    font-style: italic;
    margin-top: -10px;
}

.comment blockquote {
    background: #f1f9ff;
    font-style: normal;
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1em;
    padding-left: 20px;
    padding-right: 10px;
    text-align: justify;
}

.comment .admin-options {
    padding-left: 15px;
    padding-bottom: 5px;
    padding-top: 3px;
    margin-left: 0px;
    background: #ddd;
    margin-top: 0px;
}

.comment {
    margin-bottom: 10px;
    margin-left: -20px;
    border-right: 1px solid #dfedff;
    border-bottom: 1px solid #dfedff;
}
.comment .admin-options li {
    display: inline;
    padding-right: 5px;
}

#leave-comment label {
    display: block;
    padding-bottom: 3px;
}

#leave-comment span {
    display: block;
    margin-bottom: 10px;
}

#leave-comment input {
    width: 400px;
}

#leave-comment textarea {
    width: 690px;
}

#leave-comment input.submit-comment {
    background: #1f415d;
    color: #fff;
    font-weight: bold;
    width: 100px;
    padding-left: 20px;
    margin-left: -20px;
}

#leave-comment {
    margin-bottom: 10px;
}

#leave-comment .hpot {
    display: none;
}

/* About page
***************************************************************************************************/

#about-me-blurb p {
    padding-bottom: 20px;
}

#colophon-things {
    padding: 10px;
}

#colophon {
    padding-bottom: 20px;
}

#colophon-things li {
   list-style-image: url(../images/flux/li_arrow.gif);
   padding: 1px 0px 1px 0px;
}

#more-info {
    padding: 10px;
}

#more-info li {
   list-style-image: url(../images/flux/li_arrow.gif);
   padding: 1px 0px 1px 0px;
}

.rss ul {
   margin-left: 40px;
}

.about-section p {
    text-align: justify;
}

#picture-me {
    float: left;
    padding: 5px;
    margin: 0px 10px 0px -20px;
    background: #1f415d;
    padding-left: 20px;
}


ul#colophon-things,
ul#more-info {
    padding-top: 0px;
}

ul#colophon-things li,
ul#more-info li {
    padding-left: 20px;
    background: url(/img/style/flux-refresh/li_arrow.gif) center left no-repeat;
}

ul#rss-feeds li {
    padding-left: 20px;
    background: url(/img/icon/rss.png) center left no-repeat;
}

/* Also find me at...
***************************************************************************************************/

#also-find-me a em {
    display: none;
}

#also-find-me a:hover em {
    display: inline;
    font-size: 1em;
    text-decoration: none;
    color: #1f415d;
    background: #f1f9ff;
    text-decoration: none;
    padding-left: 5px;
}

#also-find-me li {
    padding-left: 20px;
    margin-bottom: 3px;
}

#also-find-me li.twitter {
    background: url("/img/icon/twitter.ico") center left no-repeat;
}

#also-find-me li.flickr {
    background: url("/img/icon/flickr.ico") center left no-repeat;
}

#also-find-me li.lastfm {
    background: url("/img/icon/lastfm.ico") center left no-repeat;
}

#also-find-me li.stackoverflow {
    background: url("/img/icon/stackoverflow.ico") center left no-repeat;
}

#also-find-me li.metastackoverflow {
    background: url("/img/icon/metastackoverflow.ico") center left no-repeat;
}

#also-find-me li.serverfault {
    background: url("/img/icon/serverfault.ico") center left no-repeat;
}

#also-find-me li.superuser {
    background: url("/img/icon/superuser.ico") center left no-repeat;
}

#also-find-me li.delicious {
    background: url("/img/icon/delicious.ico") center left no-repeat;
}

#also-find-me li.linkedin {
    background: url("/img/icon/linkedin.ico") center left no-repeat;
}

#also-find-me li.google {
    background: url("/img/icon/google.ico") center left no-repeat;
}

#also-find-me li.launchpad {
    background: url("/img/icon/launchpad.ico") center left no-repeat;
}

#also-find-me li.stumbleupon {
    background: url("/img/icon/stumbleupon.ico") center left no-repeat;
}

/* Error and Information boxes
***************************************************************************************************/

.error {
    padding: 10px;
    border: 1px solid #58100b;
    margin-bottom: 10px;
    margin-top: 10px;
    background: #ffdfdf;
    color: #58100b;
}

ul.error {
    margin-left: 0px;
}

ul.error li {
    padding-left: 20px;
}

ul.error li.error-blurb {
    font-weight: bold;
    padding-left: 0px;
}

.notice {
    padding: 10px;
    border: 1px solid #deb011;
    margin-bottom: 10px;
    margin-left: 0px;
    background: #ffffc5;
}

#leave-comment .notice {
    margin-bottom: 20px;
}

/* Contact
***************************************************************************************************/

#contact-form label {
    display: block;
    padding-bottom: 3px;
    font-weight: bold;
}

#contact-form label em {
    font-style: italic;
    font-weight: normal;
}

#contact-form span {
    display: block;
    margin-bottom: 10px;
}

#contact-form input {
    width: 400px;
}

#contact-form textarea {
    width: 690px;
}

#contact-form input.submit {
    background: #1f415d;
    color: #fff;
    font-weight: bold;
    width: 100px;
    padding-left: 20px;
    margin-left: -20px;
}

#contact-form .hpot {
    display: none;
}

/* Site Map
***************************************************************************************************/

#site-map {
    font-size: 1.2em;
}

#site-map li {
    padding: 5px;
    padding-left: 20px;
    background: url(/img/style/flux-refresh/li_arrow.gif) 0em 0.7em no-repeat;
}

/* Misc
***************************************************************************************************/

input.delete { 
    padding-left: 25px;
    background: url(/img/icon/delete.png) 5px 50% no-repeat;
}

input.moderate {
    padding-left: 25px;
    background: url(/img/icon/comment.png) 5px 50% no-repeat;
}

input.spam {
    padding-left: 25px;
    background: url(/img/icon/comments_disabled.png) 5px 50% no-repeat;
}

#not-found-reasons li {
    padding-left: 20px;
    background: url(/img/style/flux-refresh/li_arrow.gif) 0px 4px no-repeat;
    margin-bottom: 20px;
}

form.admin-control input.action {
    background-color: #333;
    color: #fff;
    font-weight: bold;
    font-size: 0.9em;
}

form.admin-control {
    display: inline;
}

/* Login Page
***************************************************************************************************/

#login #menu,
#login #breadcrumb-banner,
#login #footer {
    display: none;
}

#login #page-container {
    background: #fff;
}

#login form {
    width: 20em;
    margin-left: 30%;
}

#login .error {
    margin: 10px 10px 0px 10px;
    border: 2px solid #f00;
}

#login fieldset {
    padding: 0px;
    margin: 0px;
    width: 100%;
    background: #f3f3f3;
    padding: 20px;
    padding-bottom: 10px;
    margin: 20px;
}

#login span {
    display: block;
    margin-bottom: 10px;
}

#login label#openid {
    display: none;
}

#login-openid input {
    background: #fff url(/img/icon/openid.png) 0.3em 0.35em no-repeat;
    padding-left: 25px !important;
    width: 17em !important;
}

#login-openid input.submit {
    width: auto !important;
    padding-left: 4px !important;
}

#login label {
    display: block;
}

#login input {
    border: 1px solid #aaa;
    padding: 4px;
    font-size: 1.2em;
    width: 18em;
}

#login input.submit {
    font-size: 0.9em;
    margin-top: 0px;
    width: auto;
    background: #ddd;
    margin-right: 0px;
}



/**************************************************************************************************/

/* Print Style
***************************************************************************************************/
/* For some reason the W3C validator can't parse this line, yet it's perfectly valid in the CSS spec
and indeed all the browsers I care about my site working in handle it fine. So I'll just have to
put up with the validator saying it's wrong. */
@import url("print.css") print;