@font-face {
  font-family:"Apple Garamond";
  src:url("APPLEGARAMOND.TTF");
}
@font-face {
  font-family:"Caladea";
  src:url("CALADEA-REGULAR.TTF");
}

body {
  background-color:black;
/*  background: url("/caniwall.gif");*/
  color:white;
  /*! text-align:center; */
  font-family:"Caladea";
  font-size:18px;
  margin-left: 0px;
  margin-top:0px;
}

div#nav {
  background-color: black;
  padding:15px;
  margin:0px;
  width:max-content;
  overflow:hidden;
  border-bottom:1px solid white;
  border-right:1px solid white;
  border-radius: 0px 0px 25px 0px;
}

div.article-content {
  font-family:serif;
  font-size:16px;

  max-width:800px;
  /*margin:auto;*/
}

p, ul, ol {
  word-wrap:break-word;
  width:800px;
  /*! margin:auto; */
  margin-top:16px;
  margin-bottom:16px;
}

ul, ol {
  text-align: left;
}

a {color:#ffff00 !important;}
b, strong, i, em {color:#ffbb99;}

.author-meta, .author-meta * {color:#aaa !important;}

h1, h2, h3, h4 {font-family:"Apple Garamond";margin-bottom:-8px;margin-top:24px;}
h1 {font-size:36px;margin-bottom:-12px;}
h2 {font-size:32px;margin-bottom:-10px;}
h3 {font-size:28px;}
h4 {font-size:22px;}

p.footerText {font-family:"Arial", sans-serif;margin-top:6px;font-size:11px;width: auto;}

pre {
  text-align: left;
  /*! max-width: 600px; */
}
code {
  display: block;
  border: 1px solid #999;
  padding: 5px;
  word-wrap: ;
  overflow-x: scroll;
}

p.addendum {
  border:1px solid #ffbb99;
  background-color:#433100;
  padding:5px;
}

#footer {
  width: 768px;
  margin-left: 32px;
  text-align: center;
}

#content {margin-left: 32px;}
#content > p {width:800px;}

#logo {margin-left:12px;}

img.log88,
a.log88 {
  margin-left:4px;
  /*border:1px solid white;*/
  /*float:right;*/
}

img.log88.first,
a.log88.first
{margin-left:0px;/*190px;*//*50px;*/}

table {
  font-family: initial;
  font-size: 12px;
  text-align: left;
  border: 1px solid white;
}

th {
  border: 1px dashed grey;
  padding: 5px;
}