@import "base.css";
@import "structure.css";

.post { border-bottom: 3px solid #eef1f4; margin-bottom: 24px; overflow: visible; }
.post .title { font-weight: 500; }
.post .copy { line-height: 24px; margin: 24px 0; }
.post .copy p { text-align: justify;} 

.post .tags,
.post .permalink { font-size: 10px; text-transform: uppercase; color: #939fae; line-height: 12px; margin-bottom: 6px; }
.post .tags a,
.post .permalink a { color: #939fae; border: 0; text-decoration: none; }
.post .tags a:hover,
.post .permalink a:hover { color: black; }

.post .link a { font-size: 21px; color: black; }
.post pre { overflow-x: visible; }

#blog-navigation { width: 100%; display: table; }
#blog-navigation a { 
    display: inline-block; height: 36px; 
    padding: 0 0.5em; line-height: 36px; 
    text-transform: uppercase; font-size: 14px; 
    text-decoration: none; margin: 0;
    background-color: #939fae; color: white;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
    text-shadow: none; }
#next { width: 30%; display: table-cell; text-align: right; }
#prev { width: 30%; display: table-cell; }