*
{  margin: 0;
   padding: 0;
}

html 
{
    font-size: 62.5%;
    font-family: Palatino, serif;
    background-color: white;
}

#header
{
    background-color: rgb(71, 2, 2);
    background-image: url("/media/image/header.jpg");
    background-repeat: no-repeat;
    height: 92px;
}

#header #title
{
    color: #FFFFFF;   
    font-size: 3.0em;
    font-weight: bold;
    word-spacing: 0.1em;
    letter-spacing: 0.1em;
    padding: 8px 16px;
    margin: 22px;
   
   font-family: Helvetica, sans-serif;
   font-weight: bold;
   
    background-color: rgba(48, 16, 0, 0.35);
    float: left;
}

#header #links
{
    color: #FFFFFF;   
    font-family: Helvetica, sans-serif;
    float: right;
    padding: 0px 8px;
    margin: 72px 0px 0px 0px;
}

#navigation
{
    border: solid;
    border-color: #A27F7F;
    border-width: 0px;
    border-top-width: 2px;
    border-bottom-width: 2px;
    padding: 0px 8px 8px 8px;
    
    background-color: #F0F0F0;
    
    font-size: 1em;
    font-weight: bold;
}

#navigation ul
{
   margin: 8px 16px 0px 16px;
   list-style-type: none;
}

#navigation li
{
    font-family: Lucida Grande, sans-serif;
    font-size: 1.5em;
    display: inline;
    padding: 4px 12px;

}

#navigation a
{
    color: #470202;
    text-decoration: none;
}

#navigation #selected
{   
    background-color: #470202;

}

#navigation #selected a
{   
    background-color: #470202;
    color: #FFFFFF;
}

#main
{
   width: 80%;
   margin: 64px auto;

   color: rgb(42, 0, 0);
   min-height: 320px;
}

#main em
{
    font-weight: bold;
    font-size: 1.1em;
}

#main blockquote
{
   
   background: rgba(150, 200, 100, 0.25);
   border: solid;
   border-width: 2px;
   border-color: rgba(71, 2, 2, 0.25);
   
   margin: 24px auto 32px auto;
   width: 70%;
   padding: 12px 24px;

}

#main p, blockquote
{    
   font-size: 1.8em;
   padding-bottom: 28px;
   line-height: 1.5em;
   margin: 0px auto;
   width: 90%;
   
   font-family: Palatino, serif;
}

#main form
{    
   margin: 0px 48px;
}

#main a
{
   color: rgb(192, 0, 0);
}

#main h1,h2
{
   color: #FFFFFF;
   background-color: #A5C585;
   
   border: solid;
   border-width: 0px;
   border-bottom-width: 2px;
   border-right-width: 0px;
   border-color: #1C590C;
}

#main h1,h2,h3,h4,h5,h6
{
   font-family: Helvetica, sans-serif;
   padding: 4px 12px;
   font-weight: bold;
   clear: both;
}

#main h1 a
{
   color: #FFFFFF;
   text-decoration: none;
}

#main h2 a
{
   color: #FFFFFF;
   text-decoration: none;
}

#main h1
{
   margin-top: 16px;
   margin-bottom: 32px;
   font-size: 3.0em;
}

#main h2
{
   margin-top: 14px;
   margin-bottom: 28px;
   font-size: 2.5em;
}

#main h3
{
   margin-bottom: 24px;
   font-size: 2.0em;
}

#main h4
{
   margin-bottom: 18px;
   font-size: 1.5em;
}

#main h5
{
   margin-bottom: 16px;
   font-size: 1.25em;
}

#main h6
{
   margin-bottom: 12px;
   font-size: 1.15em;
}

#main ul,ol
{
   margin: 0px auto;
   width: 80%;
   list-style-position: inside;
}

#main li
{
   font-size: 1.8em;
   line-height: 1.5em;
   margin: 18px 8px;
}

#main img
{
   margin: 2px auto 32px auto;
   display: block;


   border: solid;
   border-width: 4px;
   border-color: #A27F7F;

}

#main .blog-post
{
   margin-bottom: 92px;
   clear: both;

}

#main .blog-post .blog-title
{
   /*font-weight: bold;*/
   font-size: 3.5em;
   text-align: center;
   padding: 0px 0px 16px 0px;
}

#main .blog-post .blog-title a
{
   /*text-decoration: none;*/
   color: rgb(42, 0, 0);

}

#main .blog-tagline
{
   color: #909090;
   text-align: right;
   font-size: 1.25em;
   clear: both;
}

#main .blog-post .blog-body
{
   padding: 16px 0px 0px 0px;
}

#main .blog-comment
{
   color: #000000;
   background-color: #f0f0f0; 
   margin: 8px auto;
   padding: 0px 12px;
   
   border:1px solid #b0b0b0;

   width: 80%;
   
   white-space: pre-wrap;
}

#comment-form
{
   margin: 8px auto;
   width: 90%;
}

#comment-form label
{
   margin: 16px 0px 4px 0px;
   display: block;
   font-size: 1.5em;
}

#comment-form img
{
   padding: 8px 0px;
   margin: 0px;
   border: none;
   display: block;
   float: none;
   left: 0%;
}

#comment-form input
{
   margin: 8px 0px;
   padding: 2px;
}

#comment-form li
{  margin: 0px;
   font-size: 1.5em;
} 

#comment-form ul
{  color: red;
   list-style-type: none;
   display: inline;
   margin: 0px;
} 
