/* J-London redesigned stylesheet.
 * $Id: standard.css,v 1.3 2006/03/01 11:52:58 rich Exp $
 */

body { 
  margin: 0;
  padding: 0;
  border: 0;
  background: #fff;
  font-family: /*verdana,*/ arial, helvetica, sans-serif;
  margin-top: 48px;
}

h1, h2, h3, h4 { color: #000; }

h1, h2 { text-shadow: #fff 0px 0px 8px; }

h1 {
  background-color: #fff;
  border-bottom: 1px solid #000;
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 160%;
  width: 100%;
  padding-left: 2em
}

h2 { font-size: 125%; }

h3 { font-size: 100%; }

h4 { font-size: 90%; }

/* Site tagline. */
span.tagline {
  font-size: 50%;
}

/* Site notice on the front page. */
div#sitenotice {
  position: absolute;
  top: 48px;
  width: 60%;
  left: 20%;
  font-weight: bold;
  color: red;
}

/* Columns on the front page. */
div#homes, div#sell, div#misc, div#topic {
  width: 20%;
  font-size: 80%;
  position: absolute;
  top: 120px;
}

div#homes h2, div#sell h2, div#misc h2, div#topic h2 {
  text-align: center;
}

div#homes {
  left: 20%;
  background-color: #f4f4f4;
}
div#sell {
  left: 40%;
}
div#misc {
  left: 60%;
  background-color: #f4f4f4;
}
div#topic {
  left: 0%;
  top: 30em;
}

/* Posting links on the front page. */
p.fppostlink {
  text-align: center;
}

/* Content on inner pages. */
div#content {
  margin-left: 160px;
  margin-right: 20%;
}

/* Posting links on inner pages. */
p.postlink {
  text-align: center;
  border: 1px dotted #f00;
  background: #fee;
  padding: 3px;
  margin: 0.5em;
  cursor: pointer;
  cursor: hand;
}
p.postlink a {
  font-weight: bold;
}

/* Site menu (contained in footer, but displays on left). */
div.sitemenu {
  position: absolute;
  margin: 0px;
  padding: 0px;
  border: 0px;
  top: 2.5em;
  left: 6px;
  width: 150px;
}

div.sitemenu ul.sitemenu {
  padding: 0px;
  margin-left: 0px;
  margin-top: 1em;
  list-style: none;
}

div.sitemenu ul.sitemenu li {
  display: block;
  font-weight: bold;
  width: 136px;

  margin: 3px 0px 3px 4px;
  padding-left: 3px;

  border-width: 1px;
  border-color: #000;
  border-style: outset;
  background: #fff;

  font-size: 0.8em;
}

div.sitemenu ul.sitemenu li a {
  display: block;
  width: 136px;
}

/*
div.sitemenu ul.sitemenu li.selected {
  border-style: inset;
  background: #ff9;
  background-image: url(/graphics/stars.gif);
  background-attachment: fixed;
}
*/

div.sitemenu ul.sitemenu li a:hover { 
  background: #ff9;
  background-image: url(/graphics/stars.gif);
  background-attachment: fixed;
}

div.sitemenu ul.sitemenu li.large {
  font-size: 1.2em;
}

/* Login form. */
div.sitemenu form.loginform {
  font-size: 0.65em;
}

/* London Links. */
div.links {
  position: absolute;
  left: 82%;
  top: 660px;
  font-size: 0.7em;
  background: #efe;
  border: #000 outset 1px;
}

div.links p {
  background: #8f8;
  margin: 0px;
}

div.links ul.links {
  padding: 0px;
  margin-left: 0px;
  list-style: none;
}

div.links ul.links li {
  width: 136px;

  margin-left: 0.25em;
  margin-top: 3px;
  padding-left: 0.25em;
}

/* Adsense. */
div#adsense {
  position: absolute;
  top: 52px;
  left: 82%;
  width: 120px;
}

/* Advert boxes. */
div.ad_free {
  border-color: #000;
  border-style: solid;
  padding: 0.5em;
  margin: 2px 0.5em;
  cursor: pointer;
  cursor: hand;
}

