body {
  font-family: 'Bookman Old Style';
  margin: 0px;
background: #E0DEDF;
}

header {
padding: 6px 50px;
background: #E0DEDF;
font-family: 'Bookman Old Style';
padding: 10px 20px;
border-bottom: 1px solid #888;
}

header .header-desc {
  margin-top: 130px;
  padding: 5px;
  background-color: #DEDEDE;
  opacity: 0.5;
  vertical-align: bottom;
  color: #000;
 text-align: center;
}

header p {
  margin: 0px;
  margin-top: 5px;
  padding: 0px;
  font-size: 0.8em;
}



footer {
background: -moz-linear-gradient(100% 100% 90deg, #fff, #C0C1C4);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C0C1C4), to(#fff));
            border-top: 1px solid #888;
            text-align: right;
padding: 4px 20px;
background: #E0DEDF;
       font-size: 0.8em;
}

nav {
margin: 0px;
padding: 5px 10px;
color: #fff;
background: #333333;
}

nav ul {
margin: 0px;
padding: 2px 2px;
}

nav ul li {
display: inline;
}

nav ul li:before {
content: '- ';
}

nav a {
color: #fff;
padding: 2px;
text-decoration: none;
}

nav a:hover {
  color: #3366CC;
 background-color: #fff;
}

h1 {
padding: 0px;
margin: 2px 0px;
        font-size: 1.3em;
}

#container {
  background: #fff;
}

#content {
  background-color: #fafafa;
  padding: 2px 10px;
  margin: 0px;
  vertical-align: top;
  text-align: center;
  border-right: 1px solid #888;
  padding-bottom: 10px;
}

#content h2 {
padding: 0px;
margin: 5px;
color: #000;
}

a {
color: #353738;
}

a:hover {
    text-decoration: none;
  }

.img
{
  width: 110px;
  background-color: #FFFFFF;
  text-align: center;
  margin: 5px;
  padding-top: 5px;
  float: left;
}


.album .small {
  font-size: 0.6em;
  padding-left: 5px;
  color: #858585;
}

.album p {
  font-size: 0.9em;
}

.img img, .album img { padding: 0px; margin: 0px; }

.img p
{
  display: none;
  margin: 1px;
  margin-bottom: 8px;
  padding: 0px;
  height: 0px;
  padding-top: 0px;
  font-size: 0.8em;
  font-weight: bold;
}

#showimg {
padding: 10px;
         margin-right: 4px;
       text-align: center;
}

#showimg + div {
margin: 10px;
}

#right {
padding: 5px 10px;
background-color: #FFF;
     font-size: 0.9em;
}

#right h2 {
margin: 0px; 
font-size: 0.9em;
}

#right .nav {
display: table-cell;
         padding-right: 5px;
}

#right .nav > p {
padding: 5px 0px;
margin: 0px;
        text-align: center;
        font-weight: bold;
        font-size: 0.7em;
}

#right .info {
display: table;
padding: 0px;
margin: 0px;
}

#right .desc {
padding: 5px;
         font-size: 0.8em;
}

#right .desc span {
border-bottom: 1px solid #888;
padding-bottom: 5px;
}

#right .source h2 {
  display: inline;
}

#right .src {
  font-size: 0.9em;
}

#right ul {
margin: 0px;
padding: 0px 10px;
         list-style-type: none;
         font-size: 0.8em;
}

#pic {
position: relative;
padding: 0px;
display: block;
margin: 0px;
}

#image {
padding: 10px;
margin: 0px;
        background-color: #fff;
border: 1px solid #888;
        margin-bottom: 10px;
}

#pic figcaption {
display: block;
}

#pic figcaption > h3 {
  font-size: 0.9em;
  border-bottom: 1px #000 solid;
padding: 1px 1px;
margin: 5px;
display: inline;
}

#rotate img {
padding: 0px;
margin: 0px;
}

#right ul.update {
  padding-top: 10px;
}

.update figcaption {
  display: block;
  text-align: left;
  padding: 2px 0px 5px 5px;
  font-weight: bold;
}

li.update {
display: inline-block;
}

#right h2.clean {
  clear: both;
  margin-bottom: 10px;
  padding-top: 10px;
}

#right ul.tags {
  font-size: 1em;
}

#toolbar {
  text-align: right;
  margin-top: 10px;
}

.album {
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  position: relative;
  margin: 20px;
  -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5), 0px 5px 3px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.5), 0px 5px 3px rgba(0,0,0,0.2);
  box-shadow: 0px 1px 2px rgba(0,0,0,0.5), 0px 5px 3px rgba(0,0,0,0.2);
}

.album img {
  display: block;
}

.album h3 {
  position: absolute;
  padding: 10px;
  margin: 0px;
  width: 100%;
  bottom: 0%;
  background: #000;
  background: rgba(0,0,0,0.7);
  color: #c1c1c1;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}

.album h3 a {
  color: #c1c1c1;
}

.pagination {
  list-style: none;
  display: inline-flex;
}

.pagination li {
  margin: 5px 10px;
}

#gallery {
	text-align: center;
}

#gallery figure {
	display: inline;
  margin: 0px;
  padding: 0px;
}
