body {
  margin: 0px;
  padding: 0px;
  font-size: small;
  color: #333333;
  background-color: #CCCCCC;
  text-align: center;
}

a:link, a:visited
{
  border-style: none;
  outline-style: none;
}
img
{
  border-style: none;
  outline-style: none;
}
h1
{
  margin:  0px;
  padding: 0px;
  font-size: x-large;
}
h2
{
  margin:  0px;
  padding: 0px;
  font-size: large;
}
h3
{
  margin:  0px;
  padding: 0px;
  font-size: medium;
}
td
{
  vertical-align: top; 
}


#top
{
  font-family: Verdana,Arial,Helvetica,sans-serif;
  margin: 10px 10px 10px 10px;
  height: 107px;
  border-bottom: thin solid;
  text-align: center; 

  /* Here is the ugly brilliant hack that protects IE5/Win from its own
     stupidity.  Thanks to Tantek Celik for the hack and to Eric Costello
     for publicizing it.  IE5/Win incorrectly parses the "\"}"" value,
prematurely closing the style declaration. The incorrect IE5/Win value
is above, while the correct value is below. See
http://glish.com/css/hacks.asp for details. */
  voice-family: "\"}\"";
voice-family:inherit;
height:91px; /* the correct height */
}
body>#top {height:91px;}

#content
{
  margin: 0px 20px 50px 240px;
  padding: 10px;
  text-align: left;
}

#left
{
  font-family: Verdana,Arial,Helvetica,sans-serif;	
  font-size: xx-small;
  border-width: thin;
  position: absolute;
  top: 127px;
  left: 20px;
  width: 220px;
  padding: 10px;
  /* Again, the ugly brilliant hack. */
  voice-family: "\"}\"";
voice-family:inherit;
width:200px;
}
/* Again, "be nice to Opera 5". */
body>#left {width: 200px; font-size: x-small }

#credit
{
  border: thin solid;
  margin-top: 100px;
  margin-left: 300px;
  margin-right: 10px;;
  font-size: xx-small;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
}

#profile
{
  text-align: left;
}

div.useritembody
{
  text-align: left;
}
div.box
{
  border: thin solid #333333;
}


div.head
{
  text-align: left;
}

table.head
{
  border-bottom: thin solid;
}

span.head, td.head
{
  font-size: small;
  font-weight: bold;
  text-align: left;
  background-color: #eeeeee;
  width: 10%;
  vertical-align: top;
}

span.headtext, td.headtext
{
  font-size: small;
  text-align: left;
  background-color: #aaaaaa;
  vertical-align: top;
}



span.foot, td.foot
{
  font-size: small;
  font-weight: bold;
  text-align: left;
  background-color: #eeeeee;
  margin-right: 5px;
  width: 100px;
}


div.commentdisplay
{
  margin-left: 25px;
}


.form
{
  font-size: small;
  border: thin solid #333333;
}

div.boxitem
{
  border-top: thin solid #333333;
  border-bottom: thin solid #333333;
}


.comment .head
{
  vertical-align: top;
}

.item table
{
}

.comment table
{
}


.error
{
  margin: auto;
  border: thin solid black;
  background-color: white;
  color: red;
  font-size: medium;
}

div.item
{
  text-align: left;
  font-size: small;
  margin-bottom: 10px;
}

div.comment
{
  text-align: left;
  font-size: small;
  margin-bottom: 10px; 
}

.item .head, .comment .head
{ 
  padding: 5px;
  margin-bottom: 10px;
  background-color: #757575;
  font-family: Verdana,Arial,Helvetica,sans-serif;
}

.item .images
{ 
  float: right;
}

.item h1
{ 
  font-size: x-large;
  font-weight: bold;
  vertical-align: top;
}

.item h2
{ 
  font-size: small;
  font-weight: bold;
}

.item .summary
{ 
  margin-bottom: 5px;
}

.item .text, .comment .text
{ 
  padding-bottom: 5px;
}

.item ul.menu, .comment ul.menu
{ 
  padding-left: 0;
  margin-left: 0;
  padding-top: 0;
  margin-top: 0;
}

.item ul.menu li, .comment ul.menu li
{ 
  background-color: #eeeeee;
  display: inline;
  margin-right: 4px;
  padding: 2px;
  font-weight: bold;
}