/* Anthony Hickson's Stylesheet */
/* Manual: http://www.w3.org/TR/REC-CSS1 */

/* LAYOUT */
#navigation { width: 10em; }
#navigationbtm { width: 10em; }
#navlist li { display: inline; list-style-type: none; padding-right: 20px; }
.flag { float: right; }
.logo { float: left; }
.w3c { position: absolute; top: 1em; right: 1em; }
.w4c { float: left; padding-right: 25%; }
p.commentaire { align: right;
                width: 10em;
                margin: 0 2em 0 0;
                padding: 1em;
                float: right;
                clear: both;
                color: red;
                border: thin silver solid; }
.commentaire1 { align: right;
                width: 15em;
                margin: 0 2em 0 0;
                padding: 1em;
                float: right;
                clear: both;
                color: red;
                border: thin silver solid; }
p.commentaire2 { align: right;
                width: 20em;
                margin: 0 2em 0 0;
                padding: 1em;
                float: right;
                clear: both;
                color: red;
                border: thin silver solid; }
.clearpic, .crest4 { position: relative; clear: both; }
table { page-break-inside: avoid; }
.pagebreak { page-break-before: always; }

/* POSITION */
.blockpart { position: relative; }
.footer, .footerreduite    { position: relative; }
#navigation { position: absolute; top: 0; left: 0; } 
#navigationbtm { position: absolute; bottom: 0; left: 0; } 
           /* position: fixed breaks WinIE5.5 :-( */
.crest1, .crest3, .picleft, .stoneleft { float: left; }
.stoneright { float: right; }
.stoneleft  { padding-right: 2em; padding-left: 0; }
.stonecentre { margin: 4em 10% 4em 10%; }
.stoneright { padding-right: 2em; padding-left: 2em; }
.crest2    { float: right; }
.central   { text-align: center; }

/* WHITESPACE - margin padding */
body { margin: 1em 1em 1em 12em; }
.print { margin: 1em; }
#navigation, #navigationbtm { padding: 3em 1em 1em 1em; margin: 0; }
#navigation div, #navigationbtm div { margin: 1em 0 0 0; }
#navigation div p, #navigationbtm div p { margin: 0; }
#navigation div div, #navigationbtm div div { margin: 0.2em 0 0 1em; }
/*            top   R  btm   L  */
h1 { padding: 0.5em 0 0.5em 10%; }
h1 { margin: -0.5em -1em 0 -6%; }
/* h1 { padding-bottom: 0.1em; padding-left: 1em; } */
.footer, .footerreduite { padding: 0.5em; margin: 1em 0; }
.footer p, .footerreduite p { margin: 0; }
.footerreduite { margin-right: 25%; }
.flag { margin: 0; }
.logo { margin-right: 2em; }
.new { margin: 0; padding: 0.4em; }
.crest1, .crest3, .crest4 { margin: 0em 2em 0.5em 1em; padding: 0.2em; }
.crest2 { margin: 0em 1em 0.5em 2em; padding: 0.2em; }
.picleft { margin: 0 0 0.5em 5em; padding: 0em; }
ul.off, li.off { list-style-type: none; }
.boats { background-image: url(jpeg/ALCATRZ1.jpg); background-repeat: no-repeat; background-attachment: fixed; }
.water { background-image: url(jpeg/ALCATRZ1.jpg); background-repeat: repeat; background-attachment: fixed; }
.sea { background-image: url(jpeg/sea1.gif); background-repeat: repeat; background-attachment: fixed; }
.dontdisplay { display: none; }

/* ALIGNMENT */


/* DECORATION - border */
h1 { border-bottom: medium solid; }
h1 { background: url(/band7.jpg); }
h1 { color: white; }
.footer, .footer1, .footerreduite { border: outset thin; }
.navigation img { border: none; }
#navigation, #navigationbtm { border-right: solid; }
.crest1, .crest2 { border-style: solid; width: 12.5em; height: 20em; border-width: thick; }
.crest3 { border-style: solid; width: 14.25em; height: 20em; border-width: thick; }
.crest4 { border-style: solid; width: 10.5em; height: 20em; border-width: thick; }
.picleft { border-style: none; width: 400; height: 230; }

