/* $Id$
 *
 * (c) James Aylett 2007
 */

BODY {
  background: rgb(50,50,50);
  background-image: url(background.png);
  background-repeat: repeat-x;
  color: white;
  font-size: 90%;
}

#pending {
  text-align: center;
}

#thanks {
  text-align: center;
}

#gobutton {
  text-align: center;
}

#stop {
  text-align: center;
}

#imgcontainer {
  text-align: right;
  float: right;
  width: 240px;
  position: absolute;
  bottom: 0;
  right: 0;
}

#my_img0 {
  width: 240px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
}

#my_img1 {
  width: 240px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 20;
}

#debug {
  display: none;
}

A {
  color: blue;
}

A:visited {
  color: rgb(200,100,200);
}

A:active {
  color: red;
}

A:visited:active {
  color: red;
}

.flick {
  color: rgb(0,100,220);
  font-family: Georgia, serif;
}
.bookr {
  color: rgb(255,0,132);
  font-family: Georgia, serif;
}
.book {
  color: rgb(255,0,132);
  font-family: Georgia, serif;
}

ADDRESS {
  margin: 0;
  color: rgb(0,100,220);
  font-size: 90%;
}

H1 {
  margin: 0;
}

.display {
  background: rgb(100,100,100);
  color: white;
  padding: 0.5ex 1em 0.5ex 1em;
  margin: 2ex 2em 2ex 2em;  
}

.display H2 {
  margin-top: 1ex;
}

.fieldsubset {
  padding: 0.5ex 1em 0.5ex 1em;
}

.column {
  float: left;
  width: 40%;
}

H1 A { text-decoration: none; }

FORM { text-align: center; }

FIELDSET {
  display: block;
  margin-bottom: 1ex;
}

/*HACK: Easy clearing (minimal) */
#filter::after, #options::after { 
   content: "."; 
   display: block; 
   height: 0; 
   font-size: 0;
   clear: both; 
   visibility: hidden; 
}

INPUT { text-align: center; }

INPUT[type=submit] {
  margin: 1ex 1em 1ex 1em;
  float: right;
}

UL { text-align: left; }

#photoset-name-container {
  background: white;
  color: black;
}

#photoset-name-container UL {
  border: 1px solid black;
}

#photoset-name-container UL LI {
  margin-left: 0;
  list-style-type: none;
  cursor: pointer;
}

#photoset-name-container UL LI:hover {
  background-color: black;
  color: white;
}

.status { 
  vertical-align: super;
  font-size: 80%;
  color: rgb(255,0,132);
  font-family: Georgia, serif;
}