html, body, div, p, h1, h2, h3, h4,
li, form, fieldset, legend, input, select, dl, dt, dd  {
  margin:0;
  padding:0;
}
html {
  background:#444;
}
#shampoo {
  font:76% "Lucida Grande", Verdana, sans-serif;
  color:#3A4C09;
  background:#EDF9CC;
  padding:1px 0 1em 0;
  position:relative;
  border:4px solid #BADE59;
  margin:8px;
}
img, fieldset {
  border:0;
}
#thumbarray,
#albumarray,
#albums ul,
#view ul,
#bar ol,
h1 + ol {
  list-style:none;
  padding:0;
  margin:0;
}
a {
  text-decoration:none;
}
h1 {
  margin:0.5em 0 0.3em 0.8em;
  font:bold 3.2em Georgia, serif;
  color:#CE2D04;
  float:left;
  padding-right:0.1em; /* Avoid clipping of some letters */
  text-shadow:2px 2px 2px #CCC;
}
h1 a,
h1 a:visited {
  color:#CE2D04;
}
h1 a:hover,
h1 a:visited:hover {
  text-decoration:underline;
} 
h2 {
  font-size:1em;
}
#albums {
  position:absolute;
  top:-4px;
  right:-4px;
  width:16em;
  background:#F2FBDD;
  z-index:6;
  overflow:hidden;
  border:4px solid #BADE59;
}
.fixed #albums {
  right:-17.5em;
}
#shampoo.fixed {
  margin-right:17.7em;
}
#albums h2 a {
  padding:0.4em 0;
  display:block;
  text-align:center;
  color:#5D7A0E;
  font:1.5em Georgia;
  background:url(img/right.png) 1em center no-repeat #BADE59;
}
#albums h2 a:hover {
  color:#303F07;
}
#albums:hover h2 a,
.fixed #albums h2 a {
  background-image:url(img/down.png);
  color:#303F07;
  border-bottom:4px solid #BADE59;
}
#albums ul {
  display:none;
  text-align:left;
}
.fixed #albums ul,
#albums:hover ul {
  display:block;
}
#albums ul li {
  display:inline; /* Fix IE whitespace bug */
}
#albums ul li a {
  color:#222222;
  display:block;
  padding:0.8em 1em;
  font-size:1.1em;
  font-weight:bold;
  border-bottom:1px solid #BADE59;
}
#albums ul li a.current,
#albums ul li a.current:hover {
  padding-left:1.5em;
  background:#BADE59;
}
#albums ul li a:hover {
  background:#E7F8C0;
}
#albums > a {
  display:none;
  font-weight:bold;
  font-size:0.8em;
  color:#813F22;
  margin:4em 0 0.8em 1.2em;
}
#albums a:hover {
  text-decoration:underline;
}
.fixed #albums > a,
#albums:hover > a {
  display:block;
}
#shampoo p,
#shampoo h1 + div,
#shampoo h1 + span + div {
  margin:1.6em 4.2em;
  line-height:1.6;
  text-align:justify;
  clear:left;
  max-width:80em;
}
#shampoo h1 + div p,
#shampoo h1 + span + div p {
  margin:0.6em 0.4em;
}
#shampoo .imagecount {
  font-weight:bold;
  color:#769B12;
  margin:1em 0 0 0.4em;
  float:left;
  clear:none;
}
#albumarray {
  border-top:1px solid #B7BCCA;
  clear:left;
}
#shampoo #albumarray:first-child {
  padding-top:2em;
}
#albumarray li {
  padding:1.2em 0 1em 0;
  position:relative;
  border-bottom:1px solid #B7BCCA;
  background:#F6FCE5;
}
#albumarray li.odd,
#albumarray li:nth-child(2n) {
  background:#EDF9CC;
}
#albumarray li .imagecount {
  font-size:1.05em;
  margin:-2.1em 3em 0 0;
  float:right;
}
#albumarray h3 {
  margin:0 8.4em 0 2em;
  text-shadow:1px 1px 1px #CCC;
}
#albumarray h3 > a,
#albumarray h3 > a:visited {
  color:#C7B03E;
  vertical-align:middle;
  font:bold 2.4em Georgia;
}
#albumarray h3 > a:active {
  color:#9F4311;
}
#albumarray h3 > a:hover,
#albumarray h3 > a:focus,
#albumarray h3 > a:visited:hover {
  color:#C75417;
}
#albumarray h3 > a + a,
#albumarray h3 > a + a:visited {
  margin-left:2em;
  font:bold 0.8em "Lucida Grande", Verdana, sans-serif;
  color:#5D7A0E;
  white-space:nowrap;
  text-shadow:none;
}
#albumarray h3 > a + a::before {
  content:'\00BB';
  margin-right:0.5em;
}
#albumarray li h3 a:first-child:hover + a,
#albumarray li h3 a + a:hover {
  text-decoration:underline;
}
#albumarray li div {
  position:relative;
  margin:1em 44px 0 44px;
  padding:0 0 2em;
}
#albumarray li div a {
  margin:0 4px;
  vertical-align:middle;
}
#albumarray li div a:focus {
  outline:0;
}
#albumarray li div a.thumbhide {
  position:absolute;
  top:0;
  left:0;
  visibility:hidden; /* must do it this way otherwise won't work in IE & Opera */
}
#albumarray li div a + p {
  position:absolute;
  left:0;
  font-weight:bold;
  line-height:1.4;
  font-size:0.9em;
  padding:0;
  margin:0.4em 0 0;
  max-width:100%;
  color:#779E13;
  display:none;
}
#albumarray li div:hover a:hover + p { /* needs div:hover for Opera < 9.2. Fails in Safari (bug 9279). */
  display:block;
}
#albumarray li div a img {
  padding:2px;
  border:1px solid #5D7A0E;
  vertical-align:middle;
}
#albumarray li div a:hover img,
#albumarray li div a:focus img {
  border:2px solid #3A4C09;
  padding:1px;
}
#albumarray li div a:focus img {
  border-color:#C75417;
}
#albumarray li p.description {
  margin:1em 8em 1em 4em;
  clear:left; /* For Opera 8.x */
}
#blockade {
  padding:2em;
  clear:left;
  float:left;
  overflow:auto;
}
#blockade label {
  margin-left:4em
}
.error {
  background-color:#BADE59;
  padding:0.4em;
}
#bar {
  position:relative;
  height:2.4em;
  padding-left:1em;
  font-weight:bold;
  color:#769B12;
  background:#E7F8C0;
  border-bottom:1px solid #BADE59;
  border-top:1px solid #BADE59;
  clear:left;
}
#bar:hover {
  background:#BADE59;
  color:#5D7A0E;
}
#bar span,
#bar div {
  padding:0;
  float:left;
  height:1.2em;
  line-height:2.4;
}
#bar span strong {
  font-size:1.1em;
  text-align:center;
  color:#526C0D;
  margin:0 0.15em;
}
#bar div {
  font-size:1.1em;
  position:relative;
  text-align:center;
  border-bottom:1px dotted #526C0D;
  margin:0.6em 0.3em 0 0.3em;
  width: 1.4em;
}
#bar div.doubledigits {
  width:1.8em;
}
#bar div ol {
  position:absolute;
  left:0;
  top:0;
  margin-top:-2px;
  width:100%;
  border:1px solid transparent;
}
#bar div:hover ol {
  border-color:#526C0D;
  background:#EDF9CC;
  z-index:2;
}
#bar div ol li {
  display:none;
}
#bar div ol li.current,
#bar div:hover ol li {
  display:block;
}
#bar div ol li a {
  display:block;
  color:#526C0D;
  padding:0.15em 0;
  font-weight:bold;
  line-height:1em;
}
#bar div:hover ol li a:hover,
#bar div:hover ol li a:visited:hover {
  background:#FFF;
  color:#CE2D04;
}
#bar fieldset {  
  padding:0 1em 0 2em;
  float:right;
  line-height:2.4;
}
legend {
  display:none;
}
#bar input,
#bar select,
#view input {
  border:1px solid #769B12;
  font-size:0.9em;
  vertical-align:middle;
}
#bar fieldset input {
  background:transparent;
}
#bar input,
#view input {
  padding:0.37em;
}
#view input[type="text"] {
  width:2em
}
#bar fieldset input[name="customperpage"] {
  display:none;
  width:1.7em;
  padding:0.1em;
}
#bar select.custom + input,
#bar select:focus,
#bar select:hover,
#bar fieldset:hover select {
  border-color:#526C0D;
  display:inline;
  background-color:white;
}
#bar select.custom + input + input,
#bar fieldset:hover input:last-child {
  background-color:#FFF;
  border-color:#526C0D
}
#thumbarray {
  padding:0.5em 0;
  text-align:center;
  border-bottom:1px solid #B8D568;
  background:#F3FBDD;
  vertical-align:top;
  margin:0 auto;
  clear:left; /* IE */
  word-spacing:-1em; /* Kill whitespace between li elements */
  display:table; /* Webkit fix for whitespace thing */
  width:100%;
}
#thumbarray li {
  display:-moz-inline-box;
  display:inline-block;
  vertical-align:top;
  position:relative;
  word-spacing:0;
}
#thumbarray li > a {
  display:block;
  border:1px solid transparent;
  padding:0.6em 0.6em;
  color:#3A4C09;
  position:relative;
}
#thumbarray li:hover > a,
#thumbarray li > a:focus {
  background-color:#E3F5B4;
}
#thumbarray li span {
  display:block;
  padding:1em;
}
#thumbarray li a span img {
  border:1px solid #000;
  vertical-align:middle;
}
#thumbarray li span.caption {
  height:3em;
  padding:0;
  line-height:normal;
  word-wrap:break-word;
  text-align:center;
  width:100%;
}
#thumbarray li a .exif {
  font-size:0.8em;
  color:#8CA449;
  visibility:hidden;
  padding:0;
  position:absolute; /* Buggy in Opera */
  top:2px;
  right:0;
  width:98%;
  height:auto;
  line-height:normal;
  text-align:left;
  z-index:2;
}
#thumbarray li:hover a .exif,
#thumbarray li a:focus .exif { /* Moz and Saf only */
  visibility:visible;
}
#thumbarray ~ p > a {
  font-weight:bold;
  color:#769B12;
}
.pagination {
  position:fixed;
  margin-top:5em;
  font-variant:small-caps;
  color:#88B50D;
  overflow:hidden;
  z-index:3;
}
.pagination:hover {
  background:#E3F5B4;
}
.next {
  right:12px;
}
.fixed .next {
  right:12.5em;
  margin-right:4px;
}
.pagination a {
  text-align:center;
  color:#3A6C0C;
  display:block;
  overflow:hidden;
  border:2px solid #BADE59;
  z-index:4;
  position:relative;
}
.prev a {
  border-left:none;
}
.next a {
  border-right:none;
}
.pagination a span {
  display:block;
  position:relative;
  z-index:5;
}
.pagination a > span {
  width:2em;
  float:left;
  padding:0.4em 0;
}
.pagination a > span + span {
  display:none;
}
.pagination a span span,
.pagination a:hover > span + span {
  display:block;
  font-weight:bold;
}
.pagination a + a {
  font:6em "Book Antiqua", "Palatino Linotype", Palatino, serif;
  color:#FFF;
  visibility:hidden;
  position:absolute;
  bottom:-0.25em;
  right:0;
  z-index:3;
  border:0;
}
.pagination a:hover + a,
.pagination:hover a + a { /* Bottom one needed for O9 */
  visibility:visible;
}
.pagination:hover a > span + span { /* O9 */
  display:block;
}
.next a + a {
  right:auto;
  left:0;
}
.doubledigits a + a {
  letter-spacing:-0.15em;
}
#view {
  background:#E3F5B4;
  border-width:1px 0;
  border-top:1px solid #CCC;
  text-align:center;
  position:relative;
  clear:left;
}
#shampoo.h #view {
  border-top-width:0;
}
#view form + p + div {
  margin:0 1.4em;
  clear:right;
  overflow-x:auto;
}
#view form + p + div img {
  border:2px solid #663300;
  padding:1px;
  background-color:#FFF
}  
#view object {
  border:1px solid #000
}
#view p,
#view fieldset {
  font-weight:bold;
  color:#769B12;
  padding:1.2em 0;
}
#view fieldset {
  margin-right:2em;
  float:none;
  position:absolute;
  top:3px;
  right:0;
}
#shampoo.h #view fieldset {
  margin-right:18em;
}
#view fieldset,
#shampoo.fixed #view fieldset {
  margin-right:2em;
}
#view fieldset input[type="image"] {
  border:0;
}
#view p {
  width:30em;
  margin:0 auto;
  text-align:center;
}
#view p.caption {
  padding:0;
  margin:2em auto;
  font-size:1.2em;
  clear:none;
  color:#222;
  font-weight:normal;
}
#view p a {
  color:#526C0D;
  margin:1em;
  border-bottom:1px dotted #526C0D;
}
#view .exif {
  float:left;
  margin-top:2.1em;
  text-align:left;
  padding:0.5em 1em 0.5em 1.5em;
}
#view .exif h4 {
  background:url(img/down.png) 0 center no-repeat;
  padding:0 0.7em 0 1.5em;
}
#view .exif h4 a {
  color:#41550B;
}
#view .collapsed h4 {
  background-image:url(img/right.png);
}
#view .collapsed dl {
  display:none;
}
#view .exif dl {
  margin-top:0.3em;
  width:20em;
}
#view .exif dt {
  color:#526C0D;
  font-weight:bold;
  float:left;
  clear:left;
  margin-right:0.4em;
}
#view .exif dd {
  color:#769B12;
}
#view .thumbs {
  border:1px solid #CCCCCC;
  border-width:1px 0;
  background:#FEFEFE;
  clear:both;
  margin:0;
}
#view .thumbs ul {
  display:table;
  margin:-8px auto 0 auto;
}
#view .thumbs li {
  display:table-cell;
  text-align:center;
  vertical-align:middle;
  padding:2em 1em 1em 1em;
}
#view .thumbs li.active {
  background:transparent url(img/pointerup.gif) center top no-repeat;
}
#view .thumbs li a {
  display:table-cell;
  vertical-align:middle;
}
#view .thumbs li a img {
  border:1px solid #000;
  padding:1px;
}
#view .thumbs li.active a img {
  border:2px solid #914800;
}
#view .thumbs li a:hover img {
  border-color:#CE2D04;
}
#view .thumbs li span {
  color:#B7DA57;
  font-weight:bold;
  display:table-row;
}
#view .thumbs li.active span {
  color:#769B12;
}
#shampoo #credit { /* must be more specific than #shampoo p */
  text-align:right;
  font-weight:bold;
  font-size:0.9em;
  color:#B7DA57;
  padding:0;
  margin:1em 1em 0;
  max-width:100%;
}
#shampoo #credit a {
  color:#A9C853;
  margin-left:1em;
}
#shampoo #credit a:hover {
  color:#769B12;
}
#shampoo #credit span {
  margin:1em;
}
#topswitch {
  position:absolute;
  top:-2em;
  right:2em;
  color:#CCC;
  font-size:0.8em;
  font-weight:bold;
  cursor:pointer;
}
#shampoo.h #topswitch {
  right:auto;
  left:0.7em;
  top:0.2em;
  color:#7A4D0E;
}
#shampoo.h h1, #shampoo.h .imagecount, #shampoo.h .description, #shampoo.thumbhide + p {
  display:none;
}
p.columnar {
  -moz-column-width:40em;
  -moz-column-gap:4em;
  -khtml-column-width:40em;
  -khtml-column-gap:4em;
  column-width:40em;
  column-gap:4em;
  max-width:100em;
}
#shampoo.fixed .Tb_zoomed {
  margin-right:-12em;
}
#admin_login, #admin_login * {
  vertical-align:middle;
}
#admin_login {
  overflow:hidden;
  white-space:nowrap;
  text-align:normal;
  height:0;
  bottom:0.6em;
  right:1em;
  background-color:#EDF9CC;
  position:absolute;
  font-weight:bold;
  font-size:0.9em;
  color:#769B12;
}
#admin_login input {
  margin-left:0.4em;
  border:1px solid #769B12;
}
#admin_login input + input {
  padding:0.4em 0.37em;
}
#admin_login a {
  margin-left:0.8em;
  color:#769B12;
  font-size:0.95em
}
/* Do not change the line below this one or add anything below it */
/* GENERATED STUFF */
ul#thumbarray li a span {
  height:140px;
  line-height:140px;
}
ul#thumbarray li {
  width:180px;
}
#view .thumbs ul li a {
  height:170px;
}