body
    font-family: "Century Gothic", sans-serif
    background-color: rgb(102,102,102)

#wrap
    width: 80%
    margin: 1em auto
    background-color: white
    border: 1px solid black

#banner
    background-color: rgb(153,0,0)
    font-size: 1.25em
    font-width: bold
    padding: 6px
    #banner-title
        float: left
        a
            text-decoration: none
            color: white
    #banner-abbr
        color: white
        font-style: italic
        float: right

#oneliner
    padding: 4px
    font-style: italic
    background-color: rgb(240,240,240)
    a
        color: black
    cite:before
        content: " \2013"

#top-bar
    background-color: black
    a
        text-decoration: none
        &:hover
            color: purple
    ul
        float: right
        padding: 4px
        li
            margin-left: 1em
            display: inline
            list-style-type: none
            a
                color: white
                font-weight: bold
            &.selected a
                color: yellow

.pagination
    &+.quote
        border-top: 1px solid black

#quotes
    .quote
        margin: 0
        padding-bottom: 0.1em
        background-color: #fcfcfc
        border-bottom: 1px solid black
        .quote-header
            background-color: #f7f7f7
            border: 1px solid #f4f4f4
            margin: 0
            padding: 0.25em 0.75em
            *
                margin: 0 0.125em
            a
                text-decoration: none
            .vote-link
                color: #888
            .quote-upvote-link
                color: #090
                font-weight: bold
            .quote-downvote-link
                color: #900
                font-weight: bold
            .quote-link
                font-weight: bold
            datetime
                font-size: 80%
            .quote-edit-link
                font-size: 0.9em
                float: right
        blockquote
            font-family: Consolas, Monaco, "Courier New", monospace
            font-size: 14px
            margin: 0.5em 0.75em
            padding: 0
            position: static
            width: 100%
            .quote-speaker
                font-weight: bold
                color: green
        &:hover
            background-color: #fffcec
            .quote-header
                background-color: #fec
                border-color: #ffe9c9
        .quote-footer
            color: #666
            border-top: 1px dashed #EEE
            margin: 0 0.75em
            padding: 0.25em 0
            *
                font-size: 0.9em
            .quote-tags
                margin: 0
                padding: 0
                list-style-type: none
                li
                    display: inline
                    a
                        color: #666
                &:before
                    content: "TAGS:"
            .quote-notes + .quote-tags
                margin-top: 0.5em

#page-body
    p.normal
        margin: .5em
    ul
        margin: .5em .5em .5em 2em
    h2
        margin: .25em 0 0 .5em
    h3
        padding-bottom: 0.25em
        border-bottom: 1px dashed gray
        margin: .25em 0 0 .5em
    .form-field
        margin: 0.5em
    textarea
        width: 100%
    #about-left
        float: left
        width: 48%
        margin-right: 1em
    #about-right
        float: right
        width: 48%
        margin-left: 1em
        margin-bottom: 1em

#error-messages
    margin: .5em
    border: 1px solid black
    background-color: #FF4040
    padding: .5em
    h4
        font-size: 1.25em

#flash
    margin: .5em
    border: 1px solid black
    background-color: #FBEC5D
    padding: .5em
    h4
        font-size: 1.25em

#tags-container
    margin: 1em
    list-style-type: none
    li
        display: inline
        margin-left: 1em
    .css1
        font-size: 1.0em
    .css1_5
        font-size: 1.1em
    .css2
        font-size: 1.2em
    .css2_5
        font-size: 1.3em
    .css3
        font-size: 1.4em
    .css3_5
        font-size: 1.5em
    .css4
        font-size: 1.6em
    .css4_5
        font-size: 1.7em
    .css5
        font-size: 1.8em
    .css5_5
        font-size: 1.9em
    .css6
        font-size: 2.0em

#search-form
    margin: 0.5em
    input.searchform
        width: 50%

.audioplayer
    float: right

footer
    padding: 4px
    color: white
    text-align: center
    font-size: 0.75em
    clear: both
    font-weight: bold
    padding-bottom: .5em
    background-color: rgb(153,0,0)
    #footer-left
        float: left
    #footer-right
        float: right
    a
        color: white

.cleardiv
    clear: both