/* Init */
header,footer,article,section,figure,figcaption {
  display: block;
}
hr {
  display: none;
}
h1,h2,h3 {
  margin: 0;
}


/* Foundation */
body {
  background: #F8F9FF;   
  text-align: center;
}
a {
  color: #3A6BD9;
  text-decoration: none;
  font-weight: bold;  
  text-shadow: 1px 1px 0 #FFF5C5;
}
a:hover {
  text-decoration: underline;
}
h1 {
  margin-top: 40px;
  width: 100%;
  height: 140px;
  position: relative;
}
h1 a {
  display: block;
  width: 100%;
  height: 67px;
  background: url('banner.png') no-repeat scroll top center;
  text-indent: -1000em;
  position: relative;
  top: 25%;
}        
h2 {
  font-weight: normal;
  font-size: 2.5em;
}    
h3 {
  font-size: 1.25em;
  margin-bottom: 1em;   
  clear: both;
  margin-top: 2em;
}              



/* Typography */
body {
  font: 18px/1.5 "Palatino",Georgia,"Times New Roman",serif;
  color: #252525;
}
.date,article footer {
  font: 12px/2 "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
  color: #9A9BC2;
}
/* not bold */
.date strong {
  font-weight: normal;
}    
.date {
/*  position: absolute;
  top: 0;
  left: 1em;*/
/*  color: white;
  background: #9A9BC2;
  padding: 0.15em 0.5em; */
}     
.img {
  margin: 0 1em 1em 0;
/*  float: left;   */
  clear: left;
}     
/*.img img {
   max-width: 300px;
}       */
.content-piece {        
/*  margin-left: 330px;   */
/*  max-width: 400px;*/
}


/* Layout */
.contain {
  text-align: left;
}
article,#disqus_thread {
/*  width: 600px;*/
/*  margin: 0px auto 36px;*/
  position: relative;
  clear: both;
  margin: 3em 0 3em 2em;
  max-width: 800px;
}            
footer {
  clear: both;
}
article {
/*  background: white;
  border: 1px solid #DADAD7;
  border-color: rgba(0,0,0,0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 
    0 10px 40px rgba(0,0,0,0.1);
  -moz-box-shadow: 
    0 10px 40px rgba(0,0,0,0.1);
  box-shadow: 
    0 10px 40px rgba(0,0,0,0.1);  */
}    
/*article li {
  margin: 0 2em;
}                     */
article > div {
/*  padding: 2.4em;*/     
/*  font-size: 0.8em;*/
  clear: both;
}                       
article ul {
  margin-top: -1em;
}
article footer {
  position: relative;
  border-top: 1px solid #AEB1CE;
  text-align: center;  
}                   
.permalink,.comments,.twitter-share-button {
/*  position: absolute;
  right: 0;
  top: 0;
  padding: 4px;
  line-height: 1;    */   
  display: inline-block;
  font-weight: normal; 
  line-height: 2;               
  padding: 0 1em;
}
.permalink:hover,.comments:hover {
}                
.comments {
  right: 7em;
}              
.twitter-share-button {
  position: relative;
  top: 5px;           
  padding-right: 0;
}






article.link h2 a {
/*  background: rgba(0,0,0,0.35);
  background: 
    -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0.35)), to(rgba(0,0,0,0.65)));
  line-height: 1;
  display: block;
  padding: 0.5em;
  color: white;
  text-shadow: 1px 1px 0px rgba(0,0,0,1);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.15);*/
  text-decoration: none;
}
article.link h2 a:hover {
/*  text-decoration: none;
  background: rgba(0,0,0,0.65);*/
}
article.link h2 a:after {
  content: " →";
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter:alpha(opacity=50);
}
article.link h2 a:hover:after {
  opacity: 1;
  -moz-opacity: 1;
  filter:alpha(opacity=1);
}

article a img {
  border: 4px solid #ddd;
  -webkit-transition: border-color 0.25s ease-out;
  -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.15);
  max-width: 100%;
}
article a:hover img {
  border-color: #445189;
}

.site-footer {
  background: url('argyle.png') no-repeat scroll top center;
  padding-top: 76px;
  width: 500px;
  margin: 0px auto 140px;
  font-size: 14px;
  color: rgba(0,0,0,0.65);
  font-style: italic;
  text-align: center;     
}                         
.site-footer a {
  font-size: x-large;
}
.main-nav {
  display: none;
}

.center {
  text-align: center;
}

/*@media screen {
  .contain {
    width: 100%;
  }             
  article,#disqus_thread {
    width: auto;
    margin: 0 auto 2em;
    max-width: 1024px;
  }       
}*/

figure {
  text-align: center;
}
figcaption {
  text-align: left;
}

.pagination {
  text-align: center;
  margin: 2em 0;
}
.pagination div {
  display: inline;
  padding: 0 1em;
}