/**
 * Main CSS file for bleb.org, v2
 *
 * (c) Andrew Flegg 2005. Released under the Artistic Licence.
 */


/* -- Page structure -------------------------------------------------- */
#title {
    position:              absolute;
    top:                   0px;
    left:                  0px;
    width:                 100%;
    height:                4.5em;
    text-align:            right;
    border-bottom:         1px solid #666;
    padding:               0px;
    margin:                0px;
}

#title h1 {
    padding:               4px 1em 0px 0px;
    margin:                0px;
    font-size:             2.5em;
    color:                 #ee9327;
    font-weight:           normal;
    font-style:            none;
}

#backtrail {
    font-size:             75%;
    color:                 #444;
    padding:               1px 3.4em 2px 0px;
}

#backtrail a:hover {
    color:                 #777;
}

#backtrail a {
    text-decoration:       none;
    color:                 #444;
}

#nav {
    position:              absolute;
    top:                   0px;
    left:                  0px;
    width:                 10em;
    border-right:          1px solid #666;
    padding-top:           4.5em;
    padding-bottom:        20em;
    background:            url('/bits/logo.png') 16px 2px;
    background-repeat:     no-repeat;
}

#nav ol {
    font-size:             80%;
    list-style:            none;
    margin:                1px 0px 0px 0px;
    padding:               0px 0px 1em 0px;
    border:                none;
}

#nav li {
    border-bottom:         1px solid #deca80;
    margin:                0px;
    padding:               0px;
}

#nav li a {
    display:               block;
    padding:               5px 5px 5px 0.5em;
    border-left:           10px solid #ccc;
    border-right:          10px solid #eee;
    background-color:      #ddd;
    text-decoration:       none;
    color:                 #000;
    margin:                0px;
}

#nav li a.selected {
    border-right:          10px solid #d44;
}

#nav li a:hover {
    border-left:           10px solid #444;
    border-right:          10px solid #666;
    background-color:      #555;
    color:                 #fff;
}

#nav li a:hover.selected {
    border-right:          10px solid #822;
}

#nav li ol {
    list-style:            none;
    margin:                0px;
    padding:               0px;
    border:                none;
}

#nav li li {
    border-top:            1px solid #deca80;
    border-bottom:         none;
    margin:                0px;
    padding:               0px;
}

#nav li li a {
    display:               block;
    padding:               5px 5px 5px 2em;
    border-left:           10px solid #ddd;
    border-right:          10px solid #fff;
    background-color:      #eee;
    text-decoration:       none;
    color:                 #000;
    margin:                0px;
}

#nav li li a:hover {
    border-left:           10px solid #666;
    border-right:          10px solid #888;
    background-color:      #777;
    color:                 #fff;
}

#nav .ad {
    width:                 10em;
    margin:                0px;
    padding:               0px;
    text-align:            center;
}



body {
    font-family:           Verdana, Arial, Helvetica, sans-serif;
}

.skip {
    display:               none;
}

#content {
/*    margin:                4.5em 2em 2em 10em; /*- for fontsize == 100% */
    margin:                5em 2.22em 2.22em 11.11em; /* for 90% */
    padding:               0.2em;
    position:              absolute;
    font-family:           Georgia,Bitstream Vera Sans,Trebuchet MS,Tahoma,Verdana,sans-serif;
    width:                 75%;
    line-height:           1.5em;
    font-size:             90%;
    text-align:            justify;
}

#footer {
    clear:                 both;
    float:                 right;
    border-top:            1px solid #666;
    padding:               2px 2px 2px 8em;
    margin-top:            0.5em;
    font-size:             84%;
}

/* -- Links ----------------------------------------------------------- */
a:link {
    color:              #1b1bff;
    text-decoration:    underline;
}

a:visited {
    color:              #631f84;
    text-decoration:    underline;
}

a:link:hover, a:visited:hover {
    color:              rgb(160, 92, 192);
    text-decoration:    underline;
}

a:link:active, a:visited:active  {
    color:              #fd4621;
    text-decoration:    underline;
}


/* -- Front page and diary -------------------------------------------- */
.shadow .diary {
    background:            #f6f0c5 !important;
}

.shadow .diary .entry {
    border:                none;
}

.rss img {
    border:                none;
}

.diary .rss {
    float:                 right;
}

