body{
 background: white;
 color: black;
}

a:visited {
 color: #666666;
 font-style: italic;
}

a:link {
 color: #997816;
}
a > img {
 border: none;
}

table.menu, table.title{
 background: #FFE087;
 color: black;
 border-radius: 0.5em;
 -moz-border-radius: 0.5em;
 padding: 0.2em 1em 0.2em 1em;
}

table.menu-list {
 width = 100%;
}

table.menu > tr > td {
 border: outset 1pt black;
}

table.title {
 width: 50%;
 text-align: right;
 position: relative;
 left: 50%;
}

td.menu-center-col {
 text-align: center;
}

td.top {
  vertical-align: top;
  width: 15%;
}

td.bottom {
  vertical-align: bottom;
  width: 15%;
}

div.edit {
  border: dashed 1pt red;
  background-color: #444444;
  text-align: center;
}

span.date {
  color: #444444;
  font-style: italic;
  font-size: 80%;
}

span.exif {
  width: 300px;
}

/* index */

table.photo-index {
  border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  background: #FFE087;
  width: 45em;
  align: center;
  margin-top: 2em;
  margin-bottom: 2em;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
  border-collapse: collapse;
  text-align: center;
}

table.photo-index  td {
  padding: 0.5em 1em 0.5em 1em;
}

td.photo-index-year {
  font-weight: bold;
  font-style: italic;
  background: #FFCE3C;
  text-align: left;
}

td.photo-index-date {
  font-style: italic;
}

tr.photo-index-row:hover {
  background-color: #FFCE3C;
  cursor: pointer;
}

/* main page */

div.bordered {
 background: #FFE087;
 color: black;
 border-radius: 0.5em;
 -moz-border-radius: 0.5em;
 margin: 0.5em;
 margin-top: 2em;
 padding-top: 0.1em;
 padding-bottom: 0.1em;
 padding-left: 1em;
 padding-right: 1em;
}

img.icon {
 vertical-align: middle;
 margin-right: 0.3em;
}

table.links {
 border: thin dashed #999999;
 width: 100%;
 border-collapse: collapse;
}

table.links th,
table.links td {
 text-align: left;
 border: thin dashed #FACEFF;
 padding: 0.3em 0.4em;
 vertical-align: top;
}

ul {
 margin-bottom: 0px;
 padding-left: 1em;
 list-style-type: square;
}

.footer {
 background: #FFEDC0;
 width: 98%;
}

html, body {
	height: 98.5%;
	margin: 0;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 1em 1em -1.7em;
}
.footer, .push {
 height: 1em;
 padding: 0.2em 0.2em;
 margin: 0.2em;
}