/*
  15px = 1em
  60px = 40em
 */

/* Typography */

body {
    font-family: Georgia, serif;
}

#header, #footer, .date, .back, .permalink, #pagination {
    font-family: "Helvetica Neue", sans-serif;
}

article.japanese {
    font-family: sans-serif;
}

/* Elements */

body {
    background: #fff;
    color: #333;
    line-height: 1.5em;

    padding: 0;
    margin: 0;
}

p {
    padding: 0;
    margin: 0 0 1.5rem 0;
}

blockquote {
    padding: 0 0 0 1.5rem;
    margin: 0 0 1.5rem 0;
}

a {
    color: #009;
}
a:visited {
    color: #666;
}
a:hover, a:active {
    color: #000;
}

h1 {
    font-size: 100%;
    margin: 0;
}

h2 {
    font-size: 100%;
    margin: 0;
}

ul {
    margin: 0 0 1.5rem 0;
}

article {
}

pre {
  background: #f0f0f0;
  padding: 0.5rem;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* ID and Class */

#header {
    padding: 2rem 0 1rem 0;
}

#content {
    padding-top: 0rem;
}

#header .inner, #content .inner, #footer .inner {
    margin: 0 auto;
    padding: 0 1em;
    max-width: 54em;
}

#header {
}

.date {
    margin: 0;
    font-size: 80%;
    color: #999;
    font-weight: normal;
    line-height: 1.5rem;
}


article .content {
}

.back a {
    padding: 0 .5rem;
    border: 1px solid #999;
    border-radius: .4rem;
}

.permalink {
    float: right;
    margin-right: 1rem;
}

.no-touch .permalink {
    display: none;
}
.no-touch article:hover .permalink {
    display: block;
}

.back {
    font-size: 80%;
    line-height: 1.5rem;
    margin-bottom: 1.5rem;
    overflow: hidden;
}
.back a {
    display: block;
    float: left;
    text-decoration: none;
}
.back a:hover {
    border-color: #000;
}

table.toc {
    margin-bottom: 1.5rem;
}

#pagination {
    font-size: 80%;
    line-height: 1.5rem;
    overflow: hidden;
}

#pagination a {
    float: left;
    text-decoration: none;
}

#pagination .newer {
    float: right;
}

#language {
    margin-bottom: 1.5rem;
}

#header {
    overflow: hidden;
}

#header p {
    float: left;
}

.icons {
    float: right;
}

.icons a {
    text-decoration: none;
}

@media (min-width: 40em) {
    .date {
        float: left;
        width: 10rem;
    }

    article .content, article .back, #pagination, #language {
        margin-left: 10rem;
    }

    .icons {
        margin-left: 10rem;
    }
}

article.wed {
}


#footer {
    padding: 0 0 2em 0;
}

#footer p {
    margin: 0;
}

#header p, #footer p, .icons {
    font-size: 80%;
    line-height: 1rem;
    padding: 0;
}

@media all and (min-width: 60em) {
}

/*
h1 .title {
    float: left;
}

.content {
    margin-left: 5em;
}
#header, #footer {
    margin-left: 5em;

}

*/

svg {
    font: 12px sans-serif, "Helvetica Neue";
    width: 100%;
}

svg .axis path, svg .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

/* Japanese */
article.japanese .content {
    font-family: "Helvetica Neue", sans-serif;
}

.row {
    margin-bottom: 1em;
}