@import url("reset.css");

body { background: #fff; font: 14px "Lucida Grande", Helvetica, Arial, sans-serif; padding: 0; text-align: center; }

#container { width: 960px; margin: 0 auto; text-align: left;  }

/* @Site
-------------------------------------------------------------------------------------------------*/

#notice { width: 868px; text-align: center; background: #ecf8d1; margin: 0 auto 0 auto; padding: 10px 0; border-bottom: 1px solid #ccc;}
  
  #notice em { font-style: normal; background: #ff9; padding: 2px; }

#header { margin: 20px 0 40px 0; overflow: hidden;}

  #logo { float: left; width: 250px; height: 40px; background: url("images/logo.jpg") 0 0 no-repeat; text-indent: -9999px; }
  
    #logo a { display: block; width: 250px; height: 40px; }
  
  #nav { float: right; width: 686px; background: #8cbf1f; margin: 7px 0 0 0; font-size: 11px; padding: 0 5px; font-family: "Lucida Grande"; }
  
    #nav ul { list-style: none; float: left; }
    
    #nav li { list-style: none; float: left; margin: 0 20px 0 0; line-height: 30px; }
    
    #nav a, #nav a:visited { color: #fff; text-decoration: none; padding: 3px 5px; }
    
    #nav a:hover { text-decoration: underline; }
    
    #nav a.active { background: #7aa61b; }
    
    #search { float: right; margin: 4px 0 0 0; }
    
      #search input { border: none; padding: 4px 4px 4px 30px; width: 150px; background: #fff url("images/bkg-search.jpg") 0 0 no-repeat; }
            
#wide_content { float: left; width: 960px; margin: 0 0 40px 0; }  

  #col1 { float: left; width: 250px; margin: 0 34px 0 0; }
  
  #col2 { float: left; width: 405px; }
  
  #col3 { float: right; width: 240px; }
          
#left { float: left; width: 610px; overflow: hidden; }

  .main_entry, #entry, .post { width: 610px; overflow: hidden; padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #ddd; }
    
    #entry { border: none; margin: 0 0 10px 0; }
    
      #entry ul, #entry ol, #entry blockquote, .main_entry blockquote { margin: 0 40px 20px 40px; line-height: 18px; }
      
      #entry ul { list-style: disc; }
      
      #entry ol { list-style: decimal; }
      
      #entry li { margin: 0 0 5px 0; }
      
      #entry blockquote, .main_entry blockquote { padding: 0 0 0 5px; border-left: 1px dotted #ccc; }
    
  .sub_entry { float: left; width: 290px; margin: 0 20px 0 0; }
  
  ul#recent_posts { float: left; width: 570px; background: #f4f4e7; margin: 40px 0 40px 0; padding: 20px; overflow: auto; border-top: 1px solid #e0e0d4; border-bottom: 2px solid #e0e0d4;}
  
    ul#recent_posts li { padding: 10px 0 10px 0; border-bottom: 1px solid #ccc; overflow: hidden; }
    
    ul#recent_posts li:last-child { border: none; }
    
      span.comments { float: right; padding: 0 0 0 20px; background: url("images/icon-comments.gif") 0 0 no-repeat; font-size: 14px; }
 
  #action { background: #f4f4e7; padding: 20px; margin: 0 0 20px 0; width: 570px; border-top: 1px solid #e0e0d4; border-bottom: 2px solid #e0e0d4; overflow: hidden; }
  
    #subscribe { float: left; width: 210px; }
    
    #related { float: right; width: 300px; }
    
    #action li { line-height: 18px; margin: 0 0 7px 0; font-size: 12px; background: url("images/icon-arrow-right.gif") 0 0 no-repeat; padding: 0 0 0 16px; }
  
  #comments { margin: 20px 0; overflow: hidden; width: 610px; }
  
    ul#comment_list { margin: 0 0 40px 0; }
  
    li.comment { border-bottom: 1px solid #e0e0d4; padding: 15px 10px 15px 10px; }
    
    li.alt { background: #f1f1f1; }
    
    li.author { background: #fff; }
    
      .comment_meta { margin: 0 10px 0 0; overflow: hidden;}
    
        span.comment_num { float: right; width: 10px; }
      
          span.comment_num a { text-decoration: none; color: #aaa; font-weight: bold; }
          
          li.author span.comment_num a { color: #8cbf1f; }
      
          span.comment_author { float: left; width: 460px; font-size: 11px; color: #aaa; }
          
            .comment_author strong { font-family: Georgia, "Times New Roman", serif; font-size: 16px; font-weight: bold; color: #06c;}
      
          li.author .comment_author strong, li.author .comment_author strong a { color: #8cbf1f; }
      
      .comment_content { margin: 20px 10px 0 10px; width: 460px; }
      
    #comment_form .text_input { border: 1px solid #ccc; padding: 5px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 12px; }
    
    #comment_form input.text_input { width: 240px; }
    
    #comment_form textarea { width: 480px; }
    
    #comment_form label { font-size: 11px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px;}
    
    #smartarchives { line-height: 18px; }
    
    #archiveslist ul { margin: 0 0 20px 0; }
    
    #archiveslist li { margin: 0 0 3px 0; line-height: 18px; }
    
    span.emptymonth { color: #aaa; }
  
#discover { float: right; clear: right; width: 300px; margin: 0 0 20px 0; }
  
  .comment_text { font-size: 12px; }
  
#sidebar { clear: right; float: right; width: 260px; padding: 20px; background: #f4f4e7; border-top: 1px solid #e0e0d4; border-bottom: 2px solid #e0e0d4; }

  #sidebar ul > li { margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #e0e0d4;}
  
    #sidebar li:last-child { border: none; }
    
    #sidebar ul > li ul li { margin: 0; padding: 0; border: none; line-height: 18px; font-size: 11px; }
  
  #sidebar p { font-size: 11px; margin: 0 0 10px 0; }
  
    #sidebar li p:last-child { margin: 0; }
    
#footer { background: #f1f1f1; clear: both; overflow: hidden; margin: 0 0 20px 0; overflow: hidden; width: 920px; padding: 20px; border-top: 1px solid #ccc; border-bottom: 2px solid #ccc; }

  #categories, #archives, #blogroll { float: left; width: 270px; margin: 0 50px 0 0; }
  
    #blogroll { margin: 0; }
  
    #categories li, #archives li, #blogroll li { float: left; width: 125px; margin: 0 10px 3px 0; font-size: 11px; }
    
  #copyright { float: left; width: 940px; padding: 10px; background: #8cbf1f; color: #fff; overflow: hidden; margin: 20px 0 0 0; }

/* @Common Elements
-------------------------------------------------------------------------------------------------*/

/* Type
------------------------------------------------------ */

h1 { font: 28px Georgia, "Times New Roman", serif; margin: 0 0 3px 0; }

  h1.archive { font-size: 14px; color: #aaa; margin: 0 0 20px 0; border-bottom: 1px solid #ddd; padding: 0 0 5px 0; }
  
  h1.archive span { font-size: 28px; color: #333; }

h2, .sub_entry h2, ul#recent_posts h2, .post h2 { font: normal 22px/24px Georgia, "Times New Roman", serif; margin: 0 0 3px 0; }

  .main_entry h2 { font: 30px/34px Georgia, "Times New Roman", serif; margin: 0 0 3px 0; }

  ul#recent_posts h2 { float: left; display: inline; margin: 0; width: 420px; }
  
  #archiveslist h2 { border-bottom: 1px solid #ccc; padding: 0 0 3px 0; margin: 0 0 10px 0;}

h3 { font-size: 16px; }

  #entry h3, #action h3, #comments h3, .main_entry h3 { font: 18px Georgia, "Times New Roma", serif; margin: 0 0 20px 0; padding: 0 0 3px 0; border-bottom: 1px solid #e0e0d4;}

h4 { font: bold 11px Helvetica, Arial, sans-serif; text-transform: uppercase; margin: 0 0 5px 0; letter-spacing: 0.5px; }
        
    #sidebar h4#info { background: url("images/icon-info.gif") 0 0 no-repeat; padding: 8px 0 6px 33px; }
    
    #sidebar h4#rss { background: url("images/icon-rss.gif") 0 0 no-repeat; padding: 9px 0 5px 33px; }
    
    #sidebar h4#email { background: url("images/icon-email.gif") 0 0 no-repeat; padding: 7px 0 8px 33px; }
    
    #action h4, #recent_posts h4 { padding: 0 0 3px 0; border-bottom: 1px solid #e0e0d4; }
    
    #categories h4, #archives h4, #blogroll h4 { padding: 0 0 3px 0; color: #222; margin: 0 0 10px 0; border-bottom: 1px solid #ccc; }
    
p { margin: 0 0 15px 0; line-height: 20px; }

  p.meta, p.comment_date, #wide_content p.meta { font-size: 12px; color: #999; font-family: Georgia, "Times New Roman", serif; font-style: italic; margin: 0 0 10px 0; overflow: hidden;}

    p.meta em, #wide_content p.meta em { font-style: normal; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 11px; }

    p.comment_date { font-size: 11px; margin: 0; font-style: normal; }

      .author p.comment_date { color: #919d77;}

  p.rss { margin: 0 0 20px 0; background: url("images/icon-rssmini.jpg") 0 1px no-repeat; padding: 0 0 5px 18px; font-size: 11px; }
  
  p.center { text-align: center; }
  
/* Homepage Type 
------------------------------------------------------ */

#wide_content p.intro { font-size: 36px; font-family: Georgia, "Times New Roman", serif;  color: #222; line-height: 45px; margin: 0 0 20px 0; }

#wide_content h2 { font-size: 25px; margin: 0 0 20px 0; }

  #wide_content #col3 h2 { font-size: 22px; line-height: 22px; margin: 0 0 5px 0; }

#wide_content h3 { font-size: 20px; margin: 0 0 20px 0; border: none; color: #8cbf1f; letter-spacing: 1px;} 

#wide_content h4 { font-size: 24px; font-family: Georgia, "Times New Roman", serif; color: #666; margin: 0 0 20px 0; text-transform: none; letter-spacing: 0; font-weight: normal;}
 
#wide_content p { font-size: 15px; line-height: 20px; margin: 0 0 20px 0; }

.home_post { margin: 0 0 20px 0; overflow: hidden; padding: 0 0 20px 0; border-bottom: 1px dotted #ccc; }

/* Links
------------------------------------------------------ */

a, a:link { color: #06c; }
a:visited { color: #666; }
a:hover { color: #09f; }

#left h2 a { text-decoration: none; color: #222; }
#left h2 a:visited { color: #222; }
#left h2 a:hover { color: #09f; }

span.more-link a { font-size: 10px; font-weight: bold; text-decoration: none; }

.no-margin {margin: 0;}

a.fancy_comments { font-family: Georgia, "Times New Roman", serif; font-size: 12px; text-decoration: none; color: #333; }

  a.fancy_comments span { font-size:  18px; font-style: italic; position: relative; top: 1px; }
  
  a.fancy_comments:hover { text-decoration: none; text-decoration: underline; }

#copyright a { color: #fff; }
#copyright a:hover { color: #fff; text-decoration: none; }

/* Images
------------------------------------------------------ */

a img { border: none; }

#entry img.right, .alignright { float: right; clear: right; margin: 0 0 20px 20px; }
#entry img.left, .alignleft { float: left; clear: left; margin: 0 20px 20px 0; }
#entry img.center, .aligncenter { margin: 0 auto; clear: both; margin: 20px 0; }
#entry img.frame { border: 5px solid #ddd; }

/* Misc */

.no-margin { margin: 0; }
hr.clear { clear: both; visibility: hidden; }