html  {
  margin: 0;
  padding: 0;
  background: #ccb;
  color: #666;
}

img   {
  margin: 5px;
  border: solid 1px #69c;
}

#head {
  margin: 0;
  padding: 1px 5px 2px;
  font-size: .8em;
  line-height: 1em;

}
#main {
}
#sbleft {
  float: left;
  background: #bba;
  border: solid 2px #887;
  padding: 0 30px 10px 0;
  margin: 0 20px 0 0;
  font-size: .85em;
}
#sbleft .header {
  font-size: 1.1em;
  color: #ddc;
  line-height: 80%;
  margin-bottom: -.5em;
}
.breadcrumb {
}
.nav {
  background: #998;
  border: solid 1px #887;
  padding: 5px;
}
.nav img {
  vertical-align: middle;
  margin: 5px 10px;
}
.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: #9bd;
}
.thumb {
  background: #998;
  padding: 5px;
}
.show {
  background: #554;
  padding: 5px 20px;
  border: solid 1px #443;
  text-align: center;
}
.center {
  text-align: center;
}
.fl   {
  float: left;
}
.show_thumb {
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  display: inline-table;
}
.show_folder {
  margin: 5px;
  padding: 5px 15px;
  background: #9bd;
  border: solid 1px #8ac;
  white-space: nowrap;
  display: inline-table;
  text-align: center;
  line-height: 100%;
}
.show_file {
  margin: 5px;
  padding: 4px 8px;
  background: #887;
  white-space: nowrap;
  display: inline-table;
}
.tiny_rotate {
  font-size: 50%;
}
.button {
  padding: .2em .5em;
  background: #bca;
  border: solid 1px #ab9;
}
.invert {
  background: #776;
  color: #ffe;
  padding: 1px 4px;
  margin: 4px 0 4px -4px;
  border: solid 1px #554;
  line-height: 160%;
}
li.sbl {
  margin: 2px 0 2px -4px;
}
.nomg {
  margin: 0;
  padding: 0;
}
.footer {
  font-size: .7em;
  color: #fff;
}
.none {
  list-style-type: none;
}
.clear {
  clear: both;
  line-height: 0px;
}
