@CHARSET "UTF-8";
div.clearfix {
    display: block;
    float: none;
    clear: both;
}
a.no-underline {
    text-decoration: none;
}
a.grey {
    color: #999;
}
a img { border-width: 0; }
h2.black {
    background-color: black;
    color: #999;
    
    font-size: 9pt;
    font-weight: normal;
    
    line-height: 1.6em;
    padding: 0 1em;
}
div.float-right,
span.float-right {
    float: right;
}
div.error-message {
    color: #F30;
    font-size: 8pt;
    text-align: right;
}

/* possible inclusion in layout.css */
div.story-badge {
    margin: 1em 0;
}

div.stories-body {
    width: 835px;
}
    div.stories-body div.art-box {
        margin-bottom: 1em;
    }
    div.stories-body div.header.header-blue {
        height: 20px;
        line-height: 20px;
    }
        div.stories-body div.header select.sorter {
            float: right;
            font-size: 8pt;
        }

table.stories-index,
table.stories-display {
    width: 100%;
}
    table.stories-index td,
    table.stories-display td {
        vertical-align: top;
    }
    td.stories-listing {
        width: 575px;
    }
        td.stories-listing div.page-switch {
            text-align: left;
            font-size: 125%;
        }
            td.stories-listing div.page-switch a.prev {
            }
            td.stories-listing div.page-switch a.next {
                float: right;
            }
        div.stories-listing-item {
            border-bottom: 1px solid #CCC;
            margin: 1em 0 2em 0;
        }
            div.stories-listing-item div.photo {
                margin: 0;
            }
                div.stories-listing-item div.photo img {
                    width: 575px;
                    border-width: 0;
                }
            div.stories-listing-item h1 {
                margin: 0.5em 0;
            }
            div.stories-listing-item div.metadata {
            }
                div.stories-listing-item div.metadata .comments-link {
                    float: right;
                }
            div.stories-listing-item div.story-actions {
                line-height: 3em;
            }
    td.stories-sidebar {
        padding-left: 1.5em;
    }
        td.stories-sidebar div.stories-sidebar-listing {
            display: none;
            overflow: auto;
            height: 305px;
            
            margin-top: 0.5em;
        }
        td.stories-sidebar div.stories-sidebar-listing .story-badge {
            margin: 0.5em 0 1em 0;
        }
    td.stories-gallery {
        width: 100%;
        height: 465px;
    }
        div.gallery-photo {
            position: relative;
            z-index: 10;
            text-align: center;
        }
            div.gallery-photo div.wrapper {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 5;
                
                width: 735px;
                height: 465px;
            }
            div.gallery-photo img {
                height: 450px;
            }
            div.gallery-photo div.wrapper div {
                position: absolute;
                bottom: 0;
                font-size: 8pt;
                color: #AAA;
            }
            div.gallery-photo div.wrapper div.canvas {
                position: relative;
                background-color: #E6ECFA;
            }
            div.gallery-photo div.photo-credit {
                right: 0px;
            }
        div.gallery-thumbnails {
            position: relative;
            z-index: 20;
            
            float: right;
            width: 92px;
            height: 450px;
            overflow: auto;
            padding: 0 3px;
        }
            div.gallery-thumbnails div.thumbnail {
                border: 1px solid #999;
                width: 75px;
                height: 75px;
                margin: 0 auto 4px 0;
            }
    table.stories-display td.headline {
        padding: 1em 0;
    }
    table.stories-display td.byline {
        width: 575px;
    }
        table.stories-display td.byline div.metadata-published {
            color: #999;
        }
    table.stories-display td.sidebar {
        width: 260px;
    }
        table.stories-display td.sidebar div.header {
            width: 244px;
        }
        table.stories-display td.sidebar div.share-buttons {
            margin: 2em 0.5em;
        }
        table.stories-display td.sidebar div.share-buttons a {
            margin: 0 0.5em 0 0;
        }
        table.stories-display td.sidebar div.share-buttons img {
        }
    table.stories-display td.comments {}
        table.stories-display td.comments h2.black {}
        table.stories-display td.comments div.byline div.metadata-published {
            color: #999;
            font-size: 8pt;
        }
        div.stories-comments-listing-item {
            padding: 1em 1em 0 1em;
            border-bottom: 1px solid #999;
        }
            div.stories-comments-listing-item.indent {
                padding-left: 5em;
            }
            div.stories-comments-listing-item.author {
                background-color: #e6ecfa;
                font-size: 9pt;
            }
            div.stories-comments-listing-item .byline {
                margin-top: 3px;
            }
            div.stories-comments-listing-item .comment-reply-form {
                display: none;
            }
            div.stories-comments-listing-item p {
                margin-left: 5em;
                margin-right: 2em;
            }
        div.stories-comments-actions {
            font-size: 8pt;
            text-align: right;
            margin-bottom: 0.5em;
            margin-top: -1em;
        }
        form.stories-comments-form {
        }
            form.stories-comments-form  label {
                display: block;
                color: #777;
            }
            form.stories-comments-form p.in-response-to {
                display: none;
            }
            form.stories-comments-form div.text {
                float: left;
                margin: 1em 0;
            }
                form.stories-comments-form div.text.right {
                    float: right;
                }
                form.stories-comments-form div.text input {
                    font-family: Arial, Verdana, sans-serif;
                    font-size: 9pt;
                    color: #777;
                    width: 250px;
                }
            form.stories-comments-form div.textarea {
                margin: 0 0 1em 0;
                clear: both;
            }
            form.stories-comments-form textarea {
                font-family: Arial, Verdana, sans-serif;
                font-size: 9pt;
                color: #777;
                width: 555px;
            }
            form.stories-comments-form div.select {
                text-align: right;
                margin: 0 0 1em;
            }
                form.stories-comments-form div.select label {
                    display: inline;
                }
            form.stories-comments-form div.submit {
                text-align: right;
            }
                form.stories-comments-form div.submit input {
                    height: 31px;
                    
                    background: url(../img/rewards/button-gradient.png) bottom left repeat-x white;
                    color: #444;
                    
                    font-size: 9pt;
                    
                    border: 1px solid #CCC;
                    padding-bottom: 3px;
                    cursor: pointer;
                }
            form.stories-comments-form div.captcha-wrapper {
                float: left;
                margin-top: -2px;
            }
