/* ----------------------------------------------------------------------------
Defaults and general
---------------------------------------------------------------------------- */

body
{
    background:         #111;
    color:              #aaa;
    font-family:        sans-serif;
    font-size:          9pt;
    margin:             0;
    padding:            0;
}

table
{
    font-family:        sans-serif;
    font-size:          10pt;
}

a
{
    color:              #64c8f5;
    text-decoration:    none;
}

a:hover
{
    color:              #64c8f5;
    text-decoration:    underline;
}

h1, h2, h3, h4, h5, h6
{
    color:              #64c8f5;
    text-align:         left;
}

img
{
    border:             1px solid black;
    vertical-align:     middle;
}

dt
{
    font-weight:        bold;
}

dd
{
    font-style:         italic;
}

/* ----------------------------------------------------------------------------
Introduction styles
---------------------------------------------------------------------------- */

#introduction
{
    position:           fixed;
    left:               0px;
    top:                0px;
    right:              0px;
    height:             auto;
    
    overflow:           hidden;
    padding:            0 1em 1em 1em;
}

#introduction h1
{
    font-size:          1.1em;
}

#introduction p
{
    color:              #555;
    margin:             0;
}

/* ----------------------------------------------------------------------------
Director styles
---------------------------------------------------------------------------- */

#director
{
    position:           fixed;
    left:               40px;
    top:                80px;
    width:              auto;
    height:             auto;
    
    overflow:           hidden;
    padding:            1em;
}

#director a
{
    border:             none;
    display:            block;
    font-weight:        bold;
    margin:             1px;
    padding:            4px;
    text-decoration:    none;
}

#director a:hover
{
    color:              white;
}

#director .sub
{
    font-size:          .75em;
    margin-left:        20px;
    padding-left:       8px;
    border-left:        1px solid #64c8f5;
}

#director .sub:hover
{
    border-left:        5px solid white;
    color:              white;
    margin-left:        18px;
    padding-left:       6px;
}

#director .active
{
    color:              white;
    border-color:       white;
}

/* ----------------------------------------------------------------------------
Article styles
---------------------------------------------------------------------------- */

#article
{
    position:           absolute;
    left:               210px;
    top:                30px;
    right:              0px;
    
    padding:            1em;
}

#article h1
{
    font-size:          1.8em;
    margin-top:         0.2em;
}

#article h2
{
    font-size:          1.2em;
}

#article h3
{
    font-size:          1.1em;
}

#article hr
{
    width:              10em;
    height:             1px;
    border:             none;
    border-top:         1px solid #333; /*rgb(80, 110, 120);*/
    text-align:         left;
    margin:             1px 0 1px 0;
}

#article .segment
{
    background-image:   url(article.png);
    background-repeat:  no-repeat;
    float:              left;
    width:              590px;
    margin:             0 1% 30px 0;
    border-left:        1px solid #333;
    padding:            .5em 1em .5em 1em;
    text-align:         justify;
}

#article .date
{
    float:              right;
    
    color:              #333;
    margin:             1em;
}

#article .comment
{
    background:         #222;
    border:             1px dashed #333;
    font-size:          0.8em;
    padding:            2px 32px 2px 32px;
    overflow:           hidden;
    height:             1em;
}

#article .comment td
{
    font-size:          0.8em;
    text-align:         right;
}

#article .comment form
{
    margin:             2em 0;
}

#article .comment input, #article .comment textarea
{
    vertical-align:     middle;
}


#article ul li, #article ol li
{
    color:              #777;
    font-size:          0.9em;
}

.error
{
    position:           fixed;
    top:                0;
    left:               400px;
    z-index:            1000;
    
    background:         #500;
    border-bottom:      2px solid #900;
    color:              #fff;
    font-weight:        bold;
    padding:            4px 32px 4px 32px;
    text-align:         center;
}

/* ----------------------------------------------------------------------------
Quickshots styles
---------------------------------------------------------------------------- */

#quickshots
{
    position:           fixed;
    left:               0;
    width:              218px;
    /*top:                350px;*/
    bottom:             0;
    
    background:         #080808;
    border-top:         1px solid #333;
    font-size:          .7em;
    overflow:           auto;
    padding:            1em 0 20px 0;
}

#quickshots h1
{
    color:              #333;
}

#quickshots a
{
    float:              left;
    width:              52px; /* account for img border */
    height:             52px;
    
    background:         #222;
    border:             1px solid #333;
    color:              #777;
    margin:             3px 0 0 3px;
    overflow:           hidden;
    padding:            4px;
    text-decoration:    none;
}

#quickshots a:hover
{
    border:             1px solid #777;
    background:         #555;
    color:              #999;
}

#quickshots img
{
    width:              50px;
    height:             50px;
    
    background:         #333;
    border:             1px solid #000;
}

#scrollblock
{
    position:           fixed;
    left:               200px;
    width:              20px;
    top:                30px;
    bottom:             0;
    
    background:         #111;
}

#scrolltop
{
    position:           fixed;
    left:               200px;
    top:                20px;
}

/* ----------------------------------------------------------------------------
Gallery styles
---------------------------------------------------------------------------- */

.gallery
{
    background:         #080808;
    border:             1px dashed #333;
    font-size:          .8em;
    padding:            4px;
    text-align:         center;
}

.gallery a
{
    float:              left;
    width:              102px; /* account for img border */
    height:             auto;
    
    background:         #333;
    border:             1px solid #555;
    color:              #777;
    margin:             2px;
    overflow:           hidden;
    padding:            4px;
    text-decoration:    none;
}

.gallery a:hover
{
    border:             1px solid #777;
    background:         #555;
    color:              #999;
}

.gallery img
{
    background:         #333;
    border:             1px solid #000;
    width:              100px;
    margin:             0;
    vertical-align:     bottom;
}

.gallery embed
{
    margin-bottom: -2em;
}

/* ----------------------------------------------------------------------------
Code styles
---------------------------------------------------------------------------- */

span.code
{
    background:         #080808;
    color:              #666;
    font-family:        monospace;
    font-size:          8pt;
}

pre.code
{
    background:         #080808;
    border:             1px dashed #333;
    color:              #666;
    font-size:          8pt;
    overflow:           auto;
    padding:            4px;
}

pre.code .line
{
    color:              #333;
    font-size:          8pt;
}

.str
{
    color:              #740 !important;
}

.kwd
{
    color:              #32648c !important;
}

.sym
{
    color:              #444 !important;
}