
<!-- 01.24.09 
	topOfPage: 
		changed font-size to be in pixels, changed font color to black 
			doesn't seem to be working
		changed background from being a color to being an image 
			loading pages flashes, so I went and changed the resolution down to 50 (50 pixels per inch)
			now the image cascades and it looks more interesting
		added font attributes
		commented out horiz_nav didn't work only main topOfPage worked

	table:  
		added a table class + attributes
		added table data items and header + attributes

	body:
		new body attributes changed background from a color to an image

	main:
		changed background from a color to an image it worked better than the old body, but not correct

	
-->


<!-- 01.24.09 added a new body it worked... then didn't work...-->
body{
     background-image: url(../images/background.jpg);
     border-style:     solid;
     border-color:     black;
     border-width:     thick;
        font-family:      "Comic Sans MS";
        font-size:        large;
        font-weight:      bold;
     text-align:       center;
     line-height:      1.0em;
     margin:		0%;
     width:		99%;
}

<!-- 01.24.09 redid topOfPage -->
#topOfPage{
     background-image: url(../images/background_header.jpg);
     border-style:     solid;
     border-color:     black;
     border-width:     thick;
     text-align:       center;
     padding:          10px;
     margin-left:      0%;
     margin-right:     0%;
     line-height:      1.0em;
     font-family:      "Comic Sans MS";
     font-size:        18px;
     font-weight:      bold;
     color:	       black;
}

<!-- 01.24.09 redid topOfPage -->
#topOfPage h2{
     background-image: url(../images/background_header.jpg);
     text-align:       center;
     padding:          10px;
     margin-left:      0%;
     margin-right:     0%;
     line-height:      1.0em;
     font-family:      "Comic Sans MS";
     font-size:        18px;
     font-weight:      bold;
     color:	       black;
}

<!-- 01.24.09 removed horiz_nav attributes then changed it to .horiz_nav -->
#topOfPage.horiz_nav.horiz_nav {
        background-color: #FFFAF0;
        text-align:    center;
        padding-bottom:  10px;
        font-family:      "Comic Sans MS";
        font-size:        14px;
        font-weight:      bold;
	color:		black;
        margin-left:   1%;
        margin-right:  1%;
        line-height:   1.0em;
  }


#topOfPage.horiz_nav ul{
      list-style-type: none;
}

#topOfPage h1 {
        <!--background-image: url(../images/background_header.jpg);-->
        text-align:    center;
        font-family:      "Comic Sans MS";
        font-size:        xx-large;
        font-weight:      bold;
        padding-bottom:  10px;
        margin-left:   1%;
        margin-right:  1%;
        line-height:   1.0em;
        
}


#topOfPage a:hover{
        background: yellow;
        color: blue;
        }


.quotes a:hover{
        background: yellow;
        color: blue;
        }

.whatchaeatin a:hover{
        background: yellow;
        color: blue;
        }

#topOfPage.logo {
        background-color: #FFFAF0;
        text-align:    center;
        font-family:      "Comic Sans MS";
        font-size:        xx-large;
        font-weight:      bold;
        padding-bottom:  10px;
        margin-left:   1%;
        margin-right:  1%;
        line-height:   1.0em;
       
}


#main.inspiration {
        background-color: #FFFAF0;
        text-align:    center;
        font-family:      "Comic Sans MS";
        font-size:        large;
        font-weight:      bold;
        padding-bottom:  10px;
        margin-left:   1%;
        margin-right:  1%;
        line-height:   1.0em;
       
}


#main.inspiration1 {
        background-color: #FFFAF0;
        text-align:    center;
        font-family:      "Comic Sans MS";
        font-size:        10px;
        font-weight:      bold;
        padding-bottom:  12px;
        margin-left:   1%;
        margin-right:  1%;
        line-height:   1.0em;
       
}


#main.inspiration2 {
        background-image: url(../images/background.jpg);
        text-align:    center;
        font-family:      "Comic Sans MS";
        font-size:        10px;
        font-weight:      bold;
        padding-bottom:  10px;
        margin-left:   1%;
        margin-right:  1%;
        line-height:   1.0em;
       
}

#main.inspiration3 {
        background-image: url(../images/background.jpg);
        text-align:    center;
        font-family:      "Comic Sans MS";
        font-size:        10px;
        font-weight:      bold;
        padding-bottom:  10px;
        margin-left:   1%;
        margin-right:  1%;
        line-height:   1.0em;
       
}


.whatchaeatin {
        background-color: rgb(246,179,73);
        text-align:    center;
        font-family:      "Comic Sans MS";
        font-size:        14px;
        font-weight:      bold;
        padding-bottom:  10px;
        margin-left:   2px;
        margin-right:  2px;
        line-height:   1.5em;
}

.blog {
        background-color: rgb(113, 226, 249);
        text-align:    center;
        font-family:      "Comic Sans MS";
        font-size:        14px;
        font-weight:      bold;
        padding-bottom:  10px;
        margin-left:   50px;
        margin-right:  50px;
        line-height:   1.5em;
}


.mommymusthaves {
        background-color: rgb(225,179,119);
        text-align:    center;
        font-family:      "Comic Sans MS";
        font-size:        14px;
        font-weight:      bold;
        padding-bottom:  10px;
        margin-left:   2px;
        margin-right:  2px;
        line-height:   1.5em;
}

.quotes {
        background-color: rgb(204,205,93);
        text-align:    center;
        font-family:      "Comic Sans MS";
        font-size:        14px;
        font-weight:      bold;
        border-style:     solid;
        border-color:     black;
        border-width:     thick;
	padding-top: 2px;       
        margin-left:   30%;
        margin-right:  30%;
        line-height:   1.5em;
}

