@import url('/static/pygments.default.css');
@import url('/static/webmentions.css');
@import url('/static/fancy-code.css');

html {
    padding: 0;
    margin: 0;
}

body {
    padding: 0;
    margin: 0;
    background: white;
    font-family: 'Trebuchet MS', 'Verdana', 'Liberation Sans', 'Helvetica', 'Arial', sans-serif;
}

h1,
h2,
h3,
h4 {
    font-family: 'Liberation Sans', 'Helvetica', 'Arial', sans-serif;
    border-bottom: solid black 1px;
    clear: left;
}

h1 {
    text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
    padding-left: 1ex;
}

article h1 {
    text-shadow: none;
    padding-left: 0;
}

article h2 {
    font-size: 125%;
}

h1 a,
h2 a,
h3 a,
h4 a {
    text-decoration: none;
}

a.toplink {
    font-size: small;
    margin-left: 1em;
    font-weight: normal;
    font-style: italic;
    opacity: 0.5;
}

*:hover >a.toplink {
    opacity: 1;
}

a.toplink:after {
    content: "back to top";
}

@media print {
    a.toplink { display: none; }
}

.images {
    text-align: center;
}

.images img {
    vertical-align: middle;
}

#entry .gallery {
    text-align: center;
    padding: 6px;
    background: black;
}

#entry .gallery img {
    vertical-align: middle;
    margin: 6px;
    border: solid #777 6px;
    border-radius: 3px;
}

#content {
    margin: 1em;
}

.keep-reading {
    font-size: small;
    font-style: italic;
}

.sidebar {
    float: right;
    margin-left: 1em;
    border: solid black 1px;
    border-right: none;
    background: white;
    padding: 0 0 1em;
    clear: right;
    font-size: small;
    border-radius: 8px 0 0 8px;
    overflow: hidden;
    margin-bottom: 2em;
}

.posted {
    font-size: small;
    font-style: italic;
    margin: 0;
    border-bottom: dotted black 1px;
}

.sidebar h2 {
    padding: 0 1ex;
    margin: 0 0 1ex;
    background: #eee;
}

#nav ul {
    list-style-type: none;
    padding: 0 1ex;
}

#nav ol {
    list-style-type: none;
    padding: 0 1ex;
}

#nav ol ol {
    padding: 0;
}

#nav li.extlink:before {
    content: "⎋ ";
}

#nav li.cat-up:before {
    content: "⬆︎ ";
}

#nav li.cat-down:before {
    content: "➡︎ ";
}

#nav li.cat-here:before {
    content: "⊗ ";
}

#nav li.cat-back:before {
    content: "⬅︎ ";
}

#nav li.entry-prev:before {
    content: "← ";
}

#nav li.entry-next:before {
    content: "→ ";
}

#nav li.sblink:before {
    content: "✪ ";
}

#nav li {
    text-indent: -2em;
    padding-left: 2em;
}

#content h2 {
    margin-bottom: 0;
}

.nav a.previous:before {
    content: '« ';
}

.nav a.next:after {
    content: ' »';
}

a {
    color: #700;
}

a:visited {
    color: #622;
}

a:hover {
    color: #933;
}

a:active {
    color: #f77;
}

.error { color: #f00; background-color: yellow; }
.error code { color: #900 ; background-color: #ff3; }

header {
    border-bottom: solid black 1px;
    margin-bottom: 1em;
    padding: 1em 1em 0 1em;
    background: #ffc;
}
header h1 {
    display: inline-block;
    border-bottom: none;
    margin: 0;
    padding: 0;
}

.description {
    display: inline-block;
    font-style: italic;
    font-size: small;
    margin-left: 1em;
}
.description p:first-child {
    margin: 0; padding: 0;
}

.inset-left {
    float: left;
    shape-margin: 1ex;
}

.inset-right {
    float: right;
    shape-margin: 1ex;
}

ul.tags {
    margin: 0;
    padding: 0;
    font-size: small;
    list-style-type: none;
}
ul.tags:before {
    content: "Tagged: ";
}
ul.tags li {
    font-style: italic;
    display: inline;
    margin: 0;
    padding: 0;
}

.tag-list li:before {
    content: '☐';
}

ul.tag-list li.tag-clear:before {
    content: '☒';
}

ul.tag-list li.tag-selected:before {
    content: '☑︎';
}

ul.tag-list li.tag-selected {
    font-weight: bold;
}

.hidden {
    display: none;
}

.footnotes {
    font-size: small;
    border-top: dashed black 1px;
}

:target {
    background-color: #def;
}

.permalink:after {
    position: absolute;
    margin-left: -1.2ex;
    margin-top: .45em;
    font-size: 65%;
    content: '#';
    color: rgba(0,0,0,0.5);
}

*:hover >.permalink:after {
    color: rgba(0,0,0,0.75);
}

table {
    border: solid black 2px;
    border-collapse: collapse;
}

th {
    background: #ccc;
}

th, td {
    border: solid black 1px;
    padding: 0.1ex 0.5ex;
}