/**************************************************************************** 
                                  general styles
   ****************************************************************************/
   /*   margin: 0    0     0    20px; ??   */
   /*          top, rt, bottom, left  ??   */


*   { 
     font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif; 
         /* Helvetica looks like arial 
            wide?: Arial  
            wider: Tahoma
            widest: Verdana
          */ 
    }


 body
    {margin: 0; 
     padding: 0px ;
     font-size: 15px ; 
     /* font-family:  moved up to "*"   */ 
     /* background: #322F28   url(images/bg-body-2.jpg); */  
     text-align: center;
     background-color: #004400; 
    }


 a
    { 
     color: #040;  
     text-decoration: none;
     /* font-weight: bold; */
    }
 
 a:hover  
    {
     color: #060;  
     text-decoration: underline
    }
 a:active 
    {text-decoration: underline
    }
 
 
 a:visited 
    { 
     color: #040; 
     text-decoration: none;
     /* font-weight: bold; */
    }

 a:hover img 
    {outline: 2px solid #040; 
    }
 
 a img 
    {border: 0 
    }

 
 h1 {
     font-size: 36px; 
     /*  didn't work:   font-family: Times, "Times New Roman", serif; */
     margin-bottom: 0;
    }

 h2 {font-size: 22px;
     font-family:  Arial, Helvetica, "sans serif"; 
     color: #630; 
    }

 h3 {font-size:20px;
     margin-bottom: 0;
     color: #630;
    }
 
 
 caption
    {border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
     background-color: #f2f2f2
    }


 
 fieldset{margin: 0; padding: 0; border: 0}

 label {display:block; margin: 10px 0 5px 0;}

 
                            /* #F8E9Cc #F1E3C6      #E6D8BB = E9DbBe = perfectly invisible! */

 /******************************************************************************
                                    FEVj styles 
  *****************************************************************************/
 
 h4 {
     display: inline;
     font-size:19px; 
     color: #661100;  
     margin-top: 0;
     margin-bottom: 0;
    }
   
 h5 {
     display: inline;
     font-size:18px; 
     color: #551100;     
     margin-top: 0;
     margin-bottom: 0;
    }


 h6 {
     display: inline;
     font-size:17px; 
     color: #441100;
     margin-top: 0;
     margin-bottom: 0;
    }


 /* ********************************************** */
 /* ************* DIVision alignment ************* */


 .center 
    {
    /* display: block; */
    /* position: relative;  */
    margin-left:  auto;
    margin-right: auto;
    }

 .centertext
    {
    text-align: center;
    }


 .imgleft 
    {
    float: left ;
    margin-right: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    } 

 .imgright
    {
    float: right ;
    margin-left: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    }


 .left  {float: left  }
 .right {float: right }


 .box 
    {
    margin-top:    20px; 
    margin-bottom:  20px;     
    padding: 10px;
    border-style: ridge ;  
    border-width: 6px ; 
    border-color: darkgray ; 
    }


 /* ********************************************** */



 blockquote
    {
    margin:   5px   20px    5px   20px  ;
           /* top,   rt,  bottom, left  */
    background-color:#F8E9Cc ;   /* #EdDfC2 #E9DbBe  #F1E3C6 #F8E9Cc #fdefd2 */
    border-style: solid ;  
    border-width: 1px ; 
    border-color: silver ;
    padding-top:   10px ;
    padding-left:  15px ; 
    padding-right: 15px ;
    padding-bottom: 0px ;
    }




      /*  p { line-height: 1.2 }  */

    /*  * * * * * sub-script * * * * *  */
.sub {
	position: relative;
	top: 0.3em;    /*  a sub-script   ---   see ?p=985; "BP’s Slick Greenwashing"  */
	color: blue;
	font-size: 0.7em;
    }

    /*  * * * * * super-script * * * * *  */
