@import url(/bags/common/tiddlers/reset.css);
html {
    background: beige;
}
body {
    background: white;
    border: 1em solid #dde0cc;
    margin-left: auto;
    margin-right: 25%;
    margin-top: 1.5em;
    margin-bottom: 1em;
    padding: 2em;
    width: 65%;
}

small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }

.main {
    padding: 1em;
    border: thin solid lightgray;
    font-family: sans-serif;
}

pre, code, tt {
    font: 90% "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", monospace;
}

pre {
    padding: .5em;
    margin-bottom: 1em;
    background-color: #C9CFD6;
    overflow: auto;
}

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

blockquote {
    margin-right: 1em;
    margin-left: 1em;
    padding-right: 1em;
    padding-left: 1em;
    background-color: #F7F7F4;
}

#header {
}

#links {
}

a {
    text-decoration: none;
}

a:link {
    color: #3333aa;
}

a:visited {
    color: #aa33aa;
}

#article  {
/*
width: 50%;
margin-right: 32%;
margin-left: 18%;
*/
}

#text-html {
    font-size: 120%;
    line-height: 1.5;
}

#text-html pre, p, ul, ol, dl, blockquote {
    padding-bottom: 1em;
}

li > ul, li > ol {
    padding-bottom: 0;
}

#text-html ul {
    list-style: circle outside;
    padding-left: 1em;
    margin-left: 0;
}
#text-html ol {
    list-style-position: outside;
    list-style-type: decimal;
    padding-left: 1em;
    margin-left: 0;
}

p div { /* transclusion artifact */
    display: inline;
}

/* h1, h2, h3, h4, h5, h6 {
    padding-bottom: 1em;
} */

h6 { font-size: 120%; }
h5 { font-size: 140%; }
h4 { font-size: 160%; }
h3 { font-size: 180%; }
h2 { font-size: 200%; }
h1 { font-size: 220%; }

dl.meta {
    padding: 1em;
}

dl.meta dt,dd {
    display: inline;
    padding-right: 1em;
}

dl.meta dt:after {
    content: ":";
}

dl.meta .hidden {
    display: none;
}

.pilcrow a {
    font-family: "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: small;
    text-decoration: none;
    color: #C8A8FF;  /* light purple */
}

.pilcrow {
    left: 4%;
    position: absolute;
}

#footer {
    text-align: right;
    position: fixed;
    right: 1em;
    bottom: .5em;
}

#editLink {
    text-align: right;
    color: black;
    left: -1em;
    position: fixed;
    top: 2em;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    writing-mode: tb-rl;
}

#sidebar {
    position: absolute;
    padding: 1em;
    top: .5em;
    right: 1em;
    width: 20%;
}

#sidebar ul {
    list-style: none;
}


/* portrait mode */
@media all and (max-width: 800px) {
    #sidebar {
        display: none;
    }
}

#recents {
    font-family: "Helvetica Neue",helvetica,arial,sans-serif;
    line-height: 1.4;
    font-size: 75%;
}

#recents li {
    padding: .5em;
    margin-left: .5em;
    margin-right: .5em;
    margin-bottom: .5em;
    overflow: hidden;
    background: transparent;
    border-radius: .5em;
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.5);
}

#recents a {
    color: #BC4378;
    text-decoration: none;
}

#recents .spaceicon {
    display: none;
}

#recents .modicon {
    height: 1.5em;
    padding-right: .25em;
    float: right;
}

#recents a:hover {
    text-decoration: underline;
}

#recents abbr.timeago {
    padding-left: 2em;
    display: inline;
    font-style: italic;
    font-size: 75%;
}

#recents li:hover {
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.5) inset;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 0 1em 0;
}