#main.inspiration_text {
        background-color: #FFFAF0;
        text-align:    left;
        font-family:      "Comic Sans MS";
        font-size:        large;
        font-weight:      bold;
        padding-bottom:  10px;
        margin-left:   25%;
        margin-right:  25%;
        line-height:   1.0em;
       
}


#main.inspiration_text2 {
        background-color: #FFFAF0;
        text-align:    left;
        font-family:      "Comic Sans MS";
        font-size:        10px;
        font-weight:      bold;
        padding-bottom:  10px;
        margin-left:   25%;
        margin-right:  25%;
        line-height:   1.0em;
       
}


#main.inspiration_text3 {
        background-color: #FFFAF0;
        text-align:    left;
        font-family:      "Comic Sans MS";
        font-size:        10px;
        font-weight:      bold;
        padding-bottom:  10px;
        margin-left:   25%;
        margin-right:  25%;
        line-height:   1.0em;
       
}

#main.inspiration h1 {
        background-color: #FFFAF0;
        text-align:    center;
        font-family:      "Comic Sans MS";
        font-size:        xx-large;
        font-weight:      bold;
        padding-bottom:  10px;
        margin-left:   1%;
        margin-right:  1%;
        line-height:   1.0em;
        
}


#main h1 {
        background-color: #FFFAF0;
        text-align:    center;
        font-family:      "Comic Sans MS";
        font-size:        xx-large;
        font-weight:      bold;
        padding-bottom:  10px;
        margin-left:   1%;
        margin-right:  1%;
        line-height:   1.0em;
        
}


#feedback{
     background-color: #FFFAF0;
     border-style:     solid;
     border-color:     black;
     border-width:     thick;
     text-align:       left;
     padding:          10px;
     margin-left:      0%;
     margin-right:     0%;
     line-height:      1.0em;
        }

 
#feedback.feedback{
        background-color: #FFFAF0;
        text-align:    left;
        font-family:      "Comic Sans MS";
        font-size:        xx-large;
        font-weight:      bold;
        padding-bottom:  10px;
        margin-left:   1%;
        margin-right:  1%;
        line-height:   1.0em;
       
}

 #camera{
             background-color: #FFFAF0;
             border-color:	 	black;
             border-width: 	thin;
             border-style: 	solid;
             text-align:        center;
             padding:          10px;
             margin-left:      0%;
             line-height:      1.0em;
             color:            black;  
 } 
 
  #camera.camera{
        background-color: #FFFAF0;
        text-align:    center;
        font-family:      "Comic Sans MS";
        font-size:        xx-large;
        font-weight:      bold;
        padding-bottom:  10px;
        margin-left:   1%;
        margin-right:  1%;
        line-height:   1.0em;
         
        }
 
                
 #camera_top{
             background-color: #FFFAF0;
             border-color:	 	black;
             border-width: 	thin;
             border-style: 	solid;
             text-align:        center;
             padding:          10px;
             margin-left:      10%;
             margin-right:      10%;
             line-height:      1.0em;
             color:            black;  
 } 
 .camera{
         text-align:       center;
         color:            black;
 }    
      

#kitchenhelpers.kitchenhelpers{
   font-family:       Helvetica;
    font-size:         medium;
    font-weight:       bold;
    text-align:        center;
    color:             black;
  }

#left_sidebar{
  	      background-color: #FFFAF0;
          border-style:     solid;
          border-width:     thick;
          border-color:     black;
          text-align:       center;
          padding:          10%;
          line-height:      2.0em;
          float:            left;
	  margin:	    0%;
	
	  }

#left_sidebar a:hover {
        background: yellow;
        color: blue;
        }
     
#categories.categories {
        background-color: #FFFAF0;
        text-align:    center;
        font-family:      "Comic Sans MS";
        font-size:        small;
        font-weight:      normal;
	padding:		1%;
        line-height:   1.0em;
}

   
#main{
	
     background-color: rgb(87, 249, 67);
     border-style:     solid;
     border-color:     black;
     border-width:     thick;
        font-family:      "Comic Sans MS";
        font-size:        16px;
        font-weight:      bold;
     text-align:       center;
     line-height:      1.0em;
     margin:		0%;
     width:		99%;
            }

#body{
	
     background-color: rgb(87, 249, 67);
     border-style:     solid;
     border-color:     black;
     border-width:     thick;
        font-family:      "Comic Sans MS";
        font-size:        large;
        font-weight:      bold;
     text-align:       center;
     line-height:      1.0em;
     margin:		0%;
     width:		99%;
            }
         

#main.main{
        background-color: #FFFAF0;
        text-align:    center;
        font-family:      "Comic Sans MS";
        font-size:        xx-large;
        font-weight:      bold;
        padding:	5%;
        line-height:   1.0em;
}
         
   
#footer{
     background-color: #FFFAF0;
     border-style:     solid;
     border-color:     black;
     border-width:     thick;
     text-align:       center;
     padding:          10px;
     margin-left:      0%;
     margin-right:     0%;
     line-height:      1.0em;
        }

#footer a:hover{
        background: yellow;
        color: blue;
        }

#footer.author {
        background-color: #FFFAF0;
        text-align:    center;
        font-family:      "Comic Sans MS";
        font-size:        xx-large;
        font-weight:      bold;
        padding-bottom:  10px;
        margin-left:   1%;
        margin-right:  1%;
        line-height:   1.0em;

}


<!-- 01.24.09 added table -->
table{
	background-color: white;
	margin-left: 5px;
	margin-right: 5px;
	born: thin solid black;
}

<!-- 01.24.09 added table data and header-->
td, th {
	background-color: white;
	border: thin dotted black;
	padding: 2px;
}