body {
     font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
     font-size: small;
     background-color: #dcdcdc;
     }

#allcontent {
     width: 940px;
     min-height: 830px;
     margin-left: auto;
     margin-right: auto;
     background-color: #deb887;
   }

#main {
     background-color: #fff8dc;
     padding: 10px;
     margin: 0px 230px 0px 230px;
   }

/* format general links without class */

a:link {
     color: #708090;
     text-decoration: none;
     border-bottom: 1px dotted gray;
   }

a:visited {
     color: #708090;
     text-decoration: none;
     border-bottom: 1px dotted gray;
   }

a:hover {
     color: #708090;
     text-decoration: none;
     background-color: #ffe4b5;
     border-bottom: 1px dotted gray;
   }     
   
/* end format general links without class */

/* format links class "mainlink" on bottom of each page */  

.mainlink a:link {
     color: #8b0000;
     font-size: 80%;
     text-decoration: none;
     border: 1px dotted #8b0000;
     background-color: #ffe4b5;
     margin: 5px 10px 5px 0px;
     }
     
.mainlink a:visited {
     color: #8b0000;
     font-size: 80%;
     text-decoration: none;
     border: 1px dotted #8b0000;
     background-color: #ffe4b5;
     margin: 5px 10px 5px 0px;
     }

.mainlink a:hover {
     color: #ffe4b5;
     font-size: 80%;
     text-decoration: none;
     border: 1px dotted #8b0000;
     background-color: #8b0000;
     margin: 5px 10px 5px 0px;
     }

/* end format links class "mainlink" on bottom of each page */

/* format header */

#header {
     background-color: #8b0000;
     padding: 50px 0px 30px 0px;
     margin: 0px 0px 15px 0px;
     }

#header h1 {
     color: #deb887;
     font-size: 250%;
     font-style: italic;
     text-align: center;
     background-color: #8b0000;
     padding: 0px;
     margin: 0px;
   }
  
.subheading {
     color: #deb887;
     font-size: 100%;
     font-style: italic;
     text-align: center;
     }

h1 a:link {
     color: #deb887;
     font-style: italic;
     text-decoration: none;
     background-color: transparent;
     border: none;
   }

h1 a:visited {
     color: #deb887;
     font-style: italic;
     text-decoration: none;
     background-color: transparent;
     border: none;
   }

h1 a:hover {
     color: #deb887;
     font-style: italic;
     text-decoration: none;
     background-color: transparent;
     border: none;
   }
   
/* end format header */

/* format leftbar */

#leftbar {
     margin: 0px 0px 0px 15px;
     padding: 0px 0px 0px 0px;
     width: 200px;
     float: left;
   }

#headlines {
     color: #deb887;
     font-size: 80%;
     background-color: #8b0000;
     padding: 5px 10px;
     margin: 0px 0px 15px 0px;
   }

#headlines em {
     font-style: italic;
     letter-spacing: 3px;
     color: #deb887;
   }

.leftlink {
     padding: 2px 10px;
     margin: 0px 0px 5px 0px;
     border: 1px dotted #8b0000;
     background-color: #ffe4b5;
     color: #8b0000;
     font-weight: bold;
   }

.leftlink a:link {
     color: #8b0000;
     font-weight: bold;
     text-decoration: none;
     border: none;
   }

.leftlink a:visited {
     color: #8b0000;
     font-weight: bold;
     text-decoration: none;
     border: none;
   }

.leftlink a:hover {
     color: #ffe4b5;
     background-color: #8b0000;
     font-weight: bold;
     text-decoration: none;
     border: none;
   }

.blogroll h2 {
     color: #8b0000;
     font-weight: bold;
     font-size: 80%;
     letter-spacing: 3px;
     border-bottom: #8b0000 dotted 1px;
     }
     
.blogroll a:link {
     color: #ffe4b5;
     font-size: 80%;
     letter-spacing: 2px;
     text-decoration: none;
     border: none;
     }

.blogroll a:visited {
     color: #ffe4b5;
     font-size: 80%;
     letter-spacing: 2px;
     text-decoration: none;
     border: none;
     }

