@charset "utf-8";
article{
    float: left;
    width: 550px;
}
h1{
    font-size: 175%;
    margin-top: 0px;
}
#controls{
    margin-left: 575px;
    padding-top: 45px;
}
#sherman{
    width: 285px;
    margin-right: 10px;
    margin-top: 3px;
    margin-bottom: 3px;
    float: left;
    font-weight: bold;
    text-align: center;
    margin-left: 0px;
}
body{
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    background-color: #fff;
    color: #151515;
}
#controls ul{
    padding-left: 0px;
    list-style-type: none;
    width: 200px;
}
#controls ul a{
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 2em;
    color: #e3dedb;
    background-color: #233f17;
    margin-bottom: 0.2em;
}
figcaption  {
    font-size: 87.5%;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
#controls ul a:hover{
    color: #233f17;
    background-color: #76d84f;
}
#wrapper{
    margin-right: auto;
    margin-left: auto;
    width: 775px;
}
