html
{
  background:#fff; /* beige = #ECE9D8 */
  font-family:Arial, Helvetica, sans-serif; font-size: 12px;
}
 
/* HEADER */
#menu
{
  position:absolute; top:20px; left:10px;
  z-index:10;
}
#menu a
{
  background:#fff;
  color:#000; font-weight: bold; text-decoration:none;
  padding: 5px 10px; margin-right:10px;
  border: 2px solid #f00;   
  *display: block;
  /* border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; */
}
#menu a:hover
{
  /* background: #FFDD17; */
  color:#f00; font-weight: bold; text-decoration:none;
  padding: 5px 10px; margin-right:10px;
  /* border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; */
}
#menu a.selected { 
  background: #eee;
}
#menu li { float:left; }
 
/* BODY */
#wrapper
{
  width:100%; height:100%;
  position:absolute; top:0; left:0;
  overflow:hidden; /* enforces mask? */
}

#mask { width:600%; height:100%; } /* 6 boxes = 600% */

.box
{
  width:16%; height:100%; float:left; /* 6 boxes = 16% */
}
.content
{
  background:#fff; /* rgba(255,255,255, 0.3) */
  width:650px; height:400px; /* main box dimensions */
  top:20%; position:relative;
  margin: 0 auto; padding:0 10px 10px 10px;
  border: 5px dashed #f00;
  overflow:hidden;
  /* border-radius:35px; -moz-border-radius:35px; -webkit-border-radius:35px; */
}
.inner
{

  /* background:rgba(255, 255, 255, 0.3);
  width:500px; height:300px;
  position:relative; 
  margin:10px; padding:5px;  */
  /* border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; */
}

/* CLOUDS */
.clouds
{
  width:100%; height:262px;
  overflow:hidden;
}
#clouds-small
{
  width:4000px; height:100%;
  /* border: 2px dotted #f00; */
  background:url(dummy_imgs/black_small.png) repeat-x;
}
#cloud2
{
  position:relative; top:-262px;
}
#clouds-big
{
  width:6000px; height:100%; /* 6 boxes = 6,000 */
  /* border: 5px dotted #f00;   */
  background:url(dummy_imgs/black_large.png) repeat-x;
}

/* ***
.goodread { color: #000; } */

/* searchThingie */
form { margin: 10px 0; }
table { width: 100%; border-collapse: collapse; }
thead th { background: #f34105; color: #fff; }
tbody th { text-align: left; }
table th, table td { border: 1px solid #ddd; padding: 2px 5px; font-size: 100%; }

.odd, .r1 { background: #fff; }
.even, .r2 { background: #f7f7f7; }
.r3 { background: #ebebeb; }
.search { font-weight:  bold; }

dt { margin-top: 10px; font-weight: bold;  }
dd { margin: 0;}
.new { color: #f34105; text-transform: uppercase; font-size: 85%; margin-left: 3px; }

form.quicksearch { padding: 10px; background: #f7f7f7; }
form.quicksearch input { margin-left: 5px; width: 300px; }
form.quicksearch img { vertical-align: middle; margin-left: 5px; }

a.link span
{
	/* font-size: 14px; */ font-weight: normal
}