.blogroll a:hover {
     color: #deb887;
     font-size: 80%;
     letter-spacing: 2px;
     text-decoration: none;
     border: none;
     }

/* end format leftbar */

/* format adbar */

#adbar {
     width: 145px;
     float: right;
     margin: 0px 10px 0px 0px;
     padding: 0px 0px 0px 0px;
   }

#banner {
     position: relative;
     left: 35px;
     padding: 0px 10px 0px 10px;
     border-left: #fff8dc 2px dotted;
     border-right: #fff8dc 2px dotted;
     }

/* end format adbar */

/* format rightbar */

#rightbar {
     width: 100px;
     float: right;
     margin: 0px 0px 0px 0px;
   }

#rightbar a:link {
     color: #fff8dc;
     font-weight: bold;
     text-decoration: none;
     border: none;
   }   

#rightbar a:visited {
     color: #fff8dc;
     font-weight: bold;
     text-decoration: none;
     border: none;
   }   

#rightbar a:hover {
     color: #deb887;
     font-weight: bold;
     text-decoration: none;
     background-color: #fff8dc;
     border: none;
   }  

#menu {
     color: #fff8dc;
     font-weight: bold;
     position: relative;
     left: 35px;
     padding: 0px;
     margin: 0px;
   }
   
#menu p {
     padding: 0px;
     margin: 0px 0px 15px 0px;
     }

/* end format rightbar */

/* format footer */
     
#footer {
     color: #fff8dc;
     background-color: #deb887;
     font-size: 80%;
     padding: 5px 5px;
     margin: 0px 80px 0px 230px;
     }

/* end format footer */

/* format recipes */

h2.entrytitle {
     color: #8b0000;
     font-size: 150%;
     border-bottom: dotted #8b0000 3px;
   }

h2.date {
     color: #708090;
     font-size: 80%;
   }

h2.recipe {
     font-size: 120%;
     border-bottom: dotted gray 1px;
     margin: 30px 0px 0px 0px
   }
   
.recipe h2 {
     font-size: 120%;
     border-bottom: dotted gray 1px;
     margin: 30px 0px 0px 0px
   }   
   
em {
     color: #708090;
     font-style: italic;
     }
     
.foodimage {
     margin: 15px 15px 15px 15px;
     }

.foodtext img {
     float: left;
     margin-right: 10px;
   }

.largepic img {
     margin: 15px 15px 15px 15px;
     padding: 5px
     float: none;
     }

.shoppinglist {
     background-color: #ffe4b5;
     padding: 10px 40px 10px 40px;
     margin: 15px 15px 15px 15px;
     width: 250px;
   }

.shoppinglist h2 {
     font-size: 100%;
   }

.shoppinglist table {
     border: none;
   }

.shoppinglist td {
     border-bottom: dotted gray 1px;
     width: 250px;
     text-align: left;
     font-size: small;
     font-weight: normal;
     padding: 0px;
   }

/* end format recipes */

/* format suggestions */

.suggestion {
     border: none;
     padding: 0px;
   }

.suggestion th {
     font-size: 100%;
     font-weight: bold;
     letter-spacing: 2px;
     text-align: left;
     border: none;
   }

.suggestion td {
     width: 220px;
     padding: 5px 0px;
     border: none;
     vertical-align: top;
   }
   
.sugg {
     margin: 5px 10px 15px 0px;
     padding: 0px;
     width: 220px;
     }

.sugg img {
     float: left;
     width: 100px;
     margin-right: 5px;
   }

/* end format suggestions */

/* format recipe tags */

.recipetag {
     width: 430px;
     height: 72px;
     margin: 10px;
     background-color: #ffe4b5;
   }

.recipetag img {
     float: left;
     width: 100px;
   }

.recipetag p {
      padding: 0px 5px 0px 105px;
      margin: 0px 0px 0px 0px;
      font-size: 80%;
   }

.recipetag h2 {
      font-size: 100%;
      font-weight: bold;
      background-color: #deb887;
      color: #8b0000;
      border: 1px dotted #8b0000;
      padding: 0px 5px 0px 5px;
      margin: 0px 0px 0px 100px;
   }

