---
---
abbr, acronym
    border-bottom: 1px dotted #888
    text-decoration: none
    cursor: help

#main_content li
    margin-bottom: 0.5em

#headerleft, #headerright
    display: inline-block

#headerleft
    padding-right: 100px

    h2
        margin: 0

#headerright
    width: 400px
    vertical-align: top

#downloads
    margin: 20px 0 0 0

.footnote
    font-size: 8pt

.footnotes
    padding-top: 1em
    font-size: 8pt

#related
    overflow: visible
    white-space: nowrap
    min-height: 1em

#nextpost
    float: left

#prevpost
    float: right

#ads
    padding: 2em 0
    background-color: rgba(black, 0.1)

#comments
    clear: both

td
    white-space: nowrap

.freeze-first-col
    position: relative
    table-layout: fixed
    width: 100%

    tbody
        overflow-x: scroll
        position: relative
        width: 100%
        display: block

        td:nth-child(1)
            position: relative
            background-color: white
            display: block

        tr:hover td
            background-color: rgba(gray, 0.3)

$noteclassic: #99d
$noteimportant: #ff0
$notewarning: #d99
$notetip: #9d9

.noteclassic, .noteimportant, .notewarning, .notetip
    margin: 2em
    margin-left: auto
    margin-right: auto
    width: 70% !important
    min-height: 40px
    clear: both
    text-align: justify
    vertical-align: middle
    border-collapse: collapse
    padding: 15px 20px 15px 80px
    background-position: 20px 50%
    background-repeat: no-repeat
    -moz-border-radius: 20px
    -khtml-border-radius: 20px
    border-radius: 20px

.noteclassic
    border: 2px solid $noteclassic
    background-color: rgba($noteclassic, 0.1)
    background-image: url(../images/note.png)

.noteimportant
    border: 2px solid $noteimportant
    background-color: rgba($noteimportant, 0.1)
    background-image: url(../images/important.png)

.notewarning
    border: 2px solid $notewarning
    background-color: rgba($notewarning, 0.1)
    background-image: url(../images/warning.png)

.notetip
    border: 2px solid $notetip
    background-color: rgba($notetip, 0.1)
    background-image: url(../images/tip.png)

kbd
    display: inline-block
    color: #333
    background-color: white
    text-align: center
    border-left: 1px solid #cfcfcf
    border-top: 1px solid #cfcfcf
    border-right: 2px solid #666
    border-bottom: 2px solid #666
    -moz-border-radius: 4px
    -webkit-border-radius: 4px
    border-radius: 4px
    padding-left: 2px
    padding-top: 2px
    padding-right: 2px
    padding-bottom: 2px
    margin-left: 2px
    margin-right: 2px
    vertical-align: middle
    line-height: 1em
    font-family: sans-serif

#page_meta
    color: #888
    margin-top: -38px

    img
        vertical-align: text-bottom