/* Has some project-specific rules that ought to be separated out,
   and loaded by project scripts. */


html
{
    font-family: monospace;
    margin: 0; /* defined for body instead */
    padding: 0; /* " */
}

    html /*, hr */
    {
        /** For XHTML in Mozilla, select on html node rather than body;
          * else background colour does not fill window.
          */
        background-color: #171717;
    }


    html, .normal-color
    {
        color: #e9e9e9;
    }


body
{
    margin: 0; /* pad instead, except for minimums */
    padding: 0.2em;
    padding-left: 0.4em;
    padding-bottom: 1em;
}


    a
    {
        background-color: transparent;
        text-decoration: none;

        /** Chosen mainly for sake of the index list, where it applies to files of
          * unspecified type.  Elsewhere, use one of the content-specific classes like DIR
          * and htm, or use generic (below).
          */
        color: #e9e9e9;
    }


    a.generic, .blurb-area a
    {
     /* background-color: #6060A0; */
        color: #b0ddff;
    }


    /* all these span-in-a styles ignored by IE8, even when !important */
    a span.appendInListingA /* per autoindex-summary.js */
    {
        font-weight: normal;
    }



/** - blurb-area -----------------------
  */
.blurb-area
{
    /*
    margin-left: 10%;
    margin-right: 8%;
    */
    padding-right: 25mm;
    min-width: 30em;
}



    .blurb-area h4
    {
        margin-bottom: 0.5em;
    }



/** - boilerplate ----------------------
  */
.boilerplate
{
    font-size: 0.8em;
}



/** - h --------------------------------
  */
h1
{
 /* color: #B7B7B7; */
 /* font-family: sans-serif; */
    font-size: 1.5em;
    font-weight: normal;
    white-space: nowrap;
}


    h1.scriptless-robots
    /**
      * For non-scripted robot clients, esp. search crawlers.
      * They need a title, or the search result listing looks funny.
      * Without scripts, I can only give them a site-wide default.
      * But I don't want it visible on the rendered page, hence this rule.
      */
    {
        display: none;
        background-color: #171717; color: #171717; /* just in case */
    }



/** - home -----------------------------
  */
.home
{
    color: #de8740; /* changing? grep for clones in other files */
}



/** - hr -------------------------------
  */
hr
{
 /* display: none; */ /* wrecks alignment somehow (Firefox and IE both) so: */
    background-color: transparent;
    border: none;
    color: #171717; /* for IE */
}



/** - img ------------------------------
  */
img[alt='[DIR]'] + a
{
    color: #f0f0c0;
    font-weight: bold;
}
.blurb-area .DIR
{
    color: #f0f0c0;
}

    img[alt='[DIR]'] + a > span.appendInListingA
    {
        color: #b2b2a0;
    }
    img[alt='[DIR]'] + a:hover > span.appendInListingA
    {
        color: #e0e0c7;
    }


    img[alt='[DIR]'] + a.faded
    {
        color: #888;
    }
    img[alt='[DIR]'] + a.faded:hover
    {
        color: #aaa;
    }

    img[alt='[DIR]'] + a.faded > span.appendInListingA,
    img[alt='[ETC]'] + a.faded > span.appendInListingA
    {
        color: #777;
    }
    img[alt='[DIR]'] + a.faded:hover > span.appendInListingA
    {
        color: #999;
    }


img[alt='[PAR]'] + a /* see "img[alt='  '] + a" */
{
    color: #b2b2a0;
}
.blurb-area .par,


img[alt='[ETC]'] + a
{
    color: #999;
}
.blurb-area .ETC
{
    color: #f0f0c0;
}


img[alt='[htm]'] + a
{
    color: #99ddff;
}
.blurb-area .htm
{
    color: #99ddff;
}

        img[alt='[htm]'] + a > span.appendInListingA
        {
            color: #99a4b6;
        }
        img[alt='[htm]'] + a:hover > span.appendInListingA
        {
            color: #c4d0e0;
        }


img[alt='[jav]'] + a
{
    color: #fff0e0;
}
.blurb-area .jav
{
    color: #fff0e0;
}


img[alt='[jnl]'] + a
{
    color: #99ffff;
}
.blurb-area .jnl
{
    color: #99ffff;
}


