
#topmenu {
    color: #AAAAAA;
    font-size: 13px;
    left: 0;
    padding: 0 0 0 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 100;
}
#topmenu a:link {
    color: #AAAAAA;
    text-decoration: none;
}
#topmenu a:visited {
    color: #AAAAAA;
    text-decoration: none;
}
#topmenu a:hover {
    color: #FFFFFF;
    text-decoration: none;
}
#topmenu a:active {
    color: #FFFFFF;
    text-decoration: none;
}
body {
    background-color: black;
    background-image: url("../images/bg.jpg");
    background-position: center top;
    background-repeat: repeat-x;
    color: #ACACAC;
    font: 9px/20px verdana,helvetica,arial,sans-serif;
    margin: 0;
    padding: 0;
}
a:link {
    color: #EEEEEE;
    text-decoration: none;
}
a:visited {
    color: #EEEEEE;
    text-decoration: none;
}
a:hover {
    color: white;
    text-decoration: none;
}
a:active {
    color: #EEEEEE;
    text-decoration: none;
}
p {
    margin: 10px 0;
    padding: 0;
}
h2 {
    font-size: 18px;
}
h3 {
    font-size: 16px;
}
h4 {
    font-size: 14px;
}
h2 h3 h4 {
    color: #FFFFFF;
}
h5 {
    color: #999999;
    font-size: 12px;
    margin: 0 0 10px;
    padding-top: 0;
}
#styleswitcher {
    left: 0;
    position: absolute;
    text-align: right;
    top: 0;
    width: 100%;
    z-index: 100;
}
#styleswitcher img {
    margin: 8px 8px 8px 0;
}
#header {
    height: 60px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -3;
}
#logo {
    height: 60px;
    left: 0;
    position: absolute;
    top: 0;
    z-index: -1;
}
#logo_sub {
    bottom: 0;
    font-size: 24px;
    letter-spacing: -0.05em;
    padding-bottom: 7px;
    position: absolute;
    width: 100%;
}
#nav {
    height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
