/*
**  Earth_tech.css - stylesheet for 'earth tech' Blog
**
**    Date:   2007/01/30
**    Author: pdwilso@gmail.com
**    URL:    http://blogs.earthside.org/earth_tech.css
**
**    This stylesheet was created from a copy of earth_food.css,
**    the stylesheet originally for the earth food blog.
**
**    The 'infolink.css' stylesheet was appended to this file.
**
**    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; */
  font-size:        100%;
  margin:           3%;
  padding:          0px;
  background:       #ffffff;
  color:            #000000;
}
h1
{
  font-family:monospace;
  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:        110%;
  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 0px 32px;
  padding:          6px 8px 4px 8px;
  color:            #555555;
  background-color: rgb(225,255,255);
  font-size:        105%;
  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:        90%;
  font-weight:      normal;
  color:            #555555;
  margin-right:     10px;
  display:          inline;
}
.blogComment
{
  font-size:        100%;
  margin:           3%;
  color:            #000000;
  font-weight:      normal;
}
.deleted-comment
{
  font-style:       italic;
  color:            gray;
}
#blogfeeds { }
#postfeeds { }
a.infolink {
  font-weight:bold;
  font-size:70%;
  vertical-align: sub;
  text-decoration:none;
  color:blue;
  border:1px dotted cyan;
  padding-left:1px;
  padding-right:1px;
}
a.infolink:hover {
  color:green;
  border:1px dotted blue;
}
*.code
{
  font-family:monospace;
  font-size: 100%;
}
pre
{
  font-size:100%;
}
pre.code
{
  background:rgb(246,246,246);
  color:rgb(0,0,127);
  padding-left:1em 1em 1em 1em;
}
pre.quote
{
	background:rgb(246,246,245);
	color:rgb(32,32,32);
	padding:1px 1em 1px 1em;
	font-size:90%;
	font-family:monospace;
}
div.blogPost a
{
  text-decoration:none;
  color:blue;
}
div.blogPost a:hover
{
  text-decoration:underline;
  background: rgb(255,255,0);
  color:inherit;
}
li
{
  padding-top:3px;
  padding-bottom:3px;
}
h4
{
  font-weight:bold;
  font-style:italic;

}
p.itemurl
{
/*
**	+ the left margin here should match the left
**		margin of the H3 element
**
**	+	The top margin here should be zero (0px), as
**		should the bottom margin of H3 such that the
**		post URL should "snug up" against the bottom
**		of the post heading...
*/
  margin:           0px 12px 6px 32px;
  padding:          1px 8px 4px 8px;
  color:            #555555;
  background-color: rgb(225,255,255);
  font-size:        80%;
/*
  border-top:       1px solid blue;
*/
  border-left:      1px solid blue;
}

*.tt, tt { font-family:monospace;font-size:105%; }
*.fn { font-family:monospace;font-size:105% }
pre
{
	padding:6px 4px 6px 4px;
	margin:0.5em auto 0.5em 2.0em;
}
/* Style elements for Facebook "Share on Facebook" widget */

html .fb_share_button 
{
  display: -moz-inline-block; 
  display:inline-block; 
  padding:1px 20px 0 5px; 
  height:15px; 
  border:1px solid #d8dfea; 
  background:
    url('http://static.ak.fbcdn.net/rsrc.php/zAB5S/hash/4273uaqa.gif')
    no-repeat top right; 
}

html .fb_share_button:hover 
{  
  color:#fff; 
  border-color:#295582; 
  background:
    #3b5998
    url('http://static.ak.fbcdn.net/rsrc.php/zAB5S/hash/4273uaqa.gif')
    no-repeat top right;
  text-decoration:none; 
}

html .fb_share_button 
{  
  display: -moz-inline-block; 
  display:inline-block; 
  padding:1px 8px 0 8px; 
  height:17px;
  border:1px solid #d8dfea; 
  background: 
    url('http://static.ak.fbcdn.net/rsrc.php/zAB5S/hash/4273uaqa.gif')
    no-repeat top right; 
}                         

html .fb_share_button:hover 
{  
  color:#fff; 
  border-color:#295582; 
  background:#3b5998 url(
  http://static.ak.fbcdn.net/rsrc.php/zAB5S/hash/4273uaqa.gif'
  no-repeat top right; 
  text-decoration:none; 
}  
html .goog_add_bttn
{ 
  display: -moz-inline-block; 
  display:inline-block; 
  padding:1px 16px 0 16px;
  margin:0;
  height:16px; 
  width:32px;
  border:1px solid #d8dfea; 
  background: 
    url('http://gmodules.com/ig/images/plus_google.gif')
    no-repeat top right;   
}    
html .goog_add_bttn:hover
{ 
  color:#fff; 
  border-color:#295582; 
  text-decoration:none; 
}

/*  Style elements for the box of "Share" buttons on the right */
div#sharebttns 
{
  margin:1em;
  margin-top:0;
  width:20%;
  text-align:center;
  border:1px rgb(0,0,128) dotted;
  float:right;
  background-color:rgb(245,255,255);
  padding-bottom:6px;
}
div#sharebttns p 
{ 
  text-align:center;
  width:98%;
  margin:0 auto 0 auto;
  padding:10px;
  margin-top:3px;
  margin-bottom:6px;
  font-size:8pt;
  text-align:center;
}