body {
    margin: 0;
    font-family: Helvetica, Arial;
    background: #333 url(../img/pin_horizontal.png) repeat-y;
}

.pin {
    width: 500px;
}

.pin .image {
    height: 14px;
    width: 500px;
}
.pin .image.top {
    background: url(../img/pin_top.png);
}
.pin .image.bottom {
    background: url(../img/pin_bottom.png) bottom left;
    clear: both;
    position: fixed;
    bottom: 0; left: 0;
}

.pin .content {
    padding: 0 30px;
    text-align: center;
}
.pin .content p {
    color: #ccc;
    font-size: 9pt;
    margin: 5px;
}
.pin .content .form {
    margin-top: 10px;
}

.pin .content.boost {
    text-align: left;
}
.pin .content.boost .message {
    float: left;
    width: 50%;
}
.pin .content.boost .form {
    float: right;
    width: 50%;
}

.pin input[type="text"] {
    font-size: 16pt;
    width: 6em;
    color: #999;
    text-align: center;
}
.pin input[type="password"] {
    font-size: 16pt;
    width: 6em;
    text-align: center;
}
.pin input[type="submit"] {
    font-size: 16pt;
    height: 35px;
    width: 50px;
}

h1 {
    font-size: 12pt;
    font-weight: bold;
    color: #ff7e00;
    margin: 5px 0 0 0;
    padding: 0;
}