table.stories-add {
}
    table.stories-add td {
        vertical-align: top;
    }
    table.stories-add td.notes p{
        margin: 1.5em 0.5em;
    }
    td.stories-add-content {
        width: 650px;
    }
    td.stories-add-photos {
    }
        td.stories-add-photos object {
            float: right;
        }
        td.stories-add-photos div.uploadifyQueue {
            clear: both;
        }
        td.stories-add-photos span.error-message {
            color: #C30;
            margin-left: 2em;
        }
        td.stories-add-photos div.all-thumbnails {
            margin: 1em 0;
        }
        td.stories-add-photos div.thumbnail {
            float: left;
            width: 140px;
            margin: 1em 0 1em 0;
            padding: 0em;
            text-align: center;
        }
            td.stories-add-photos div.thumbnail img {
                display: block;
                padding: 1em;
                margin: 0 auto;
                background-color: #EEE;
                border: 1px solid #CCC;
            }
            td.stories-add-photos div.thumbnail a.button {
                margin: 0.5em;
            }

table.stories-edit {
    width: 100%;
}
    table.stories-edit td {
        vertical-align: top;
    }
    td.stories-edit-content {
        width: 650px;
    }
    td.stories-edit-photos {
        
    }
        td.stories-edit-photos p {
            font-size: 8pt;
            line-height: 1em;
            margin: 1em;
        }
        td.stories-edit-photos div.all-thumbnails {
            padding: 2em 0;
            margin-top: -2em;
        }
        td.stories-edit-photos div.thumbnail {
            position: relative;
            margin: 1em auto;
            text-align: center;
        }
            td.stories-edit-photos div.thumbnail img {
                display: block;
                padding: 1em;
                margin: 0 auto;
                background-color: #EEE;
                border: 1px solid #CCC;
            }
            td.stories-edit-photos div.thumbnail a.delete img {
                position: absolute;
                top: -4px;
                right: 32px;
                padding: 0;
                border-width: 0;
                background-color: transparent;
            }
            td.stories-edit-photos div.thumbnail a.button {
                margin: 0.5em;
            }
        td.stories-edit-photos div.thumbnail div.edit-photo {
            display: none;
            
            position: absolute;
            top: 13px;
            left: -250px;
            z-index: 40;
            
            width: 300px;
            
            background-color: #DDD;
            border: 1px solid #AAA;
            padding: 0.25em;
            
            font-size: 8pt;
            text-align: left;
        }
            td.stories-edit-photos div.thumbnail div.edit-photo label {
                display: block;
                float: left;
                width: 4.5em;
                line-height: 19px;
            }
            td.stories-edit-photos div.thumbnail div.edit-photo .text {
                padding: 0.25em 1em;
            }
                td.stories-edit-photos div.thumbnail div.edit-photo .text input {
                    font-size: 8pt;
                    width: 160px;
                }
            td.stories-edit-photos div.thumbnail div.edit-photo .submit {
                position: absolute;
                right: 1em;
                top: 1.6em;
            }
                td.stories-edit-photos div.thumbnail div.edit-photo .submit input {
                    font-size: 7pt;
                }
                td.stories-edit-photos div.thumbnail div.edit-photo .submit div.wait {
                    width: 19px;
                    height: 22px;
                    float: left;
                    
                    background: url(../images/wait.gif) no-repeat center center transparent;
                }
        td.stories-edit-photos div.file {
            position: relative;
            text-align: center;
        }
            td.stories-edit-photos div.file div.uploadifyQueue {
                position: absolute;
                left: 120px;
                top: -5px;
            }
            td.stories-edit-photos div.file div.uploadifyQueue {
                width: auto;
                white-space: nowrap;
            }