.diary .entry {
    border-bottom:         2px dotted red;
    padding-top:           2px;
    padding-bottom:        1em;
    margin:                0px;
}

.diary div.entry {
    clear:                 left;
}

.diary .entry0 { padding-right: 10% }
.diary .entry1 { padding-left:  10% }

.diary .entry p {
    margin-top:            0.8em;
    margin-bottom:         0px;
    padding:               0px;
}    

.diary h2 {
    font-size:             110%;
    color:                 #000;
    margin-top:            2px;
    padding:               0px;
    border:                none;
}

.diary .expand {
    float:                 right;
    position:              relative;
    top:                   -1.5em;
    font-size:             84%;
}

blockquote.dict {
    background-image:   url('/bits/bubbles6.jpg');
}

.dict .defn {
    font-family:        "Times New Roman",serif;
    font-size:          160%;
    font-weight:        bold;
}

.dict .pron {
    font-family:        "Times New Roman",serif;
    font-size:          140%;
    font-style:         italic;
}

.dict .words {
    font-family:        "Times New Roman", serif;
    font-size:          140%;
}

blockquote p {
    margin:             0px;
    padding:            0px;
}

blockquote .byline {
    font-family:        Verdana, Helvetica, sans-serif;
    text-align:         right;
    display:            block;
    font-size:          84%;
    color:              #666;
    font-style:         italic;
}

/* -- Common styles for in-content elements --------------------------- */
h2 {
    color:                 #444;
    font-weight:           normal;
    font-style:            none;
    font-family:           Verdana, Arial, Helvetica, sans-serif;
    font-size:             150%;
    margin-bottom:         2px;
    padding-bottom:        0px;
    width:                 100%;
    border-top:            1px dotted red;
    margin-top:            1.5em;
    clear:                 both;
}    

h3 {
    color:                 #444;
    font-family:           Verdana, Arial, Helvetica, sans-serif;
    font-size:             110%;
    margin-bottom:         2px;
    padding-bottom:        0px;
}


.first {
    margin-top: 0pt;
    padding-top:    0pt;
}

.theme-setter {
    float:             right;
    margin:            1.5em 0.5em 1em 1.5em;
}

.container {
    clear:             both;
}

.warning {
    border:            5px solid red;
    padding:           0.2em;
}

dt, span.detail {
    color:             #961d1d;
    font-weight:       bold;
    font-family:       Verdana, Arial, Helvetica, sans-serif;
    font-size:         88%;
}

.subtitle {
        font-weight:    bold;
        font-family:    Verdana, Arial, Helvetica, Homerton, Sans-serif;
        font-size:      150%;
}

.intro {
        font-weight:    bold;
        font-style:     italic;
        font-size:      84%;
        color:          #333;
        margin-left:    10%;
        margin-right:   10%;
}

.download {
        font-size:      small;
        text-align:     right;
        background:     #ddd;
        border:         1px solid #888;
        width:          50%;
        margin:         1em 0px 1em 50%;
        padding:        2px 0.1em 0.1em 0.1em;
}

div.download {
        height:         58px;
}

div.download a {
        white-space:    nowrap;
        display:        block;
        float:          left;
        padding-left:   4px;
        padding-top:    10px;
}


div.download span {
        float: left;
        margin: 10px 2px 2px 5px;
        font-size: 88%;
        font-family: sans-serif;
}

div.download span a {
        display:        inline;
        float:          none;
        padding:        inherit;
}

div.download a.package {
        background: url(package.png) top left no-repeat;
        padding-left:     64px;
        height:           54px;
}

div.download a.dmg {
        background: url(dmg.gif) top left no-repeat;
        padding-left:     42px;
        height:           48px;
}

div.download a.script {
        background: url(script.png) top left no-repeat;
        padding-left:     54px;
        height:           54px;
}

blockquote code {
        line-height:    1.2em;
}

blockquote.code {
        font-family:    monospace;
        line-height:    1.2em;
        background:     #ddd;
        border:         1px solid #88f;
        padding:        0.5em;
        text-align:     left;
}

.screenshot {
        margin:         auto;
        text-align:     center;
}

ul, ol {
        line-height:    1.8em;
}

.donate img {
        border:         none;
}

.fltRight {
        float:          right;
        margin-left:    1.5em;
}