/*
      ___           ___           ___                       ___                    ___           ___           ___           ___           ___           ___           ___           ___           ___           ___
     /\  \         /\  \         /\  \          ___        /\__\                  /\__\         /\  \         /\__\         /\  \         /\  \         /\  \         /\__\         /\__\         /\  \         /\__\
    /::\  \       /::\  \       /::\  \        /\  \      /::|  |                /:/  /        /::\  \       /::|  |       /::\  \       /::\  \       /::\  \       /:/  /        /:/ _/_       /::\  \       /::|  |
   /:/\:\  \     /:/\:\  \     /:/\:\  \       \:\  \    /:|:|  |               /:/  /        /:/\:\  \     /:|:|  |      /:/\ \  \     /:/\:\  \     /:/\:\  \     /:/  /        /:/ /\__\     /:/\:\  \     /:|:|  |
  /::\~\:\  \   /:/  \:\  \   /::\~\:\__\      /::\__\  /:/|:|  |__            /:/__/  ___   /::\~\:\  \   /:/|:|  |__   _\:\~\ \  \   /::\~\:\  \   /::\~\:\  \   /:/  /  ___   /:/ /:/ _/_   /::\~\:\  \   /:/|:|  |__
 /:/\:\ \:\__\ /:/__/ \:\__\ /:/\:\ \:|__|  __/:/\/__/ /:/ |:| /\__\           |:|  | /\__\ /:/\:\ \:\__\ /:/ |:| /\__\ /\ \:\ \ \__\ /:/\:\ \:\__\ /:/\:\ \:\__\ /:/__/  /\__\ /:/_/:/ /\__\ /:/\:\ \:\__\ /:/ |:| /\__\
 \/_|::\/:/  / \:\  \ /:/  / \:\~\:\/:/  / /\/:/  /    \/__|:|/:/  /           |:|  |/:/  / \/__\:\/:/  / \/__|:|/:/  / \:\ \:\ \/__/ \/__\:\/:/  / \/__\:\/:/  / \:\  \ /:/  / \:\/:/ /:/  / \:\~\:\ \/__/ \/__|:|/:/  /
    |:|::/  /   \:\  /:/  /   \:\ \::/  /  \::/__/         |:/:/  /            |:|__/:/  /       \::/  /      |:/:/  /   \:\ \:\__\        \::/  /       \::/  /   \:\  /:/  /   \::/_/:/  /   \:\ \:\__\       |:/:/  /
    |:|\/__/     \:\/:/  /     \:\/:/  /    \:\__\         |::/  /              \::::/__/        /:/  /       |::/  /     \:\/:/  /         \/__/        /:/  /     \:\/:/  /     \:\/:/  /     \:\ \/__/       |::/  /
    |:|  |        \::/  /       \::/__/      \/__/         /:/  /                ~~~~           /:/  /        /:/  /       \::/  /                      /:/  /       \::/  /       \::/  /       \:\__\         /:/  /
     \|__|         \/__/         ~~                        \/__/                                \/__/         \/__/         \/__/                       \/__/         \/__/         \/__/         \/__/         \/__/

*/

/* ========================================[ default ]======================================== */

body
{
    background: url('../gfx/body.png');
}

/* ========================================[ special ]======================================== */

#info
{
    position: absolute; left: 0;
    width: 90px; height: 90px; padding: 5px 0 0 5px;
    background: url(../gfx/info.png) no-repeat;
    color: #ccc; font: bold 12px 'Trebuchet MS', Helvetica, sans-serif;
}
#info #date
{
    font-size: 80%;
}
#info #version
{
    padding-top: 5px;
    font-size: 140%;
}

/* ========================================[ page ]======================================== */

#page
{
    background: url('../gfx/page.png') repeat-x;
}

/* ========================================[ container ]======================================== */

#container
{
    width: 930px; margin: 0 auto;
}

/* ========================================[ header ]======================================== */

#header
{
    position: relative; height: 128px;
    background: url('../gfx/header.png') no-repeat;
}
#header h1
{
    position: absolute; top: 35px; left: 35px;
}
#header h1 a
{
    color: #c33; font: bold 32px Arial, Helvetica, sans-serif; text-decoration: none;
}
#header ul
{
    position: absolute; top: 0; right: 0;
}
#header li a
{
    display: block;
    width: 60px; height: 63px;
    background: url('../gfx/rss.png') no-repeat bottom center;
    text-indent: -13371337px;
}
#header li a:hover, #header li a:active
{
    background: url('../gfx/rss.png') no-repeat top center;
}
#header #slogan
{
    position: absolute; top: 80px; left: 35px; width: 230px; height: 30px; max-height: 30px; overflow: auto;
    color: #666; font: 12px Arial, Helvetica, sans-serif;
}
#header #slogan a
{
    text-decoration: none;
}
#header #slideshow
{
    position: absolute; top: 30px; right: 150px; width: 500px;
    border: 2px solid #ccc;
}
#header #ticker
{
    position: absolute; top: 80px; right: 45px; width: 100px;
    color: #999; font: small-caps 11px Arial, Helvetica, sans-serif;
}

/* ========================================[ menu ]======================================== */

#menu
{
    height: 40px;
    background: url('../gfx/menu.png') no-repeat;
}
#menu ul
{
    float: left;
    padding-top: 8px;
}
#menu li
{
    display: inline;
    padding-left: 35px;
}
#menu a
{
    color: #666; font: bold 14px Arial, Helvetica, sans-serif; text-decoration: none;
}
#menu a:hover, #menu a:active
{
    color: #fff;
}

/* ========================================[ content ]======================================== */

