
body {
    margin: 0;
    padding: 0;
    font-family: "GoudyBookletter1911Regular", serif;
    background: #9C6 url(shirt-by-terry-wiley-pink-250x450.png) 10px 30px no-repeat;
    background:  url(shirt-by-terry-wiley-pink-250x450.png) 10px 30px no-repeat,
        #9C6 url(fairy-bg.jpeg);
    color: #402;
}

em,
i {
    font-family: "Century Schoolbook", "Times New Roman", "Times", serif;
}

a:link {
    color: #234;
}
a:visited {
    color: #123;
}

a:hover,
a:active {
    color: #369;
    background-color: #FFF;
    text-decoration: underline;
}

a:hover,
a:active {
    text-decoration: underline;
    background-color: #FFF;
    color: #369;
}

header {
    display: block;
    width: 100%;
}
#main {
    width: 960px;
    margin: 0 auto 0 250px;
}
#article {
    margin-top: 20px;
}
#what,
aside {
    float: left;
    width: 320px;
    font-size: 0.9em;
}

.dates-and-venue {
    display: block;
    float: right;
    margin: 0;
    padding: 1em 10px 0.5em 94px;
    height: 70px;
    background: url(fairy-stickfigure-84x70.png) left top no-repeat;
    background: url(fairy-stickfigure-167x140.png) left top  / 84px 70px no-repeat;
}

#article,
article {
    width: 640px;
    font-size: 1.2em;
    background: rgba(250, 255, 240, 0.25);
}

article>div[style], /* Used in articles to position images */
div#disqus_thread {
    margin: 0 10px;
    position: relative;
}

article>div img {
    display: block;
}
article>div br {
    display: none;
}
article>div small { /* Used for picture credits */
    display: block;
    line-height: 1;
    -webkit-transform: rotate(-90deg) translate(100%, 0);
    -webkit-transform-origin: 100% 0;

    font-size: 11px;
    font-variant: small-caps;
    text-transform: lowercase;
    letter-spacing: 0.05em;
}
article>div a {
    color: inherit;
    text-decoration: none;
}

h1, h2, .logo {
    margin: 0.25em 10px 0.25em;
    font-weight: normal;
}

h1 i,
.logo i {
    font-style: normal;
}

q:before {
    content: "‘";
}

q:after {
    content: "’";
}


#article dl,
article dl {
    font-size: 0.75em;
    float: right;
    width: 140px;
    margin: 1em 10px 1em 20px;
}

dt {
    margin: 0;
    font-variant: small-caps;
    text-transform: lowercase;
    letter-spacing: 0.05em;
}

dd {
    margin: 0 0 0.5em;
}

.embedded-media {
    float: left;
    width: 220px;
    margin: 0 20px 1em 10px;
}


aside table {
    margin: 1em 5px;
    border-collapse: collapse;
}

aside td,
aside th {
    padding: 0.1em 5px;
    text-align: left;
    vertical-align: top;
}

aside td:first-child {
    width: 70px;
}

#disqus_thread {
    clear: both;
    margin-top: 1em;
    border-top: 1px dotted #369;
    padding-top: 1em;
}
.dsq-brlink {
    display: block;
    margin: 1em 10px 0;
}