/************************************************************************\
 *                  													*
 * wheelers.css               											*
 *                  													*
 * Purpose: CSS stylesheet for Stewartry Wheelers.				        *
 *                  													*
 * Author:    Simon Brooke            									*
 *                  													*
\************************************************************************/

/*
 * Colours used in this stylesheet are:
 *
 * 1: black -- main foreground
 * 2: black -- colour mainly for links
 * 3: gray -- spot colour, similar to main foreground
 * 4: red -- warning colour
 * 5: white -- main background
 * 6: yellow -- spot colour, similar to main background
 *
 * You can safely change this colour scheme provided that there is
 * always a strong visual contrast between any of the colours (1, 2,
 * 3, 4) and any of the colours (5, 6)
 */

BODY 
{
/*  background : white
url('http://www.stewartry-wheelers.org/wheelers/images/deraileur_white.jpg') 
  no-repeat fixed 0% 0%; */
  background-color: white;
  color: black;
  font-family: helvetica, gill, ariel, sans-serif;
  margin: 0;
  padding: 0;
}


.masthead
{ 
  background : black
url('http://www.stewartry-wheelers.org/wheelers/images/deraileur_black.jpg') 
  no-repeat fixed 0% 0%;
  color: white;
  margin: 0;
  padding: 0.125em 0.25em;
  border: solid yellow 1px;
}


.strapline
{
}

.mastheadmain
{
  color: yellow;
}

.sidebar
{ 
  color: white;
  background : black
url('http://www.stewartry-wheelers.org/wheelers/images/deraileur_black.jpg') 
  no-repeat fixed 0% 0%;
  border: thin solid;
  padding: 0.5em 1em;
}

.sidebar UL
{ 
  list-style: none;
  text-align: left;
  margin: 0;
}


.masthead A:link, .sidebar A:link
{
  color: yellow;
  background-color: black;
}

.masthead A:hover, .masthead A:active, 
.sidebar A:hover, .sidebar A:active
{
    background-color: yellow;
    color: gray;
}

.masthead A:visited,
.sidebar A:visited
{
    color: gray;
    background-color: black;
}


/* classes used in the 'pregister' skin */

.navigation
{
  list-style: none;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}

.navigation li
{ 
  display: inline;
  margin: 0;
  padding: 0;

}

.navigation li a
{
  padding-left: 0.5em;
  padding-right: 0.5em;
  text-decoration: none;
  border-left: thin solid;
}

.navigation li a:hover
{
  border: thin solid;
}

/* suppress subheadings in the navigation block */
.navigation h3
{
  display: none;
}

DIV.threaded-discussion
{
    border-style: solid;
    border-width: thin;
    padding-left: 0.5em;
    padding-top: 0.25em;
    padding-right: 0em;
    padding-bottom: 0.25em;
}

DIV.picture
{
  border: thin solid navy;
  padding: 1em;
  float: right;
  margin: 1em 0em 1em 2em;
  font-style: italic;
  color:  black;
}

A
{
  color: black;
  background-color: transparent;
}

A:hover, A:active
{
  color: white;
  background-color: gray;
}

A:visited
{
  color: gray;
  background-color: transparent;
}



DL, OL, UL
/* all lists are indented like paragraphs */
{
    margin-left: 2em;
    margin-right: 2em;
    text-align: justify;
}
DT
{
    font-weight: bold;
}

H3, H4, H5
{
  font-family: "Century Gothic", helvetica, ariel, sans-serif;
  vertical-align: top;
  padding-left: 2.5%;
}


H1
{
  font-size: 200%;
  font-family: "Helmet", "Arial Black", Helvetica, sans-serif;
  font-weight: bolder;
  padding-left: 2.5%;
}

H2
{
  font-size: 200%;
  font-family: "Century Gothic", helvetica, ariel, sans-serif;
  font-weight: bold;
  padding-left: 2.5%;
}


HR
{
    padding-left: 2.5%;
    padding-right: 2.5%;
    height: 1px;
}


P
{
    text-align: justify; 
    font-family: helvetica, gill, ariel, sans-serif;
}


TABLE
{
  background : black
url('http://www.stewartry-wheelers.org/wheelers/images/deraileur_black.jpg') 
  no-repeat fixed 0% 0%;
  color: white;
}

TABLE.tform
{
    margin-left: 0px;
}

TD,TH
{
    background : white
url('http://www.stewartry-wheelers.org/wheelers/images/deraileur_white.jpg') 
    no-repeat fixed 0% 0%;
    color: black;
    margin-left: 0em;
    margin-right: 0em;
    text-align: left;
    vertical-align: top;
    font-family: helvetica, gill, ariel, sans-serif;
    padding-left: 1.5em;
    padding-right: 1.5em%;
}

TH
{
    color:  black;
    background-color: yellow;
}


SAMP
{
    font-weight: bold; 
    font-family: courier, monospace;
}


BLOCKQUOTE
{
    font-style: italic;
    color:  black;
    margin-left: 4em;
    margin-right: 6em;
}

.actionSafe
{
    color: white;
    background: gray;
}

.actionDangerous
{
    color: white;
    background: red;
}


.copyright
{
    color: gray;
    background-color: white;
    font-size: 75%;
}

.discussion-control
{
    font-style: italic;
    font-size: 66%;
}

.logo
{
    color:  gray;
    font-style: normal;
}


.help
{
    font-style: italic;
    background: yellow;
}

.navigation
{
    color:  gray;
    font-weight: bold;
    text-align: left;
    font-family: "Century Gothic", helvetica, ariel, sans-serif;
}

/** special styling for 'lead story' */
.leadstory
{
    color: black;
    font-size: 120%;
}

.dateline
{
    font-size: 75%;
    font-style: italic;
}

/** used by the CalendarPseudoWidget */

TABLE.calendar
{
    border-style: groove;
}

.dayHdr
{
    background: yellow;
}

.weHdr
{
    background: white;
}

.weekend
{
    background: yellow
}

.weekday
{
    background: white
}

.content DIV
{
/*  color: black;
  background: white; */
  padding: 0 0.5em;
}

.discussion
{
  padding-top: 1em; 
  padding-left: 2em;
  padding-right: 0;
  padding-bottom: 0;
  border-left: thin solid gray;
  border-top: thin solid gray;
}

.discussion H4, .discussion P, .discussion DIV P
{
  padding: 0;
  margin: 0;
}

.weekday A, .weekend A:hover
{
  background: yellow;
  color: black;
  font-weight: bold;
}

.weekend A, .weekday A:hover
{
  background: black;
  color: yellow;
  font-weight: bold;
}

.accesskey
{
  text-decoration: underline; 
}

.internal_navigation li
{ 
  display: inline;
}

LI IMG
{
  padding: 0.5em 0.25em;