/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 30, 2011 08:27:19 PM America/New_York */



@font-face {
    font-family: 'ArtifikaMedium';
    src: url('Artifika-Regular-webfont.eot');
    src: url('Artifika-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Artifika-Regular-webfont.woff') format('woff'),
         url('Artifika-Regular-webfont.ttf') format('truetype'),
         url('Artifika-Regular-webfont.svg#ArtifikaMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}



/*------------------------------
=BASIC SETUP
------------------------------*/

/* Makeshift CSS Reset */
* {
  margin: 0;
  padding: 0;
}

/* Tell the browser to render HTML 5 elements as block */
header, footer, section, aside, nav, article {
  display: block;
}

body {
  margin: 0 auto;
  padding: 12px 0;
  width: 939px;
  font: 14px/22px Helvetica, Arial, sans-serif;

  background: url("/images/bkgrd.png") center top repeat-x #303D1A;

}

h1 {
  font-size: 20px;
  line-height: 44px;
  padding: 8px 0;
  font: 50px/58px 'ArtifikaMedium', Arial, sans-serif;letter-spacing: 0;
  color:#ffffff;
}

h2, h3 { font-size: 18px;
  font: 20px/28px 'ArtifikaMedium', Arial, sans-serif;letter-spacing: 0;
 color:#303D1A;
  line-height: 22px;
  padding: 11px 0;
}

p {
  padding-bottom: 22px;
}

ul {
 margin: 0 0 0 40px;
    list-style: square;
    color: #565656;
}
a:link,a:visited {color:#303D1A;
}

/*------------------------------
=NAVIGATION
------------------------------*/

nav {

  width: 100%;
 
}

  nav ul {
    margin: 0 auto;
    width: 940px;
    list-style: none;
  }

    nav ul li {
      float: left;
    }
    
      nav ul li a {
        display: block;
        margin-right: 20px;
        width: 140px;
        font-size: 16px;
        line-height: 44px;
        text-align: center;
        text-decoration: none;
        color: #777;
      }
      
        nav ul li a:hover {
          color: #fff;
        }
      
      nav ul li.selected a {
        color: #fff;
      }
      
      nav ul li.subscribe a {
        margin-left: 22px;
        padding-left: 33px;
        text-align: left;
        background: url("images/rss.png") left center no-repeat;
      }



/*------------------------------
=INTRODUCTION
------------------------------*/

#intro {
  position: relative;
  margin-top: 15px;
  padding: 0px;
  height:320px;
 
  
  /* Background-size not implemented yet */
  -webkit-background-size: 100%;
  -o-background-size: 100%;
  -khtml-background-size: 100%;

  
}

  #intro h2, #intro p {
    position: relative;
    z-index: 9999;
    width: 336px;
  }
  
  #intro h2 {
    padding: 0 0 22px 0;
    font-weight: normal;
    color: #fff;
  }
  
  #intro p {
    padding: 0;
    color: #d9f499;
  }
  
  #intro img {
   
  
    /* Border-radius not implemented yet */
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
  }



/*------------------------------
=CONTENT AREA AND SIDEBAR LAYOUT
------------------------------*/

#content {
  display: table;
  background-color:#ffffff;
  margin-bottom:12px;
   margin-top:12px;

  /* Background-size not implemented yet */
  -webkit-background-size: 100%;
  -o-background-size: 100%;
  -khtml-background-size: 100%;

  
  /* Border-radius not implemented yet */
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;

}

  #mainContent {
    display: table-cell;
    width: 895px;
    padding: 22px;

  
  }
  
  aside {
    display: table-cell;
    width: 300px;
    background: url("images/sidebar_background.png") top left;
  }



/*------------------------------
=BLOG POST
------------------------------*/
.blogPost header p, .blogPost header p a {
    font-size: 14px;
    font-style: italic;
    color: #777;
  }
  
    .blogPost header p a:hover {
      text-decoration: none;
      color: #000;
    }

