body {
font-family: Verdana, Georgia, Arial, Helvetica, sans-serif;
color: #CCC;
background-color: #000;
background-image: url("");
padding: 10px;
margin: 10px;
}
/* Gallery title */
h1 {
background-color: #000;
text-align: left;
border: 0px solid #AAABAE;
color: #999;
margin: 0 0 5px 0;
padding: 5px;
font-size: 150%;
font-family: Georgia, Verdana, Arial;
}
/* main page zone */
#content {
background-color: #000;
border-left: 0px solid #AAABAE;
border-right: 0px solid #AAABAE;
padding: 5px;
margin: 0;
text-align: center;
width: auto;
}
img {
border: 0 none;}
.image img {
border-left: 10px solid #FFF;
border-right: 10px solid #FFF;
border-top: 10px solid #FFF;
border-bottom: 15px solid #FFF;
}
/* thumbnail div in index page, adjust width and height to suit your thumbnail size */
.imageBlock {
float: left;
width: 12em;
height: 12em;
text-align: center;
border: 1px solid #333333;
margin: 2px;
padding: 9px;
font-size: 80%;
}
/* thumbnail and image comments and titles, copyright */
#imageComment {
margin: 10px 0 5px 0;
font-size: 100%;
}
#footer {
clear: both;
font-size: 80%;
color: #88898D;
}
/* Page navigation zones at top and bottom of page */
#navig, #navigBottom {
margin: 0;
padding: 0;
text-align: left;
border-style: solid;
border-color: #000;
height: 1.5em;
background-color: #000;
overflow: hidden;
}
#navig {
border-width: 1px 1px 0 1px;
}
#navigBottom {
border-width: 0 1px 1px 1px;
}
/* link styles in the page navigation zones */
#navig li, #navigBottom li {
display: inline;
list-style-type: none;
padding: 0;
}
#navig a, #navigBottom a {
float: left;
margin: 0 1px 0 0;
}
#navig a {
padding: 0 5px 4px 5px;
}
#navigBottom a {
padding: 5px 4px 0 5px;
}
#navig a:link, #navigBottom a:link {
text-decoration: none;
color: #FFF;
}
#navig a:visited, #navigBottom a:visited {
text-decoration: none;
color: #DDD;
}
#navig a:hover, #navig a:active, #navigBottom a:hover, #navigBottom a:active {
background-color: #DDDDDF;
color: #56575D;
padding: 0 5px 0 5px;
}
#navig a:hover, #navig a:active {
border-bottom: .4em solid #FFF;
}
#navigBottom a:hover, #navigBottom a:active {
border-top: .2em solid #FFF;
}
/* style of the current page 'tab' */
#navig .here, #navigBottom .here {
float: left;
padding: 0 5px 0 5px;
color: #FFF;
margin: 0 1px 0 0;
height: 1.2em;
}
#navig .here {
border-bottom: .4em solid #FFF;
}
#navigBottom .here {
border-top: .3em solid #FFF;
}
#navig .end, #navigBottom .end {
display: block;
padding: 0 0 4px 0;
}