body {
    padding: 10px 0;
    font-family: Helvetica;
}

#container {
    width: 812px;
    margin: auto;
}

h1 {
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 2em;
}
h2 {
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 1.25em;
    margin-bottom: 20px;
}

canvas {
    border: solid 1px #dddddd;
    float: left;
    cursor: default;
    margin: 0;
    padding: 0;
}

#toolbar {
    width: 50px;
    float: left;
    padding-right: 10px;
}
#toolbar a {
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    text-indent: -999em;
}

#tools #select {
    background: url(images/select-up.png);
}
#tools #select.active {
    background: url(images/select-down.png);
}
#tools #line {
    background: url(images/line-up.png);
}
#tools #line.active {
    background: url(images/line-down.png);
}
#tools #circle {
    background: url(images/circle-up.png);
}
#tools #circle.active {
    background: url(images/circle-down.png);
}
#tools #curly {
    background: url(images/curly-up.png);
}
#tools #curly.active {
    background: url(images/curly-down.png);
}
#tools #arrow {
    background: url(images/arrow-up.png);
}
#tools #arrow.active {
    background: url(images/arrow-down.png);
}
#print {
    background: url(images/print-up.png);
}