/** 
  * Who? Josh Lifton
  * What? gin.css
  * When? 26 July 2006
  * Where? Cannytrophic Design LLC
  * Why? http://www.cannytrophic.org/com/net
  * How? emacs
  **/

/******************************************************************************
 * Normal hyperlinks.
 * The color #553355 looks too purple in Safari on OS X.
 * Order must be link, visited, hover, active.
 ******************************************************************************/
a:link 
{
    color: #FFFF00;
    text-decoration: none;
}

a:visited 
{
    color: #FFFF00;
    text-decoration: none;
}

a:hover
{
    color: #444455;
    text-decoration: none;
}

/******************************************************************************
 * Hyperlinks on the home page main menu.
 * Order must be link, visited, hover, active.
 ******************************************************************************/
a.menu_link:link 
{
    color: #FFFF00;
    text-decoration: none;
}

a.menu_link:visited 
{
    color: #FFFF00;
    text-decoration: none;
}

a.menu_link:hover
{
    color: #444455;
    font-weight: 900;
    text-decoration: none;
}

/******************************************************************************
 * Hyperlinks on a secondary page main menu.
 * Order must be link, visited, hover, active.
 ******************************************************************************/
a.light_menu_link:link 
{
    color: #9090A0;
    text-decoration: none;
}

a.light_menu_link:visited 
{
    color: #9090A0;
    text-decoration: none;
}

a.light_menu_link:hover
{
    color: #444455;
    font-weight: 900;
    text-decoration: none;
}

/******************************************************************************
 * Force the vertical scrollbar to appear at all times. 
 * This doesn't work for Safari on OS X.
 * The following partial solutions can be applied to the 'body' element:
 *  overflow-y: scroll;  doesn't do anything on Firefox, others?
 *  overflow: -moz-scrollbars-vertical; works only for Mozilla-based browsers.
 ******************************************************************************/
html
{
    min-height: 100%;
    margin-bottom: 1px;
}

/******************************************************************************
 * Turns out that #8080C0 looks pastel in Safari on OS X.
 ******************************************************************************/
body 
{
    color: #EEEEEE;
    cursor: default;
    background: #8060B0;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

/******************************************************************************
 * Turn on borders for debugging.
 ******************************************************************************/
table
{
    border-color: #00FF00;
    border-width: 0px 0px 0px 0px;
    border-style: dashed;
}

/******************************************************************************
 * The 5pt of padding-left makes up for 5pt letter spacing in .heading.
 * Left border is the separator.
 ******************************************************************************/
table.right_side
{
    height: 312px;
    padding-left: 5pt;
    border-color: #444455;
    border-width: 0px 0px 0px 2px;
    border-style: solid;
}


/******************************************************************************
 * This table style is used for much of the main content.
 * Turn on borders for debugging.
 ******************************************************************************/
table.left_side
{
    border-color: #FF0000;
    border-width: 0px 0px 0px 0px;
    border-style: dotted;
}

/******************************************************************************
 * Turn on borders for debugging.
 ******************************************************************************/
td
{
    border-width: 0px 0px 0px 0px;
    border-color: #00FF00;
    border-style: dotted;
}

/******************************************************************************
 * Turn on borders for debugging.
 ******************************************************************************/
td.heading
{
    vertical-align: middle;
    height: 75px;
    padding: 0px;
    border-width: 0px 0px 0px 0px;
    border-color: #00FF00;
    border-style: dotted;
}

/******************************************************************************
 * A table cell for listing similar items.
 ******************************************************************************/
td.list_item
{
    vertical-align: top;
    padding-bottom: 20px;
    text-align: right;
}

/******************************************************************************
 * See table.right_side.padding-left.
 ******************************************************************************/
.heading
{
    font-family: monospace;
    font-variant: normal;
    font-size: 14pt;
    font-weight: 100;
    letter-spacing: 5pt;
}

/******************************************************************************
 * Standard text properties.
 ******************************************************************************/
.light_text
{
    color: #EEEEEE;
    font-family: sans-serif;
    font-variant: small-caps;
    font-size: 10pt;
    font-weight: 0;
    letter-spacing: 0pt;
    text-decoration: none;
}

/******************************************************************************
 * Properties for text used to tag other text.
 ******************************************************************************/
.tag_text
{
    font-family: monospace;
    font-variant: small-caps;
    font-size: 12pt;
    font-weight: 0;
}

/******************************************************************************
 * Thumbnail image properties.
 ******************************************************************************/
img.thumbnail
{
    height: 100px;
    width: 100px;
    border: 0;
}