/* generic.css 
   Copyright (C) 2002-2024 W.Finlay McWalter.  ALL RIGHTS RESERVED. */

body { 
  font-family:       "Times New Roman", Times, serif;
  text-align:        justify;

  font-size:large;
  width: 1000px;
  margin-left:auto;
  margin-right: auto;
}

li { 
  margin:            4px;
}



/* Use this class for stuff that is visible only in non CSS browsers (and in NS4, 
 * which thinks it's a CSS browser but really isn't)
 */
span.vanishing { 
  display: none;
}

/* note: IE6 and NS6/moz support suppressing other tags with a vanishing span, but
 *       opera 7 doesn't, so we need a special vanishing <hr> class
 */
hr.vanishing { 
  display: none;
}

h1.vanishing { 
  display: none;
}

h2.vanishing { 
  display: none;
}

/* media specific */
@media screen {
  div.headerblock {
    width:          100%; 
    height:         101px;
    margin-top:     -3em;
  }

  div.breadcrumbs {
    margin-left:    100px; 
    padding-top:    4em;
    font-family:    Arial, sans-serif;
  }

  .printonly {
    display:none;
  }

  h1.headertext {
    padding-left:   100px;
  }
}

@media print {
  div.headerblock {
    display:none;
  }

  a {
    text-decoration:none;
    color: black;
  }

}


h1.headertext {
  padding-top:    12px;
  padding-bottom: 5px;
  font-size:      17px;
  font-family:    Arial, sans-serif;
}



h1 { 
  font-size:      28px;
} 

div.imageblock {
  float:          left;
  width:          180px;
  background:     #464446;
  padding-top:    15px;
  padding-bottom: 15px;
  margin:         10px;
  text-align:     center;
  font-family:    Verdana, helvetica, arial, sans-serif;
  font-size:      8pt;
  color:          rgb(255,165,0);
}

.imageblock a:link, .imageblock a:hover, .imageblock a:visited, .imageblock a:active {
  text-decoration: none; 
  color: black;
}

div.leftblock { 
  background:     #eee;
  width:          47%;
  float:          left;
  padding:        5px;
  margin-right:   4px;
}

div.rightblock { 
  background:     #ccf;
  width:          47%;
  float:          left;
  padding:        5px;
}

h3.blogtitle { 
  background:     #fcc;
  margin-top:     1px;
}

div.blogblock { 
  padding:        3px;
  background:     #cfc;
  margin-bottom:  6px;
}

span.blogdate { 
  font-style:     italic;
  font-size:      10px;
}

p.blognote { 
  padding-right:  5px;
  padding-bottom: 10px;
  font-style:     italic;
  font-size:      12px;
}


img.leftfloater { 
  float:          left;
  margin:         4px;
}


/*************** faq stuff **********************/

td.faqQ, td.faqA, td.faqQuestion, td.faqAnswer { 
  padding:        4px;
  text-align:     left;
}

td.faqA { 
  background:     #eef;
}

td.faqQ { 
  background:     #ddf;
}

td.faqQuestion { 
  background:     #ffcccc;
}

td.faqAnswer{ 
  background:     #ffdddd;
}


/*************** homepage stuff **********************/

div.mainpageleftbar, 
div.mainpageheader,  
div.mainheader, 
p.frontpagetext, 
li.frontpagetext,
div.bloghead, 
div.blogtext {
  font-family:    Verdana, helvetica, arial, sans-serif;
  font-size:      large;
  text-align:     left;
}

div.accessiblenav { 
  display: none;
}


@media screen and (min-device-width: 800px){
  div.mainpagecontent{ 
    float:      right; 
    width:      79%;
    height:     100%;
  }

  div.mainpageheader { 
    text-align:     center;
    width:          100%;
    margin-bottom:  18px;
    float:          right;
    overflow:       hidden;
  }

  body.imagebar,
  div.mainpageleftbar {  
    background:     #464446;
  }

  div.mainpageleftbar {
    text-align:     center;
    width:          20%;
    float:          left;
    overflow:       hidden;
    margin-bottom:  15px;
  }

  div.mainpagemiddlebar { 
    float:          right;
    width:          48%;
    margin-left:    1%;
    overflow:       hidden;
  }

  div.mainpagerightbar { 
    float:          right;
    width:          48%;
    margin-left:    1%;
    overflow:       hidden;
  }
}

div.mainpageboilerplate { 
  clear:          both;
  font-size:      8pt;
  width:          100%;
  margin-top:     4em;
}


a.imagelink, a.sectionlink {  
  text-decoration: none;
}

div.section { 
  padding-left:   5px;
}

@media screen {
  div.mainpageinfobox { 
    background-color: #aaaaaa;
    text-align:       left;
    margin:           8px;
    padding:          4px;
  }
}

@media print {
  div.mainpageinfobox {
    display:none;
  }

  div.mainpagevalidation{
    display:none;
  }

  iframe.counterframe {
    display:none;
  }
}


a.imagelink { 
  color:          rgb(255,165,0);
  text-align:     right;
}

a.imagelink:hover { 
  background:     rgb(255,165,0);
}

a.sectionlink {  
  color:          #dddddd;
}

a.sectionlink:hover {  
  background:     #dddddd;
}

a.sectionlink:hover, a.imagelink:hover {  
  color:          #464446;
}

div.mainsectionblock {  
  background:     #dddddd; 
  font-family:    verdana, arial, sans-serif;
  font-size:      large;
}

h2.mainsectionheader { 
  text-align:     left;
  font-size:      12pt;
  padding: 2px;
  display: flex;
  align-items: center;
}


div.bloghead, div.blogtext { 
  padding:        3px;
}

div.bloghead { 
  background:     #333339; 
  color:          #eeeeee;
}

div.blogtext { 
  color:          #333339; 
  background:     #eeeeee;
  margin-bottom:  10px;
  padding:        12px;
}


h2.blogh2{ 
  margin:         2px;
  font-weight:    normal;
  font-size:      small;
}

span.blogdate { 
  color:          rgb(255,165,0);
  font-style:     italic;
} 

span.boilerplate { 
  font-size:      x-small; 
  font-family:    courier, monospace;
}


/* imagelabel used for generated image thumbnail pages */
p.imagelabel {
  font-size:      x-small;
  font-family:    Verdana, helvetica, Arial, Univers, sans-serif;
  font-size:      8pt;
  color:          #00ff00;  
}


/* Hexdump table stuff */
td.ee { background: #eeeeee; padding: 1em; }
td.eo { background: #aaaaaa; padding: 1em; }
td.oe { background: #cccccc; padding: 1em; }
td.oo { background: #888888; padding: 1em; }

ol{
  padding-left:15px;
}

/* truth tables (used in april 2013 blog entry) */
.truthtable {
    text-align:center; 
    border-collapse: collapse;
    margin-left: 2em;
}

.truthtable thead {
    background-color: #ddd;
    font-weight: bold;
}

.truthtable tr, 
.truthtable td {
    border: 1px solid black;     
    padding: 0.4em;
}