/*
**  earth_food.css - stylesheet for 'earth food' Blog
**
**    Date:   2006/11/26
**    Author: pdwilso@gmail.com
**    URL:    http://blogs.earthside.org/earth_food.css
**
**    This stylesheet is extracted andfrom the blog
**    template at blogger.com - this style is based
**    on the 'Simple II' blog template, but is heavily
**    modified and customized for 'earth food'
**
**    This stylesheet uses custom blogger.com blog template tags -
**    for more information about these template tags, see
**
**      http://help.blogger.com/bin/answer.py?topic=8930
**
**    a complete list of template tags is at
**
**      http://help.blogger.com/bin/answer.py?answer=42070&topic=8930
**
**    The link to this file must be included in the HEAD seecion
**    of the blogger template in order for these styles to be
**    applied to the blog HTML output.
**
**    TODO:  fix the media specifiers ('@screen')
**
**
*/
@import url("earth-blog-common.css");

body
{
  font-family:      Verdana,Helvetica,sans-serif;
  font-size:        0.8em;
  margin:           3%;
  padding:          0px;
  background:       #ffffff;
  color:            #000000;
}
h1
{
  border-bottom:    dotted 1px #000000;
  margin-bottom:    0px;
  margin-top:       1.5em;
  padding-bottom:   1px;
}
p.pBlogDesc /* for the customized template */
{
  padding-left:     12px;
  padding-top:      1px;
  margin-top:       0;
  font-style:       italic;
}
h2
{
  margin:           24px 12px 4px auto;
  padding:          3px 9px 3px 12px;
  background:       rgb(225,255,225);
  font-size:        1.0em;
  border-top:       1px solid gray;
  border-bottom:    1px solid gray;
}
h2#archives
{
  padding-top:      10px;
  margin-top:       40px;
  border-top:       dotted 1px #999999;
}
h3
{
  margin:           4px 12px 6px 32px;
  padding:          6px 8px 4px 8px;
  color:            #555555;
  background-color: rgb(225,255,255);
  font-size:        1.0em;
  border-top:       1px solid blue;
  border-left:      1px solid blue;
}
div.blogPost
{
  padding-left:     5%;
  padding-right:    10%;
  margin-top:       0;
  margin-bottom:    0;
}
div.byline
{
  color:            #555555;
  margin:           0;
  padding:          0;
}
p.blogger-labels
{
  margin-top:       0;
  margin-bottom:    0;
  border:           1px gold;
}
p#bloggerBug
{
  padding-top:      20px;
}
.blogComments
{
  padding-top:      30px;
  color:            #555555;
  padding-bottom:   0px;
  margin-bottom:    0px;
  font-weight:      bold;
}
.blogComments .byline
{
  font-size:        12pt;
  font-weight:      normal;
  color:            #555555;
  margin-right:     10px;
  display:          inline;
}
.blogComment
{
  font-size:        1em;
  margin:           3%;
  color:            #000000;
  font-weight:      normal;
}
.deleted-comment
{
  font-style:       italic;
  color:            gray;
}
#blogfeeds { }
#postfeeds { }

a { text-decoration:none; }
a:hover {text-decoration:underline;background-color:rgb(255,255,0);}