/* White Horse Relay Stylesheet */
/* The Preferred styles */
/* Manual: http://www.w3.org/TR/REC-CSS1 */

/* LAYOUT */
#navigation { width: 10em; }
div.commentaire, section.commentaire, p.commentaire { align: right;
                width: 10em;
                margin: 0 2em 0 0;
                padding: 1em;
                float: right;
                clear: both;
                color: red;
                border: thin silver solid;
                background-color: #fdf4b3; }
.commentaire1 { align: right;
                width: 12em;
                margin: 0 2em 0 0;
                padding: 1em;
                float: right;
                clear: both;
                color: red;
                border:  yellow solid; }
p.commentaire2 { align: right;
                width: 20em;
                margin: 0 2em 0 0;
                padding: 1em;
                float: right;
                clear: both;
                color: red;
                border: thin silver solid; }
div.commentaire3 { background-color: #fff8dc;
                margin: 0 11.5% 0 0;
                border-style: solid outset;
                border-color: silver;
                padding: 1em; 
                clear: both;
                color: black; }
.commentaire4 { position: relative;
                width: 15em;
                margin: 0 2em 0 0;
                padding: 1em;
                float: right;
                clear: both;
                color: black;
                border: thin silver solid; }
.clearpic, .crest4 { position: relative; clear: both; }
.pagebreak { page-break-before: always; }
table { page-break-inside: avoid; }

/* POSITION */
#navigation { position: absolute; top: 0; left: 0; } 
           /* position: fixed breaks WinIE5.5 :-( */
.footer, .footerreduite    { position: relative; }
.w3c, .picright { position: relative; float: right; }
.picleft { position: relative; float: left; }
.picleft { text-align: center; }
.pic1 { float: left; }
.pic3 { float: right; }
.pic2 { position: relative; top: 10px; }
.pic2a { position: relative; top: 20px; }
.lastupdate { display: block; }
.listhead { display: block; }

/* WHITESPACE - margin padding */
/* top right bottom left */
body { margin: 0em 1em 1em 12em; }
h1, .stoppress { margin:  0 -.5em 0 -6%; }
h1, .stoppress { padding: 0.1em 0 0.3em 0; }
/* h2 { padding: 0 0 0 1em; } */
#navigation { padding: 3em 1em 1em 1em; margin: 0; }
#navigation h2 { padding: 0 0 0 0; }
#navigation div { margin: 1em 0 0 0; }
#navigation div p { margin: 0; }
#navigation div div { margin: 0.2em 0 0 1em; }
ul.off, li.off { list-style-type: none; }
.badge { margin-left: -1em; padding-right: 1em; }
.print { margin: 1em; }
.footer, .footerreduite { padding: 0.5em; margin: 1em 0; }
.footer p, .footerreduite p { margin: 0; }
.footer { margin-right: 17em; }
.footerreduite { margin-right: 25%; }
.dontdisplay { display: none; }
.w3c { margin-right: 1em; }
.pic1, .pic3 { padding: 0 10%; }
.pic2 { padding: 5%; }
.picleft  { padding-right: 1em; }
.picright { padding-left: 1em; }
.series td, .series th { padding-top: 0.4em; }
.series td { padding-left: 1em; }
.series th { padding-left: 1em; }
.centraltight, .tight { margin: 0; }
.title { margin-bottom: 0; }

/* ALIGNMENT */
h1, .stoppress { text-align: center; }
.centre, .central, .centraltight { text-align: center; }
.badge { float: left; }
.verysmall { text-align: center; }
.pic2, .pic2a, .series td { text-align: center; }
td.series_name { text-align: left; }

/* DECORATION - border */
h1, .stoppress { border-bottom: medium solid; }
.badge { border: 0; }
.footer, .footerreduite { border: outset thin; }
.navigation img { border: none; }
#navigation { border-right: solid; }
.w3c { border: none; }
Quote:before, Quote:after {
  content: open-quote;
  color: grey }
.wheel { list-style-image: url(/graphics/wheel.gif); }
table { border-collapse: collapse;
        border: 5px solid #ffcc00; }
*#mcol4, *#mcol6, *#fcol4, *#fcol6 { border: 3px solid black; }
*#mcol3, *#mcol5, *#fcol3, *#fcol5 { border: 3px solid #ffcc00; }
td { padding: 0 0.2em; }
*#mpartial, *#fpartial { border: 1px solid red; }
.starttime { display: none; }

/* COLOR */
body { background: white; }
h1 { background: black; }
.stoppress { background: green; }
h1, .stoppress { color: white; }
h2, h3, h4, h5, h6, p, li, dl, th, td, pre { color: black; }
quote { color: grey; background: white; }
#navigation h2, #navigation h3, #navigation h4, #navigation h5, #navigation h6, #navigation p { color: black; }
.footer, .footer1 { background: white; color: black; }
/* .footer { background: transparent; } */
:link { color: blue; background: transparent; }
.stoppress :link { color: white; background: transparent; }
.none:link { color: silver; background: transparent; }
:visited { color: purple; background: transparent; }
.stoppress :visited { color: white; background: transparent; }
.none:visited { color: grey; background: transparent; }
:link:hover, :link:active, 
:visited:hover, :visited:active { color: red; background: transparent; }
.selected, .highlight { background: fuschia; }
.emphasis, .fantasy, .dangerpoint { color: red; }
.listhead, .detour { color: navy; }
.links { color: #99FFFF; background: white; }
.pic2, .pic2a, .series { color: green; }
.pro { color: #ff0000; background: transparent; }
.con { color: #0000ff; background: transparent; }
.feint { color: #99ff00; background: transparent; }

#navigation :link { color: blue; background: transparent; }
#navigation .none:link { color: silver; background: transparent; }
#navigation :visited { color: orange; background: transparent; }
#navigation .none:visited { color: grey; background: transparent; }
#navigation :link:hover, #navigation :link:active, 
#navigation :visited:hover, #navigation :visited:active { color: red; background: transparent; }
#navigation { color: black; background: white; }
a.highlight:link { color: #00ffff; background: transparent; }
a.highlight:link:hover, a.highlight:link:active,
a.highlight:visited:hover, a.highlight:visited:active { color: red; background: transparent; }
a.highlight:visited { color: purple; background: transparent; }

/* FONTS */
h1, .stoppress { font-family: "Helvetica", "Arial Black", sans-serif; }
.stoppress { font-size: 26px; }
h2, h3, h4, h5, h6 { font-family: "Times New Roman", "Bodini", serif; }
dt { font-weight: bold; }
#navigation { font-size: smaller; }
#navigation h2 { font-size: 110%; }
.verysmall { font-size: 40%; font-style: italic; }
.pic2  { font-size: 200%; font-weight: bold; }
.pic2a { font-size: 130%; font-weight: bold; }
.title { font-size: 200%; }
.highlight { font-weight: bold; }
.series { font-size: 70%; }
/* The easiest way to lowercase letters is to write them in lowercase first!
.series { text-transform: lowercase; }
    Capitalize will render the first letter of each word in capital letters 
    unless it is already in capital letters in the script
.series { text-transform: capitalize; } */
.series { font-variant: small-caps; }
.lastupdate { font-style: italic; }
.lastupdate { font-size: 60%; }
.emphasis   { font-size: 140%; }
.fantasy   { font-size: 200%; }
.fantasy   { font-family: Algerian, "Lucida Grand", "Alpha Geometrique", "Critter", "Cottonwood",
             "FB Reactor", "Studz", fantasy, serif; }
.listhead  { font-weight: bold; }
.notes { font-size: 60%; font-style: italic; }
/* END */