/* ==========================================================================
   Hits4Pay section - Victoria template, Desert colour scheme
   Rebuild of the 2010-era one-column layout. Selectors, colours and sizes
   come from the original stylesheet; the IE5/IE6 hacks, the extraDiv hooks
   and the unused two/three-column variants have been dropped.
   Shared rules (img, .sr-only, #clock, .footer) are in base.css.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Base
   -------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6, pre, code, p {
  font-size: 1em;
}

dl, li, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
  margin: 0;
  padding: 0;
}

address {
  font-style: normal;
}

h1, h2, h3, h4, h5, h6, p.description {
  font-family: "Trebuchet MS", Trebuchet, sans-serif;
}

p, td {
  line-height: 1.8em;
}

code, kbd {
  font-size: 1.25em;
}

body {
  font: 80% Georgia, serif;
  margin: 0;
  padding: 25px 0;
  border-top: solid 3px #fff;
  border-bottom: solid 3px #fff;
  text-align: center;
}

/* The home page was saved with a 95% base size (the sub-pages use 80%). */

body.home {
  font-size: 95%;
}

/* The list-building page also overrode the rule colour. */

body.listbuilding hr {
  border-top: thick dashed;
  border-color: #f0d894;
}

#container {
  width: 718px;
  text-align: left;
  margin: 0 auto;
}

a img,
:link img,
:visited img {
  border: none;
}

/* --------------------------------------------------------------------------
   Typography
   -------------------------------------------------------------------------- */

a:link {
  text-decoration: underline;
}

a:visited {
  text-decoration: underline;
}

caption {
  font-size: 1.2em;
  font-style: italic;
  text-align: left;
  padding: 1px 4px 4px 4px;
  margin-bottom: 4px;
  border-bottom: solid 1px #ccc;
}

dt {
  font-weight: bold;
}

dd {
  font-style: italic;
  margin: 0 0 1em 1em;
}

h2 {
  font-size: 1.4em;
  font-weight: normal;
  margin: 1em 0;
  padding-bottom: 3px;
}

h3 {
  font-size: 1.2em;
  font-weight: normal;
  font-style: normal;
  padding-bottom: 8px;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

h4 {
  font-size: 1.1em;
  letter-spacing: 0.1em;
  padding-left: 12px;
  margin: 1.5em 0 1em 0;
}

h5 {
  padding-bottom: 2px;
  margin: 1.5em 0 1em 0;
}

h6 {
  font-weight: normal;
  letter-spacing: 0.1em;
  margin: 1em 0;
}

hr {
  margin: 2em 0;
  border-style: none;
  height: 1px;
}

p {
  line-height: 1.6;
  margin: 1em 0;
}

td {
  vertical-align: top;
  padding: 1px 4px;
}

td p {
  margin: 0 0 1em 0;
}

th {
  text-align: left;
  font-weight: normal;
  font-style: italic;
  vertical-align: top;
  padding: 1px 4px;
}

ul, ol, dl {
  margin-bottom: 1.6em;
  padding-left: 2em;
  margin-left: 0;
}

ul li {
  list-style: circle;
  margin-bottom: 0.8em;
}

ol li {
  list-style: upper-roman;
  margin-left: 2em;
  margin-bottom: 0.8em;
}

/* --------------------------------------------------------------------------
   Header
   -------------------------------------------------------------------------- */

#g_title p,
#g_footer p,
#g_description p {
  margin: 0;
}

h1 {
  padding-top: 25px;
  font-size: 2.4em;
  letter-spacing: 0.1em;
  text-align: center;
}

#header #page-title {
  padding-left: 12px;
  padding-right: 12px;
}

#g_description {
  font-style: italic;
  text-align: center;
  padding-bottom: 15px;
  margin: 0;
  line-height: 1;
}

#onecolumn #header .wrapper {
  padding-bottom: 10px;
}

/* --------------------------------------------------------------------------
   Content
   -------------------------------------------------------------------------- */

#main-content .wrapper {
  margin: 0 25px;
}

/* --------------------------------------------------------------------------
   Footer
   -------------------------------------------------------------------------- */

#footer {
  clear: both;
  margin: 0;
  font-style: italic;
  font-size: 0.9em;
}

#footer hr {
  display: none;
}

#onecolumn #footer {
  padding: 0 25px 10px 25px;
}

/* --------------------------------------------------------------------------
   Colour scheme: Desert
   -------------------------------------------------------------------------- */

a:link {
  color: #0000ff;
}

a:visited {
  color: #93584d;
}

a:hover {
  color: #e64c2d;
}

body {
  color: #2b1e1b;
  background: #f0d894 url("../hits4pay/desert/container.gif") repeat-x left top;
}

caption {
  border-bottom-color: #ccc;
}

h2 {
  color: #93584d;
  background: url("../hits4pay/desert/h2-border.gif") repeat-x left bottom;
}

h3 {
  color: #28728b;
  background: url("../hits4pay/desert/h3-border.gif") repeat-x left bottom;
}

h4 {
  color: #a5a4a5;
  background: url("../hits4pay/desert/h4-deco.gif") no-repeat 0 5px;
}

