#nav {
    display: none;
}

p {
    text-align: justify;
}

p.code {
    text-align: left;
    border: 1px solid #CCCCCC;
    padding: 10px;
}

code {
    font-family: monospace;
}

#from, #article-info p {
    font-size: 75%;
    font-style: italic;
    text-align: right;
}

.image {
    text-align: center;
}

.image img {
    display: block;
    border: 1px solid #CCCCCC;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
}

ul#todo li {
    min-height: 24px;
    vertical-align: top;
    padding-left: 30px;
    padding-top: 3px;
    background-image: url("/todo.png");
    background-repeat: no-repeat;
}

ul#todo li.done {
    color: #999999;
    background-image: url("/done.png");
    text-decoration: line-through;
}

ul#todo li.done a:link, ul#todo li.done a:visited {
    color: #999999;
}

li.done span.comment {
    font-style: italic;
    text-decoration: none !important;
}

li.done span.comment:before {
    content: " -- ";
}