body, h1
{
 margin: 0;
 padding: 0;
}

body
{
 font-size: 100%;
 line-height: 1.53;
}

#header
{

 min-height: 106px;
 margin-bottom: 1em;
}

#header img
{
 width: 150px;
 height: 72px;
 padding-left: .25em;
 padding-right: .25em;
 padding-top: .25em;
 float: left;
 display: block;
 border-bottom-width: 1px;
 border-bottom-style: solid;
}

h1
{
 padding-top: .5em;
 padding-left: .5em;
 margin-left: 200px;
 font-family: "Avant Garde", "Avant Garde Std", AvantGardeStd-Regular, "Lucida Sans Regular", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

h1 small
{
 margin: 0;
 padding: 0;
 white-space: nowrap;
}

h1 .author
{
 font-size: 80%;
}

h1 .date
{
 font-size: 65%;
}

#header #hnav
{
 float: right;
 padding-top: .5em;
 padding-right: 1em;
 font-size: .85em;
 line-height: 1.5;
 text-align: right;
}

#main
{
 width: 60%;
 max-width: 50em;
 margin: 0 3%;
 padding: 1% 2%;
 float: left;
}

#Ordering
{
 margin: 1%;
 max-width: 9em;
 float: right;
 padding: 1em;
 border-width: 1px;
 border-style: solid;

}

dl, ul, hr, p, blockquote
{
 max-width: 39em;
}

hr
{
 margin-left: 0;
}

p + p
{
 text-indent: 2em;
}

.car
{
 margin: 1em;
 width: 25%;
 clear: right;
 float: right;
 border: 1px solid black;
 padding: 1em;
 background-color: #ffe;

}

.car h3
{
 margin: 0;
 text-align: center;
}

.car img
{
 max-width: 95%;
 display: block;
 margin: .25em auto;
}

blockquote
{
 width: 101%;
 margin: .5em 0 .5em -1.5em ;
 padding: .5em 1.5em;
 border-width: 3px;
 border-style: solid;
 max-width: 39em;
}

#footer
{

 clear: both;
 margin-top: 1em;
 margin-bottom: 2em;
 padding-top: .5em;
 text-align: center;
 font-size: .85em;
}

#footer .prev
{
 float: left;
 padding-left: 1em;
 margin-left: 1em;
}

#footer .next
{
 float: right;
 padding-right: 1em;
 min-height: 1.5em;
 margin-right: 1em;
}

#footer img
{
 width: 100px;
}

p.cite
{
 text-align: right;
 font-style: italic;
 font-size: .85em;
}

a img
{
 border: none;
}

table
{
 width: 80%;
 margin: auto;
 border-collapse: collapse;
 border-width: 3px;
 border-style: ridge
}

tr
{
 vertical-align: top;
}

th,td
{
 border-width: 3px;
 border-style: ridge;
 padding: .25em .5em;
}

th
{
 text-align: left;
}

td + td,th + th
{
 text-align: center;
}

td + td + td,th + th + th
{
 text-align: left;
}

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

.sidebar
{
 width: 250px;
 float: left;
 border-width: 1px;
 border-style: solid;
 padding: .125em;
 padding-bottom: .5em;
 margin-top: 0;

 margin-right: 1em;
 margin-bottom: 1em;
 text-align: center;
}

.webring
{
 width: 78%;
 margin-left: auto;
 margin-right: auto;
 margin-top: 1em;
 text-align: center;
 font-size: .85em;
 padding: 1%;
}

.gas
{
 float: right;
 margin-top: 1em;
 margin-right: 1em;

}

a:hover
{
 text-shadow: none;
}

.webring input
{
 font-size: .8em;
}

span.hero
{
 font-size: 50%;

 display: block;
}

q:before,
q:after
{
 content: "";
}


/******** colours *********/

body
{
 background-color: #ffc;
 color: black;
}

#header, #footer, th
{
 background-color: #29c;
 color: white;
}

#header img
{
 border-bottom-color: black;
}

#header a:hover, #header a:hover img,
#footer a:hover, #footer a:hover img
{
 color: black;
 background-color: #ddf;
}

table
{
 border-color: #29c;
}

.webring
{
 background: #29c;
}

#Ordering
{
 border-color: black;
 background-color: #29c;
 color: white;
}

#Ordering a
{
 color: white;
}

#Ordering a:visited
{
 color: #ddd;
}

#Ordering a:hover
{
 color: yellow;
}

blockquote
{
 background-color: #ffe;
 color: black;
 border-color: #f3f3f3;
}

q
{
 background-color: #ffe;
}

#footer
{
 background-color: #29c;
}

#footer a:link,#header #hnav a
{
 color: white;
}

#footer a:visited, #header #hnav a:visited
{
 color: #ffe;
}

#footer a.next,
#footer a.prev,
#header #hnav a
{
 display: block;
 color: white;
 min-width: 8em;
 padding: 0 1em;
}

#footer a:hover,
#header #hnav a:hover
{
 color: black;
}

#footer p
{
 text-align: center;
 width: 100%;
 margin: 0;
 padding: 0;
}

p.sidebar
{
 background-color: #ffd;
}

td
{
 background-color: #ffd;
}

p.sidebar
{
 border-color: black;
}

h1
{
 color: #ffa;
}

h1 span + span { color: white; }

/******** end colours ********/

#rip
{
 border: 6px solid black;
 padding: 1em;
 text-align: center;
 margin: 1em;
 background-color: #eef;
 font-weight: bold;
}


span.hero,#header,#Ordering,#footer
{
 text-shadow: 0 0  .13em black;
}