/*   Created by themadwell   */
/*   http://keldwud.org      */

HEAD { display:none }

 BODY {
  margin: 5%;
  width: 60%;
  font-family: serif;
  line-height: 132%;
  background: black;
  color: #3CC;
  voice-family: male;
}

/* --------------------------------------------------------------- */
/*  -xv-voice-volume: loud;
}   */

/*   head {
visibility: hidden;
position: absolute;
top: 0px;
left: 0px;
}
link[title="Spoken Page"] {
display: inline-block;
content: "Opera 7.6+ users, this page contains the Spoken Page stylesheet to enhance voice enabled browsing. You can enable it now using View - Style - Spoken Page.";
}   */
/* --------------------------------------------------------------- */

H1, H2, H3, H4, H5, H6, P, UL, OL, DIR, MENU, DIV,
DT, DD, ADDRESS, BLOCKQUOTE, PRE, BR, HR, FORM, DL {
  display: block }

B, STRONG, I, EM, CITE, VAR, TT, CODE, KBD, SAMP,
IMG, SPAN, SUB, SUP, DFN, INS, DEL, ABBR, ACRONYM,
Q, CITE, BIG, SMALL, TT { display: inline }

H1, H2, H3, H4 { margin-top: 1em; margin-bottom: 1em }
H5, H6 { margin-top: 1em }
H1 { margin-left: -5%; text-align: center }
H1, H2, H6 { font-weight: 700; font-variant: small-caps }
H1, H2, H4, H6 { text-transform: lowercase }
H2 { margin-left: -2% }
H4 { margin-left: -1%; font-variant: small-caps }
H3, H5 { font-style: italic }

H1 { font-size: 200%; }
H2 { font-size: 175% }
H3 { font-size: 150% }
H4 { font-size: 125% }

BLOCKQUOTE { font-weight: lighter }
B, STRONG { font-weight: bolder }   /* relative to the parent */
I, CITE, EM, VAR, ADDRESS { font-style: italic }
PRE, TT, CODE, KBD, SAMP { font-family: monospace }

PRE { white-space: pre }

ABBR { speak: spell-out; }
ACRONYM { speak: normal; }

SPAN { border-bottom: thin dotted; }

ADDRESS { margin-left: 3em }
BLOCKQUOTE { font-size: 75%; margin-left: 25%; margin-right: -2%;
             margin-bottom: 1%; line-height: 110%; text-align: right;
             quotes: "\201C" "\201D"; }
BLOCKQUOTE:before { content: open-quote; font-weight: bold; }
BLOCKQUOTE:after { content: close-quote; font-weight: bold; }

UL, DIR { list-style: none }
OL { list-style: decimal }
MENU { margin: 0 }               /* tight formatting */
LI { margin-left: 3em; display: list-item; }

DT { margin-bottom: 0 }
DD { margin-top: 0; margin-left: 3em }

HR { border-top: solid }         /* 'border-bottom' could also have been used */

A { text-decoration:none }

A:link { background: black; color: #3CC }   /* unvisited link   */
/*   A.external:link { yellow; target=_blank )   */   /* external links   */
A:visited { background: black; color: #008080 }   /* visited links    */
/*   A.external:visited { #33CCCC }*/   /* external visited */
A:hover { background: black; color: #FFF }
A:active { background: black; color: #00F }   /* active links     */

/* setting the anchor border around IMG elements
   requires contextual selectors */

A:link IMG { border: 1px solid #3CC }
A:visited IMG { border: 1px solid white }
A:active IMG { border: 1px solid yellow }

/*   COLORS                                                      */
/*   aqua, black, blue, fuchsia, gray, green, lime, maroon,      */
/*   navy, olive, purple, red, silver, teal, white, and yellow   */

/*   here is a fixed menu for me to use when I get around        */
/*   to implementing it                                          */

div.box { border: solid thin #FFF; }

div.banner {
  margin: 0;
  font-size: 100%;
  font-weight: bold;
  line-height: 1.1;
  text-align: right;
  position: fixed;
  top: auto;
  bottom: 1em;
  left: auto;
  width: 10em;
  right: 1em;
}
div.banner p {
  margin: 0;
  padding: 0.3em 0.4em;
  font-family: sans-serif;
  background: black;
  border: thin black;
  color: blue;
}


div.banner a, div.banner em { display: block; margin: 0 0.5em }
div.banner a, div.banner em { border-left: thick solid gray }
div.banner a:first-child { border-top: none }
div.banner em { background: black ; color: silver }

div.banner a:link { text-decoration: none; background: black ; color: aqua }
div.banner a:visited { text-decoration: none;
                       background: black ; color: #008080 }
div.banner a:hover { background: black ; color: white }


/*   cribbed from w3 REC-CSS1 doc                     */
/*   work in progress, playing around with settings   */