/* .............................. */
/* Basic */
/* .............................. */

body {
        background-color:#fff;
        font-size:11px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        color:#4f4f4f;
        padding:0px;
        margin:0px;
        margin-bottom:20px;
        text-align:center;
        }

html, body {
     min-height:100.1%;
        }

/* .............................. */
/* Links */
/* .............................. */

a {
        color:#4f4f4f;
        text-decoration:none;
        }

a:hover {
        color:#111111;
        text-decoration:none;
        }

/* .............................. */
/* Headings */
/* .............................. */

h1 {
        float:left;
        clear:left;
        font-weight:bold;
        font-size:11px;
        letter-spacing:2px;
        color:#666;
        margin:0px;
        margin-left:5px;
        padding:0px;
        }

h1 a {
        text-decoration:none;
        color:#666;
        }

h1 a:hover {
        text-decoration:none;
        }

.title {
        font-weight:bold;
        font-size:11px;
        letter-spacing:1px;
        color:#666;
        margin:0px;
        margin-bottom:5px;
        margin-left:15px;
        padding:0px;
        }

h3 {
        font-weight:bold;
        font-size:11px;
        letter-spacing:1px;
        color:#666;
        }

/* .............................. */
/* Navigation and menu */
/* .............................. */

#navigation {
        background:#f5f5f5;
        border-bottom:1px solid #ccc;
        padding:5px;
        height:15px;
        margin-bottom:10px;
        }

.menu {
        float:right;
        clear:right;
        text-align:right;
        font-size:11px;
        color:#777777;
        }

.menu a {
        padding:7px;
        padding-left:10px;
        padding-right:10px;
        color:#777777;
        }

.menu a:hover {
        text-decoration:none;
        color:#111111;
        }

hr {
        height:1px;
        color:#aaaaaa;
        background-color:#aaaaaa;
        border:none;
        }

/* .............................. */
/* Content */
/* .............................. */

#photo {
        background:#f5f5f5;
        margin:5px;
        border:1px solid #888888;
        }

/* .............................. */
/* Image Navigation */
/* .............................. */

#image-navigate {
        background:#fff;
        padding:20px;
        height:15px;
        width:70%;
        margin:0px auto;
        }

#image-navigate a {
        padding:10px;
        }

.image-previous {
        font-size:13px;
        vertical-align:top;
        text-align:left;
        float:left;
        }

.image-next {
        font-size:13px;
        vertical-align:top;
        text-align:right;
        float:right;
        }

/* .............................. */
/* Image Info */
/* .............................. */

#image-info {
        background:#f5f5f5;
        border:1px solid #ccc;
        padding:20px;
        text-align:justify;
        width:70%;
        margin:0px auto;
        margin-bottom:25px;
        line-height:16px;
        }

#image-notes {
        width:70%;
        vertical-align:top;
        }

#image-exif {
        padding-top:10px;
        text-align:right;
        width:25%;
        vertical-align:top;
        }


/* .............................. */
/* Browse */
/* .............................. */

#page {
        background:#f5f5f5;
        border:1px solid #ccc;
        padding:20px;
        text-align:left;
        width:65%;
        margin:0px auto;
        margin-bottom:25px;
        line-height:16px;
        }

#page a {
    font-weight:bold;
        }

#page img {
        background:#fff;
        padding:5px;
        border:1px solid #ccc;
        }

.column{
        width:46%;
        text-align:left;
        vertical-align:top;
        padding:5px 25px 5px 25px;
        }

.thumbnails {
        opacity:0.75;
        filter:alpha(opacity=75);
        border:1px solid #888888;
        margin:3px;
        }

.thumbnails:hover{
        opacity:0.9;
        filter:alpha(opacity=90);
        border:1px solid #888888;
        margin:3px;
        }

.current-thumbnail {
        opacity:0.95;
        filter:alpha(opacity=95);
        border:3px double #606060;
        margin:1px;
        }

.comment-thumbnails {
        border:1px solid #888888;
        }


/* .............................. */
/* Comments */
/* .............................. */

#comment-top {
        background:#fff;
        border-bottom:0px solid #ccc;
        padding:0px;
        margin-bottom:5px;
        height:15px;
        text-align:left;
        }

#comments {
        margin:0px auto;
        width:400px;
        text-align:left;
        }

#comments ul {
        list-style-type:none;
        margin:0px;
        padding:5px;
        }

#comments li {
        display:block;
        margin:0px;
        margin-bottom:10px;
        color:#444;
        text-decoration:none;
        padding:2px;
        padding-top:4px;
        border-top:1px solid #bbb;
        }

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

#comments li:hover {
        background:#eee;
        }

