/*
 * Wrappers
 */
body {
  background-color: #000;
  color: #ccc;
  text-align:center;
  font-family: "trebuchet MS", verdana, helvetica, sans-serif; 
}

#wrapper {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}

#main {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}

/*
 * Text headers
 */
h1 {
  font-size: 1.5em;
}

h2 {
  font-size: 1.5em;
}

h3 {
  font-size: 1.3em;
}

/*
 * The top and bottom lines
 */
#topline, #bottomline {
  border: 0;
  width: 100%;
  background-color: #fff;
  color: #fff;
  height: 1px;
  text-align: center;
}

/*
 * Clickstream (navigation)
 */

.clickstreamcontainer {
  text-align: left;
  margin-left: 0;
  padding-bottom: 1em;
}

.clickstream {
  color: #ccc;
  text-transform: lowercase;
  font-size: 14px;
}

.clickstream a:hover {
  color: #fff;
}


/*
 * Categories list (jumpbox)
 */
#jumpbox {
  text-align: left;
  margin-left: 0;
}

#jumpbox fieldset {
  border: 0;
}

#jumpbox fieldset select, #jumpbox fieldset .button {
  background: #000;
  color: #ccc;
  border: 1px solid #ccc;
  font-family: verdana, "trebuchet MS", helvetica, sans-serif; 
  font-size: 0.7em;
}

#jumpbox fieldset select {
}

#jumpbox fieldset .button:hover {
  color: white;
}

/* 
 * Images thumbnails - must always be inside a table with the same structure
 */
.thumbnailtablecontainer table {
  margin:0 auto;
}

.thumbnailtablecontainer table tr td {
  text-align:center;
  text-decoration:none; 
  width:140px; 
  height:140px; 
  border:1px solid #ddd;
  background: #333;
}

.thumbnailtablecontainer table tr td div.thumbnail a img {
  border:1px solid #888;
}

/* This is not for IE 6
.thumbnailtablecontainer table tr td:hover {
  border:1px solid #fff;
}
*/

/*
 * Copyright stuff
 */
#fourimagescopyright #copyright {
  text-align: center;
  margin-left: 0;
  margin-right: 0;
}

#fourimagescopyright {
  color: #fff;
  font-size: 0.5em;
}

#copyright {
  color: #fff;
  font-size: 0.8em;
}