.recipetag a:link {
     font-weight: bold;
     color: #8b0000;
     text-decoration: none;
     border: none;
   }   

.recipetag a:visited {
     font-weight: bold;
     color: #8b0000;
     text-decoration: none;
     border: none;
   }     

.recipetag a:hover {
     font-weight: bold;
     color: #deb887;
     text-decoration: none;
     background-color: #8b0000;
     border: none;
   } 

/* end format recipe tags */

/* format archive and recipe index */

p.year {
     color: #8b0000;
     font-size: 100%
     font-weight: bold;
     border-bottom: #8b0000 dotted 1px;
   }

p.archivedate {
     color: #708090;
     font-size: 80%;
     padding: 0px;
     margin: 0px 10px 0px 0px;
     float: left;
     width: 40px;    
   }

p.archivetitle {
     color: #deb887;
     font-weight: bold;
     padding: 0px;
     margin-bottom: 0px;
   }

p.archivecontent {
     color: black;
     font-weight: normal;
     padding: 0px;
     margin-top: 0px;
   }

.archivetag em {
     color: #8b0000;
     font-size: 130%;
     font-weight: bold;
     }

.alphabetic {
     color: #8b0000;
     font-size: 130%;
     font-weight: bold;
     }

.archivetitle a:link {
     color: #deb887;
     text-decoration: none;
     border-bottom: #deb887 dotted 1px;
   }

.archivetitle a:visited {
     color: #deb887;
     text-decoration: none;
     border-bottom: #deb887 dotted 1px;
   }

.archivetitle a:hover {
     color: #fff8dc;
     background-color: #deb887;
     text-decoration: none;
     border-bottom: #deb887 dotted 1px;
   }
   
a:link.archivelink  {
     color: #8b0000;
     text-decoration: none;
     background-color: #ffe4b5;
     border: #8b0000 dotted 1px;
   }

a:visited.archivelink {
     color: #8b0000;
     text-decoration: none;
     background-color: #ffe4b5;
     border: #8b0000 dotted 1px;
   }

a:hover.archivelink {
     color: #ffe4b5;
     text-decoration: none;
     background-color: #8b0000;
     border: #8b0000 dotted 1px;
   }

/* end format archive and recipe index */

/* format ingredient page */

.ingredientpage table {
     border: none;
   }

.ingredientpage td {
     padding: 4px;
     border: none;
   }

.ingredient {
     width: 100px;
     background-color: #deb887;
     color: #8b0000;
     font-weight: bold;
     text-align: center;
   }

.ingredient p {
     border: 1px dotted #8b0000;
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
   }

.ingredient img {
     padding: 0px 0px 0px 0px;
     margin: 0px 0px 0px 0px;
   }

.ingredientpage a:link {
     color: #8b0000;
     font-weight: bold;
     text-decoration: none;
     border: none;
   }   

.ingredientpage a:visited {
     color: #8b0000;
     text-decoration: none;
     border: none;
   }   

.ingredientpage a:hover {
     color: #deb887;
     text-decoration: none;
     background-color: #8b0000;
     border: none;
   }   

/* end format ingredient page */

/* format picture tables */

table.pictures {
     border: none;
   }

.pictures td {
     padding: 4px;
     border: 1px dotted grey;
     vertical-align: center;
     text-align: center;
   }

/* end format picture tables */

/* format specials */

.special {
     background-color: #deb887;
     border: #8b0000 1px dotted;
     margin: 10px 0px;
     }

.special img {
     float: left;
     margin: 0px 10px 10px 0px;
     padding: 5px 5px 0px 0px;
     }
     
.special td {
     padding: 5px 5px 15px 5px;
     }

.special h3 {
     font-size: 120%;
     margin: 5px 0px 0px 0px;
     }

.special p {
     margin: 0px;
     }

.specialheading a:link {
     color: #8b0000;
     font-weight: bold;
     text-decoration: none;
     border: none;
     }
     
.specialheading a:visited {
     color: #8b0000;
     font-weight: bold;
     text-decoration: none;
     border: none;
     }

