body {
    background: #eee;
    font-family: "Bitstream Vera Sans", "Times New Roman", serif;
    color: #000;
}

a:link, a:visited, a:hover, a:active {
    color: #222;
    background: transparent;
    text-decoration: underline;
}

a img {
    border: none;
}

h1 {
    font-weight: normal;
    font-size: 150%;
}

h2 {
    font-size: 130%;
    font-weight: normal;
}

h3 {
    font-size: 110%;
    font-weight: normal;
}

#sidebar {
    list-style-type: none;
    text-transform: lowercase;
    margin: 1em;
    border: 1px dotted #ccc;
    padding-bottom: 1em;
}

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

#sidebar > ul, #sidebar > li {
    margin: 1ex 0;
}

#sidebar ul li {
    list-style-type: none;
    display: inline;
}

/*
#sidebar > li > ul > li a:before {
    content: "[ ";
    text-decoration: none;
}

#sidebar > li > ul > li a:after {
    content: " [↗]";
}

#sidebar a[href^="http://damn.org.za/"]:after, #sidebar a[href^="http://www.damn.org.za/"]:after {
    content: "";
}
*/

#sidebar a {
    margin-right: 5px;
}

#sidebar a[href$="/feed/"] {
    background: url(images/mts-rss.png) no-repeat right center;
    padding-right: 1em;
}

#header h1 {
    font-size: 250%;
    font-weight: bold;
}

#header p {
    font-size: 150%;
    font-weight: bold;
}

#header, .date, .credit {
    text-align: center;
    width: auto;
    background: #111;
    color: #eee;
    margin: 1em;
    padding: 10px 0;
}

#header a, .credit a {
    color: #eee;
    text-decoration: none;
}

.storytitle {
    font-weight: bold;
    font-size: 130%;
}

.storytitle a {
    text-decoration: none;
}

.post {
    margin: 1em;
    border: 1px dotted #ccc;
    padding: 0 1em;
}

.block {
    overflow: hidden;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
}

.block img {
    float: none;
    margin: 0 auto;
    border: none;
}

.block a img {
    margin-bottom: 2px;
    text-decoration: none;
}

#multipagenav {
    margin: 1em;
    border: none;
    padding: 0 1em;
}

.meta, .feedback, #multipagenav {
    text-align: right;
}

.meta, #multipagenav, .credit {
    font-size: 90%;
}

/* These either don't work too well on the PSP's small screen or aren't really required... */
#archives, #calendar, #reading, #meta, #validation, .badge, .clearer {
    display: none;
}

/*
h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
    page-break-inside: avoid;
}

blockquote, pre {
    page-break-inside: avoid
}

ul, ol, dl {
    page-break-before: avoid
}

#sidebar, .credit, .clearer {
    display: none;
}

#content a:link:after, #content a:visited:after {
    content: " (" attr(href) ") ";
    font-size: 90%;
}

#content a[href^="/"]:after {
    content: " (http://www.yoursite.com" attr(href) ") ";
    font-size: 90%;
}
*/

