/* This is the Normal style sheet for Squarewheels.org.uk */
/* Last normalised with the HDL one on 2005 Sep 29. */

body			    { background-image: url(/pics/squarewheels.org.uk_logo-bg-eeeeee.gif);
                              background-position: center;
                              background-attachment: fixed;
		              background-color: #eeeeee;
                              color: #000000;
		              margin: 1em 8% 1.5em;
			      }

A:hover  	            { background-color: #ffffff;
			      color: #000000;
			      }

A:active	            { color: red;
			      }

p                           { text-align: justify;
                              margin-top: 1.0em;
                              }

.contents p, ul li          { text-align: left;
                              }


/* This bit sets the LARGER-FIRST-LETTER, and then */
/*   unsets it again from all the exceptions.      */
/* MSIE doesn't seem to comprehend groups of       */
/*   contextual pseudo-class selectors, so they    */
/*   have been de-grouped.  Sorry about this.      */

body p:first-letter         { font-size: larger;
                              }

p.caption:first-letter      { font-size: 100%;
                              }
p.captionlong:first-letter  { font-size: 100%;
                              }
.mod:first-letter           { font-size: 100%;
                              }
p.quote:first-letter        { font-size: 100%;
                              }
.contents p:first-letter    { font-size: 100%;
                              }
.important p:first-letter   { font-size: 100%;
                              }
p.important:first-letter    { font-size: 100%;
                              }
div.banner p:first-letter   { font-size: 100%;
                              }
div.footer p:first-letter   { font-size: 100%;
                              }
ul p:first-letter           { font-size: 100%;
                              }
p.intro:first-letter        { font-size: larger;
                              }
p.navbar:first-letter       { font-size: 120%;
                              }
.aside:first-letter         { font-size: 100%;
                              }

/* End of LARGER-FIRST-LETTER bit. */



h1, h2.top, p.intro	    { text-align: center;
			      color: #007700;
			      }

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;
			      font-size: larger;
			      background-color: #cccc99;
                              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: #ffffcc;
                              color: #000000;
                              border-style: none;
                              }

span.standout               { color: #000000;
			      background-color: #ffffcc;
			      }

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,
p.captionl,
p.captionr                  { font-style: italic;
                              }

p.caption		    { text-align: center;
			      }

p.captionl		    { text-align: left;
			      }

p.captionr		    { text-align: right;
			      }

p.caption span,
p.captionl span,
p.captionr span             { font-style: normal;
                              }
p.captionlong               { font-style: normal;
			      }
p.captionlong span          { font-style: italic;
			      }



/* 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,
img.photl                   { border-style: none;
                              padding-bottom: 1.0em;
                              padding-right: 1.5em;
                              float: left;
                              }

.photr img,
img.photr                   { border-style: none;
                              margin-bottom: 1.0em;
                              margin-left: 1.0em;
                              float: right;
                              }

.thumbr img,
img.thumbr                  { border-style: solid;
			      border-width: 0.1em;
			      margin-bottom: 1.0em;
                              margin-left: 1.0em;
                              float: right;
                              }

.thumbl img,
img.thumbl                  { border-style: solid;
			      border-width: 0.1em;
			      margin-bottom: 1.0em;
                              margin-right: 1.0em;
                              float: left;
                              }

.thumbr p.caption,
.thumbl p.caption,
.photr p.caption,
.photl p.caption,
p.caption-l       	    { font-style: italic;
			      text-align: left;
			      vertical-align: text-top;
			      }

/* END of photo-related section */


p.cleared,
h2,
h3,
li.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;
			    }


/* NON-generic bit follows */

h1 img			    { vertical-align: middle;
			      }

span.logo                   { font-style: italic;
                              }

span.logo span              { font-style: normal;
                              font-size: smaller;
                              }

table.contents              { margin-left: 5%;
			      }

p.quote                     { text-align: center;
                              }

p.quotation span,
p.quote span                { color: #666666;
                              background-color: #eeeeee;
                              font-style: italic;
                              }

.update                     { text-align: right;
			      font-size: smaller;
			      font-style: italic;
			      }

/* end of file */