/************************************************************************/
        /*  Feces Flinging Monkey v3 - Cascading Style Sheet                    */
        /*                                                                      */
        /************************************************************************/


    /*                        */
    /*  CSS is wonderful.     */
    /*  Only 7 hacks so far!  */
    /*                        */


    body
    {
        background:     #F8F8F8;   /* Same as navigation */
        color:          black;
        font-family:    "Times New Roman",  Garamond, serif;

        /* Hack #1                                           */
        /* This is necessary for the divs to center in IE.   */
        text-align: center;
    }



    .header
    {
        width:            100%;
        margin-top:       30px;
        margin-right:     0px;
        margin-left:      0px;
        margin-bottom:    0px;
        background-color: #F8F8F8; /* Light Grey */
        color:            maroon;
        text-align:       center;
        min-width:        680px;

        /* Hack #2                                           */
        /* Firefox will increase the total width             */
        /* of a div by the padding amount, IE won't!         */
        padding:          0px;
    }


    .contents
    {
        width:            680px;
        margin-top:       30px;
        margin-bottom:    10px;
        margin-right:     auto;     /* For normal centering */
        margin-left:      auto;     /* For normal centering */
        padding-top:      15px;
        padding-left:     0px;      /* See Hack #2 */
        padding-right:    0px;      /* See Hack #2 */
        padding-bottom:   0px;
        background-color: #FFFFFF;  /* White */
        color:            #000000;  /* Black */
        text-align:       left;     /* See Hack #1 */
        border:           1px solid gray;
    }


    .navigation
    {
        width:            680px;
        margin-top:       0px;
        margin-bottom:    0px;
        margin-right:     auto;     /* For normal centering */
        margin-left:      auto;     /* For normal centering */
        padding-top:      0px;
        padding-left:     0px;      /* See Hack #2 */
        padding-right:    0px;      /* See Hack #2 */
        padding-bottom:   0px;
        background-color: #F8F8F8;  /* Same as background */
        color:            #000000;  /* Black */
        border-style:     hidden;
    }


    .footer
    {
        width:            680px;
        margin-top:       30px;
        margin-bottom:    0px;
        margin-right:     auto;     /* For normal centering */
        margin-left:      auto;     /* For normal centering */
        padding-top:      5px;
        padding-left:     0px;      /* See Hack #2 */
        padding-right:    0px;      /* See Hack #2 */
        padding-bottom:   0px;      /* To align graphic */
        background-color: #FFFFFF;  /* White */
        color:            #000000;  /* Black */
        border:           1px solid gray;
        border-bottom:    0px;
        text-align:       left;     /* See Hack #1 */

        /* Hack #3                                                         */
        /* This is the only way I could get these images to align properly */
        background: white url(http://www.fecesflingingmonkey.com/v3/monkey.gif) repeat-x bottom left;


        /*  Save this in case something breaks. This will be Hack #7.                  */
        /*  Currently solving this problem with Hack #6, since we need                 */
        /*  the table for Hack #5 anyway.                                              */
        /*                                                                             */
        /*  min-height: 200px;                                                         */
        /*  height: auto;                                                              */
        /*  _height: 200px;                                                            */
        /* ignored by all but IE - to make min-height work in IE                       */
        /* see http://wellstyled.com/css-underscore-hack.html                          */
    }


    .reply
    {
        text-indent:      0%;
        font-size:        small;
        font-style:       italic;
        text-align:       right;
        margin-bottom:    2px;
    }

    .title
    {
        padding-left:     15px; /* See Hack #2 */
        padding-right:    15px; /* See Hack #2 */
        padding-top:      0px;
        padding-bottom:   0px;
        margin-bottom:    0px;
        margin-top:       0px;
        text-indent:      0%;
        font-size:        larger;

        /* Hack #5 (make the text size look right in IE)       */
        /* IE sees this, other browsers do not.                */
        /* See http://wellstyled.com/css-underscore-hack.html  */
        _font-size:     medium;
    }

    .date
    {
        padding-left:   15px;  /* See Hack #2 */
        padding-right:  15px;  /* See Hack #2 */
        padding-bottom: 10px;
        padding-top:    0px;
        margin-top:     0px;
        font-size:      x-small;
        font-style:     italic;
        text-indent:    0%;
        color:          gray;
    }

   P{
        padding-left:  15px; /* See Hack #2 */
        padding-right: 15px; /* See Hack #2 */
    }


    /*  Anchors                                                */
    a              { text-decoration: none; }
    a:link         { color:         maroon; }
    a:visited      { color:         maroon; }
    a:active       { color:         maroon; }

    a.bold          {font-weight:   bold;}
    a.vocab:link    {color:         #555555;}
    a.vocab:visited {color:         #555555;}
    a.vocab:hover   {color:         maroon;}
    a.vocab:active  {color:         #555555;}

    a.correction:link    {color:    yellow;}
    a.correction:visited {color:    yellow;}
    a.correction:hover   {color:    yellow;}
    a.correction:active  {color:    yellow;}

    /*  Turn off the borders around linked images              */
    a:link IMG     { border: none }
    a:visited IMG  { border: none }
    a:active IMG   { border: none }

    /*  Warning! Order must be "link-visted-hover-active"   */
    a.asub:link    {
                     font-weight:   bold;
                     color:         gray;
                   }

    a.asub:visited {
                     font-weight:   bold;
                     color:         gray;
                   }

    a.asub:hover   {
                     font-weight:   bold;
                     color:         maroon;
                   }

    a.asub:active  {
                     font-weight:   bold;
                     color:         gray;
                   }



    /*  Lists  */
    ul             {
                     list-style-type: disc;
                   }

    hr             {
                     margin-top:       15px;
                   }

    div.update     {
                     border:           1px solid silver;
                     margin-left:      15px;
                     margin-right:     15px;
                     margin-bottom:    15px;
                     margin-top:       15px;
                     padding-left:     15px;  /* See Hack #2 */
                     padding-right:    15px;  /* See Hack #2 */
                     padding-top:      10px;
                     padding-bottom:   10px;
                     font-size:        small;
                     font-style:       italic;
                     background-color: #FFFFFF;  /* White */
                     color:            #000000;  /* Black */
                     text-align:       left;     /* See Hack #1 */
                   }


    div.correction {
                     border:         3px ridge red;
                     padding-left:   0px;      /* See Hack #2 */
                     padding-right:  0px;      /* See Hack #2 */
                     font-size:      small;
                     font-style:     normal;
                     background:     yellow;
                     color:          black;
                     margin-right:   0.5em;
                   }

    div.invisible  { display: none; }

    .blockquote    {
                     text-indent:    0%;
                     font-family:    Arial, Helvetica, helv, sans-serif;
                     color:          navy;
                     margin-left:    1.0em;
                     margin-right:   1.0em;
                   }

    .quote         {
                     font-family:    Arial, Helvetica, helv, sans-serif;
                     color:          navy;
                   }

    .via           {
                     text-indent:    0%;
                     color:          gray;
                     font-size:      10pt;
                     font-style:     italic;
                     text-align:     right;
                   }

    .subtle        {
                    font-size:       smaller;
                    color:           gray;
                   }

    .verysubtle    {
                    font-size:       x-small;
                    color:           gray;
                   }

    .footnote      {
                    font-size:       8pt;
                    vertical-align:  top;
                    font-family:     sans-serif;
                   }