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

Simple 1.0.1 by Jason Schuller (Jason.sc)
Copyright Circa75 Media, LLC (Circa75.co)

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

/* Normalization
*********************************************************************************************/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
  display:block
}
body{
  line-height:1
}
ol,ul{
  list-style:none
}
blockquote,q{
  quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
  content:'';
  content:none;
}
table{
  display: table;
  border-collapse:collapse;
  border-spacing:0;
}

/* Setup
*********************************************************************************************/

body {
	background: #ffffff;
	font-weight: 400;
	font-size: 16px;
	line-height: 27px;
	color: #404040;
	text-rendering: optimizeLegibility;
}

/* Typography
*********************************************************************************************/

/*
 * Tables
 */
table {
  max-width: 100%;
  table-layout: fixed;
}
table img {
  width: auto;
}
td {
  vertical-align: top;
}
thead tr {
  padding-bottom: 3px;
}
thead td {
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  margin-bottom: 3px;
}

/* Posts
*********************************************************************************************/

article, header {
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
    padding: 40px 0;
}

article.draft {
    display: none;
}

article:last-child,
article.single {
    border-bottom: 0;
}

.post blockquote {
    border-left:.5em solid #eee;
    padding: 0 2em;
    margin-left:0;
    max-width: 476px;
}

.post blockquote  cite {
    font-size:14px;
    line-height:20px;
    color:#bfbfbf;
}

.post blockquote cite:before {
    content: '\2014 \00A0';
}

.post blockquote p {  
    color: #666;
    max-width: 460px;
}

.post p, 
.post ul, 
.post ol {
    max-width: 85%;
}

img, 
object, 
embed {
    max-width: 100%;
}

/* XL */

@media (max-width: 980px) {

    /* Buttons */
    
    .button {
        font-size: 12px;
        padding: 8px 20px 9px;
        
    }
    
    /* Meta
    *****************************************************************************************/
    
    .meta {
        font-size: 12px;
    }
    
}

/* L */

@media (max-width: 820px) {
    
    /* Setup */
    
    body {
    	font-size: 14px;
    }
    
    /* Typography */
    
    h1, h2 { 
        font-size: 18px;
    }
    
    h3, h4 { 
        font-size: 14px;
    }
    
    p {
        max-width: 100%;
    }
    
}

/* M
*********************************************************************************************/

@media (max-width: 640px) {

    /* Meta */
    
    .meta {
        display: none;
    }
    
    /* Posts */
    
    .post p, 
    .post ul, 
    .post ol {
        max-width: 100%;
    }
    
}

/* XS */

@media (max-width: 400px) {
    
    /* Articles */
    
    article, header {
        padding: 40px 0;
    }
    
    
}