img[alt='[-pm]'] + a
{
    color: #e0f0ff;
}
.blurb-area .pm
{
    color: #e0f0ff;
}


img[alt='[png]'] + a
{
    color: #80f080;
}
.blurb-area .png
{
    color: #80f080;
}


img[alt='[txt]'] + a
{
    color: #f0e0ff;
}
.blurb-area .txt
{
    color: #f0e0ff;
}



/** - li -------------------------------
  */
li /* copy of textbender/_/text-layout.css */
{
    margin-bottom: 0.5em;
}



/** - link -----------------------------
  */
.link-area a
{
    color: #a4a4a4;
}


    .link-area a:hover
    {
        color: #d0d0d0 !important; /* important for /home/mike/_autoindex-summary.html */
    }


div.link-list
{
    margin-bottom: 1em;
    white-space: nowrap;
}



/** - logo -----------------------------
  */
.logo-footer
{
    margin-top: 3em;
    margin-right: 0.2em;
    text-align: right;
}



    .logo-footer img
    {
        border: none;
        padding: 4px;
        vertical-align: middle;
    }



/** - p --------------------------------
  */
p.lead, .subtitle /* "subtitle" is deprectated */
{
    margin-top: 0;
 /* white-space: nowrap; */ /* why this nuisance of having to insert <br/> for long titles? */
}



/** - pre ------------------------------
  */
pre
{
 /* font-size: 1em; *//* without this trivial rule, IE8 somehow uses a smaller font */
}


pre, .faded
{
    color: #a4a4a4;
}


    .faded-generic
    {
        color: #90a0c0;
    }


    /* IE 6 does not support these, nor any selector mixed with them: */
    [href="?C=M;O=A"], [href="?C=M;O=D"],
    [href="?C=N;O=A"], [href="?C=N;O=D"],
    [href="?C=S;O=A"], [href="?C=S;O=D"]
    {
        color: #909090;
    }
    .list-header /* per .XXX, further above */
    {
        color: #909090;
    }



/** - quote ----------------------------
  */
.quote
{
    color: #ddc;
 /* font-style: italic; */
 /* font-weight: bold; */
}


.quote .trailing-reference
{
    font-style: italic;
    margin-left: 2em;
    white-space: nowrap;
}



/** - section --------------------------
  *
  * Used on root home page, nowhere else.
  */
.section, .section pre
{
    color: #bbb;
}


.section.hanging
{
    margin-left: 1.5em;
    text-indent: -1.5em;
}


.section.quote
{
    color: #a0a0a0;
}


.section.quote span.faded
{
    color: #808080;
}


pre.section
{
    margin-bottom: 0;
    margin-top: 0;
}


table.section.address
{
    border-collapse: collapse;
}


table.section.address a img
{
    border: none;
    padding: 4px;
}


table.section.address td
{
    padding: 0;
    vertical-align: top;
}


table.section.address pre
{
    margin: 0;
    padding: 0;
    padding-left: 1em;
}


div.sectioned h2, div.sectioned h3, div.sectioned h4
{
    color: #d0d0d0;
    font-family: sans-serif;
    margin-bottom: 0.5em;
}


div.sectioned table.columnar
{
    border-collapse: collapse;
    margin-top: 0.5em;
}


div.sectioned table.columnar td.col /* selector > won't work in .html (Firefox), so use td.col */
{
    vertical-align: top;
}



/** -       ----------------------------
  */
a.tour
{
 /* background-color: #b49c90; */ /* masks border of text above, Firefox */
    border-bottom: 2px dotted #de8740;     /* home reddish */
 /* border-bottom: 1px solid #99ddff; */  /* bluish */
 /* color: #000000; */
 /* color: #fca790; */ /* reddish */
    color: #c0d7ff;    /* bluish */
 /* color: #99ffdd; */ /* greenish */
 /* color: #fff7c0; */ /* other */
    padding-left:  0.2em;
    padding-right: 0.1em;
    white-space: nowrap;
}



/** -       ----------------------------
  */
.votorola-logo
{
    color: #a0a0a0; /* changing? grep for clones in other files */
}



/** -       ----------------------------
  */
.votorola-highlight
{
    font-size:1.2em;
    font-weight: bold;
 /* white-space: nowrap; */
}



/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */


.test-0
{
    color: #c7c7c7;
    font-weight: bold;
}