#comments li a:hover {
        background:#eee;
        }

#comment-middle {
        background:#fff;
        border-top:1px solid #bbb;
        padding:0px;
        padding-top:15px;
        height:15px;
        text-align:left;
        }

#addcomment {
        font-size:10px;
        width:90%;
        text-align:left;
        padding:10px;
        margin:0px auto;
        border:0px solid #ccc;
        background:#f5f5f5;
        }

.input {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        width:380px;
        font-size:10px;
        border:1px solid #999;
        background-color:#fff;
        color:#222;
        padding:2px;
        margin-bottom:5px;
        }

#message {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        width:380px;
        height:90px;
        font-size:10px;
        border:1px solid #999;
        background-color:#fff;
        color:#222;
        padding:2px;
        }

.comment-button {
        background:#dddddd;
        border:1px solid #888888;
        color:#4f4f4f;
        font-size:11px;
        width:90px;
        }

/* .............................. */
/* Footer */
/* .............................. */

#footer {
        font-size:9px;
        text-align:center;
        margin-bottom:5px;
        }

/* .............................. */
/* Calendar if you want to use    */
/* a calendar in the template     */
/* .............................. */
.td-calendar-days-vz {
        padding:1px;
        text-align:center;
        border:1px solid #bbb;
        background:#fff;
        color:#999;
        }
.td-calendar-days-vz:hover {
    background:#bbb;
    }

.td-calendar-days {
        padding:1px;
        text-align:center;
        border-top:1px solid #999;
        border-bottom:1px solid #999;
        border-right:0px;
        border-left:0px;
        background:#fff;
        color:#999;
        }
.td-calendar-days:hover {
    background:#444;
    }
.td-calendar-navi-vz {
        border-top:0px;
        border-bottom:1px solid #888;
        border-right:0px;
        border-left:0px;
        text-align:center;
        letter-spacing:1px;
        word-spacing:5px;
        }
.td-calendar-navi-vz a {
    text-decoration:none;
    color:#666;
    }
.td-calendar-navi {
        border-top:0px;
        border-bottom:1px solid #999;
        border-right:0px;
        border-left:0px;
        text-align:right;
        letter-spacing:1px;
        word-spacing:5px;
        }
.td-calendar-navi a {
    text-decoration:none;
    color:#444;
    }
.td-calendar-days-imagefound {
        padding:1px;
        text-align:center;
        border-top:1px dotted #999;
        border-bottom:1px dotted #999;
        border-left:1px dotted #999;
        border-right:1px dotted #999;
        background:#f5f5f5;
        }
.td-calendar-days-imagefound:hover {
    border-top:1px solid #999;
        border-bottom:1px solid #999;
        border-left:1px solid #999;
        border-right:1px solid #999;
        background:#666;
    }
.td-calendar-days-imagefound a {
    text-decoration:none;
    color:#444;
    }
.td-calendar-days-imagefound a:hover {
    text-decoration:none;
    color:#fff;
    }
.table-calendar {
        font-family:Helvetica, verdana, sans-serif;
        font-size:10px;
        padding:0px;
        margin:0px;
        width:600px;
        border-top:0px;
        border-bottom:0px;
        border-right:0px;
        border-left:0px;
        }
.table-calendar-vz {
        border-collapse:collapse;
        font-family:Helvetica, verdana, sans-serif;
        font-size:10px;
        padding:0px;
        margin:0px;
        width:200px;
        border:1px solid #888;
        }


/* ARCHIVE */

table td#thumbs a:link, table td#thumbs a:visited {
        display:block;
        float:left;
        margin:10px;
}

table td#thumbs .thumbnails {
        opacity:0.85;
        filter:alpha(opacity=85);
        border:1px solid #888888;
        margin:3px;
        }


td.sidecol ul {
        list-style:none;
        margin:0;
        padding:0;
}
td.sidecol ul li {
        margin-bottom:4px;
}

.details {
        padding:3px 20px 20px 20px;
        line-height:150%;
        }

.details a:hover {
        color:#111111;
        text-decoration:none;
        }



        /* TAG SUPPORT */
.tags00
{
        font-size: 10px !important;
}
.tags01
{
        font-size: 10px !important;
}

.tags02
{
        font-size: 10px !important;
}

.tags03
{
        font-size: 10px !important;
}

.tags04
{
        font-size: 10px !important;
}

.tags05
{
        font-size: 10px !important;
}

.tags06
{
        font-size: 10px !important;
}

.tags07
{
        font-size: 10px !important;
}

.tags08
{
        font-size: 10px !important;
}

.tags09
{
        font-size: 10px !important;
}

.tags10
{
        font-size: 10px !important;
}