p.addate {
  float: left;
  font-size: 50%;
}
p.adauthor {
  text-align: right;
  font-size: 50%;
}
p.adauthor a {
  text-decoration: none;
}

div.ad_free {
  border-width: 1px;
}
div.ad_free a {
  font-weight: bold;
}
div.ad_free p {
  padding: 0px;
  margin: 0px;
}

div.ad_solid0 { background-color: #fff; }
div.ad_solid1 { background-color: #ffc; }
div.ad_solid2 { background-color: #fcf; }
div.ad_solid3 { background-color: #fcc; }
div.ad_solid4 { background-color: #cff; }
div.ad_solid5 { background-color: #cfc; }
div.ad_solid6 { background-color: #ccf; }
div.ad_solid7 { background-color: #ccc; }

div.ad_stars_yellow {
  background-color: #ffc;
  background-image: url(stars_yellow.gif);
  background-attachment: fixed;
}

div.ad_beehive_purple {
  background-color: #fcf;
  background-image: url(beehive_purple.gif);
  background-attachment: fixed;
}

div.ad_sinus_cyan {
  background-color: #cff;
  background-image: url(sinus_cyan.gif);
  background-attachment: fixed;
}

div.ad_flare_blue {
  background-color: #ccf;
  background-image: url(flare_blue.gif);
  background-attachment: fixed;
}

/* Overflow ads. */
/*
ul.adlinks {
  list-style-type: none;
  margin-left: 0px;
  padding-left: 0px;
}
ul.adlinks li {
  border-right: 1px solid #000;
  padding-right: 0.5em;
  margin-right: 0.5em;
  display: inline;
}
*/

/* Threads display. */
div.thread {
  border-width: 1px;
  border-color: #000;
  border-style: solid;
  padding: 0.5em;
  margin: 2px 0.5em;
  cursor: pointer;
  cursor: hand;
  background-color: #fff;
}

/*
div.thread:hover {
  background-color: #ffc;
}
*/

p.threaddate {
  float: left;
  font-size: 50%;
}

p.threadauthor {
  text-align: right;
  font-size: 50%;
}

p.threadreplies {
  text-align: right;
  font-weight: bold;
}

div.posting {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #000;
  margin-bottom: 2em;
}

p.postingdate {
  float: left;
  font-size: 50%;
}

p.postingauthor {
  text-align: right;
  font-size: 50%;
}

/* Forms. */
form table {
  empty-cells: show;
  border: dashed 1px;
}

form table th {
  vertical-align: top;
  text-align: right;
  background-color: #eef;
  padding: 3px;
}

form table td {
  padding: 3px;
}

input {
  text-decoration: none;
  color: #000;
  background-color: #eef;
  border-style: inset;
  border-color: #000;
  border-width: 1px;
}

input[type="submit"] {
  text-decoration: none;
  color: #000;
  background-color: #fff;
  border-style: outset;
  border-color: #000;
  border-width: 2px;
  padding: 3px;
}

input[type="button"] {
  text-decoration: none;
  color: #000;
  background-color: #fff;
  border-style: outset;
  border-color: #000;
  border-width: 2px;
  padding: 3px;
}

textarea {
  text-decoration: none;
  color: #000;
  background-color: #eef;
  border-style: inset;
  border-color: #000;
  border-width: 1px;
  padding: 3px;
}

/* Nice-looking tables. */
table.table {
  border-collapse: collapse;
  border: solid;
  border-width: 2px;
  empty-cells: show;
  align: center;
  margin-left: auto;
  margin-right: auto;
}

table.table th {
  border: solid;
  border-width: 1px;
  background-color: #eeeeff;
  vertical-align: top;
  padding: 5px;
}

table.table td {
  border: solid;
  border-width: 1px;
  vertical-align: top;
  padding: 5px;
}

table.table td.divider {
  border: solid;
  border-width: 1px;
  font-size: x-small;
  font-weight: bold;
  font-variant: small-caps;
  text-align: center;
  background-color: #eeeeff;
  vertical-align: top;
  padding: 5px;
}