/* =========================================================================== */
/* What:               Main Style Sheet used for all pages except Style Sheet  */
/*                     Guide and Tag History pages.                            */
/* =========================================================================== */

/* ----------------------------------------------------------------------------*/
/* What:          Page Appearance rules                                        */
/* Scope:         All but Style Sheet Guide and Tag History Support pages.     */
/* Description:   These control the common page background, foreground,        */
/*                hyperlink and rule appearances                               */
/* ----------------------------------------------------------------------------*/
body              { background: #000000 }
body, td, dt, dd, .text      { color: #80c0c0; font-weight: bold } 
hr                { color: #404040 }
.field            { background: #404040 }
a:link            { color: #ff8080; font-weight: bold }
a:visited         { color: #ff8080; font-weight: bold }


/* ----------------------------------------------------------------------------*/
/* What:          Block 1: Generic Page Titles                                 */
/*                Block 2: Headers and Subheaders                              */
/*                Block 3: Important Information                               */
/*                Block 4: Generic Font Sizing                                 */
/* Scope:         All but Style Sheet Guide and Tag History Support pages.     */
/* Description:   These are generic rules used in most pages to bring          */
/*                information to the user's attention. They control            */
/*                page titles, important headings, important incidental        */
/*                information and generic font sizing info                     */
/* ----------------------------------------------------------------------------*/
.pagetitle        { color: #ffff00; font-size: 24pt }
.tagpagetitle     { color: #ffff00; font-size: 24pt }
.subtitle         { color: #ffffff; font-size: 24pt }
.sitetitle        { color: #ffff00 }

.mainheading      { font-size: 16pt; color: #ffff00 }   
.subheading       { font-size: 14pt; color: #ffffff }   
.l3heading        { color: #ffff00 }

.alert, .quotation           { color: #ffffff }
.alert2           { color: #ffff00; font-style: normal }  /* Used when L3heading is skipped */
.magicword        { color: #ff0000 }
.unselected       { color: #808080 }

.smalltext        { font-size: 10pt }
.largetext        { font-size: 16pt }


/* ----------------------------------------------------------------------------*/
/* What:          Specific Page Titles, Headers and Subheaders, and Font       */
/* Scope:         Index pages                                                  */
/* Description:   These rules are only used in some pages to control           */
/*                the display of specific content.                             */
/* ----------------------------------------------------------------------------*/
.indexpagetitle   { color: #ffff00; font-size: 22pt }    /* only used in main index */
.indexsitetitle   { color: #ffff00; font-size: 18pt }    /* only used in main index */
.colheaders       { font-size: 16pt; color: #ffffff; text-decoration: none }
                                                         /* only used in main index */


/* ----------------------------------------------------------------------------*/
/* What:          Meaningful HTML/CSS syntax                                   */
/* Scope:         All but Style Sheet Guide and Tag History Support pages.     */
/* Description:   All HTML tag names and attributes, CSS selectors             */
/*                and properties use these classes                             */
/* ----------------------------------------------------------------------------*/
.tagname       { color: #ffffff }
.tagattrib     { color: #ff0000 }
.selector      { color: #ffffff }
.property      { color: #ff8080 }


/* ----------------------------------------------------------------------------*/
/* What:          Specification/Browser Support Information                    */
/* Scope:         All but Style Sheet Guide and Tag History Support pages.     */
/* Description:   Rules controlling display of first support, support, and     */
/*                non-support information for features.                        */
/* ----------------------------------------------------------------------------*/
.firstsupport  { font-style: italic; color: #ff0000 }
.support       { color: #ffff00 }
.nosupport     { color: #808080 }


/* ----------------------------------------------------------------------------*/
/* What:          Unused rules                                                 */
/* Scope:         Many pages carrying links to external sites                  */
/* Description:   I added these classes, but never did anything with them.     */
/*                All external links and their descriptions carry the          */
/*                'relevant' class. The anchors themselves can carry           */
/*                special behavior beyond this.                                */
/* ----------------------------------------------------------------------------*/
.relevant     {  }   /* All rlevant external links and their descriptions carry this class*/
a.relevant    {  }   /* Only applies to relevant external hyperlinks */