#nav_sub {
    bottom: 0;
    color: white;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
}
#secret {
    left: -52px;
    padding: 2px;
    position: absolute;
}
#nav_sub a {
    color: white;
    padding: 2px;
}
#nav_sub a:hover {
    background-color: #333333;
}
.current {
    color: white;
    font-weight: bold;
}
#image_wrapper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
#photobox {
    background: url("../images/loading_d_dark.gif") no-repeat scroll center center #000000;
    margin-bottom: 20px;
    margin-left: 0;
    position: absolute;
    text-align: center;
    top: 60px;
}
#image_footer {
    color: #666666;
    float: none;
    margin-top: 4px;
    text-align: center;
}
#image_title {
    color: #CCCCCC;
    float: none;
    font-size: 18px;
    text-align: center;
}
#info {
    background-color: black;
    font: 10px/12px verdana,helvetica,arial,sans-serif;
    margin-left: 0px;
    opacity: 0.9;
    position: absolute;
    text-align: left;
    top: 54px;
    z-index: 1000;
}
#info-in {
    overflow: visible;
    padding: 15px;
    position: relative;
}
#title-heading {
    color: #999999;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -1px;
    padding-bottom: 15px;
    text-align: left;
}
#title-heading .date {
    color: #999999;
    font-size: 14px;
    font-weight: normal;
}
#description {
    background: none repeat scroll 0 0 #151515;
    margin-bottom: 15px;
    padding: 15px;
}
#notes {
    text-align: left;
}
#image-border {
    margin: 0;
    position: relative;
}
#menu_browse {
    left: 0;
    margin: 0 -10px 0 0;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 10;
}
#menu_browse a {
    outline: medium none;
}
#menu_browse_prev, #menu_browse_next {
    background: url("../images/blank.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 100%;
    width: 49.9%;
}
#menu_browse_prev {
    float: left;
    left: 0;
    top: 0;
}
#menu_browse_next {
    float: right;
    right: 0;
    top: 0;
}
#menu_browse_prev:hover, #menu_browse_prev:visited:hover {
    background: url("../images/prevImage.png") no-repeat scroll center center transparent;
    cursor: pointer;
}
#menu_browse_next:hover, #menu_browse_next:visited:hover {
    background: url("../images/nextImage.png") no-repeat scroll center center transparent;
    cursor: pointer;
}
#thumbnails {
    float: left;
    margin: 6px 0 10px -17px;
    position: absolute;
    text-align: center;
    top: 53px;
    width: 56px;
}
.thumbnails {
    border: 1px solid black;
    margin: 0 1px 2px;
    opacity: 0.25;
}
.current-thumbnail {
    border: 1px solid black;
    margin: 0 1px 2px;
    opacity: 1;
}
.thumbnails:hover {
    border: 1px solid black;
    margin: 0 1px 2px;
    opacity: 1;
}
.exif {
    color: #999999;
}
#recentcomments {
    background: none repeat scroll 0 0 #151515;
    margin-bottom: 15px;
    padding: 15px;
}
#recentcomments ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#recentcomments li {
    background: url("../images/comment.gif") no-repeat scroll 0 0 transparent;
    color: #666666;
    margin: 0 0 15px;
    padding-left: 16px;
}
#addcomment {
    background: none repeat scroll 0 0 #151515;
    margin-bottom: 15px;
    padding: 15px;
}
.comment-button {
    border: 1px solid #CCCCCC;
}
.input {
    border: 1px solid #CCCCCC;
    width: 90%;
}
.textarea {
    border: 1px solid #CCCCCC;
    width: 100%;
}
.formfield {
    border: 1px solid #464646;
    color: #444444;
    font: 10px verdana,arial,helvetica,sans-serif;
    margin: 0 auto;
    padding: 2px;
    width: 250px;
}
.formfield:hover, .formfield:focus {
    background: none repeat scroll 0 0 #464646;
    border: 1px solid #3F7795;
    color: yellow;
}
.formbutton {
    background: none repeat scroll 0 0 #272727;
    border: 1px solid #464646;
    color: #7D7D7D;
    font: 10px verdana,arial,helvetica,sans-serif;
    margin: 0 auto;
    padding: 5px;
}
.formbutton:hover {
    background: none repeat scroll 0 0 #272727;
    border: 1px solid #3F7795;
    color: #2CCBE9;
}
#browse_wrapper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 712px;
}
#browse_box {
    position: absolute;
    text-align: center;
    top: 60px;
}
#browse_thumbs {
    float: left;
    margin-right: 2px;
    text-align: left;
    width: 540px;
}
#browse_thumbs .thumbnails {
    border: medium none;
    margin: 0 2px 4px;
    opacity: 1;
}
#browse_thumbs .thumbnails:hover {
    border: medium none;
    margin: 0 2px 4px;
    opacity: 0.5;
}
#browse_categories {
    background: none repeat scroll 0 0 #222222;
    float: right;
    height: 100%;
    padding: 10px;
    text-align: left;
    width: 150px;
}
.viewing {
    color: white;
    font-size: 14px;
    font-weight: bold;
}
#about_wrapper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 712px;
}
.announce {
    background-color: #333333;
    border: 1px solid #999999;
    color: #999999;
    margin-bottom: 10px;
    padding: 8px;
    text-align: center;
}
#about_box {
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: justify;
    top: 60px;
}
#about_box h3 {
    color: white;
}
#about_box img {
    border: 3px solid #444444;
    margin: 0 10px 5px 0;
}
#footer {
    margin-top: 12px;
    text-align: center;
    width: 100%;
}
#image-notes {
    color: #666666;
    font-size: 12px;
    vertical-align: top;
}
#image-date {
    color: #666666;
    font-size: 12px;
    font-style: oblique;
    vertical-align: top;
}

