html,body   { margin: 0em; padding: 0; border: 0px dotted black;
              font-family: arial, helvetica, sans-serif;}
body        { background :url("./images/goatee-stencil.jpg") 0 0 fixed no-repeat;
              color: #330; background-color: #e1cdc2}
p, blockquote, th, td, ul, ol, dl, dd, li, dir, menu
            { font : 1rem/1.4 georgia, palatino, serif;}
pre         { font-size: 0.9rem }
acronym,abbr{ font-variant: small-caps; text-decoration: none; font-weight: normal}

div#leftcontent  {position: absolute; top: 3em; left: 1em;
             padding: 4px; margin: 0%; width: 14em;
             background: transparent url("./images/goatee-stencil-back.jpg") 0 0 fixed no-repeat;
             border: 0px dotted black;}
div#rightcontent {margin: 3em 10% 1em 17em; padding: 0;}

h1, h2      { font-family: Verdana, Tahoma, "Myriad Web", Syntax, Arial, sans-serif;
              font-weight: lighter; color: #91313f;
              clear: both;
            }
h1#title    { font-size: 2.6rem; font-weight: lighter;
              color: #3e8767}
h2#subtitle { margin-top: -1.2em; font-weight: lighter;
              color: #003}

h1#title>a  { color: #003; font-weight: lighter;}
h2.entry>a  { text-transform: lowercase; background: inherit;
              color: #91313f}


img.thumb   { display:inline; margin-right: 7px; margin-left: 7px;
              padding: 5px; border: solid thin #999; }
p.header    { font-size: 1.1rem; font-weight: bold;}
div.list>a  { display: block;}
p#copyright { font-size: 0.9rem%; }

div#leftcontent a {text-transform: lowercase;}
div#leftcontent a:link { color: #069; text-decoration: none;
                     font-weight: normal;
                     font-family: arial, helvetica, sans-serif;}
div#leftcontent a:visited { color: #036; text-decoration: none; font-weight: normal }
div#leftcontent a:hover { color: navy; background-color: #9ff; text-decoration: none;}

a:link      { color: #1c5458; text-decoration: none; font-weight: bold }
a:visited   { color: #103235; text-decoration: none; font-weight: bold }
a:active    { background: #f8f1dc; text-decoration: none; font-weight: bold }
a:hover     { color: navy; background-color: #9ff; text-decoration: none }