Quote:before, Quote:after {
  content: open-quote;
  color: grey
}
.notes { font-style: italic; }
th.parents, td.parents, td.notalive { color: white; background: silver; font-style: italic; text-align: center; }
th.prenom, td.prenom  { color: #000080;  background: white; }
h3 strong { text-decoration: underline; }

/* COLOR */
.footer, .footer1 { background: #FFFFEE; color: black; }
#reduit { color: green; background: transparent; }
.reduite, .footerreduite { color: green; background: transparent; }
.new, .highlight { background: yellow; color: black; }
.althighlight { background: pink; color: black; }
:link { color: blue; background: transparent; }
.none:link { color: silver; background: transparent; }
:visited { color: purple; background: transparent; }
.none:visited { color: grey; background: transparent; }
:link:hover, :link:active, 
:visited:hover, :visited:active { color: red; background: transparent; }
.crest1, .crest2 { background: yellow; }
.surname { color: black; }
.location, .emphasis { color: red; }
.selected { background: yellow; }
.selected_alt { background: silver; }
.selected_alt2 { background: #99ff66; }
#navigation, #navigationbtm { background: #FFFFCC; }
.links { color: #99FFFF; background: white; }
.seasonal { color: Magenta; }
.journal, .faint, .feint { color: silver; }
.journal:after { content: ":\A"; } 
.halpha { color: red; }
p:target, li:target { background-color : #00ff00; } /* highlights notes, ex: <p id="note">... */

/* FONTS */
h1, h2, .halpha, .homepage { font-family: "Verdana", "Arial Black", sans-serif; }
.halpha { font-weight: bold; font-size: 160%; }
.poem, .homepage, quote { font-style: italic; }
.homepage { font-weight: bold; font-size: 105%; }
quote { color: grey; background: white; }
.balance { font-weight: bold; }
p.resume { font-weight: bold; font-size: larger; }
li.resume { font-weight: bold; font-size: larger; }
#reduit { font-size: 80%; }
.reduite, .footerreduite { font-size: 80%; }
#navigation, #navigationbtm { font-size: smaller; }
#navigation h2, #navigationbtm h2 { font-size: 110%; }
.emphasis {font-size: 130%; }
.seasonal {font-size: 140%; }
.seasonal { font-family: "Klingon", "Western", cursive; }
.seasonal:first-letter, .big:first-letter { font-size:200%; }
.notes { font-size: 60%; }

/* HELP! */
.help { padding-left: 1%; padding-right: 1%; padding-top: 1%; padding-bottom: 1%; }
.help { margin-left: 0%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; }
.help { border-width: thick; border-style: solid; border-color: cyan; }
.help { color: black; background-color: lime; }
.help { float: right; }
.help p { font-size: 130%; }
.help { width: 50%; }
.helpleft { float: left; margin-top: 10%; }

.years, .family, .familyd, .footer1 { padding-left: 1%; padding-right: 1%; padding-top: 1%; padding-bottom: 1%; }
.years { margin-left: 0%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; }
.years, .family, .familyd { border-width: thick; border-style: solid; border-color: cyan; }
.years, .family, .familyd { color: black; background-color: white; }
.years, .family, .familyd, .footer1 { float: left; }
.years { width: 40%; font-size: 400%; }
.family, .familyd  { margin-left: 1%; margin-right: 1%; margin-top: 0%; margin-bottom: 1%; }
.footer1 { margin-left: 1%; margin-right: 1%; margin-top: 0%; margin-bottom: 1%; }
.family  { width: 19%; } /* These were changed from 19% to 20% & back again */
.footer1 { width: 19%; } /*        ditto                       */
.familyd { width: 43%; }

.usalist { padding-left: 1%; padding-right: 1%; padding-top: 1%; padding-bottom: 1%; }
.usalist { margin-left: 0%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; }
.usalist { border-width: thick; border-style: solid; border-color: silver; }
.usalist { color: white; background-color: silver; }
.usalist { float: right; }
.usalist { width: 40%; }

.navigright { list-style-type: none; }
.navigright { margin: 0; padding-left: 1em; padding-right: 1em; padding-top: 1em; padding-bottom: 1em; }
.navigright { border-width: thick; border-style: solid; border-color: silver; }
.navigright { color: white; background-color: #ffffcc; float: right; }
ul.navigright, li { margin-top: 0.2em; margin-bottom: 0.2em; }

.source { font-style: oblique; font-size: 70%; }
.source { text-align: right; padding-right: 5%; }
.source { color: white; background-color: silver; }
.source :link { color: white; background: transparent; }
.source :visited { color: white; background: transparent; }
.source :link:hover, .source :link:active,
.source :visited:hover, .source :visited:active { color: yellow; background: transparent; }

.listright { list-style-type: none; }
.listright { font-style: oblique; font-size: 80%; }
.listright { margin: 0; padding-left: 0.1em; padding-right: 0.1em; padding-top: 1em; padding-bottom: 1em; }
.listright { border-width: thin; border-style: solid; border-color: green; }
.listright p { color: grey; width: 13em; }
.listright { color: white; background-color: #ffffcc; float: right; }
ul.listright, li { margin-top: 0.2em; margin-bottom: 0.2em; }

.listleft { list-style-type: none; }
.listleft { font-style: oblique; font-size: 80%; }
.listleft { margin: 0; padding-right: 0.1em; padding-left: 0.1em; padding-top: 1em; padding-bottom: 1em; }
.listleft { border-width: thin; border-style: solid; border-color: green; }
.listleft p { color: grey; }
.listleft { color: white; background-color: #ffffcc; float: left; }
ul.listleft, li { margin-top: 0.2em; margin-bottom: 0.2em; }


/* END */