div#link {
    float: left;
    padding: 0 10px 10px 0;
}
div#link img {
    float: none;
    padding: default;
    border: none;
}
div#link a:hover {
    background-color: transparent;
}
div#lists {
    clear: left;
    padding-top: 15px;
}
div#related {
    clear: left;
    border-top: 1px dotted #999;
    padding-top: 10px;
    font-size: 90%;
}
div#related h2 {
    color: rgb(153,0,0);
    font-variant: small-caps;
    margin: 0 0 20px 20px;
}
p.byline, p.trans {
    font-weight: bold;
}

img.cover_image {
    width: 90px;
    height: 120px;
}

/* The publisher page. Unfortunately, the section containing a
   publishers publications is also styled section#publications, but
   the table inside is .edlist, so that's unique. */

section#publications table.edlist {
    width: 100%;
}
section#publications table.edlist td {
    padding: 3px;
}

/* The aside containing related links and posts */

div.related li {
    margin-bottom: 0.5em;
}
form#noteform {
    font-size: 90%;
}

form#noteform textarea {
    width: 100%;
}

/* Only for author pages */

section#rpr {
    margin-bottom: 2em;
}

section.worktype h1 {
    margin-bottom: 0px;
}

section.worktype {
    column-count: 2;
    column-gap: 1em;
}

section.workgroup {
    display: inline-block;
    width: 100%;
}

section.workgroup h1 {
    font-size: 100%;
    margin-bottom: 0.5em;
    margin-top: 1em;
}

section.workgroup > ul > li > a {
    font-style: italic;
}

ul.related {
    margin-left: 1em;
}

section.workgroup li {
    margin-bottom: 0.3em;
}
section#books {
    display: flex;
    flex-flow: row wrap;
}
section#books div {
    padding: 3%;
    text-align: center;
    flex: 0 1 25%;
}
section#books div img {
    margin-bottom: 1em;
}
section#books div p {
    padding: 0px;
    margin: 0px;
}
section table td {
    padding: 4px;
}