h5 {
  color: #28728b;
  background: url("../hits4pay/desert/h5-border.gif") repeat-x left bottom;
}

hr {
  color: #c7c7c7;
  background: #c7c7c7;
  border-color: #c7c7c7;
}

h1 {
  color: #fff;
}

#g_description {
  color: #28728b;
}

#onecolumn h1 {
  background: url("../hits4pay/desert/fixed-h1.gif") no-repeat;
}

#onecolumn #header {
  background: url("../hits4pay/desert/fixed-header.gif") repeat-y;
}

#footer {
  color: #78afc1;
}

#onecolumn #header .wrapper {
  background: url("../hits4pay/desert/fixed-one-headerwrapper.gif") no-repeat left bottom;
}

#onecolumn #container {
  background: url("../hits4pay/desert/fixed-one-container.gif") repeat-y;
}

#onecolumn #footer {
  background: url("../hits4pay/desert/fixed-one-footer.gif") no-repeat left bottom;
}

/* --------------------------------------------------------------------------
   Rebuilt pieces
   -------------------------------------------------------------------------- */

/* The three title lines. The editor used <p> inside <h1>; these block spans
   keep the same metrics (h1 letter-spacing still applies to all of them). */

#page-title .t1,
#page-title .t2,
#page-title .t3 {
  display: block;
}

#page-title .t1 {
  font-family: Georgia, monospace;
  font-size: 48px;
  font-weight: bold;
  color: #cc0000;
  line-height: 55px;
}

#page-title .t2 {
  font-family: "Courier New", monospace;
  font-size: 24px;
  font-weight: bold;
  color: #cc0000;
  line-height: 38.4px;
}

#page-title .t3 {
  font-family: "Courier New", monospace;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  line-height: 38.4px;
}

#page-title .t3b {
  font-size: 24px;
}

/* Second line of the "classified advertising" title block (24px). */

#page-title .t1b {
  display: block;
  font-family: "Courier New", monospace;
  font-size: 32px;
  font-weight: bold;
  color: #cc0000;
  line-height: 51.2px;
}

#page-title .t2b {
  display: block;
  font-family: "Courier New", monospace;
  font-size: 24px;
  font-weight: bold;
  color: #000;
  line-height: 38.4px;
}

/* "TRAFFIC RESOURCES" line on the resources page. */

#page-title .t4 {
  display: block;
  font-family: "Courier New", monospace;
  font-size: 48px;
  font-weight: bold;
  color: #cc0000;
  line-height: 76.8px;
}

/* --------------------------------------------------------------------------
   Helpers replacing the editor's inline styles
   -------------------------------------------------------------------------- */

.center {
  text-align: center;
}

.ta-center {
  text-align: center;
}

.ta-left {
  text-align: left;
}

.tbl-left {
  float: left;
}

.tbl-center {
  margin: 0 auto;
}

.fs120 {
  font-size: 120%;
}

.fs-90_ {
  font-size: 90%;
}

.fs-11pt {
  font-size: 11pt;
}

.fs-15px {
  font-size: 15px;
}

.fs-16px {
  font-size: 16px;
}

.fs-18px {
  font-size: 18px;
}

.float-left {
  float: left;
  clear: left;
  margin: 0 1em 1em 0;
}

.float-right {
  float: right;
  margin: 0 0 1em 1em;
}

/* Inline images that sit in their own centred paragraph. */

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

/* Tables drawn with <table border="1"> in the original. */

.bordered {
  border: 1px outset;
}

.bordered td,
.bordered th {
  border: 1px inset;
}

/* cellspacing="0" / cellpadding="0" from the editor. */

.cs0 {
  border-spacing: 0;
}

.cp0 > tbody > tr > td,
.cp0 > tbody > tr > th,
.cp0 > tr > td,
.cp0 > tr > th {
  padding: 0;
}

.big {
  font-size: 1.2em;
}

.small {
  font-size: 0.83em;
}

/* Font size steps (<font size="n">). */

.f1 { font-size: 10px; }
.f2 { font-size: 13px; }
.f3 { font-size: 16px; }
.f4 { font-size: 18px; }
.f5 { font-size: 24px; }
.f6 { font-size: 32px; }
.f7 { font-size: 48px; }

/* Colours used by the editor. */

.c-black { color: #000; }
.c-green { color: #006600; }
.c-green2 { color: #009900; }
.c-maroon { color: #990000; }
.c-red { color: #cc0000; }
.c-brightred { color: #ff0000; }
.c-blue { color: #3366ff; }
.c-navy { color: #000099; }
.c-008800 { color: #008800; }
.c-rgb00255 { color: #0000ff; }
.c-rgb255255255 { color: #ffffff; }
.c-rgb5151255 { color: #3333ff; }

/* Font families. */

.ff-courier { font-family: "courier new", monospace; }
.ff-georgia { font-family: Georgia, serif; }
.ff-arial { font-family: Arial, sans-serif; }
.ff-verdana { font-family: Verdana, sans-serif; }
.ff-trebuchet { font-family: "Trebuchet MS", Trebuchet, sans-serif; }

/* Weight and decoration. */

.fw-normal { font-weight: normal; }
.fw-bold { font-weight: bold; }
.u { text-decoration: underline; }