/**************************************\
|------------COLOR SCHEME--------------|
- black		#000
- olive         #880
- sage          #575
- mid sage      #676
- pale sage     #8a8
- white		#fff
\**************************************/

/**************************************/
/*              GLOBALS               */
/**************************************/

body {
    background: #998 ;
    color: #222;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-family: Georgia, 'Times New Roman', serif;
background-image: url(../pics/background.gif);
background-repeat: repeat-y;
background-position: center top;

}

h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-family: Georgia, 'Times New Roman', serif;
}

.container { margin-top: -23px; background: #fff; width: 900px ; }

.container ul { list-style-type: disc; }

a[href^="http:"]     { padding:0; margin:0; }
a[href^="http:"]:visited  { padding:0; margin:0; }
screen.css:a[href^="http://seabooks.net"] { background:none; padding:0; margin:0; }

blockquote { border-color: #367; color: #ABA; }

.showgrid {background:url(img/grid.png);}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #900;}


/**************************************/
/*              HEADER                */
/**************************************/

#header img { float: left ; }
#header { height: 150px; }

/**************************************/
/*             NAVIGATION             */
/**************************************/

.nav { height: 26px; 
       width: 900px ;
       padding-top: 6px;
       background: #57b ; 
       background: #897 ; 
       font-weight: lighter ; 
       font-size: 120% ; 
       text-align: right ; }

.nav a:link    { color: #fff; text-decoration:none; }
.nav a:visited { color: #def; text-decoration:none; } 
.nav a:hover   { color: #adf; text-decoration:underline; }


/**************************************/
/*            MAIN CONTENT            */
/**************************************/

#content { padding-top: 5px; 
           padding-left: 12px ;
           padding-right: 15px ;
           width: 880px ;
       font-size: 100% ; 
         }

#content h1 { width: 100%; color: #675; border-bottom: 1px solid #489; padding-bottom: 5px; }
#content h2 { width: 100%; font-size: 120% ; color: #c03; solid #489; padding-bottom: 5px; }
#content h3 { margin: 1.2em 0 0.4em; width: 98%; color: #564; border-bottom: 1px solid #489; padding-bottom: 5px; }
#content h4 {margin: 0.8em 0 0.8em;  width: 95%; color: #57b; border-bottom: 1px solid #489; padding-bottom: 3px; }
#content h5 { width: 100%; color: #675; border-bottom: 1px solid #489; padding-bottom: 5px; }

#content hr { background: #489; }
#content table { border-top: 0px solid #fff;  border-left: 0px solid #fff; }
#content th, #content td { vertical-align: top; border-bottom: 0px solid #fff; 
                          border-right: 0px solid #fff; padding-right: 20px ; padding-left: 20px ; }
#content img { padding-left: 10px ; padding-bottom: 10px ; padding-right: 10px ; }

#content a:link    { color: #231; font-weight: bold ; text-decoration:underline; }
#content a:visited { color: #352; font-weight: bold ; text-decoration:underline; } 
#content a:hover   { color: #088; text-decoration:underline;  }

blockquote { border-top: 0px solid #ccc; border-bottom: 0px solid #ccc; color: #555; }
blockquote *:first-child:before { content: ""; }
blockquote *:first-child:after { content: ""; }

#content textarea { overflow: auto; }
#content form input { border: 1px solid #367; color: white; }
#content form textarea { border: 1px solid #367; color: white; }
#content form input:hover { border: 1px solid #743; color: white }
#content form textarea:hover { border: 1px solid #743; color: white }

#inver { padding-top: 0px; padding-left: 0px ; width: 900px ; font-size: 100% ; }
#inver table { border: 0px; border-top: 0px solid #fff;  border-left: 0px solid #fff; }
#inver th, #inver td { vertical-align: top; border-bottom: 0px solid #fff; 
                          border-right: 0px solid #fff; }
#inver img { padding-left: 0px ; padding-bottom: 0px ; padding-right: 0px ; }

/**************************************/
/*               FOOTER               */
/**************************************/

#footer { height: 26px; 
       width: 900px ;
       padding-top: 6px;
       background: #897 ; 
       font-weight: lighter ; 
       font-size: 120% ; 
       color: #121 ;
       text-align: right ; }

#footer a:link    { color: #fff; text-decoration:none; }
#footer a:visited { color: #ded; text-decoration:none; } 
#footer a:hover   { color: #adf; text-decoration:underline;  }