/* ---------------------- */
/* -- default settings -- */
/* ---------------------- */

body, html { background-color: #000; border: 0px; border-collapse: collapse; margin: 0 auto; padding: 0 0 0 0; }
img { border: 0px; }
p { color: #555555; font-family :Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 9px; font-style: italic; float: left; line-height: 14px; }
/*p.leftMargin { color: #555555; font-family :Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 9px; font-style: italic; float: left; line-height: 14px; margin-left: 144px; }*/
p.textMain { color: #818181; font-family: "Trebuchet MS"; font-size: 16px; font-style: italic; font-weight: normal; letter-spacing: 0px; line-height: 20px; margin: 0 0 0 0; padding: 0 0 0 0; text-align: left; text-shadow: 0px 0px 0px #000; /* safari hack */ }
.leftMargin { color: #555555; font-family: "Trebuchet MS"; font-size: 16px; font-style: italic; font-weight: normal; float: left; line-height: 20px; margin-left: 144px; text-shadow: 0px 0px 0px #000; /* safari hack */ }
.flashLeftMargin { float: left; margin-left: 144px; }

a:link { color: #555555; text-decoration: none; }
a:visited { color: #555555; text-decoration: none;}
a:hover { color: #FFFFFF; text-decoration: none; }
a:active { color: #555555; text-decoration: none; }

a.link:link { color: #F5F5F5; text-decoration: none; }
a.link:visited { color: #F5F5F5; text-decoration: none;}
a.link:hover { color: #F5F5F5; text-decoration: none; }
a.link:active { color: #F5F5F5; text-decoration: none; }

#wrapper { border: 0px; border-collapse: collapse; margin: 0 auto; padding: 0 0 0 0; width: 1075px; }









/* ------------ */
/* -- header -- */
/* ------------ */

#topSpacer { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 1075px; height: 50px; }
#header { float: left; margin: 0 0 0 0; padding: 0 0 0 0; position: relative; width: 1075px; height: 30px; z-index: 50; }
#headerSpacer { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 1075px; height: 8px; }









/* --------------- */
/* -- photo box -- */
/* --------------- */

#photoArea { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 1075px; height: 659px; }
#photoBox { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 881px; height: auto; }
#photoBoxLeftArrow { float: left; margin-top: 282px; padding: 0 0 0 0; width: 33px; height: auto; }
#photoBoxRightArrow { float: left; margin-top: 282px; padding: 0 0 0 0; width: 33px; height: auto; }
#photoBoxSide { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 64px; height: auto; }

#menuBrowse { margin: 0 0 0 0; padding: 0 0 0 0; position: absolute; top: 50px; z-index: 10; width: inherit; height: 100%; }
/* #menuBrowse a { outline: none; } */
#menu_browse_prev, #menu_browse_next { background-image:url(../images/blank.gif); background-repeat: repeat; /* Trick IE into showing hover */ display: block; width: 50%; height: 100%; }
#menu_browse_prev { top: 0px; left: auto; float: left; }
#menu_browse_next { top: 0px; right: auto;float: right; }
#menu_browse_prev:hover, #menu_browse_prev:visited:hover { background: url('../images/prevImage.png') no-repeat center center; cursor: pointer; }
#menu_browse_next:hover, #menu_browse_next:visited:hover { background: url('../images/nextImage.png') no-repeat center center; cursor: pointer; }

#thumbArea { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 1075px; height: 67px; }
#thumbAreaSide { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 187px; height: 67px; }
#thumbnails { float:left; margin: 0 0 0 0; padding: 0 0 0 0; width: 701px; height: 67px; }









/* ----------------- */
/* -- browse area -- */
/* ----------------- */

#browseSpacer { float:left; margin: 0 0 0 0; padding: 0 0 0 0; width: 1075px; height: 8px; }
#browseArea { float:left; margin: 0 0 0 0; padding: 0 0 0 0; width: 1075px; }
#browseAreaLeftOutside { float:left; width: 100px; }
#browseAreaLeft { float:left; width: 665px; }
#browseAreaRight { float:left; width: 310px; }









/* ------------ */
/* -- image  -- */
/* ------------ */

#image_wrapper { position:relative; margin-left:auto; margin-right:auto; }
#image_footer { color: #666; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 9px; float: none; margin: 4px 0px 40px 0px; text-align :center; }

#info { background-color: #000; color: #FEFEFE; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 9px; line-height: 13px; margin-left:-21px; position: absolute; text-align: left; top:53px; z-index: 1000; filter: alpha(opacity=90); -moz-opacity: .80; opacity: .80; height: 659px; }
#info-in { padding: 15px; position: relative; overflow: visible; }
#title-heading { font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 20px; font-weight: normal; color: #FEFEFE; text-align: left; /*letter-spacing: -1px;*/ padding-bottom: 15px; }
#title-heading .date { font-size: 14px; font-weight: normal; color: #999; }
#description { margin-bottom: 15px; background: #151515; padding: 15px; }
#notes { text-align: left; }
#image-border {  position: relative; margin:0; }

.thumbnails { border: 0px solid black; margin: 0 0 0 0; filter: alpha(opacity=100); -moz-opacity: .20; opacity: .20; }
.current-thumbnail { border: 0px solid black; margin: 0px 0px 00px 0px; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.thumbnails:hover { border: 0px solid black; margin: 0px 0px 0px 0px; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.exif { color: #9dd5ed; }









/* -------------- */
/* -- comments -- */
/* -------------- */

#recentcomments { margin-bottom: 15px; padding: 15px; background: #151515; }
#recentcomments ul { padding:0px; margin: 0px; list-style:none; }
#recentcomments li { color: #666; margin: 0px 0px 15px 0px; padding-left: 16px; /* padding-right: 45px; */ background: url(../images/comment.gif) no-repeat; }
#addcomment { margin-bottom:15px; padding:15px; background:#151515; }

/* ------------------- */
/* -- comments form -- */
/* ------------------- */

.comment-button { border: 1px solid #CCC; }
.input { border: 1px solid #CCC; width: 90%; }
.textarea { border:1px solid #CCC; width: 100%; }
.formfield { width:250px; padding:2px; margin: 0px auto; font: 10px verdana, arial, helvetica, sans-serif; color: #444; border: 1px solid #464646; background: #white; }
.formfield:hover, .formfield:focus { border-top:1px solid #3F7795; border-bottom:1px solid #3F7795; border-left: 1px solid #3F7795; border-right: 1px solid #3F7795; background: #464646; color: yellow; }
.formbutton { font:10px verdana, arial, helvetica, sans-serif; padding:5px; margin:0px auto; color:#7D7D7D; background:#272727; border:1px solid #464646; }
.formbutton:hover { color: #2CCBE9; background: #272727; border-top: 1px solid #3F7795; border-bottom: 1px solid #3F7795; border-left: 1px solid #3F7795; border-right: 1px solid #3F7795; }









/* ----------------- */
/* -- browse page -- */
/* ----------------- */

#browse_wrapper { position: relative; width: 712px; margin-right: auto; margin-left: auto; }
#browse_box { text-align: center; position: absolute; top: 60px; }
#browse_thumbs .thumbnails { border: none; margin: 0 2px 4px 2px; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
#browse_thumbs .thumbnails:hover { border: none; margin: 0 2px 4px 2px; filter: alpha(opacity=50); -moz-opacity: .5; opacity: .5; }
#browse_categories { width: 150px; float: right; text-align: left; background: #222; padding: 10px; height: 100%; }

.viewing { font-size: 14px; font-weight: bold; color: white; }









/* ---------------- */
/* -- about page -- */
/* ---------------- */

#about_wrapper { position: relative; width: 712px; margin-right: auto; margin-left: auto; }
#about_box { text-align: justify; padding: 0px; margin: 0px; position: absolute; top: 60px; }
#about_box h3 { color: white; }
#about_box img { margin :0 10px 5px 0; border: 3px solid #444; }
#footer { width: 100%; margin-top: 12px; text-align: center; }

.announce { background-color: #333; padding: 8px; border-top: 1px solid #8dcee4; border-bottom: 1px solid #8dcee4; color: #999; text-align: justify; margin-bottom: 10px; }