body {
font-family: 'Gill Sans', Trebuchet, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
color: #000;
background-color: #56575D;
background-image: url("background.gif");
padding: 10px;
margin: 10px;
}
/* Gallery title */
h1 {
background-color: #88898D;
text-align: center;
border: 1px solid #AAABAE;
color: #FFF;
margin: 0 0 5px 0;
padding: 0;
font-size: 120%;
}
/* main page zone */
#content {
background-color: #EEEEEE;
border-left: 1px solid #AAABAE;
border-right: 1px solid #AAABAE;
padding: 5px;
margin: 0;
text-align: center;
width: auto;
}
img {
border: 0 none;}
.image img {
border: 1px solid #AAABAE;
}
/* thumbnail div in index page, adjust width and height to suit your thumbnail size */
.imageBlock {
float: left;
width: 14em;
height: 15em;
text-align: center;
border: 1px solid #88898D;
margin: 5px;
padding: 2px;
font-size: 80%;
}
/* thumbnail and image comments and titles, copyright */
#imageComment {
margin: 2px 0 5px 0;
font-size: 80%;
}
#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: #AAABAE;
height: 1.5em;
background-color: #88898D;
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: 4px 5px 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: .3em 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;
}