/*
 * Newfloat theme version 0.2 for album <http://marginalhacks.com/Hacks/album/>
 * Copyright 2003 Helmar Wieland <heldhelm@gmx.de> <http://helmar.dyndns.org/>
 * License: GPLv2 or later
 */

body { /* base page style */
  color: #737373;
  background: #e6e6e6;
  font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
  font-size: .8em;
  margin: 0px;
  padding: 0px;
}

a { /* (visible) link colors */
  text-decoration: none;
  color: #ff8901;
}
a:hover {
  text-decoration: underline;
}

h1 { /* the header of all pages */
  height: 40px;
  margin: 0px;
  background-repeat: no-repeat;
  font-weight: normal;
  letter-spacing: 3pt;
  font-size: 1.8em;
}

h2 {
  margin: 0px 2%;
  padding: 5px 0px;
  width: 96%;
  clear: both;
  text-align: center;
  font-size: 1em;
  border: 1px solid #ffffff;
}
h2:hover {
  background: #efefef;
}
h2.footer {
  margin-top: 30px;
}

ul.breadcrums { /* the navigation menu (parent folders) */ 
  position: absolute;
  top: 1px;
  right: 0px;
  margin: 0px;
  padding: 4px 0px 6px 8px;
  font-weight: bold;
  font-size: .9em;
  letter-spacing: 1pt;
  background-repeat: no-repeat;
}
ul.breadcrums li {
  display: inline;
}
ul.breadcrums li.up {
  position: absolute;
  right: 2%;
}

div.folders { /* the list of subfolders */
  clear: both;
  text-align: center;
  margin: 0px;
  padding: 8px 2% 0px;
  width: 96%; 
}
div.folders ul {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  line-height: 1.4em;
}
div.folders ul li {
  display: inline;
  padding: 0px 5px;
  font-weight: bold;
}

div.thumbs { /* the thumbnails on album pages */
  margin: 0px;
  padding: 0px;
  clear: both;
  width: 100%;
}
div.thumbs div.thumbnail {
  margin: 10px 15px;
  padding: 0px;
  float: left;
  width: 210px;
  height: 150px;
  background-repeat: no-repeat;
}
div.thumbs img {
  padding: 18px 0px 0px 18px;
  margin: 0px;
  border: 0px;
  width: 170px;
  height: 114px;
}
div.thumbs div.thumbnail:hover img {
  padding: 22px 0px 0px 24px;
}
div.thumbs div.thumbname {
  margin: 17px 0px 0px 0px;
  width: 100%;
  padding: 0px;
  line-height: 130%;
  font-weight: bold;
  text-align: center;
  font-size: .9em;
}
div.thumbs div.thumbnail:hover div.thumbname {
 margin: 13px 0px 0px 0px;
}

ul.navithumbs { /* the (max 7) top navigation thumbnails on the image pages, width calculated per page */
  margin: 0px auto;
  padding: 0px;
}
ul.navithumbs li {
  display: inline;
  margin: 0px;
  padding: 0px;
}
ul.navithumbs div {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 105px;
  height: 75px;
  background-repeat: no-repeat;
}
ul.navithumbs img {
  padding: 9px 0px 0px 9px;
  border: 0px;
  width: 85px;
  height: 57px;
}
ul.navithumbs div:hover img, ul.navithumbs div.current img {
  padding: 11px 0px 0px 12px;
}

div.fullimage { /* the full image areas */
  width: 100%;
  margin: 0px;
  padding: 0px;
  text-align: center;
}
div.fullimage img {
  border: solid 7px #ff8901;
  -moz-border-radius: 10px; /* the w3c css validator doesn't like this, although it's a correct extension */
  margin: 0px;
  padding: 0px;
}
div.fullimage div.name {
  font-weight: bold;
  font-size: .9em;
  letter-spacing: 1pt;
}

address { /* the footer of all pages */
  float: right;
  width: 95%;
  margin: 2% 1%;
  font-size: .8em;
  font-style: normal;
  text-align: right;
}
/*address span.helmar {
  display: none;
}*/

div.spacer {
  clear: both;
}