html {
  background-color: #ffffff;
}

body {
  margin: 2.5em 2.5em 1em 1em;
  padding: 1em;
  border: #aaaaaa 1em solid;
  background-color: #ffffff;
  color: 000000;
  font-family: Palatino, 'Zapf Calligraphic 801', 'URW Palladio L', 'Book Antiqua', serif;
}

@media print {
  body {
    border: 0;
  }
}

#pagetitle {
  background-image: url(amandaandhubert.png);
  background-repeat: no-repeat;
  background-position: 0px 1.4ex;
  padding-top: 58px;
  padding-left: 0.5em;
  margin-top: -1.4ex;
  font-style: italic;
  font-size: 300%;
}

h1, h2, h3, h4, h5 {
  font-style: italic;
  font-weight: bold;
}

#body {
  margin-right: 13em;
}

@media print {
  #pagetitle:before {
    content: url(amandaandhubert.png);
    margin-bottom: -1.4ex;
    padding-bottom: -12px;
    margin-left: -0.5em;
    display: block;
  }

  #pagetitle {
    background: transparent;
    padding-top: 0;
    margin-top: 0;
  }

  #body {
    margin-right: 0;
  }
}

/******************************************************************************
* Registry
******************************************************************************/

#registry {
  border-collapse: collapse;
  width: 100%;
}

#registry .registry_row1 td {
  border-top: #000000 1px solid;
}

#registry .registry_row1 td + td {
  /* evil, evil hack! */
  text-align: center;
  width: 8em;
}

#registry td {
  padding: 0 0.25em;
  margin: 0;
}

/*#registry td:first-child {
  width: 40%;
}*/

#registry .reg_claim {
  text-align: right;
}

#registry .reg_edit {
  text-align: right;
  font-weight: bold;
}

#registry .reg_claimed {
  text-decoration: line-through;
  color: #7f7f7f;
}

#registry .reg_claimed td {
  text-decoration: line-through;
  color: #7f7f7f;
}

@media print {
  #registry .reg_claim {
    display: none;
  }
  #registry .reg_edit {
    display: none;
  }
}

/*****************************************************************************
* Album
*****************************************************************************/

.albumthumb {
  vertical-align: middle;
  border-width: 1px;
  border-color: #7f7f7f;
  margin-right: 1em;
  margin-top: 0.5ex;
}
.thumbnail {
  vertical-align: middle;
  margin-top: 2px;
  margin-bottom: 2px;
}
#photonavbar {
  width: 100%;
  overflow: auto;
  border: solid #226622;
  border-width: 2px 0px;
  padding: 1ex;
  white-space: nowrap;
  margin-left: -1ex;
  margin-right: -1ex;
}
#imagebrowsenav {
  margin: 1ex;
  text-align: center;
}
#imageprev:before {
  content: "< ";
}
#imagenext:after {
  content: " >";
}
#imageprev, #imagenext {
  text-decoration: none;
  color: black;
  background-color: #cccccc;
  padding-left: 2px;
  padding-right: 2px;
  border-width: 2px;
  border-style: solid;
  border-color: white #7f7f7f #7f7f7f white;
}
a[href="javascript:;"] {
  color: #7f7f7f !important;
}

.permalink:before {
  content: "[";
}
.permalink:after {
  content: "]";
}
.permalink {
  font-size: smaller;
  text-decoration: none;
}

/*****************************************************************************
* Sidebar
*****************************************************************************/

#sidebar {
  position: absolute;
  /*left: 75%;*/
  top: 1em;
  right: 1em;
  width: 13em;
  /*border: solid #006600 1em;*/
  /*border: solid #664422 1em;*/
  border: solid #93361e 1em;
  border-bottom: 0;
  background-color: #ffffff;
  /*-moz-border-radius: 1em;*/
  text-align: center;
}

.sidebarbox {
  margin: 0;
  padding: 0px 1ex;
}

.sidebarbox:first-child:before {
  content: url(beginner.png);
}

.sidebarbox:before {
  content: url(spacer.png);
  text-align: center;
  display: block;
  margin: 0px;
  padding: 2ex 0px;
}

#photobox {
  text-align: center;
  padding: 1ex 0 0;
}

#photobox > img {
  width: 13em;
  height: 7.82em;
  vertical-align: bottom;
}

#photobox:before {
  display: none;
}

/*#sidebar:after {
  border-top: none;
  content: url(ender.png);
  text-align: center;
  display: block;
  margin: 0;
  padding: 2ex 0px;
}*/

#menu ul {
  margin: 0;
  padding: 0;
}

#menu ul li {
  display: block;
}

@media print {
  #sidebar {
    display: none;
  }
}

/******************************************************************************
* Footer
******************************************************************************/

#footer {
  font-size: smaller;
  margin-top: 0px;
  padding-top: 1ex;
  width: 100%;
  color: #7f7f7f;
}

#footer p {
  margin-top: 0px;
  margin-bottom: 0px;
}

/******************************************************************************
* Action menu
******************************************************************************/

#actionmenu {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #cccc7f;
  color: #000000;
  padding: 1ex;
}
#actionmenu:hover {
  background-color: #ffffcc;
  color: #000000;
}
#actionmenu ul {
  display: none;
}
#actionmenu:hover ul {
  display: block;
  padding-left: 1em;
  margin: 0;
}

@media print {
  #actionmenu {
    display: none;
  }
}