body {
    background: #8a9ab8 url(/images/blog/bg.png);
    border-top: 4px solid #5b7097;
}

h1, h2 {
    background: #fff url(/images/blog/h1-bg.png) no-repeat bottom left;
}

a, a:visited, a:active {
    color: #5b7097;
    text-decoration: none;
}

a:hover {
    color: #8a9ab8;
    text-decoration: underline;
}

#title {
    height: 50px;
    background: #000;
    text-align: center;
}

#titlearea {
    width: 700px;
    height: 75px;
    border-left: 4px solid #5b7097;
    border-right: 4px solid #5b7097;
    border-bottom: 1px solid #5b7097;
}

#topblock { 
    width: 750px;
    background: #5b7097 url(/images/blog/topblock-bg.png) repeat-x;
}

#nav li:hover, .nav-active {
    background: #8a9ab8 url(/images/blog/nav-selected-bg.png) repeat-x bottom left;
}

#content {
    width: 750px;
    border: 4px solid #5b7097;
}

#footer  { width: 700px; }
#inner-content .maintable        { width: 750px; }
#inner-content .maintable .main  { width: 500px; }
#inner-content .maintable .main a { font-weight: bold; }

#inner-content .maintable .extra {
    padding: 0 10px 0 10px;
    width: 250px;
}

#inner-content .maintable .extra h2 {
    border-bottom: 1px dashed #ccc;
    background: none;
    color: #666;
    font-size: 1.3em;
}

#inner-content .extra img {
    border: 1px solid #ccc;
    display: inline;
    padding: 3px;
    margin: 5px 0 0 0;
}

#nav                { width: 700px; }
#nav li             { width: 138px; }
#nav li:first-child { width: 139px; }
#nav li:last-child  { width: 139px; }

.posted, .who {
    font-size: 0.8em;
    color: #888;
}

.permalink a {
    font-weight: normal !important;
}

.permalink img {
    border: 0 !important;
    padding: 0 !important;
    display: inline !important;
    margin: 0 !important;
}

.entry {
    margin-bottom: 40px;
}

#plan_update_list li {
    margin-bottom: 5px;
}

#plan_update_list li .when {
    font-size: 0.9em;
    color: #888;
}

.entry-loading {
    background-color: #fffdc9;
    border-bottom: 4px solid #ffe44c;
}

/* comments */
#leave-comment {
    font-size: 0.8em;
    border: 0;
}

#leave-comment input,
#leave-comment .comment-box {
    background-color: #efefef;
    color: #777;
    border: 1px solid #777;
    float: left;
}

#leave-comment input:focus,
#leave-comment .comment-box:focus {
    background-color: #fff;
}

#leave-comment .comment-form td.left-cell {
    text-align: right;
}

#leave-comment .comment-form td.right-cell {
    text-align: left;
}

#leave-comment .comment-post {
    background-color: #eee;
    border-top: 1px dotted #ccc;
    position: relative;
    top: -2px;
    color: #000;
    padding: 4px;
    clear: both;
}

#leave-comment .comment-post:hover {
    cursor: pointer;
}

.comment-block {
    position: relative;
    left: -10px;
    padding: 10px 10px 10px 20px;
    margin: 0 0 10px 0;
}

.comment-block.odd {
    background-color: #eff5fb;
}

.comment-block .comment {
    margin-left: 30px;
}

.error {
    text-align: center;
    border: 1px solid red;
    width: 50%;
    color: red;
    padding: 4px;
    background-color: #ffe5e5;
    font-size: 1.4em;
    font-style: italic;
    display: block;
    margin: 10px auto 10px auto;
}