/*  CSS  (Crappy Style Shit!)  */
/* best viewed in 1680 x 1050! */

@media print {
  html      { width:100%; margin:0; }
  html[lang="x-klingon"], html[lang="x-klingon"] * { background-image:none !important; background-color:white !important; color:black !important; border-style:none !important; overflow:visible !important; }
  html[lang="x-klingon"] pre { overflow:visible !important; }
  html[lang="x-klingon"] dl { display:none; }
}

@media screen, projection {
  html      /*{ width:80%; margin:25px auto; }*/ { width:658px; margin:15px auto; }
}

@media screen, projection, print {
  *             { padding:0; border:none; margin:0; }
  html          { padding:2em 10px /*padding:2em 1em*/; border:dotted 6px #e2580a; background:#02174a url(firedark.gif) bottom right no-repeat; color:silver; }
  body          { position:relative; width:620px/*700px*/; height:700px; margin:0 auto; background:#fdf48d url(firefox.gif) left bottom no-repeat; font-size:82%; font-family:verdana,arial,helvetica,sans-serif; color:black; }
  h1            { position:absolute; left:58.5%; bottom:16%; z-index:5; font-size:2.2em; }
  h2            { width:32%; height:20px; padding:7px 15px; border-left:solid 10px #0a609e; font-size:1.3em; background:#0a609f; color:white; }
  p             { width:65%; padding:10px 15px; background-color:inherit; color:black; }
  .para         { border-left:solid 10px #0a609e; background:#ade1e9; color:inherit; }
  .fod          { padding-top:1em; background-color:inherit; color:red; font-size:1.1em; }  .fod em       { display:block; float:right; }
  dl            { position:absolute; right:0; width:150px; height:100%/*600px*/; background:#f9bf37 url(divTableFree.png) 50% 90% no-repeat; color:black; }
  dt            { height:20px; padding:7px 10px; background:#ade1e9; color:black; text-align:center; font: normal bold 1.3em 'Stylus BT','Comic sans MS',TSCu_Comic,cursive; }
  dt a          { background-color:inherit; color:black; text-decoration:none; }  dt a:hover { background-color:inherit; color:red; }
  dd a          { display:block; width:135px; height:23px; padding-top:3px; padding-left:15px; border-bottom:solid 1px #0a609e; background:#5cb1d4; color:white; text-decoration:none; }
  dd a:hover    { background:#fdf48d; color:red; }
  .gas          { padding:0 4px; margin-top:15px; text-align:center; font-size:85%; }  .gas span { background:inherit; color:red; font-style:italic; }
  .gas a        { display:inline; padding:0; border:none; background:#f9bf37; color:#0a609e; }
  .gas a:hover  { background:#f9bf37; color:red; }
  code          { font-weight:bold; font-family:'Lucida Sans Typewriter','Lucida Console','Courier new','Courier 10 Pitch',monospace; font-size:1em; }
  p.warn        { width:8em; padding:5px; border:dashed 2px #ff6600; margin:1em; background-color:inherit; color:#ff6600; font-size:2em; font-weight:bold; font-family:'Courier new','Courier 10 Pitch',courier,monospace; }
  li            { padding:0; text-align:left} ul { margin:0 auto; width:60%; }
}
/* Wide screens are cute, really :o) */