/*############################################################################/
//##                                                                        ##/
//##  kevinludlow.com                                                       ##/
//##  (c) 1996-2008 AustinSmoke Scripts & Kevin Ludlow                      ##/
//##  powered by openFace PAS - a product of kevinludlow.com                ##/
//##  licensed and distributed by kevinludlow.com                           ##/
//##                                                                        ##/
//##  Core Design and Development: Kevin Ludlow (ludlow@gmail.com)          ##/
//##                                                                        ##/
//##  The following software / script was written exclusively for the       ##/
//##  openFace PAS (personal archival system).                              ##/
//##                                                                        ##/
//##  No portion of this script may be duplicated, sold, distributed,       ##/
//##  or otherwise used without the explicit written consent of             ##/
//##  the owner(s).                                                         ##/
//##                                                                        ##/
//###########################################################################*/



  /* ==================================================================== */
  /* Define the global properties for the site                            */
  /* ==================================================================== */
  /*                                                                      */
  /* These elements represent all of the global properties on the page    */
  /* with exception of specific color spans.  Anything included in this   */
  /* section should be intended for the site in its entirety.             */
  /*                                                                      */

     body, input 
     { 
       font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
       font-size: 11px;
       line-height: 14px;
       margin: 0px;
       padding: 0px;
     }

     td
     { 
       font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
       font-size: 11px;
       line-height: 14px;
     }

     a         { color: #3b5998; text-decoration: none; }
     a:link    { color: #3b5998; text-decoration: none; }
     a:visited { color: #3b5998; text-decoration: none; }
     a:hover   { color: #3b5998; text-decoration: underline; }
     a:active  { color: #3b5998; text-decoration: none; }

     input
     {
       font-size: 100%; 
       border: 1px solid #95a5c6;
       padding: 2px;
     }

     textarea
     {
       font-size: 100%;
       border: 1px solid #95a5c6;
       padding: 2px;
     }

     select 
     {
       font-size: 100%;
       border: 1px solid #95a5c6;
       padding: 2px;
     }

     input.blue
     {
       height: 22px;
       background-color: #3b5998;
       color: #ffffff;
       width: 100px;
     }

     input.gray
     {
       height: 22px;
       background-color: #f0f0f0;
       color: #000000;
       width: 100px;
     }

  /* === end section ==================================================== */



  /* ==================================================================== */
  /* Define the module header table properties                            */
  /* ==================================================================== */
  /*                                                                      */
  /* These are the tables that sit atop each page and are responsible     */
  /* for describing either the module title, photo title, video title     */
  /* or anything else that is relevant to the module.                     */
  /*                                                                      */

     table.module_header
     {
       width: 100%;
       padding-left: 20px;
       padding-right: 20px;
       padding-top: 17px;
     }

     td.module_title
     {
       font-size: 14px;
       font-weight: bold;
       color: #333333;
     }

     td.module_options
     {
       padding-top: 10px;
       padding-bottom: 5px;
     }

     td.module_pages_on
     {
       padding-left: 2px;
       border-bottom: 2px solid #3b5998;
       text-align: center;
     }

     td.module_pages_off
     {
       padding-left: 2px;
       border-bottom: 2px solid #ffffff;
       text-align: center;
     }

  /* === end section ==================================================== */



  /* ==================================================================== */
  /* Define the module body table properties                              */
  /* ==================================================================== */
  /*                                                                      */
  /* These are the tables that are opened after the navigation header     */
  /* is displayed and are ultimately responsible for the bulk of the      */
  /* typical content.  This table should always follow the navigation     */
  /* section.                                                             */
  /*                                                                      */

     table.module_body
     {
       width: 100%;
       background: #f7f7f7;
       padding-top: 10px;
       padding-left: 15px;
       padding-right: 15px;
       padding-bottom: 15px;
       border-top: 1px solid #898989;
     }

     table.module_body02
     {
       width: 100%;
       background: #ffffff;
       padding-top: 15px;
       padding-left: 15px;
       padding-right: 15px;
       padding-bottom: 15px;
       border-top: 1px solid #898989;
     }

     table.module_bottom
     {
       width: 100%;
       background: #ffffff;
       padding-left: 15px;
       padding-right: 15px;
       padding-bottom: 15px;
       border-top: 1px solid #898989;
     }

     td.module_bottom_title
     {
       width: 466px;
       padding-top: 10px;
       padding-bottom: 10px;
       font-weight: bold;
     }

     td.module_bottom_description
     {
       width: 466px;
     }

     td.module_bottom_tags
     {
       width: 466px;
       padding-top: 10px;
     }

     td.module_bottom_pages_on
     {
       padding-left: 2px;
       border-top: 2px solid #3b5998;
       text-align: center;
     }

     td.module_bottom_pages_off
     {
       padding-left: 2px;
       border-top: 2px solid #ffffff;
       text-align: center;
     }

  /* === end section ==================================================== */



  /* ==================================================================== */
  /* Define the special text color properties                             */
  /* ==================================================================== */
  /*                                                                      */
  /* These properties are specifically for unique text properties that    */
  /* appear throughout the site.                                          */
  /*                                                                      */

     span.title
     {
       color: #333333;
       font-weight: bold;
     }

     span.title_large
     {
       color: #333333;
       font-weight: bold;
       font-size: 14px;
     }

     span.red_small
     {
       color: #990000;
       font-size: 9px;
     }

     span.gray_small
     {
       color: #666666;
       font-size: 9px;
     }

     span.gray_italic
     {
       color: #cccccc;
       font-style: italic;
     }

     span.strike
     {
       text-decoration: line-through;
     }

     span.highlight
     {
       background-color: #ffff99;
     }

     span.highlight_link
     {
       background-color: #ffff99;
     }

     span.highlight_link:hover
     {
       background-color: #ffff99;
       text-decoration: underline;
     }

  /* === end section ==================================================== */



  /* ==================================================================== */
  /* Define the image properties                                          */
  /* ==================================================================== */
  /*                                                                      */
  /* These are the properties specifically set for the various images     */
  /* on the site.                                                         */
  /*                                                                      */

     td.r130_album
     {
       width: 25%;
       padding-bottom: 8px;
       padding-left: 5px;
       text-align: center;
     }

     img.r130
     {
       background: #ffffff;
       padding: 6px;
       border: 1px solid #cccccc;
     }

     img.r130_mouseover
     {
       background: #ffffff;
       padding: 6px;
       border: 1px solid #3b5998;
     }

     img.r075
     {
       height: 56px;
       padding: 6px;
       border: 1px solid #cccccc;
     }

     img.r033
     {
       height: 33px;
       background: #ffffff;
       padding: 3px;
       border: 1px solid #cccccc;
     }

     img.r033_mouseover
     {
       height: 33px;
       background: #ffffff;
       padding: 3px;
       border: 1px solid #3b5998;
     }

  /* === end section ==================================================== */



  /* ==================================================================== */
  /* Define the footer properties                                         */
  /* ==================================================================== */
  /*                                                                      */
  /* These are the properties specifically having to do with anything     */
  /* below the module table.  This will typically contain the bottom      */
  /* links and various bits of copyright information.                     */
  /*                                                                      */

     td.footer
     {
       padding-bottom: 50px;
     }

     table.footer
     {
       width: 100%;
     }

     td.footer_copyright
     {
       padding-top: 12px;
       padding-left: 20px;
       font-size: 11px;
       color: #777777;
     }

     td.footer_links
     {
       padding-top: 12px;
       padding-right: 20px;
     }

     td.footer_links_pad
     {
       padding-left: 12px;
     }

  /* === end section ==================================================== */
   


  /* ==================================================================== */
  /* Define the Home module blocks                                        */
  /* ==================================================================== */
  /*                                                                      */
  /* These are the small blocks within the Home module                    */
  /*                                                                      */

     table.block
     {
       width: 100%;
       margin-bottom: 18px;
     }

     tr.block_title
     {
       height: 18px;
     }

     td.block_title
     {
       height: 18px;
       background-color: #e9e9e9;
       color: #333333;
       font-weight: bold;
       border-top: 1px solid #dddddd;
       border-bottom: 1px solid #dddddd;
       padding-left: 10px;
     }

     td.block_thumbnail
     {
       width: 50px;
       padding: 5px;
     }

     td.block_description
     {
       padding: 5px;
       font-size: 9px;
     }

    /* === end section ==================================================== */



    /* ==================================================================== */
    /* Define the META information pieces                                   */
    /* ==================================================================== */
    /*                                                                      */
    /* These are specifically for defining how the META data information    */
    /* (and other similar information) visible on any given module should   */
    /* be displayed to the user.                                            */
    /*                                                                      */

       tr.METAInfo
       {
         height: 20px;
       }

       td.METAInfoKey
       {
         height: 20px;
       }

       td.METAInfoValue
       {
         height: 20px;
         background: #f7f7f7;
         padding-left: 5px;
         color: #666666;
       }

    /* === end section ==================================================== */



    /* ==================================================================== */
    /* Define the options links                                             */
    /* ==================================================================== */
    /*                                                                      */
    /* The options links are the options that appear in the bottom right    */
    /* corner of various modules.  These will typically contain extended    */
    /* items of interest for the user as well as some administrative        */
    /* features.                                                            */
    /*                                                                      */

       tr.options
       {
         height: 17px;
       }

       td.options
       {
         height: 17px;
         border-bottom: 1px solid #cccccc;
       }

       a.options
       {
         height: 17px;
         color: #3b5998;
         text-decoration: none;
         padding-left: 9px;
         display: block;
       }

       a.options:hover
       {
         height: 17px;
         color: #ffffff;
         text-decoration: none;
         background-color: #3b5998;
         padding-left: 9px;
         display: block;
       }

    /* === end section ==================================================== */