body  {
background-color : white;
font : 9px/20px verdana, helvetica, arial, sans-serif;
color : #666;
margin : 0;
padding : 0;
padding-bottom : 20px;
height : 100%;
}
html, body {
min-height : 100.1%;
}
a:link {
color : #3f83a2;
text-decoration : none;
}
a:visited {
text-decoration : none;
color : #3f83a2;
}
a:hover {
color : #333333;
text-decoration : none;
}
a:active {
text-decoration : none;
color : #3f83a2;
}
img {
border : 0;
}
h2 {
font-size : 18px;
}
h3 {
font-size : 16px;
}
h4 {
font-size : 12px;
font-weight : bold;
margin : 0;
padding : 0;
}
h6 {
font-size : 10px;
font-weight : bold;
margin : 0;
padding : 0;
}
h2 h3 h4 h6 {
color : #111;
}
h5 {
font-size : 12px;
color : #1c627a;
}
#ul {
width : 38px;
height : 88px;
background-image : url(../images/light/ul.gif);
background-repeat : no-repeat;
background-position : left bottom;
}
#um {
height : 88px;
background-image : url(../images/light/um.gif);
background-repeat : repeat-x;
background-position : left bottom;
}
#ur {
width : 38px;
height : 88px;
background-image : url(../images/light/ur.gif);
background-repeat : no-repeat;
background-position : left bottom;
}
#ml {
width : 38px;
background-image : url(../images/light/ml.gif);
background-repeat : repeat-y;
background-position : left top;
}
#mm {
position : relative;
}
#mr {
width : 38px;
background-image : url(../images/light/mr.gif);
background-repeat : repeat-y;
}
#ll {
width : 38px;
height : 38px;
background-image : url(../images/light/ll.gif);
background-repeat : no-repeat;
background-position : left bottom;
}
#lm {
height : 38px;
background-image : url(../images/light/lm.gif);
background-repeat : repeat-x;
background-position : left bottom;
}
#lr {
width : 38px;
height : 38px;
background-image : url(../images/light/lr.gif);
background-repeat : no-repeat;
background-position : left bottom;
}
.title-heading {
font-size : 24px;
font-weight : normal;
color : #666;
letter-spacing : -1px;
}
#logo {
height : 83px;
position : relative;
}
#title {
height : 83px;
width : 165px;
float : left;
background : url(../images/light/logo.gif) no-repeat top left;
}
.title_mask {
height : 83px;
width : 165px;
}
#info {
z-index : 1000;
background : #f0eeee;
text-align : left;
}
#info-title {
text-align : left;
padding : 15px 25px 15px 25px;
background : #f5f5f5;
}
#info-title h3 {
letter-spacing : 1px;
font-weight : bold;
font : 18px/24px helvetica, verdana, arial, sans-serif;
margin : 0;
padding : 0;
}
.title_sub {
font : 10px/20px helvetica, verdana, arial, sans-serif;
font-weight : normal;
}
#info-exif {
text-align : left;
padding : 15px 25px 15px 25px;
background : #e8e8e8;
}
#info-comments {
text-align : left;
padding : 15px 25px 15px 25px;
background : #dfdfdf;
}
#info-addcomment {
text-align : left;
padding : 15px 25px 25px 25px;
background : #d4d4d4;
}
#exif {
float : left;
}
#info_thumb {
float : right;
width : 112px;
}
#info_thumb img {
border : 6px solid white;
}
.exif {
color : #1c627a;
}
#styleswitcher {
top : 0;
left : 0;
position : absolute;
width : 100%;
text-align : right;
margin-right : 4px;
}
#styleswitcher img {
margin : 8px 4px 8px 0;
}
#about {
text-align : justify;
padding : 0;
margin : 0;
width : 624px;
margin-top : -20px;
}
#links {
text-align : left;
padding : 0;
margin : 0;
width : 624px;
margin-top : -20px;
}
#top-nav {
float : right;
text-align : right;
position : relative;
bottom : 0;
margin-bottom : 13px;
}
#top-nav a {
padding : 2px;
}
#top-nav a:hover {
color : black;
}
#thumbnails {
text-align : right;
margin : 0;
padding-top : 7px;
margin-bottom : -7px;
background : white;
}
.thumbnails {
border : none;
margin : 0 1px 2px 1px;
height : 40px;
width : 40px;
}
.current-thumbnail {
border : none;
margin : 0 1px 2px 1px;
height : 40px;
width : 40px;
background : #3f83a2;
}
.thumbnails:hover {
border : none;
margin : 0 1px 2px 1px;
height : 40px;
width : 40px;
}
#browse_thumbs {
background : url(../images/light/grid.gif) top left;
}
#browse_thumbs .thumbnails {
border : none;
margin : 0 1px 1px 0;
height : 75px;
width : 100px;
}
#browse_thumbs .thumbnails:hover {
border : none;
margin : 0 1px 1px 0;
height : 75px;
width : 100px;
}
#photobox {
text-align : center;
background : #000 url(../images/light/loading.gif) no-repeat center;
}
#image-border {
position : relative;
margin : 0;
}
#menu_browse {
position : absolute;
margin : 0;
margin-right : -10px;
padding : 0;
top : 0;
left : 0;
z-index : 10;
}
#menu_browse a {
outline : none;
}
#menu_browse_prev, #menu_browse_next {
width : 49.9%;
height : 101%;
background : transparent url(../images/blank.gif) no-repeat;
display : block;
}
#menu_browse_prev {
top : 0;
left : 0;
float : left;
}
#menu_browse_next {
top : 0;
right : 0;
float : right;
}
#menu_browse_prev:hover, #menu_browse_prev:visited:hover {
background : url('../images/light/prev_btn.png') center center;
background-repeat : no-repeat;
cursor : pointer;
}
#menu_browse_next:hover, #menu_browse_next:visited:hover {
background : url('../images/light/next_btn.png') center center;
background-repeat : no-repeat;
cursor : pointer;
}
#slide-out {
background-color : white;
position : absolute;
top : 88px;
z-index : 1000;
border-bottom : 1px solid white;
}
#slide-out2 {
background-color : white;
position : absolute;
top : 83px;
z-index : 900;
border-bottom : 1px solid white;
}
#slide-out-in {
padding : 5px;
}
#comments-wrapper {
text-align : left;
padding-left : 10px;
padding-right : 10px;
}
#commentbox {
margin : 0 auto;
}
#comment-top {
padding : 20px 5px;
color : #fff;
}
#comments {
margin : 0 auto;
text-align : left;
}
#comment-top h2 {
font-weight : normal;
letter-spacing : 2px;
font-size : 11px;
text-transform : uppercase;
text-align : center;
}
#comment-middle h2 {
font-weight : normal;
letter-spacing : 2px;
font-size : 11px;
text-transform : uppercase;
}
#comment-middle {
padding : 20px 0;
margin-bottom : 7px;
}
#addcomment {
text-align : left;
width : 100%;
float : left;
margin-top : 5px;
}
.formfield {
width : 100%;
padding : 2px;
margin : 0 auto;
font : 9px verdana, arial, helvetica, sans-serif;
color : #777;
border : 1px solid white;
background : white;
}
.formfield:hover, .formfield:focus {
border : 1px solid #999;
background : white;
color : #464646;
}
.formbutton {
font : 9px verdana, arial, helvetica, sans-serif;
padding : 5px;
margin : 0 auto;
color : #7d7d7d;
background : white;
border : 1px solid white;
}
.formbutton:hover {
color : #464646;
background : white;
border : 1px solid #999;
}
#image_comments {
width : 55%;
float : right;
margin-top : 8px;
margin-bottom : 15px;
padding : 0 5px 15px 15px;
text-align : left;
background : #eee;
font : 9px/14px verdana, Helvetica, Arial, sans-serif;
}
#image_comments ul {
padding : 0;
margin : 0;
list-style : none;
}
#image_comments li {
color : #666;
margin : 0 0 15px 0;
padding-left : 16px;
background : url(../images/comment.gif) no-repeat;
}
#image_comments h5 {
margin : 15px 0 10px 0;
}
#warchives {
margin-top : 5px;
text-align : justify;
}
#rcomments {
width : 277px;
float : right;
margin-top : 8px;
margin-bottom : 15px;
padding : 0 5px 15px 15px;
text-align : left;
background : #eee;
border-left : 1px solid #1c627a;
}
#rcomments ul {
padding : 0;
margin : 0;
list-style : none;
}
#rcomments li {
color : #666;
margin : 0 0 15px 0;
padding-left : 16px;
background : url(../images/comment.gif) no-repeat;