body { 
  color: #222;
  background: white;
  margin: 0;
  font-size: 0.9em;
}

body, textarea {
  font-family: "bitstream vera sans", verdana, sans-serif;
}


a {
  color: #5e6d5c;
  background: transparent;
  /* text-decoration: none; */
}

a:hover {
  text-decoration: underline;
}

a.action {
  font-size: small;
  color: black;
  background-color: #e2e2de;
  border: 1px outset threedface;
  cursor: default;
  text-decoration: none;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 1px;
  padding-bottom: 1px;
}

a.action:active { 
  border: 1px inset threedface;
 
}

img {
  border: 0;
}

a img {
  display: block;
}

ul li { 
  clear: both;
}

ul li em a img { 
  float: left;
  margin-right: 1em;
}

ul li form {
  margin-top: 0.6em;
}

h1 a {
  color: #222;
}

h1 { 
  font-family: Impact;
  font-size: 2em;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0.4em;
  padding-top: 0.2em;
  padding-bottom: 0.4em;
  border-bottom: 1px solid #bdc4bc;
  color: #222;
  background: #ccd3cb;
  background-image: url(/pics/topgradient.png);
  background-repeat: repeat-x;
}

h2 { 
  font-size: 1.2em;
}

h3 a, h3 a:hover {
  color: #222;
  text-decoration: none;
}

div#content { 
  margin-top: 0;
  margin-left: 1.2em;
  margin-right: 18em;
}

/*
div#content h2 {
  margin-top: 0;
  padding-top: 0.75em;
}
*/

div#right {
  position: absolute;
  top: 0.25em;
  right: 0.25em;
  width: 11.5em;
}

div#right ul, div#right h2 {
  padding-left: 0.25em;
}

form {
  font-size: small;
}

form input, form textarea { 
  border-width: 1px;
  padding: 0;
}

form#login { 
  height: 84px; /* Same height as the logo */
  font-size: x-small;
  text-align: right;
  margin-top: 1em;
  margin-right: 0.5em;
}

form#login input {
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}

form#search {
  margin-bottom: 1.75em;
}

ul#menu { 
  list-style: none;
  padding-left: 0;
  margin-top: 1.75em;
  margin-left: 0;
}

div#right h2 { 
  font-size: small;
}

ul#latest { 
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  font-size: small;
}

ul#latest li {
  margin-bottom: 1.25em;
}

ul#latest li a img { 
  margin-bottom: 0.25em;
}

span.editable:hover, div.editable:hover { 
  cursor: pointer;
  background-color: #ffffe0;
}

form.editable input[type=submit] {
  background-color: #77cb6e;
}

form.editable input[type=button] {
  background-color: #e76565;
}

div.admin a { 
  color: #222;
  background: #e2e2de;
  font-size: small;
  padding: 0.1em;
  border: 1px outset #e3e3e0;
  text-decoration: none;
}

div.admin a:active { 
  border-style: inset;
}

div.admin form, p.admin form input { 
  display: inline;
}

form label { 
  display: block;
  margin-top: 0.5em;
}

div.warning { 
  color: #5a1f1f;
  background-color: #f6f5b0;
  margin-top: 1em;
  padding: 0.5em;
  border: 1px solid #9d9c67;
}

div.pager { 
  font-size: small;
  text-align: center;
}

div.pager ul { 
  display: inline;
  list-style: none;
  margin-left: 0;
}

div.pager ul li {
  display: inline;
}

div.pager a, div.pager a:link { 
  text-decoration: underline;
}

ul.list { 
  list-style: none;
}

ul.list li { 
  margin-bottom: 0.75em;
}

ul.list li img {
  display: inline;
  margin-right: 0.25em;
}

ul.list li.nopicture {
  margin-left: 100px;   /* approximate tiny picture size */
  margin-bottom: 58px;  /* approximate tiny picture size */
  padding-left: 0.25em; /* same as margin-right for ul.list li img above */
}

ul.list li img, div.thumbnails img {
  vertical-align: top;
}

ul#latest li a img, ul.list li img, div.thumbnails img, div.picture img {
  border: 1px solid #cdcdcd;
}

p.prevnext {
  font-size: small;
}

div.picture {
  position: relative; /* This is now a containing block for div.thumbsnails below */
}

div.thumbnails {
  position: absolute;
  top: 0;
  right: 0;
  width: 96px;
}

div.thumbnails img {
  margin-bottom: 0.5em;
}

div.thumbnails img:hover {
  cursor: pointer;
}

div.itemdesc { 
  width: 26em;
}

ul li span.not_confirmed { 
  color: #ccc;
}

div.transactions table { 
  border-collapse: collapse;
  border: 1px solid #222;
  margin-bottom: 2em;
}

div.transactions table thead {
  text-align: left;
  border-bottom: 1px solid #aaa;
}

div.transactions table thead tr th {
  padding: 0.25em;
}

div.transactions table tbody tr td {
  padding: 0.25em;
  vertical-align: top;
}

div.transactions table tbody tr.b {
  background-color: #f8f8f8;
}

/* HTML::Widget: */

form fieldset { 
  border: 0;
  padding: 0;
  margin: 0;
}

form fieldset label { 
  font-size: x-small;
}

form fieldset label.labels_with_errors { 
  font-weight: bold;
}

form fieldset label input, form fieldset label textarea {
  display: block;
}

form fieldset label input.checkbox { 
  display: inline;
}

form fieldset label textarea { 
  font-size: small;
}

form fieldset input[type="submit"] { 
  margin-top: 1em;
}

form fieldset label span.fields_with_errors input,
 form fieldset label span.fields_with_errors textarea { 
  border-width: 2px;
}

form fieldset label span.keywords { 
  font-size: smaller;
}

form fieldset span.error_messages { 
  display: block;
  color: red;
  background-color: #ffffff;
  font-size: x-small;
  margin-bottom: 0.5em;
}

div#map {
  display: none;
  width: 500px;
  height: 300px;
}

div div.iteminfo {
  font-size: small;
}

div div.iteminfo h2 {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0.25em;
}

div div.iteminfo h2 a {
  color: #222;
  text-decoration: none;
}

div div.iteminfo h2 a:hover {
  color: #5e6d5c;
  text-decoration: underline;
}

div div.iteminfo img {
  float: left;
  margin-right: 1em;
}

div#full_map { 
  width: 100%;
  height: 440px;
  border: 1px solid black;
}

table.stats { 
  width: 20em;
  border-collapse: collapse;
  margin-bottom: 1em;
}

table.stats tr td, table.stats tr th {
  border: 1px solid #444;
  padding: 0.25em;
  text-align: left;
}

table.stats tr td {
  width: 90%;
}

table.stats tr td {
  text-align: right;
  width: 10%;
}

/* Workarounds for MSIE 6: */

/* "Holly hack", see: http://www.positioniseverything.net/abs_relbugs.html \*/
* html div.picture { height: 1%; }
/* */

/*
 * Local Variables:
 * mode: css
 * End:
 *
 */
