body, table, td {
	font-family: Arial, Helvetica, sans-serif;
        font-size: 83%;
	padding:0px;
	margin: 5px 5px 30px 5px;
}

div, p { 
  font-size: 1em;
}

a { 
  color: #551a8b;
}

form {margin: 0px; padding: 0px;}
div#tagline { 
  font-style: italic;
  font-size: 0.9em;
}

#topbit { 
    position: absolute;
    top: 0px;
    left: 0px;
    border-style: solid;
    border-color: #888;
    border-width: 0px 0px 1px 0px;
    z-index: 1;
    width: 100%;
    height: 75px;
    color: #000;
    background:#ddd;
    padding-left: 6px;
}

#topnav {
   min-width: 550px;
   position: absolute;
   top: 0px;
   left: 210px;
   white-space: nowrap;
}

#imgbar { 
  margin: 5px 0px 0px 8px;
  padding: 3px;
}

#imgbar img { 
   margin-left: -10px;
   border: 1px solid #888;
   border-bottom-color: #000;
}

#imgbar img:hover { 
   margin-right: 7px;
}

#imgbar a { 
   margin: 0;
   padding: 0;
   margin-right: 3px;
}

#main {
    background: #ffffff;
    padding: 0px 0px 0px 5px;
    margin-left: 220px;
    position: relative; 
    margin-top: 100px;
    max-width: 650px;
    min-width: 300px;
}

#topbrowse { 
  margin: 0px 3px 3px 0px;
  padding: 1px 3px 3px 3px;
  background:#eee;
  border: 1px solid #888;
}

#topbrowse a { 
  margin-left: 10px;
}

#topbit a:hover { 
  font-style: normal;
  background: #ddd;
}

div.corner {
    padding: 4px;
    height: 67px;
    width: 193px;
}

div#logo { 
  font-size: 1.5em;
  font-weight: bold;
}

div#logo small {
  font-weight: normal;
  font-size: 0.8em;
}

div#logo a { 
  color: #000;
  text-decoration: none;
}

div#logo a:hover {
  text-decoration: underline;
  color: black;
}


table.bordered, table.bordered td {
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
}

table.bordered th {
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    background: #ddd;
}

td {
    vertical-align: top;
}

#menu {
  z-index: 2;
  position: absolute;
  top: 75px;
  left: 0px;
  border-right:1px solid #888; 
  border-bottom:1px solid #888;
  border-top: 1px solid #ddd;
  padding: 0px 4px 4px 4px;
  width:200px; 
  background:#eee;
  margin:0px 0px 10px 0px;
}


#menu div.heading {
  font-weight: bold;
  /* background-image: url(/images/lrtitlegrad.gif); */
  /* background-repeat: repeat-y; */
  margin-top:8px;
  clear: left;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #888;
  margin: 4px 0px 0px 0px;
  padding:2px 2px 2px 4px;
  background:#ddd;
  font-weight:bold;
  font-size:1.1em;
  text-align:left;
  clear: left;
}

#menu p {
    padding: 2px 2px 6px 2px;
    margin: 0;
}

#menu textarea {
    width: 180px;
}

#menu ul { 
    margin: 0 0 0 10px;
    padding: 0;
    list-style: none;
}

#menu li { 
  display: block;
  padding-left: 14px;
  background-image: url(/images/arrow.gif);
  background-repeat: no-repeat;
  background-position: 0 6px;
}

html[xmlns] #menu {
    padding-left: 2em;
}

html[xmlns] #menu li {
    background: none; /* undo the background-image */
    list-style-image: url(/img/bdot.gif);
    padding: 0;
}

#menu li a { 
  display: block;
  margin: 1px;
  padding: 1px 2px 1px 2px;
  text-decoration: none;
}

#menu li a:hover { 
  background: #ddd;
}

h1 {
  font-size: 1.3em;
  font-weight: bold;
  margin: 0px 0px 2px 0px;
}


h2 {
  font-weight: bold;
  font-size: 1.1em;
  background:#ddd;
  margin: 6px 0px 4px 0px;
  padding: 2px 2px 2px 4px;
  border-width: 1px;
  border-top-style: solid;
  border-color: #888;
  clear: left;
}

h2.full {
  border-right-width: 0px;
}

h3 {
    margin-top:12px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px;
    padding:0px;
    font-weight:bold;
    font-size:1em;
}

.warning {
    font-style:italic;
    color:#a00;
}

.postedby {
    font-style:italic;
}

.dummy {
  border-style: none;
  border-color: #fff;
}

.full {
  position: relative; 
}

.full img {
  float: right;
  position: relative; 
  padding: 0px;
  margin-bottom: 4px;
  margin-left: 4px;
  border: 0;
  clear: left;
}

.compact {
  position: relative; 
}

.compact img {
  position: relative; 
  float: right;
  padding: 4px;
  margin-bottom: 4px;
  margin-right: 4px;
  border: 0;
  clear: left;
}

.bigsummary, .summary {
  position: relative;
  clear: both;
  line-height: 1.2em;
  margin: 10px 10px 10px 5px;
}

.summary img {
  position: relative; 
  float: right;
  padding: 4px;
  margin-bottom: 4px;
  margin-right: 4px;
  border: 0;
  clear: left;
}

.bigsummary img {
  position: relative; 
  float: right;
  padding: 4px;
  margin-bottom: 4px;
  margin-right: 4px;
  border: 0;
  clear: left;
}

div.actions {
  font-weight: bold;
  background: #ddd;
  clear: left;
  padding: 5px 0px 5px 10px;
}

table.pretty {
  border-style: solid;
  border-color: black;
  border-width: 0px 0px 1px 0px;
}

table.pretty th { 
  background: #eee;
  color: white;
  border-style: solid;
  border-color: #000;
  border-width: 1px 0px 0px 0px;
  padding: 0px 3px 0px 3px;
}

table.pretty td {
  border-style: solid;
  border-color: black;
  border-width: 1px 0px 0px 0px;
  padding: 0px 3px 0px 3px;
}

#crumbs { 
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

#crumbs li { 
  display: inline;
  margin: 0;
  padding: 0;
}
table.tracks { padding:0px; margin:0px; font-size: 1em; }
table.tracks td.track { padding-right:5px; font-size: 1em; }
table.tracks td.tracklength { padding-left: 20px; width: 5em; font-size: 1em;}
table#copyright { padding:0px; margin:0px; font-size: 1em;}

div.admin { 
  border: 1px solid black;
  background: #eee;
}