.blogPost div {
  /* Column-count not implemented yet */
  -moz-column-count: 1;
  -webkit-column-count: 1;
  
  /* Column-gap not implemented yet */
  -moz-column-gap: 22px;
  -webkit-column-gap: 22px;
}
  
.blogPost img {
  margin: 22px 0;
  -webkit-box-shadow: 3px 3px 7px #777;
}



/*------------------------------
=COMMENTS
------------------------------*/

#comments {
  margin-top: 21px;
  padding-top: 22px;
  border-top: 1px solid #d7d7d7;
}

  #comments article {
    display: table;
    padding: 22px;
  }
  
  #comments article:nth-child(odd) {
    padding: 21px;
    background: #E3E3E3;
    border: 1px solid #d7d7d7;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
  }
  
    #comments article header {
      display: table-cell;
      width: 220px;
      padding-right: 22px;
    }
    
      #comments article header a {
        display: block;
        font-weight: bold;
        color: #000;
      }
      
        #comments article header a:hover {
          text-decoration: none;
        }
    
    #comments article p {
      padding: 0;
    }



/*------------------------------
=COMMENT FORM
------------------------------
form {
  margin-top: 21px;
  padding-top: 22px;
  border-top: 1px solid #d7d7d7;
}

  form p {
    display: table;
    margin-bottom: 22px;
    padding: 0 22px;
  }

    form label {
      display: table-cell;
      width: 140px;
      padding-right: 20px;
      text-align: right;
      font-weight: bold;
      vertical-align: top;
    }
  
    form input[type="text"], form input[type="email"], form input[type="url"] {
      display: table-cell;
      width: 300px;
      height: 20px;
      border: 1px solid #d7d7d7;
    }
    
    form textarea {
      width: 300px;
      height: 100px;
      border: 1px solid #d7d7d7;
    }
    
    form input[type="submit"] {
      margin-left: 162px;
    }

*/

/*------------------------------
=SIDEBAR
------------------------------*/
aside section {
  margin: 22px 0 0 22px;
  padding: 11px 22px;
  background: url("images/sidebar_section_background.png") repeat-x;
  
  /* Border-radius not implemented yet */
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
}

  aside section ul {
    margin: 0 0 0 22px;
    list-style: none;
  }
  
    aside section ul li a {
      display: block;
      text-decoration: none;
      color: #000;
    }
    
      aside section ul li a:hover {
        text-decoration: underline;
      }



/*------------------------------
=FOOTER
------------------------------*/
footer {
  position: absolute;
  left: 0;
  width: 100%;
 background: url("/images/bkgrd_footer.png") center top repeat-x #303D1A;
}

  footer div {
    display: table;
    margin: 0 auto;
    padding: 22px 0;
    width: 940px;
    color: #f0f0f0;
 padding-left:22px;
 padding-top:12px; padding-bottom:32px;
  }
 footer p {
   
  margin-left:10px;

  } 

    footer div section {
      display: table-cell;
      width: 300px;
    }
    
    footer div #about, footer div #blogroll {
      padding-right: 20px;
    }
    
  footer h3 {
    color: #cccccc;
  }
  
  footer a, footer a:visited {
    color: #cccccc; text-decoration: none;
  }

   a.footerlink, a:visited.footerlink  {
    color: #cccccc; text-decoration: none;
  }

    a:hover.footerlink {
      color: #FFF;
      text-decoration: none;
    }
  
  footer ul {
    margin: 0 0 0 40px;
    list-style: square;
    color: #565656;
  }
  
    footer ul li a {
      display: block;
    }


.signature {
      text-align:right;
      width:900px;
  }

a.signaturelink, a:visited.signaturelink,a:hover.signaturelink {
    font-size:8px;
    color:#ccc;
  }


.centerpanel {
  width:320px; 
  height:450px;
}

.centerpanel img {
  margin-left:30px; 
  border:solid 1px #666; 
  }















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */