/*                                    +----------------------------+
                                      | #96D377;  pale green dark  |
   +------------------------------+   | #7BF53D;  uber green       |
   | Ratfactor.com | Goatfist.com |   | #369105;  dark green       |
===+------------------------------+===| #A8F880;  pale green light |
   |    (c) 2007 David Gauer      |   | #8C8C8C;  light gray       |
   +==============================+   | #C6C6C6;  lighter gray     |
                                      | #4F4F4F;  dark gray        |
                                      +============================+
*/

body   {
  background-color: black; background-image: url(/images/sidebg.png); background-repeat: repeat-y; background-position: center;
  color: white; font-size: 75%; font-family: Verdana, Geneva, sans-serif;
  margin-left: auto; margin-right: auto;
}
table.visible {	border-style: solid; border-color: #C6C6C6; border-width: 1px; border-spacing: 0px; }
table.visible td, table.visible tr { border-style: solid; border-color: #C6C6C6; border-width: 1px; padding: 3px; }
pre        {
  margin: 1em; padding-top: 1em;
  background-color: #E0E0E0;
  color: #4F4F4F; font-family: "Courier New", Courier, monospace;
  border: 2px solid #C6C6C6;
  font-size: 125%;
}
pre a {
  color: black
}  
code { font-size: 125%; background-color: #E0E0E0; color: #4F4F4F; }
h1           { margin: .3em .3em 0 .3em; font-size: 2.5em; }
h2           { margin: 1em 0 .3em 0;    font-size: 1.5em; font-weight: bold; }
a            { color: #96D377; }
a:hover      { color: black; background-color: #7BF53D; }

td  { color: inherit; font-size: inherit; }

.callout  { border: 2px solid #7BF53D; background-color: #A8F880; margin: 2em; color: black; font-size: 1.2em; font-weight: bold; }
.callout pre { background-color: transparent; color: black; }
.floatLeft   { float: left; }
.button { border: 1px #C6C6C6 solid; padding: 2px; margin: 5px 0 5px 0; cursor: pointer; color: #7BF53D; }
.button:hover   { background-color: #7BF53D; color: black; }
.buttonSubtle { padding: 2px; margin: 5px 0 5px 0; cursor: pointer; color: #7BF53D; text-decoration: underline; background-color: #4f4f4f; }
.buttonSubtle:hover   { background-color: #7BF53D; color: black; }
.paddedLine { margin-top: 10px; margin-bottom: 10px; }
.padRight { margin-right: 20px; }
.halfWidth { width: 50%; }
.clear     { clear: both; }
.imagesLeft img { float: left; margin-right: 10px; }
.imagesLeft br  { clear: both; }
.b              { font-weight: bold; }

/* title Styles    */
div#title               { width: 800px; margin-left: auto; margin-right: auto;}
#title                 { background-color: black; background-image: url(/images/blockbottom.png); background-repeat: repeat-x; background-position: bottom left; margin-bottom: 4px; border: 2px solid #4F4F4F; padding-bottom: 35px;}
#title h1              { color: #A8F880; }
#title h1 span         { color: #7BF53D; }
#title div.container   { padding: 1em; color: white; }
#title div.linkList    { padding-left: 10px; border: 1px solid #8C8C8C;  }
#title input, #title textarea           { background-color: transparent; border: 1px solid #7BF53D; color: #7BF53D; }
#title input:hover     { background-color: #4F4F4F; color: #7BF53D; }
#title div.bordered    { padding: 5px; border: 1px solid #4f4f4f; }
#title .small          { font-size: 80%; color: #C6C6C6; }
#title td              { color: white; }


/* main Styles  */
div#main            { width: 800px; margin-left: auto; margin-right: auto;}
#main               { background-color: white; border: 2px solid #4F4F4F; background-image: url(/images/blockbottomwhite.png); background-repeat: repeat-x; background-position: bottom left; margin-bottom: 4px; border: 2px solid #4F4F4F; padding-bottom: 35px; }
#main h1            { color: #8C8C8C; }
#main h2            { color: #4F4F4F; margin-top: 2em; }
#main a             { color: #369105; }
#main a:hover       { color: black;   }
#main div.container { padding: 1em; color: black; }
#main div.linkList  { padding-left: 10px; }
#main div.bordered  { padding: 5px; border: 1px solid #C6C6C6; }
#main .small { font-size: 80%; color: #4F4F4F; }
#main td            { color: black; }

/* head Styles   */
div#head            { width: 780px; margin-left: auto; margin-right: auto;}
#head { background-color: black; text-align: center; padding: 10px; border: 2px solid #4F4F4F; margin-bottom: 2em; }
#head a             { background-color: transparent; color: #7BF53D; padding: .5em; text-decoration: none; }
#head a:hover       { background-color: #4F4F4F; color: #A8F880; }
#head a.siteLink    { font-weight: bold; font-size: 1.4em; padding: .25em; }
#head input         { background-color: transparent; border: 1px solid #7BF53D; color: #7BF53D; }
#head input:hover   { background-color: #4F4F4F; color: #7BF53D; }

/* foot Styles   */
div#foot        { width: 780px; margin-left: auto; margin-right: auto;}
#foot           { margin-top: 2em; background-color: #96D377;
                  background-image: url(/images/footer_bg.png); background-repeat: repeat-x; background-position: bottom left;
                  text-align: center; color: black; border: 2px solid #4F4F4F; padding: 1em;
}
#foot img       { margin: 0; padding: 0; border: 0; }
#foot a         { color: black; padding: .5em; }
#foot a:hover   { background-color: black; color: #96D377; }
#foot a.siteLink { font-weight: bold; font-size: 1.2em; padding: .25em; text-decoration: none; }