body {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12pt;
    padding:1em 0;
    background:#eee;
}
header {
    width:90%;
    text-align:center;
    margin:0 auto;
    padding-bottom:1em;
}
body>div {
    width:90%;
    max-width:100em;
    background:#fff;
    margin: 0 auto;
    padding:2em;
}

#searchForm {
}
#searchForm div {
    text-align:center;
}
#searchForm div:not(:last-child) {
    margin-bottom:0.3em;
}
#searchForm label:not(:last-child) {
    margin-right:1em;
}
#searchForm input[type=text] {
    border:2px solid #ddd;
    border-radius:0.5em;
    text-align:center;
    font-size:1.2em;
    padding:0.3em 0;
    width:90%;
    max-width:40em;
}

a:link {
    color:#000;
    text-decoration:none;
}
a:visited {
    color:#559;
}
a:hover {
    color:#555;
    text-decoration:underline;
}

ul {
    list-style-type:none;
    display:inline-block;
}
ul li {
    display:flex;
    padding:1em;
    background:#eee;
    border:2px solid #eee;
    border-radius:0.5em;
}
ul li:hover {
    background:#e1e1e1;
    border:2px solid #d1d1d1;
}
ul li:not(:last-child) {
    margin-bottom:2em;
}
ul li div.thumbnail {
    padding:0;
    margin:0;
    flex-shrink:3;
}
ul li div.thumbnail img {
    min-height:120px;
    min-width:160px;
    max-width:160px;
    height:auto;
    border:1px solid #999;
}
ul li div.description {
    padding-left:0.5em;
    padding-top:0;
}
ul li div.description>h3 {
    margin-top:0.2em;
}
ul li div.description>p {
    color:#555;
}

div.searchField {
    width:80%;
    margin:0 auto;
}