body {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 300;
}

.scene, nav {
    margin: 0 auto;
    min-width: 384px;
    max-width: 1024px;
}

strong { font-weight: 700; }
em { font-style: italic; }
.hidden { display: none; }

a, a:hover, nav .toggleTemplate {
    cursor: pointer;
    text-decoration: none;
}

a:hover, nav .toggleTemplate:hover { text-decoration: underline; }

nav {
    margin: 10px auto;
    text-align: right;
}
nav a { margin: 0 10px; }

/** SCENE **/
.scene > article, .scene > header {
    margin: 15px 0;
    padding: 10px 0;
    border-style: solid;
    border-width: 1px;
}

.scene > header h1 {
    font-size: 1.25em;
    font-weight: 700;
    padding: 0 10px 10px;
}

.scene > header hr {
    border: none;
    height: 1px;
}

.scene > header .summary { padding: 0 10px 10px; }
.scene > header .meta { font-size: 0.9em; padding: 0 10px 10px; }
.scene > header .meta ul { display: inline; list-style: none; }
.scene > header .meta ul li { display: inline; }
.scene > header .meta ul li::after { content: ", " }
.scene > header .meta ul li:last-of-type::after { content: "" }
.scene > header .meta ul li:last-of-type::before { content: "and " }

article header {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    font-weight: 700;
    padding: 0 10px 5px;
}
article header .date { 
    font-size: 0.7em;
    margin: 0 10px;
}
article header .date::before { content: "(at "; }
article header .date::after { content: ")"; }

article header .poseId {
    font-size: 0.7em;
    float: right;
}
article header .poseId::before { content: "#"; }
article header .poseId a { color: inherit; text-decoration: none; }

article div { padding: 15px 10px 0; }
article .pose {
    line-height: 1.2em;
}

/** LIST **/
.list {
    border-collapse: collapse;
}

.list tr {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.list th {
    font-weight: 700;
    padding: 5px 3px;
    text-align: left;
}

.list td {
    padding: 5px 4px;
    line-height: 1.3em;
}

.list td.nowrap { white-space: nowrap; }
