/* This is the "HDL" style-sheet for Hastingsdiesels.co.uk */
/* Last normalised with the Sqw one on 2005 Sep 29. */

/* For larger screen-type browsers: */

body                        { background-image: url(/pics/99cc99.jpg);
			      background-attachment: fixed;
			      background-color: #99cc99;
                              color: #000000;
                              margin: 0 10% 1.5em 0;
			      background-position: right !important;
			      }
A:hover                     { background-color: #99cc99;
                              color: #000000;
                              }
A:active                    { color: red;
                              }

div.menu		    { position: fixed;
			      top: 0;
			      left: 0;
			      overflow: auto;
			      height: 100%;
                              background-color: #003300;
			      width: 100px;
			      padding: 10px;
			      padding-top: 0em;
			      border-width: 0 6px 6px 0;
			      border-style: solid;
			      border-color: white;
			      margin: 0 6% 3% 0;
                              }
div.menu p.home-text        { display: none;
			      }
div.menu p.home-logo        { display: block;
			      }
div.menu p:before           { display: none;
			      }
div.menu A:link		    { color: #ffffff;
			      }
div.menu A:visited	    { color: #99ff99;
			      }
div.menu A:hover,
div.menu img:hover          { background-color: #336633;
			      color: #ffffff;
			      }
div.menu p		    { text-align: left;
			      margin-top: 1em;
			      margin-bottom: 1em;
			      }
div.article	            { margin: 0 0 0 120px;
			      padding: 0 0 0 10%;
			      }
p                           { text-align: justify;
                              margin-top: 1.0em;
                              }
.contents p, ul li          { text-align: left;
                              }

/* this bit sets the LARGER-FIRST-LETTER, after first normal-sizing it for all "p" elements which specify a class attribute. */
div.article > p[class]:first-letter { font-size: inherit }
div.article > p.intro:first-letter, div.article > p:first-letter { font-size: larger }
/* Alternative version but this uses CSS3:
div.article > p.intro:first-letter, div.article > p:not([class]):first-letter { font-size: larger } */

/* Automatic customising of external links, plus 
* ensuring correct handling of the q element instead of lots of “” */
a.extlnk:before { content: "["; color: black; text-decoration: none }
a.extlnk:after { content: "]"; color: black; text-decoration: none }
a.extlnk:link:hover:after { content: "]"; text-decoration: none }
q:before { content: "\201C" }
q:after { content: "\201D" }
q q:before, q.l2:before { content: "\2018" }
q q:after, q.l2:after { content: "\2019" }
q q q:before { content: "\201C" }
q q q:after { content: "\201D" }

h1, h2.top, p.intro         { text-align: center;
                              color: #004400; 
/*                              background-color: #99cc99; */
                              }
h2                          { margin-left: -2%;
                              margin-top: 1.5em;
                              }
h2.top                      { font-style: italic;
			      margin-top: 0em;
                              }

/* Intro, Banner, Navbar, Standout, Standin, Important. */

p.intro                     { font-size: larger;
                              margin: 1em 10%;
                              padding: 0.4em;
                              }
div.banner                  { margin: 0.4em 12.5% 1.0em 17.5% ;
			      font-size: larger;
                              background-color: #99cc66;
			      color: #000000;
                              border-style: ridge;
                              border-width: 0.3em;
                              padding: 0.6em;
                              }
div.banner p                { text-align: center;
			      }
div.banner span             { color: #ff0000;
                              font-weight: bold;
                              }
p.navbar                    { text-align: center;
                              font-size: 120%;
                              }
div.standout                { margin: 2em -3.5em;
                              padding: 0.1em 4.5em 0.1em 3.5em;
                              background-color: #99ff99;
			      color: #000000;
                              border-style: none;
                              }
span.standout		    { color: #000000;
			      background-color: #99ff99;
			      }
div.standin                 { margin: 2em -3.5em;
                              padding: 0.1em 4.5em 0.1em 3.5em;
                              background-color: #cccccc;
                              color: #000000;
                              border-style: none;
                              }
span.standin		    { color: #000000;
			      background-color: #cccccc;
			      }
p.important, div.important  { margin: 0.5em 8%;
                              background-color: #ffffcc;
                              color: #000000;
                              padding: 0.7em;
                              text-align: center;
                              }
.important span.wow         { color: #ff0000;
                              font-weight: bold;
			      }

/* THIS BIT relates to PHOTOS and their CAPTIONS */

/* CENTRED photos here:                          */
.photos img                 { border-style: none;
                              }
img.thumbnail,
div.thumbnails img          { border-style: solid;
			      border-width: 2px;
			      }
.photos, .thumbnails        { text-align: center;
			      }
p.caption                   { font-style: italic;
			      text-align: center;
                              }
p.caption span              { font-style: normal;
                              }

/* RIGHT-aligned and LEFT-aligned photos here:  */
.iconr img                  { border-style: none ; 
                              padding-left: 0.6em;
                              padding-top: 0.6em;
                              padding-bottom: 0.6em;
                              float: right;
                              }
.photl img                  { border-style: none;
                              padding-bottom: 1.0em;
                              padding-right: 1.0em;
                              float: left;
                              }
.photr img                  { border-style: none;
                              padding-bottom: 1.0em;
                              padding-left: 1.0em;
                              float: right;
                              }
.thumbr img                 { border-style: solid;
			      border-width: 2px;
			      margin-bottom: 1.0em;
			      margin-left: 1.0em;
			      float: right;
			    }
.thumbr p.caption,
.photr p.caption,
.photl p.caption            { text-align: left;
                              }
/* END of photo-related section */

p.cleared, h2.cleared, h3.cleared { clear: both;
			      }
.contents a                 { font-size: larger;
                              }
.contents span	            { color: red;
			      }
.mod                        { font-style: italic;
                              }
.aside                      { font-size: smaller;
                              }
.pickout		    { letter-spacing: 0.04em;
			      }
p.quotation		    { margin-left: 2.5em;
			      }
div.footer                  { border-top: solid;
                              border-bottom: solid;
                              border-width: 0.2em;
                              border-color: #aaaaaa;
                              padding-top: 0.3em;
                              padding-bottom: 0.5em;
                              }
div.footer p		    { margin: 0.15em 0 0.0em;
			      }
p.footer                    { margin: 0.2em 0; 
                              }
acronym			    { cursor: help;
			      border-bottom: 1px dashed;
			    }
var			    { cursor: help;
			      border-bottom: 1px dashed;
			      font-style: normal;
			    }

/* NON-generic bit follows */
ul.calendar span            { font-size: larger;
                              font-weight: bold;
                              }
table.timings               { text-align: center;
			      }
table.timings td	    { text-align: left;
			      }
.timings                    { font-weight: bold;
                              }
table.timings kbd,
table.timings span,
table.timings em            { font-weight: normal;
                              }
span.number                 { font-weight: bold;
                              }
span.name                   { font-style: italic;
                              font-weight: bold;
                              }
.update                     { text-align: right;
			      font-size: smaller;
			      }
span.super                  { vertical-align: top;
                              font-size: 75%;
			      }
/* end of file */