html  {
  margin: 0;
  padding: 0;
  /*
  background: #d8ba68 url('images/bg.png') no-repeat top left;
  */
  background: #db6 url('images/bg.png') no-repeat top left;
  color: #666;
}

img   {
  margin: 5px;
  border: solid 1px #69c;
}
a img {
  border:none;
}
a {
  text-decoration: none;
}
#header {
}
#head {
  margin: 0;
  padding: 2px 5px;
  font-size: .9em;
/*  line-height: 1.2em;
*/
  display: block;
  color: #eee;
  background: #653;
  border: solid 1px #666; 
}
#head a {
  color: #ffe;
}
#head a:hover {
  color: #fec;
}
#main {
  background: #ffd;
  border: solid 1px #887;
}
#sbleft {
  float: left;
  background: #eda;
  border: solid 1px #996;
  padding: 5px 20px 5px 5px;
  margin: 0 20px 0 0;
  font-size: .85em;
/*
  width: 200px;
*/
  width: 22%;
}
#sbleft .header {
  font-size: 1.1em;
  color: #ddc;
  line-height: 80%;
  margin-bottom: -.5em;
}
#footer {
  color: #fff;
  text-align: center;
}
.nav {
/*
  padding: 5px;
  float: left;
*/
  padding: 3px;
  margint: 0 5% 0 23%;
  width: 71%;
}
.nav img {
  vertical-align: middle;
  margin: 5px 10px;
}
.tiny_nav {
  float: right;
  font-size: .7em;
  color: #999;
  padding: 1px 2px;
}
.tiny {
  text-align: right;
  float: right;
  line-height: normal;
  font-size: .7em;
  padding: 1px 2px;
}
.tiny img {
  vertical-align: middle;
  margin: 1px 2px;
}
.dirlist {
  border: solid 1px #7ad;
  background: #ace;
}
.thumb {
  background: #aa9;
  padding: 5px;
}
.show {
  background: #554;
  border: solid 1px #443;
  text-align: center;
}
.center {
  text-align: center;
}
.fl   {
  float: left;
}
.fr   {
  float: right;
}
.floatright   {
  float: right;
}
.thumb_area {
}
.thumb_area table {
  width: 100%;
}
.thumb_area tr {
}
.thumb_area td {
  border-bottom: solid 1px #ddc;
}
.show_thumb {
  background: #887;
  margin: 5px;
  padding: 5px;
}
.show_folder {
  background: #bde;
  padding: 5px 10px;
  vertical-align: middle;
  white-space: nowrap;
  display: block;
}
.show_thumb_nav {
}
.show_file {
  padding: 3px 10px;
  float: left;
}
.tab75 {
  margin-left: 75%;
}
.tab85 {
  margin-left: 85%;
}
.tiny_rotate {
  font-size: 50%;
}
.button {
  padding: .2em .5em;
  background: #bca;
  border: solid 1px #ab9;
}
.button:hover {
  background: #cdb;
}
.invert {
  background: #776;
  color: #ffe;
  padding: 1px 4px;
  margin: 4px 0 4px -4px;
  border: solid 1px #554;
  line-height: 160%;
}
ul.directory {
  margin: 0;
  padding: 0;
}
li.sbl {
  margin: .5em 0 .5em 1em;
  line-height: 1.1em;
  text-indent: -.5em;
}
.nomg {
  margin: 0;
  padding: 0;
}
.footer {
  font-size: .7em;
  color: #fff;
}
.none {
  list-style-type: none;
}
.clear {
  clear: both;
  display: block;
  line-height: 0px;
}
.clear-right {
  clear: right;
  display: block;
  line-height: 0px;
}

.grey {
  color: #888;
}
.small {
  font-size: .5em;
}