body {
background-color: #333;
font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
color: rgba(255,255,255,0.7);
font-size: 62.5%;
margin: 0;
padding: 0;
line-height: 2.3em;
}

/* html5 elements */
header, section, footer {
display: block;
width: auto;
}

/* links */
a:link, a:visited, a:active {
border-bottom: 1px solid rgba(255,255,255 ,0.15);
color: rgba(255,255,255,0.85);
text-decoration: none;
}
a:hover {
border-bottom: 1px solid rgba(255,255,255,0.75);
color: rgba(255,255,255,0.95);
}
section#nav a:active, section#nav a:visited, section#nav a:link {
border: none;
color: rgba(255,255,255,0.4);
font-weight: bold;
}
section#nav a:hover {
border: none;
color: rgba(255,255,255,0.7);
}

/* layout */
#wrap {
margin: 0 auto;
overflow: hidden;
width: 100em;
}
section#content {
display: inline-block;
width: 54em;
margin-left: 22em;
}
section#nav {
clear: left;
display: inline-block;
position: fixed;
padding: 12em 2em 2em 2em;
width: 16em;
}
section#sidebar {
float: right;
width: 21em;
margin-left: 2em;
padding: 14em 0 0 0;
}
section#sidebar .block {
padding: 1em;
color: rgba(255,255,255,0.4);
margin-bottom: 2em;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
section#sidebar .block h3 {
font-size: 1.6em;
margin: 0 0 0.25em 0;
}
section#sidebar .block h3 + p {
margin-top: 0;
}
section#sidebar .block p:last-child {
margin-bottom: 0;
}
section#sidebar .block p {
margin: 1em 0;
font-size: 1.4em;
}
/* header */
header {
margin: 2em 0;
}
header h1 a:link, header h1 a:active, header h1 a:visited {
color: rgba(255,255,255, 0.65);
border: none;
}
header h1 a:hover {
color: rgba(255,255,255, 0.95);
}
header h1 {
margin: 1em 0;
font-family: "corner-store-1","corner-store-2";
font-size: 5em;
text-align: center;
}
section#content h2 {
font-size: 2.2em;
}
/* footer */
footer {
clear: both;
color: rgba(255,255,255, 0.5);
margin: 4em 0 2em 11em;
overflow: hidden;
text-align: center;
}
footer p {
font-size: 1.4em;
}

/* posts */
#posts {
list-style: none;
margin: 0;
padding: 0;
}

/* individual post */
.post {
background-color: rgba(255,255,255, 0.05);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom: 2em;
padding: 2em;
}
.post h3 {
font-size: 2em;
margin: 0.25em 0;
}
.post p {
margin: 1em 0;
}
.post blockquote p {
margin: 0 0 0 1em;
}

.post p, .post blockquote, .post li {
font-size: 1.6em;
}

/* quote */
.post blockquote {
font-style: italic;
font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Georgia, serif;
margin: 1em 0;
border-left: 3px solid #444;
padding: 0.236em 0;
}
.post blockquote p {
margin-left: 1em;
font-size: 1em;
}
.post.quote .source {
font-size: 1.4em;
text-align: right;
}

/* chat */
.chat ul {
list-style: none;
margin: 1em 0;
padding: 0;
}
.chat li {
line-height: 1.4em;
}
.chat .label {
font-weight: bold;
}

/* nav */
section#nav ol {
list-style: none;
margin: 2em 0 0;
padding: 0;
}
section#nav ol li {
font-size: 2em;
margin: 0 0 0.5em 0;
text-align: right;
}
section#nav h2 {
color: rgba(255,255,255,0.03);
font-family: "corner-store-1","corner-store-2";
font-size: 2.8em;
margin-top: 1.1em;
text-align: right;
}
section#sidebar a:link, section#sidebar a:active, section#sidebar a:visited {
color: ;
}
section#sidebar a:hover {
color: ;
}

/* meta */
.post .meta p, .post .meta li {
font-size: 1.2em;
}
.post .meta a:link, .post .meta a:active, .post .meta a:visited {
color: rgba(255,255,255,0.7);
border-bottom: none;
}
.post .meta a:hover {
border-bottom: 1px solid rgba(255,255,255,0.95);
color: rgba(255,255,255,0.75);
}

.post .meta .date {
position: relative;
display: inline-block;
text-align: right;
}
.post .meta .dot {
display: inline-block;
margin: 0 0.5em;
}
.post .meta ul.tags {
list-style: none;
display: inline-block;
padding: 0;
margin: 0;
}
.post .meta ul.tags li {
display: inline-block;
margin-right: 0.5em;
}