/*
  -----------------------------------------------
  Blogger Template Style
  Name:     Rounders 3
  Date:     27 Feb 2004
  
  A nice, clean style.  Credit goes to Google.
  Tweaked some by LB, 9 Jul 2011
  ----------------------------------------------- */
  
  
  body {
    background:#123;
    margin:0;
    padding:20px 10px;
    text-align:center;
    font:x-small/1.5em "Trebuchet MS",Verdana,Arial,Sans-serif;
    color:#ccc;
    font-size/* */:/**/small;
    font-size: /**/small;
    }
  
  
  /* Page Structure
  ----------------------------------------------- */
  /* The images which help create rounded corners depend on the 
     following widths and measurements. If you want to change 
     these measurements, the images will also need to change.
     */
  @media all {
    #content {
      width:740px;
      margin:0 auto;
      text-align:left;
      }
    #main {
      width:740px;
      float:left;
      /*        
      background:#eec url("images/corners_main_bot.gif") no-repeat left bottom;
      */
      background:#eec url("images/corners_cap_bot.gif") no-repeat left bottom;
      margin:15px 0 0;
      padding:0 0 10px;
      color:#333;
      font-size:97%;
      line-height:1.5em;
      }
    #main2 {
      float:left;
      width:100%;
      /*        
      background:url("images/corners_main_top.gif") no-repeat left top;
      */
      background:url("images/corners_cap_top.gif") no-repeat left top;
      padding:10px 0 0;
      }
    }
    
  @media handheld {
    #content {
      width:90%;
      }
    #main {
      width:100%;
      float:none;
      background:#eec;
      }
    #main2 {
      float:none;
      width:100%;
      background:none;
      }
    }
  
  
  /* Links
  ----------------------------------------------- */
  a:link {
    color:#9db;
    }
  a:visited {
    color:#798;
    }
  a:hover {
    color:#fff;
    }
  a img {
    border-width:0;
    }
  #main a:link {
    color:#347;
    }
  #main a:visited {
    color:#666;
    }
  #main a:hover {
    color:#68a
    }
  
  
  /* Blog Header
  ----------------------------------------------- */
  @media all {
    #header {
      background:#357 url("images/corners_cap_bot.gif") no-repeat left bottom;
      margin:0 0 0;
      padding:0 0 8px;
      color:#fff;
      }
    #header div {
      background:url("images/corners_cap_top.gif") no-repeat left top;
      padding:8px 15px 0;
      }
    }
    
  @media handheld {
    #header {
      background:#357;
      }
    #header div {
      background:none;
      }
    }
    
  #blog-title {
    margin:0;
    padding:10px 30px 5px;
    font-size:200%;
    line-height:1.2em;
    }
  #description {
    margin:0;
    padding:5px 30px 10px;
    font-size:94%;
    line-height:1.5em;
    color:#abc;
    }
  
  
  /* Posts
  ----------------------------------------------- */
  .post {
    margin:.3em 0 25px;
    padding:0 13px;
    border:1px;
    border-width:1px 0;
    }
  .post-title {
    margin:0;
    font-size:135%;
    line-height:1.5em;
    background:url("images/icon_arrow.gif") no-repeat 10px .5em;
    display:block;
    border:1px;
    border-width:0 1px 1px;
    padding:2px 14px 2px 29px;
    color:#333;
    }
  .post-body {
    border:1px;
    border-width:0 1px 1px;
    border-bottom-color:#eec;
    padding:10px 14px 1px 29px;
    }
  html>body .post-body {
    border-bottom-width:0;
    }
  .post p {
    margin:0 0 .75em;
    }
  .post img {
    margin:0 0 5px 0;
    padding:4px;
    border:1px solid #586;
    }
  
  
  /* Footer
  ----------------------------------------------- */
  #footer {
    clear:both;
    margin:0;
    padding:15px 0 0;
    }
  @media all {
    #footer div {
      background:#357 url("images/corners_cap_top.gif") no-repeat left top;
      padding:8px 0 0;
      color:#fff;
      }
    #footer div div {
      background:url("images/corners_cap_bot.gif") no-repeat left bottom;
      padding:0 15px 8px;
      }
    }
    
  @media handheld {
    #footer div {
      background:#357;
      }
    #footer div div {
      background:none;
      }
    }
    
  #footer hr {display:none;}
  #footer p  {margin:0;}
  #footer a  {color:#fff;}