@import "reset.css";

html, body, a {
    height: 100%;
    color: #407fb9;
    font-size: 24px;
    font-family: "Myriad Pro", "Myriad Web", "Frutiger", "Tahoma", "Verdana", "Arial", sans-serif;
    text-align: center;
}

#distance {
    height: 50%;
}

.smaller {
    font-size: 75%;
}

.caps {
    font-variant: small-caps;
}

#author {
    width: 500px;
    margin: 0 auto;
}

#author a {
    font-size: 100%;
}

#author:hover, #author:hover a {
    color: #53a5f0;
}

#author a:hover {
    color: #407fb9;
}

#author:hover #logo {
    background-color: #53a5f0;
}

#logo {
    display: block;
    background-color: #407fb9;
    background-image: url(logo-overlay.png);
    width: 498px;
    height: 337px;
}