#content
{
    width: 930px; padding-top: 5px;
    background: url('../gfx/content.png') repeat-y;
    font: 12px 'Trebuchet MS', Helvetica, sans-serif;
}
#content a
{
    color: #c33; text-decoration: none;
}
#content a:hover, #content a:active
{
    text-decoration: underline;
}
#content ul
{
    padding: 0 15px 10px 50px;
}
#content ol
{
    padding-left: 30px;
}
#content li
{
    list-style-image: url('../gfx/bullet.png');
}
#content :target
{
    background-color: #fcc;
    font-weight: bold;
}
#content #full
{
    margin: 0 30px;
}
#content #full p
{
    padding: 10px 0;
}
#content #full fieldset
{
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
}
#content #full td
{
    padding: 2px 5px 0 0;
}
#content #full .old
{
    border-top: 1px dotted #ccc;
}
#content #full .date a
{
    color: #000;
    text-decoration: none;
}
#content #full .dateviewed a
{
    color: #999;
    text-decoration: none;
}
#content #full .spamviewed
{
    color: #999;
}
#content #full .spamviewed a
{
    color: #c66;
}
#content #full .nick
{
    width: 75px;
    border: 1px solid #ccc;
    color: #666; font: bold 12px Arial, Helvetica, sans-serif;
}
#content #full .masked
{
    width: 65px;
    border: none;
    color: #c33; font: bold 12px Arial, Helvetica, sans-serif;
}
#content #full .content
{
    width: 690px;
    border: 1px solid #ccc;
    color: #666; font: bold 12px Arial, Helvetica, sans-serif;
}
#content #full .button
{
    border: 1px solid #ccc;
    color: #666; font: bold 12px Arial, Helvetica, sans-serif;
}
#content #full .picture_list
{
    padding: 5px 15px;
}
#content #full .picture_list fieldset
{
    margin-top: 10px; padding-bottom: 0;
    border: 1px solid #999; background-color: #ccc;
}
#content #full .picture_list legend
{
    margin-left: 20px; padding: 0 5px;
    border: 1px solid #999; background-color: #ccc;
    color: #000; font: small-caps 11px Arial, Helvetica, sans-serif;
}
#content #full .picture_list img
{
    display: block; margin: 10px auto;
    max-width: 775px;
    border: 2px solid #999; background-color: #fff;
}
#content #full .gallery
{
    margin: 0; padding: 10px 0;
}
#content #full .gallery li
{
    float: left; position: relative;
    margin: 0; padding: 7px;
    width: 110px; height: 110px;
    list-style-image: none;
}
#content #full .gallery li img
{
    position: absolute; left: 0; top: 0;
    width: 100px; height: 100px;
    padding: 5px;
    background: #ddd;
    border: 1px solid #ccc;
    -ms-interpolation-mode: bicubic;
}
#content #full .gallery li img.hover
{
    background: url('../gfx/thumb.png') no-repeat center center;
    border: none;
}
#content #pages
{
    width: 100%;
    border-top: 1px solid #ccc;
    text-align: center;
}
#content #main
{
    float: left;
    width: 570px;
    margin-left: 30px;
}
#content #main h3
{
    border-bottom: 1px solid #333;
}
#content #main h3 a
{
    color: #333; font: bold 22px Arial, Helvetica, sans-serif; text-decoration: none;
}
#content #main span
{
    color: #999; font: small-caps 11px Arial, Helvetica, sans-serif;
}
#content #main p
{
    padding: 10px 0;
}
#content #main .box
{
    margin-bottom: 10px; padding-left: 10px;
    background-color: #ccc; border: 1px solid #666;
    font-weight: bold;
}
#content #main .maps
{
    width: 570px; height: 570px; margin-top: 3px;
    border: 2px solid #ccc;
}
#content #main .comments
{
    margin-left: 20px;
}
#content #main .comments h4
{
    padding: 2px 10px;
    background-color: #ccc;
    color: #666; font-weight: normal;
}
#content #main .comments img
{
    padding-right: 10px;
    vertical-align: middle;
}
#content #main .comments p
{
    margin-bottom: 10px; padding: 5px 10px;
    border: 1px solid #ccc;
    color: #666;
}
#content #main .comments .nick
{
    width: 75px;
    border: 1px solid #ccc;
    color: #666; font: bold 12px Arial, Helvetica, sans-serif;
}
#content #main .comments .masked
{
    width: 75px;
    border: none;
    background-color: #ccc;
    color: #c33;
}
#content #main .comments .comment
{
    width: 525px; height: 100px;
    border: 1px solid #ccc;
    color: #666; font: bold 12px Arial, Helvetica, sans-serif;
}
#content #main .comments .button
{
    border: 1px solid #ccc;
    color: #666; font: bold 12px Arial, Helvetica, sans-serif;
}
#content #sidebar
{
    float: right;
    width: 330px;
}
#content #sidebar h3
{
    float: right;
    width: 289px; height: 40px; padding: 10px 0 0 30px;
    background: url('../gfx/sidebar.png') no-repeat;
    color: #333; font: bold 14px Georgia, serif;
}
#content #sidebar p
{
    padding: 0 25px 10px 20px;
}

/* ========================================[ footer ]======================================== */

#footer
{
    padding: 20px 0;
    background: url('../gfx/footer.png') no-repeat;
}
#footer p
{
    display: none;
    margin: 0 13px; padding: 10px;
    background: url('../gfx/background.png');
    color: #fff; font: italic 11px Georgia, serif;
}
#footer span
{
    padding: 0 5px;
    border-right: 1px solid #fff;
}
#footer span:first-child
{
    padding-left: 0;
}
#footer span:last-child
{
    padding-right: 0;
    border: none;
}
#footer a
{
    color: #c33; text-decoration: none;
}