form.stories-form {
    padding: 0.5em;
}
    form.stories-form h2 {
        font-size: 10pt;
        color: #666;
        margin: 0.5em 0;
    }
    form.stories-form p {
        margin: 0;
    }
    form.stories-form label {
        color: #666;
        display: block;
        line-height: 1.6em;
        
        cursor: pointer;
    }
    form.stories-form div.input {
        margin: 1em 0;
    }
    form.stories-form div.input textarea,
    form.stories-form div.text input {
        width: 630px;
        font-family: Arial, Tahoma, Verdana, sans-serif;
        font-size: 9pt;
        color: #333;
        border: 1px solid #CCC;
        padding: 0.3em;
    }
    form.stories-form div.attach-photos div.file {
        padding: 0 0 1em 1em;
        border-bottom: 1px solid #BBB;
    }
    form.stories-form div.textarea div.caption {
        text-align: right;
    }
        form.stories-form div.textarea div.caption .too-long {
            float: left;
            color: #F30;
        }
    form.stories-form div.input textarea {
        height: 18em;
    }
    form.stories-form fieldset.preview {
    }
        form.stories-form fieldset.preview div.preview {
            max-height: 25em;
            overflow: auto;
        }
            form.stories-form fieldset.preview div.preview p {
                margin: 0 0.5em 1em;
            }
    form.stories-form div.input.inside {
        margin: 0.5em 0;
        font-size: 8pt;
    }
        form.stories-form div.input.inside label {
            float: left;
            width: 5em;
            margin-right: 0.5em;
            line-height: 22px;
        }
        form.stories-form div.text.inside input {
            width: 40%;
            font-size: 8pt;
        }
    form.stories-form div.submit {
        text-align: right;
        margin-top: 3em;
    }
        form.stories-form div.submit a.button {
            display: block;
            float: right;
        }
        form.stories-form div.submit input {
            float: right;
            
            height: 31px;
            
            background: url(../img/rewards/button-gradient.png) bottom left repeat-x white;
            color: #444;
            
            font-family: Arial, Verdana, sans-serif;
            font-size: 9pt;
            white-space: nowrap;
            
            padding: 0 10px;
            margin: 0 0 0 2em;
            border: 1px solid #CCC;
            
            cursor: pointer;
            text-decoration: none;
        }
        form.stories-form div.submit a {
            margin-left: 2em;
        }
    
#wmd-button-bar #wmd-quote-button,
#wmd-button-bar #wmd-code-button,
#wmd-button-bar #wmd-image-button,
#wmd-button-bar #wmd-heading-button,
#wmd-button-bar #wmd-hr-button,
#wmd-button-bar #wmd-help-button
{
    display: none;
}
#wmd-button-bar #wmd-olist-button { left: 75px !important; }
#wmd-button-bar #wmd-ulist-button { left: 100px !important; }
#wmd-button-bar #wmd-spacer2 { left: 125px !important; }
#wmd-button-bar #wmd-link-button { left: 150px !important; }
#wmd-button-bar #wmd-spacer3 { left: 175px !important; }
#wmd-button-bar #wmd-undo-button { left: 200px !important; }
#wmd-button-bar #wmd-redo-button { left: 225px !important; }

table.stories-photocrop {
}
    table.stories-photocrop img.croppable {
        width: 300px;
        height: auto;
        
        padding: 1em;
        margin: 2em 0;
        background-color: #E6ECFA;
    }
    
a.button {
    display: inline-block;
    height: 29px;
    line-height: 31px;
    
    background: url(../img/rewards/button-gradient.png) top left repeat-x white;
    color: #444;
    
    font-size: 9pt;
    white-space: nowrap;
    
    padding: 0 10px;
    border: 1px solid #CCC;
    
    cursor: pointer;
    text-decoration: none;
}
    a.button.small {
        font-size: 7pt;
        height: 22px;
        line-height: 21px;
    }
    a.button img {
        vertical-align: -3px;
        margin-right: 6px;
    }
    a.button:hover {
        background-image:none;
    }