CSS w/ my note style.

/*
Todd 2010
----
colors used:
content; dark green.  #193f18
paragraph text. #f2af88 tan
a:link, circle. #f4dfd2 white
a:visited. 52a556 light green
t logo #3c4b5a blue
footer name. #724a2b brown
contact info #6f8da6 light blue
:*/

/*=body resets the default in the styles for the entire site.*/
body    {
    margin:0;
    padding:0;
    color:#000;
    background:#262322; /* or 161616 darker*/
    }
/*=#wrapper sets the header, nav, content, and footer into single div.*/
#wrapper    {
    width:800px;
    height:620px;
    margin:3% auto 0 auto;
    font-family:gisha, helvetica, futura;
    background-color:#193f18;
    }
/*=#header bannner/logo above the navigation.*/
#header {
    background: url(images/banner.jpg) no-repeat;
    }
/*=#header h1 a formats the "t" on top right hand corner*/
#header h1 a    {
    font:helvetica futura;
    font-size:2em;
    color:#3C4B5A;
    text-decoration:none;
    padding:0 0.4em;
    }
/*=#nav navigation style.*/
#nav    {
    height:67px;
    text-align:right;
    padding:0 3em 0 0;
    }
/*=#nav li formats the links for the site.*/
#nav li {
    list-style:none;
    float:right;
    margin:0 0.6em 0 0;
    line-height:0.1em;
    }
/*=#nav li ul hides the gray circles under the catagorized links above.*/
#nav  li ul {
    display:none;
    }
/*=#nav li ul li spaces the circles underneath the catagories. */
#nav li ul li   {
    margin:15px 0 0 -30px;
    float:none;
    }
/*=#nav li:hover ul sets the circle images to appear under the links when mouse hovers.*/
#nav  li:hover ul   {
    position:absolute;
    display:block;
    }
/*=#content the main content within the page.*/
#content    {
    width:auto;
    }
/*=.side_a styles side a. */
.side_a {

    width:320px;
    float:left;
    margin:0 2% 5% 3%;
    padding:0 0 0 3em;
    }
/*=.side_a p formats the text to be lower in the division.*/
.side_a p   {
    padding:0 2em 0 0;
    }
/*=.side_a ul li sets thr style of contact ul in the contacts page.*/
.side_a ul li   {
    text-align:right;
    border-right:solid;
    border-color:#161616;
    line-height:2em;
    margin:0 2em auto 0;
    padding:0 2em 0 0;
    list-style:none;
    color:#6f8da6;
    font-weight:900;
    }
/*=.side_b styles side b. */
.side_b {
    width:320px;
    float:left;
    margin:0% 2% 2% 0;
    padding:0 1.2em 0 0;
    }
/*=.side_b p formats the text to be lower in the division.*/
.side_b p   {
    padding:0 0 0 2em;
    }
/*=#footer the bottom information of the site.*/
#footer {
    background: url(images/footer.jpg) no-repeat;
    height:70px;
    width:800px;
    margin-top:430px;
    }
/*=#footer p styles the text*/
#footer p   {
    color:#724a2b;
    text-align:right;
    font-size:0.8em;
    padding:0.1em 1em 0 0;
    vertical-align:0;
    }
/*=#footer p img positions the CC image.*/
#footer p img   {
    margin:-1% 0.2% 1% 0;
    }
/*=p sets all p elements to a text color.*/
p
    {
    text-indent:2em;
    line-height:1.5em;
    padding:auto;
    color: #f2af88; /*f2af88*/
    }
/*=img removes the default border from images.*/
img {
    text-indent:0;
    border:none;
    }
/*------------------------------------------------------ Sets the link color, decoration, font-style throughout the site.------------------------------------------------*/
.side_a ul li a {
    color:#6f8da6;
    }
a   {
    text-decoration:none;
    }
a:link  {
    color:#f4dfd2;
    }
a:hover {
    color:#a57d5a;
    }
a:visited   {
    color:#52a556;
    }
.side_a p a:hover   {
    text-decoration:underline;
    }

.side_b p a:hover   {
    text-decoration:underline;
    }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/