/*
   Please Edit By Hand.  Comments are importent and most CSS editors blow
   the comments away.  If you are using a CSS editor please make a copy, make
   the changes and copy the changes over manually.
   
   Nvu CSS editor is horrible, maintains no comments, and reformats the whole thing.

   -----------------------------------------------------------------------------   
   TODOs
   1. Padding and Margins!!
   
   2. Remove the boarders on the sections, I added them just so I coudl see what
      was going on.
   
   3. How to center the whole thing?? 
   
   4. Create Smaller background Image. 600px x 100px
   -----------------------------------------------------------------------------
   
   
   Pretty basic design, always at 600 px wide
   
   Header:         Full width (600px) backround random rumber
                   100px Height
   Left Column:    Total 120 px width
   Center Column:  What ever is left over
   Right Column:   Width 150 px (Total == 150 + padding)
   Footer:         Full Width (600px) 40px height
   
   The layout was adapteded from an article found on the web
   www.alistapart.com/articles/holygrail
   
   CC - center column
   fullwidth - width + padding (padding == 10*2 = 20)
   
   To simple things the padding on all columns (left, center, right)
   is 10px.  10 on each side and 10 top bottom.  Any place it say 
   + * padding add 20px.
   
   The padding is currently 9 because of the 1px boarder.
*/


/*
   Want this page to be stuck at 600px always, have to design
   around that.
*/
body
{
    max-width:800px;
    min-width:650px;   /* 2 x (LC fullwidth + CC padding) + RC fullwidth*/
    
    font-weight: normal;
    font-size: 9pt;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    text-decoration: none;
    margin:0;
    padding:0;
    
}

/*
   Logo and Main Menu.  Header Menu only on the right side
*/
#header
{
    background: rgb(232,232,232) url(../images/header.jpg) repeat-y fixed left center; 
    /*padding: 20px;*/
    /*height:  58px;*/
    
    font-size: 7pt;
    
    /*border-style: dotted;
    border-width: 1px;
    border-color: blue;*/
}

#container
{
    padding-left:   4px;    /* LC fullwidth */
    padding-right:  24px;   /* RC fullwidth + CC padding */
}

#container .column
{
    position: relative;
    float: left;
}

/*
   Simple statement "What, Why, ..." about the site.
   Latest News and Latests Forum Posts
*/
#center
{
    padding: 2px 10px 20px 10px;         /* CC padding */
    width:   100%;
    background-color: rgb(232, 232, 232);  
    
    /*border-style: dotted;
    border-width: 1px;
    border-color: green;*/

    font-size: 9pt;
    line-height: 150%;
}

/*
   Sourceforge Information
*/
#left
{
    width:   2px;          /* LC Width   */
    padding: 0px;          /* LC padding */
    right:   26px;         /* LC fullwidth + CC padding */
    margin-left: -100%;
    /*display: inline;*/        /* another attempt to fix IE */
    background-color: silver; /*rgb(232, 232, 232);*/
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: silver;
	font-size: 8pt;
    /*border-style: dotted;
    border-width: 1px;
    border-color: silver;*/
    height: 100%;
    line-height: 160%;
}


/*
   
*/
#right
{
    width:   0px;           /* RC width */
    padding: 0px;           /* RC padding */
    margin-right: -24px;    /* RC fullwidth + CC padding */
    background-color: rgb(232, 232, 232);
    padding-top: 10px;
    /*float: right;*/
    /*border-style: dotted;
    border-width: 1px;
    border-color: brown;*/
}


/*
   Footer
*/
#footer
{
    position: relative;
    clear: both;
    background: rgb(232, 232, 232) url(../images/header.jpg) repeat-y fixed left center;
    padding: 4px 10px 4px 10px;
    font-size: 8pt;
    /*border-style: dotted;
    border-width: 1px;
    border-color: black;*/
}

/*** IE6 Fix Uhh Doesn't really fix it ***/
* html #left{
    left:  0px;         /* RC fullwidth */
}