body {
background-color : #ffffff;
font : 10px/20px verdana, helvetica, arial, sans-serif;
color : #444;
margin : 0;
padding : 0;
background-image : url(../images/bg_white.jpg);
background-repeat : repeat-x;
background-position : center top;
}
a:link {
color : #666;
text-decoration : none;
}
a:visited {
text-decoration : none;
color : #666;
}
a:hover {
color : #222;
text-decoration : none;
}
a:active {
text-decoration : none;
color : #666;
}
img {
border : 0;
}
p {
padding : 0;
margin-top : 10px;
margin-right : 0;
margin-bottom : 10px;
margin-left : 0;
}
h2 {
font-size : 18px;
}
h3 {
font-size : 16px;
}
h4 {
font-size : 14px;
}
h2 h3 h4 {
color : #111;
}
h5 {
font-size : 12px;
color : #1c627a;
padding-top : 0;
margin : 0 0 5px 0;
}
#styleswitcher {
top : 0;
left : 0;
z-index : 100;
position : absolute;
width : 100%;
text-align : right;
}
#styleswitcher img {
margin : 8px 8px 8px 0;
}
#header {
top : 0;
width : 100%;
height : 45px;
}
#logo {
height : 45px;
position : absolute;
left : 0;
z-index : 500;
}
#logo_sub {
width : 100%;
position : absolute;
bottom : 0;
padding-bottom : 6px;
font-size : 24px;
letter-spacing : -0.05em;
}
#nav {
height : 45px;
position : absolute;
right : 0;
z-index : 1000;
}
#nav_sub {
position : absolute;
bottom : 0;
right : 0;
padding : 0;
margin : 0;
color : #666;
}
#nav_sub a {
padding : 2px;
color : #666;
}
#nav_sub a:hover {
background-color : #eee;
}
.current {
color : black;
font-weight : bold;
}
#image_wrapper {
position : relative;
margin-left : auto;
margin-right : auto;
}
#photobox {
text-align : center;
background : #f0eeee url(../images/loading_d.gif) no-repeat center;
position : absolute;
top : 45px;
z-index : 800;
}
#image_footer {
text-align : left;
float : none;
margin-top : 10px;
}
#info {
background-color : white;
text-align : left;
position : absolute;
margin-left : 0;
border : 1px solid #696969;
top : -7px;
z-index : 10000;
font : 10px/12px verdana, helvetica, arial, sans-serif;
}
#info-in {
position : relative;
padding : 15px;
overflow : visible;
}
#title-heading {
font-size : 20px;
font-weight : normal;
color : black;
text-align : left;
letter-spacing : -1px;
padding-bottom : 15px;
}
#title-heading .date {
font-size : 14px;
font-weight : normal;
color : #666;
}
#description {
margin-bottom : 15px;
background : #eee;
padding : 15px;
}
#notes {
text-align : left;
}
#image-border {
position : relative;
margin : 0;
border : medium none;
}
#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 : 100%;
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/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;
}
#thumbnails {
text-align : left;
margin : 0 0 0 0;
float : left;
background : #696969 url(../images/slider_bg.jpg) no-repeat center;
}
.thumbnails {
border : 1px solid black;
margin : 0 1px 2px 1px;
}
.thumbnails_most_commented {
margin : 0 0 2px 0;
padding : 5px;
}
.thumbnails_most_commented img {
margin : 0 0 2px 0;
padding : 5px;
border : 1px solid #696969;
}
.current-thumbnail {
border : 1px solid white;
margin : 0 1px 2px 1px;
}
.thumbnails:hover {
border : 1px solid white;
margin : 0 1px 2px 1px;
}
.exif {
color : #1c627a;
}
#recentcomments {
margin-bottom : 15px;
padding : 15px;
background : #eee;
}
#recentcomments ul {
padding : 0;
margin : 0;
list-style : none;
}
#recentcomments li {
color : #666;
margin : 0 0 15px 0;
padding-left : 16px;
background : url(../images/comment.gif) no-repeat;
}
#addcomment {
margin-bottom : 15px;
padding : 15px;
background : #eee;
}
.comment-button {
border : 1px solid #ccc;
}
.input {
border : 1px solid #ccc;
width : 120px;
}
.textarea {
border : 1px solid #ccc;
width : 100%;
}
.formfield {
width : 250px;
padding : 2px;
margin : 0 auto;
font : 10px verdana, arial, helvetica, sans-serif;
color : #444;
border : 1px solid #464646;
}
.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 : 0 auto;
color : #7d7d7d;
background : #eee;
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_wrapper {
position : relative;
width : 712px;
margin-right : auto;
margin-left : auto;
}
#browse_box {
text-align : center;
position : absolute;
top : 60px;
}
#browse_thumbs {
width : 540px;
float : left;
text-align : left;
margin-right : 2px;
}
#browse_thumbs .thumbnails {
border : none;
margin : 0 2px 4px 2px;
}
#browse_thumbs .thumbnails:hover {
border : none;
margin : 0 2px 4px 2px;
}
#browse_categories {
width : 150px;
float : right;
text-align : left;
background : #eee;
padding : 10px;
height : 100%;
}
.viewing {
font-size : 14px;
font-weight : bold;
color : black;
}
#about_wrapper {
position : relative;
width : 712px;
margin-right : auto;
margin-left : auto;
}
.announce {
background-color : #f5f5f5;
padding : 2px;
border-top : 1px solid #696969;
border-bottom : 1px solid #696969;
color : #696969;
text-align : justify;
margin-bottom : 10px;
}
#about_box_left {
width : 350px;
float : left;
text-align : justify;
padding : 0;
margin : 0;
top : 60px;
}
#about_box_right {
width : 350px;
float : right;
text-align : justify;
padding : 0;
margin : 0;
top : 60px;
}
#about_slider {
text-align : left;
margin : 6px 0 0 0;
width : 100%;
margin : 0;
}
#about_box h3 {
color : black;
}
#about_box img {
margin : 0 10px 5px 0;
border : 3px solid #eee;
}
#footer {
width : 343px;
height : 15px;
padding-bottom : 12px;
padding-top : 3px;
padding-left : 5px;
margin : 10px 5px 0 0;
text-align : left;
background-color : #dcdcdc;
border : 1px solid #a9a9a9;
}
#listed {
text-align : left;
margin : 6px 0 0 4px;
float : left;
margin-left : 0;
margin-top : 0;
}
.listed {
color : #ffffff;
}
.listed a:link {
color : #ffffff;
text-decoration : none;
}
.listed a:visited {
text-decoration : none;
color : #ffffff;
}
.listed a:hover {
color : #a9a9a9;
text-decoration : none;
}
.listed a:active {
text-decoration : none;
color : #ffffff;
}
.listed ol, ul, div {
list-style : none;
margin : 0;
padding : 0;
}
.social {
height:24px;
margin:5px 0;
overflow:hidden;
padding:2px;
text-align:right;
}