/* This is a CSS file for HTML files of mine that apply to "plain
text" files on the physics departmental web site.

Features of this style (and thus the structure of the HTML files
that use it):
* There are two main blocks, that come in this order:  header
  and body, and are delineated by the tags of the same name.
* Title, main text, footer, and address blocks are all within the 
  body tag.
* Title is given by the h1 tag, and is centered with a line in
  the bottom.
* Main text is in a maintext class div tag.
* Footer is in a footer class div tag.  It has a line on the 
  bottom.
* The pre tag is set to draw a solid bordered box around the
  contents.
* Code that is set apart should be set in a set of:
  <blockquote><pre><code>...</code></pre></blockquote>
  tags.  This stylesheet renders such code inside a solid 
  bordered box of the blockquote width specifications.  
* The code tag renders the font larger than normal, because
  verdana is generally larger than the default non-proportion-
  al font.  Code is also made blue.  The code tag, by itself,
  does not draw a box around the text.
* Bulky and concise lists in the main text block are specially 
  defined.

Fonts and colors of links are changed, as are margins.  I assume 
any independent text coloring and highlighting as well as tables 
are done in the HTML file itself.  Paragraphs of text in the HTML
files should be within a <p><span>...</span></p> construct. */


             /* basic link constructs */

a:link { color: #2c529b;}

a:visited { color: #2c529b;}

a:active { color: #2c529b;}


             /* body and heading tags */
body
{
    BACKGROUND-COLOR: white;
    COLOR: black;
    font-family:  lucida grande, verdana, lucida, Geneva, arial,
                  helvetica, sans-serif;
    FONT-SIZE: 13px;
    margin-top: 2ex;
    margin-bottom: 5%;
    margin-left: 8%;
    margin-right: 8%;
}  

h1, h2, h3, h4, h5, h6
{
    COLOR: #2C529B;
}

h1
{
    text-align: center;
    padding-bottom: 1ex;
    border-bottom: black 2pt solid;
}


             /* pre and code tags for code environment */

pre
{
    padding: 2ex;
    margin: 0ex;
    border: black 0.2ex solid;
}

code
{
    padding: 0ex;
    margin: 0ex;
    font-size: 130%;
    color: blue;
}


             /* bulky and concise lists in main text block */

/* this is for a main text list that i want to have a line separating 
each item.  note the last item has 0 padding.  ordered and unordered 
list tags are defined. */
    
div.maintext ul.bulky li { padding-bottom: 2ex; }
div.maintext ul.bulky li.last { padding-bottom: 0ex; }
div.maintext ol.bulky li { padding-bottom: 2ex; }
div.maintext ol.bulky li.last { padding-bottom: 0ex; }

/* concise lists:  this is for a main text list that i want to have 
no line separating each item */
    
div.maintext ul.concise li { padding-bottom: 0%; }
div.maintext ol.concise li { padding-bottom: 0%; }


             /* main text block */

div.maintext
{
    background-color: white;
    clear: none;
    padding-top: 0%;
    padding-bottom: 0%;
}


             /* footer block */

div.footer
{
    background-color: white;
    clear: none;
    padding-top: 1ex;
    padding-bottom: 1ex;
    border-bottom: black 2pt solid;
}


             /* address block */

address
{
    margin-top: 4ex;
    margin-bottom: 3ex;
    FONT-SIZE: 10px;
}
address img { float: right; }