/* Style sheet definition for the EEA

   Rick Murray, 2007/08/16

   We shouldn't make TOO much reliance on specific CSS elements due
   to the pitiful support for any level of CSS on the majority of
   RISC OS browsers. Support IS improving, but it is taking time.
   
   The EEA has been designed principally around MSIE 6, and tested
   to ensure it looks more or less the same with Opera 9.02 and
   FireFox 2; PLUS looking reasonable (if less 'nice') with
   ANT/Fresco, Oregano 1.10, and NetSurf.
*/


        /* Main body text style - force serif font and justify it */
body    {
        font-size: 100%;
        font-family: "Times New Roman", Times, Trinity, serif;
        text-align: justify;
        }

td.body {
        font-size: 100%;
        font-family: "Times New Roman", Times, Trinity, serif;
        text-align: justify;
        }

        /* BIG HUGE headline title; uses relative size and some
           absolute (pt) tweaks to positioning. Centred, with
           some extra space between each letter for 'HUGEness' */
h1      {
        text-align: center;
        font-size: 500%;
        font-weight: bolder;
        letter-spacing: 2px;
        color: darkgreen;
        margin-top: -6pt;
        margin-bottom: -3pt;
        }

        /* Larger, same blue as HUGE title, with an underline
           the width of the document. Used to separate sections. */ 
h2      {
        text-align: left;
        font-size: 200%;
        font-weight: bold;
        color: darkgreen;
        margin-top: 6pt;
        margin-bottom: 9pt;
        border-bottom: thin solid green;
        }



        /* Small centred style for copyright line; borrows the
           address attribute. */
address {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 3px;
        padding-bottom: 3px;
        font-size: 75%;
        font-style: normal;
        text-align: center;
        }


        /* Style for something-to-notice insertable table. */
table.notice {
        width: 75%;
        background-color: aliceblue;
        border: solid ridge blue;
        font-size: 90%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-align: justify;
        }

        /* Style for IMPORTANT/WARNING insertable table. */
table.rednotice {
        width: 75%;
        background-color: #fff0f0;
        border: solid ridge red;
        font-size: 90%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-align: justify;
        }

        /* Style specific to list in servers overview */
table.complist {
        background-color: honeydew;
        border: solid ridge green;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 60%;
        letter-spacing: -1px;
        text-align: left;
        }

        /* Style used for the information tables (which byte is which) */
table.list {
        background-color: honeydew;
        border: solid ridge green;
        margin-after: 200%;
        font-size: 90%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-align: left;
        }

        /* Reduced table for in-lining within table.list; smaller
           text, no border, etc. */
table.smlist {
        background-color: honeydew;
        font-size: 90%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-align: left;
        }


        /* Remove underline from 'A' links as it makes the
           text flow better. The links are still shown in
           blue/navy as per the <body> definitions. */
A       {
        text-decoration: none;
        }


        /* Not currently used; large important-link highlight */
A.linkto {
        font-size: 125%;
        font-weight: bold;
        text-align: left;
        text-decoration: underline;
        cursor: hand;
        margin-top: 0pt;
        margin-bottom: 3pt;
        }


        /* Not currently used; smaller link highlight. */
A.linksml {
        font-size: 100%;
        font-weight: bold;
        text-align: left;
        text-decoration: underline;
        cursor: hand;
        margin-top: 0pt;
        margin-bottom: 3pt;
        }


        /* Add extra space underneath each list entry. We use
           margin-bottom as it works paragraph-by-paragraph
           ("line-height" is line-by-line, obviously!) */
li      {
        margin-bottom: 10pt;
        }


        /* Bold link for email addresses and URLs. */
.emily  {
        font-family: Courier New, mono;
        font-weight: bold;
        font-size: 125%;
        color: blue;
        text-decoration: none;
        }


        /* Style for "keypresses" in the documentation;
           slightly oversized for emphasis. */
.keypress {
        font-size: 110%;
        font-family: "Courier New", Courier, Corpus, mono;
        font-weight: bold;
        }


        /* Style for "output text" (i.e. stuff on screen)
           in the documentation; self-indents. */
.tty    {
        font-family: "Courier New", Courier, Corpus, mono;
        font-size: 100%;
        text-align: left;
        text-decoration: none;
        margin-left: 32px;
        margin-bottom: 2pt;
        }


        /* Style for "output text" (i.e. stuff on screen)
           in the documentation; in-lineable style. */
.ttyflat {
        font-family: "Courier New", Courier, Corpus, mono;
        font-size: 100%;
        text-decoration: none;
        }


        /* Like "tty", but white-on-black; designed to be used
           within a table where the background colour is black. */
.vdu    {
        font-family: "Courier New", Courier, Corpus, mono;
        font-size: 100%;
        font-weight: bold;
        text-align: left;
        color: white;
        }


