body
{
  background-color: #e7e7e7;
  font-family: sans-serif;
  font-size: small;
  color: #4080ff;
}

*[bold] { font-weight: bold; }

*[italic] { font-style: italic; }

*[oblique] { font-style: oblique; }

strong
{
  color: #e97272;
}

img
{
  border: 0;
}

table
{
  
}

div.main
{
  width: 60%;
  margin: auto;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #ccc;
}

div.head
{
  font-family: sans-serif;
  font-size: small;
}

h1
{
  font-size: medium;
  color: #37f;
  margin: 0;
}

.head a
{
  color: #76f;
}

div.listing
{
  font-family: sans-serif;
  font-size: small;
  padding: 5px;
  background-color: #eee;
  margin-top: 1ex;
  border: 1px solid #ccc;
}

.listing a
{
  color: #46c;
  text-decoration: none;
  display: block;
}

.file_size {
  float: right;
  margin-left: 2px;
  color: #46c;
  min-width: 3em;
}


a.directory
{
  font-weight: bold;
}

.listing > div
{
  padding: 2px;
}

.listing > div:hover
{
  background-color: #d8e2fe;
}


.listing .odd
{
  background-color: #ebf0fe;
}

.listing .even
{
  background-color: #fff;
}

.listing > div:hover div.icon
{
  display: block;
}
.listing div.icon
{
  display: none;
}

.listing .icon
{
  float: right;
  font-size: xx-small;
  margin-left: 2px;
}

div.author
{
  font-family: serif;
  font-size: x-small;
  color: #777;
  text-align: center;
}

div.box
{
  margin-top: 1ex;
  background-color: #f7f7f7;
  border: 1px solid #ccc;
}

div.box > .title
{
  border-bottom: 1px solid #ccc;
  background-color: #f0f0f0;
  padding: 2px;
  font-weight: bold;
}

div.box > .contents
{
  padding: 2px;
}

div.information
{
  border: 2px solid #ded;
  background-color: #e7f0e7;
  font-weight: bold;
  margin-top: 2px;
}

div.information img
{
  vertical-align: middle;
}