body {
    padding: 0;
    margin: 0;
    font: 100%/1.4 Arial, Helvetica, sans-serif;
    color: #444;
    background: #fff;
}

h1, .hide {
    display: none;
}

#header {
    margin: 0;
    width: 550px;
    padding: 100px 50px 25px 100px;
    font: 1.6em Georgia, "Times New Roman", serif;
    color: #666;
}

#screenshot {
    display: block;
}

#usage {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #222;
    color: #ccc;
    font-size: 0.9em;
    width: 700px;
}

#usage h3, #usage p {
    margin: 0;
}

#usage h3 {
    color: #fff;
    font-size: 1.5em;
}

#usage a {
    color: #8cf;
    text-decoration: none;
    border-bottom: 1px dotted #8cf;
}

#usage a:hover {
    color: #fff;
    border-color: #fff;
}

#usage li {
    padding: 1em 40px 0 100px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #111;
    background: #222 url(../step-1.png) no-repeat 55px 1em;
}

#usage li#step-2 {
    background-image: url(../step-2.png);
}

#usage li#step-3 {
    background-image: url(../step-3.png);
}

#usage li#step-4 {
    background-image: url(../step-4.png);
}

#usage li#step-5 {
    background-image: url(../step-5.png);
}

#usage li#step-6 {
    background-image: url(../step-6.png);
}

#usage p {
    margin-bottom: 1em;
}

#release-notes {
    font-size: 0.7em;
    color: #666;
    width: 560px;
    padding: 1em 40px 1em 100px;
}

#release-notes h2 {
    margin: 0 0 0.5em 0;
}

#release-notes ul {
    margin: 0;
    padding: 0;
}

#release-notes li {
    margin-bottom: 0.5em;
}

#release-notes a {
    color: #555;    
}

#footer {
    position: absolute;
    left: 550px;
    top: 20px;
}

#footer a img {
    border: 0;
}