.sup {
	position: relative;
	bottom: 0.5em;    /*  a super-script  */
	color: blue;
	font-size: 0.7em;
    }

 small {
	color: #002200;
	font-size: 0.8em;
    }




  /* experiment */
 .fcf  { background-color: #ffccff; }
 .cfc  { background-color: #ccffcc; }
 .ffc  { background-color: #ffffcc; }
 .ccf  { background-color: #ccccff; }


 /******************************************************************************
                             WordPress-specific styles 
  *****************************************************************************/
 
 .navigation{margin: 20px 0; height: 27px;}
 .alignleft{float:left}
 .alignright{float:right}
 .aligncenter{text-align: center; float:none}
 .tags a{background:url(images/ico-tags.gif) no-repeat top left; padding-left: 18px;}
 
 
 /* ****************************************************************************
                                  header styles 
    ***************************************************************************/
 #header{ width: 1000px; 
          height: 175px;  
                /* margin: 0 0 30px 0; */ 
          padding:  0px   0    0    0; 
                /* top, rt, bottom,left */
          background:url(images/header.jpg) no-repeat top left;  /* ~.png */ 
          text-align:center; }

 #header h1
    { margin: 0  40px   5px  40px; 
      padding: 8px 0; 
      /* color: white; */
      /* background-color:#aa1f10; opacity: 0.8; filter:alpha(opacity=80) */
    }  

 #header h1 a
    {
     font-family:  Times,  "Times New Roman",  serif  ; 
     font-style: italic ;
     color: white;
     text-decoration: none;  /* none because it is "none" at root */
    }

 #header-page
    {
     margin: 0; 
     width: 815px; /* 693px; */ 
     text-align:right
    }
 
 
  /*****************************************************************************
                                    main styles
  *****************************************************************************/
 
 #container {margin:0 auto; 
             text-align:left; 
             background: url(images/bg-body-2.jpg);  
             width: 1000px}    /*  876px}   875+125=1000  */
 
 #main{ /* background: url(images/bg-content.png) repeat-y top left; */ 
       position: relative; 
       margin: 0; 
       padding: 20px 0 0 0; 
       width: 1000px}    /*  876px}    875+125=1000 */
 
 
  /*****************************************************************************
                           content styles
  *****************************************************************************/
 
 #content
    { display: inline; float: left; 
      width: 730px;   /* 740px 765px  640px; */ 
      margin-left: 20px; 
    }
 #content div.inner
    { padding: 4px 0px 10px 0px 
      /* top,rt,bottom,left: 4px 40px 20px 40px  */
    }
 #content .postfooter
    {
     background:url(images/button-wood-n.gif) repeat-x top left; 
     width:      685px;   /* 561px; */ 
     height:       25px;   /* 30px; */ 
     line-height:   25px;  /* 30px; */
     margin-bottom:  30px; /* 35px; */
     text-indent: 10px
    }

 #content .calendar
    {background:url(images/ico-calendar.gif) no-repeat top left; 
     width: 42px; 
     height: 48px; 
     float: left; 
     padding-top: 3px;
     margin: 0 20px 0 0; 
     text-align: center;
    }
 #content .calendar small
    {
     font: 14px Arial,  sans-serif; 
     color: #fff; 
     line-height: 1.5em; 
     text-transform:uppercase;
     display: block
    }
 #content .calendar strong
    {font: bold 20px Arial, Helvetica, sans-serif; 
     color: #2e7368; 
     line-height: 0.9em; 
     display: block;
    }
 #content h1{margin-top:0}

 #content h2.post
    {
    margin-bottom: 05;
    }

 #content .posted
    {   /* posted & date line above each post. */
    margin-bottom: 0px;
    font-size: 0.9em;
    }
 
 
 #content li
     {
     padding-top:    0px;
     padding-right:  0px;
     padding-bottom: 0px;
     padding-left:   0px;
     margin-top:     0px;
     margin-right:   0px;
     margin-bottom: 05px;
     margin-left:    0px;
     color:     #002200 ; 
     }

  /*****************************************************************************
                                 sidebar styles
  *****************************************************************************/
 
 #sidebar{ float: right; 
           width: 245px; 
           color: #4C2900;  /* white;    #5C3900=brown    */
           }
 #sidebar div {margin:   10px 20px 20px 10px;   
                       /* top,rt,bottom,left */
              }
 #sidebar h2{ margin: 0 0 10px 0; padding: 0; 
              color: white; 
              line-height: 1.8em; 
              text-indent: 10px; 
              font-size: 16px;
              background: url(images/button-wood-1.gif) repeat-x top left; 
              width: 210px; 
              }
 #sidebar ul, #sidebar ul li
     { margin: 0px 0px 05px 5px; 
       /* top,rt,bottom,left */
       font-size: 15px;
       padding: 0; 
       list-style:none; 
     }
 #sidebar ul{ margin: 0 0 20px 5px; }
 #sidebar a{ color: darkgreen ; } /* #bcf3ea; */ 
 
 
 #sidebar a:hover
     { text-decoration: none; 
       color: #0A0;
     }


 /* --------- gks ------------ */
  .dropdown {
      background-color: #060 ;
      color: silver ; 
      font-size: 15px ;
  }
 /* --------- gks ------------ */


 
  /*****************************************************************************
                               comment styles
  *****************************************************************************/

 .comment_format
    {
    display: none ;   /* gks   "none"   to hide url, to trap spammers! */
    }               /* images are downloaded, but not displayed */


 .formatcaptcha:after 
    { 
    content: ' give away ';   /* puts content: value on the page but Not in the source listing! */
    }  




 .commentnote 
    {        /*  "no spamming allowed"  */
    width:        625px;
    margin-top:     0px; 
    margin-left:   auto;
    margin-right:  auto;
    margin-bottom:  0px;   
    padding-bottom: 3px;
    padding-left:  10px;
    padding-right: 10px;
    border-style: ridge;  
    border-width:   6px; 
    border-color: green; 
    font-size:     15px;
    }
 
 
 input, textarea
    {
    font-size: 18px;
    font-family: courier, "courier new"; 
    }
 
   /* this sets Everything for a list item */
 #comments ol, #comments ol li  
    {margin-top: 0pt;
     margin-right: 0pt;
     margin-bottom: 0pt;
     margin-left: 20pt;
     padding-top: 0pt;
     padding-right: 0pt;
     padding-bottom: 0pt;
     padding-left: 5pt;
     /* list-style-type: lower-roman; */
     color: #888;  /*  */
     /* font-family: 'Comic Sans MS',Textile,cursive; */
    }

  /* this sets things Inside a comment list item */
 #comments ol *
     {
     color: black; 
     font-family: Verdana, Tahoma, Arial, sans-serif; 
     } 


     /* ============================================= */
     /* for admin replys to comments  -gks  3-24-2010 */
 #comments ol em 
     {
     display: block;
     margin-left:  30px;
     font-size:    13px;
     font-style: italic; 
     color:    #500000 ;  /*    #005500   maroon=800000 */ 
     }
 #comments ol strong, ol b 
     {
     color:     #800000 !important; 
     }
 #comments ol u
     {
     color:     #800000 !important; 
     }
 #comments ol em i
     {
     font-style: normal; 
     color:     #800000 !important; 
     }


     /* ==============================!important=============== */



 #comments ol * a
    {color: #040; 
     text-decoration none; 
     border-bottom: none;
     }

 #comments ol * a:hover 
    {color: #030; 
     text-decoration underline; 
     /* border-bottom: none; */ 
     }

 #comments ol li
     {
     padding-top: 20px;
     padding-right: 30px;
     padding-bottom: 20px;
     padding-left: 10px;
     margin-top: 0pt;
     margin-right: 0pt;
     margin-bottom: 0pt;
     margin-left: 0pt;
     background-color:#FfEeD5 ; 
     /* background:#fff url(images/bg-comment.jpg) */
     }

 #comments div.comment-body
     {
     clear:both; 
     margin-top: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     margin-left: 25px;
     }


 #comments ol li div.comment-author
    { /* font:18px Georgia, Times, serif; */
     overflow: visible; 
     vertical-align: middle;
    }


 /* {background:#fff url(images/bg-comment-alt.jpg)} */
 #comments ol li.alt 
    {
    background-color:#F8E9Cc ;
    }

 /* {background:#fff url(images/bg-comment-author.jpg)} */
 #comments ol li.author
    {
    background-color:#F1E3C6 ; 
    }
 
 #comments ol li.author a {color: black} 


 #comments ol li .comment-meta
    {color: #ccc; 
     font-style: italic; 
     /* font-size: .8em; */
     margin-bottom: 20px
    }

 #comments ol li .comment-meta a
    {color: #666; 
     font-size: 13px;
     text-decoration none; 
     border-bottom: 1px dotted #ccc;
    }

 #comments ol li .comment-meta a:hover
    {color: #999; 
     font-size: 13px;
     text-decoration none; 
     border-bottom: none;
     }

     
 .comments a
    {
     color: #040;
     /* background:url(images/ico-speech.gif) no-repeat top left; 
     padding-left: 18px; */
    }
 #comments div.reply a
    {background: url("images/reply_arrow.png") no-repeat top left; 
     padding-left: 15px; color: #C12110; 
     font-size: .8em 
    }

 #comments ol li ul.children,
 #comments ol li ul.children li
    {list-style: none; 
     margin-top: 10px; 
     margin-left: 0;
    }
 
  /*****************************************************************************
                                  footer styles
  *****************************************************************************/
 
 #footer{margin: 0; 
         padding: 0    0    0    20px;
               /* top,rt,bottom,left */
         list-style: none; 
         color: white}
 #footer li{margin: 0; padding: 10px 0; font:11px Arial, Helvetica, sans-serif;}
 #footer li.left,#footer li.right{width:50%;}
 #footer li.left{float:left}
 #footer li.right{float:right}
 #footer a{color:white; border-bottom: 1px dotted #FDE37B}
 #footer a:hover{color:#FFFF66; border-bottom: 1px solid white; text-decoration: none}
 
  /*****************************************************************************
                           clear styles
  *****************************************************************************/
 
 .clearleft{clear: left}
 .clearright{clear: right}
 .clearboth{clear: both}
 .clearfix:after {content: "."; display: block; clear: both; 
                  visibility: hidden; line-height: 0; height: 0}
 .clearfix {display: inline-block}
 html[xmlns] .clearfix {display: block}
 * html .clearfix {height: 1%}