.specialheading a:hover {
     color: #deb887;
     background-color: #8b0000;
     font-weight: bold;
     text-decoration: none;
     border: none;
     }

/* end format specials */

/* format announcements/extra messages */
   
p.announcement {
     color: #8b0000;
     font-size: 80%;
     background-color: #ffe4b5;
     padding: 5px;
     border: #8b0000 1px dotted;
     }
     
.announcement em {
     color: #708090;
     font-style: italic;
     }

/* end format announcements/extra messages */

/* format contact form */

.emailform {
     color: #708090;
     }
     
td.label {
     vertical-align: top;
     width: 100px;
     }
     
.emailform input {
     color: #708090;
     background-color: #ffe4b5;
     }
     
.emailform textarea {
     color: #708090;
     background-color: #ffe4b5;
     }
     
p.button {
     margin: 0px 0px 0px 105px;
     }

/* end format contact form */

/* format comments */
     
.comment {
     width: 430px;
     padding: 0px 0px;
     margin: 0px 0px 0px 10px;
     border-top: #deb887 1px dotted;     
     }
     
.commentdetails {
     color: #708090;
     font-style: italic;
     padding: 5px 0px 0px 0px;
     margin: 0px;
     float: left;
     width: 100px;
     }
     
p.commentauthor {
     color: #708090;
     font-size: 80%;
     font-style: italic;
     padding: 0px;
     margin: 0px;     
     }
     
p.commentdate {
     color: #708090;
     font-style: italic;
     font-size: 65%;
     padding: 0px;
     margin: 0px;     
     }     
     
p.commenttext {
     font-size: 80%;
     background-color: #ffe4b5;     
     padding: 0px 5px;
     margin: 5px 0px 5px 100px;
     min-height: 30px;    
     }         
   
.commentform {
     color: #708090;
     font-style: italic;
     font-size: 80%;
     margin: 10px;
     }
     
.commentform input {
     color: #708090;
     font-size: 80%;
     font-style: italic;
     background-color: #ffe4b5;
     outline: none;
     }

/* end format comments */

/* format search */
     
.searchform {
     margin: 0px;
     padding: 0px;
     }

.searchform input {
     color: #708090;
     font-size: 80%;
     background-color: #ffe4b5;
     outline: none;
     }

p.search {
     color: #8b0000;
     font-style: italic; 
     font-size: 80%;
     width: 200px;
     padding: 0px;
     margin: 0px 0px 5px 0px;
     }
     
.field {
     margin: 0px 10px 0px 0px;
     }

/* end format search */

/* format glossary */

.glossary {
     background-color: #ffe4b5;
     padding: 10px 10px 10px 10px;
     margin: 15px 0px 15px 0px;
     width: 480px;
   }

.glossary table {
     border: none;
   }

.glossary td {
     text-align: left;
     vertical-align: top;
     padding: 5px 10px;
   }

.glossary td.product {
     border-bottom: dotted gray 1px;
     width: 50px;
   }

.glossary td.desc {
     border-bottom: dotted gray 1px;
   }

/* end format glossary */

/* format log output */

.log_output {
     padding: 5px 20px;
     }

table.statistics th.title {
     text-align: left;
     }

table.statistics td {
     border: 1px dotted #708090;
     width: 100px;
     background-color: #ffe4b5;
     text-align: center;
     }
     
table.statistics td.heading {
     width: 150px;
     text-align: left;
     }

table.log td {
     background-color: #ffe4b5;
     }

table.log .date {
     width: 85px;
     text-align: left;
     }

table.log .time {
     width: 70px;
     text-align: left;
     }

table.log .referer {
     width: 300px;
     text-align: left;
     }

table.log .ip {
     width: 100px;
     text-align: left;
     }

.logtitle {
     font-weight: bold;
     }

/* end format log output */

/* format list */

.list li {
     list-style-type: square;
     padding-top: 5px;
     padding-left: 5px;
     }
     
.list em {
     color: #8b0000;
     font-size: 115%;
     font-weight: bold;
     }
     
h2.secondheading {
     font-size: 120%;
     border-bottom: dotted gray 1px;
     margin: 30px 0px 0px 0px
   }

/* end format list */
