/* Copyright 2008 Wilson Miner */

/* POST HEADER */

#post #post-header {
    float: left;
    width: 820px;
}

#post #post-header .date {
    float: left;
    margin-top: 6.45em;
    font-size: 0.75em;
    color: rgb(109, 116, 109);
}

/* POST RELATED CONTENT */

#post #post-related {
    float: right;
    width: 164px;
    margin-top: 4.25em;
}

#post #post-related h2 {
    margin-left: 0;
    margin-top: 1.5em;
    font-size: 1.3125em;
}

#post #post-related .post-list {
    margin-bottom: 1em;
}

#post #post-related .post-list li {
    list-style-type: none;
    line-height: 1.125em;
    margin-bottom: 0.5em;
    *margin-bottom: 1em;
}

#post #post-related .post-list .summary {
    font-size: 0.75em;
    color: rgb(109, 116, 109);
}

/* POST TEXT */

#post #post-text {
    float: left;
    clear: left;
    width: 476px;
    padding: 0 180px;
}

#post #post-text p {
    font-family: Palatino, Georgia, 'Times New Roman', serif;
    font-size: 1.125;
    line-height: 1.5em;
    text-indent: 1em;
}

#post #post-text p:first-child,
#post #post-text .summary+p,
#post #post-text h3+p,
#post #post-text p.first {
    text-indent: 0;
}

#post #post-text h3+p,
#post #post-text p.first {
    margin-top: 1em;
}

#post #post-text a,
#post #post-text strong,
#post #post-text h3 {
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1em;
}

#post #post-text h3 {
    margin-left: 0;
    font-size: 1.125em;
    margin-top: 1.5em;
}

#post #post-text p.first strong:first-child,
#post #post-text .summary+p strong:first-child {
    font-size: 1.125em;
    line-height: 1.25em;
}

#post #post-text ul,
#post #post-text ol {
    margin: 1em 0;
    font-size: 0.875em;
    margin-left: 2.5em;
    line-height: 1.5em;
}

#post #post-text li {
    margin: 0.5em 0;
}

#post #post-text blockquote {
    margin: 1em 0;
    padding: 0.75em 1em;
    font-size: 0.875em;
}

#post #post-text blockquote p:first-child {
    margin-top: 0;
    text-indent: 0;
}

#post #post-text blockquote:first-child,
#post #post-text blockquote.first,
#post #post-text .summary + blockquote {
    margin-top: 0;
    padding-top: 0;
    padding-left: 0;
}

#post #post-text .caps {
    font-size: 0.9em;
}

#post #post-text p code {
    font-size: 0.875em;
}

#post #post-text p.note {
    text-indent: 0;
    margin: 1em 0;
    padding: 0.75em 1em;
    background-color: rgb(230, 235, 230);
}

/* INLINES */

#post #post-text .inline.left {
    float: left;
    margin: 1em 16px 1em 0;
}

#post #post-text .inline.right {
    float: right;
    margin: 0.5em 0 1em 16px;
}

#post #post-text .inline.flushleft {
    float: left;
    position: relative;
    margin: 1em 1em 1em -180px;
}

#post #post-text .inline.flushright {
    float: right;
    position: relative;
    margin: 1em -180px 1em 1em;
}

#post #post-text .inline.fullwidth {
    margin-left: -180px;
    width: 820px;
    margin-bottom: 1em;
}

#post #post-text .inline.textwidth {
    width: 476px;
    margin-bottom: 1em;
    margin-top: 1em;
}

#post #post-text .inline.first {
    margin-top: 0;
}

/* PULLQUOTES */

.pullquote {
    font-size: 1.125em;
    line-height: 1.25em;
    font-weight: bold;
    width: 148px;
    white-space: normal;
    color: rgb(109, 116, 109);
}

/* COMMENTS */

.comment-list {
    margin-bottom: 1em;
    background: url(../images/mask-black-25.png) 0 100% repeat-x;
}

.comment-list .comment {
    background: url(../images/mask-black-25.png) repeat-x;
    padding: 1em 0 1.2em;
}

.comment-list .message {
    margin-left: 180px;
}

.comment .date {
    float: left;
    font-size: 0.75em;
    color: rgb(109, 116, 109);
    margin-top: 0.5em;
}

.comment .name {
    font-size: 1.28em;
    margin-left: 0;
    margin-top: 0;
}

.comment .permalink {
    float: right;
    margin-right: 140px;
    height: 20px;
    width: 19px;
    padding-right: 1px;
    background: url(../images/number-black-25.png) no-repeat;
    color: rgb(255, 255, 255) !important;
    font-size: 0.75em;
    line-height: 20px;
    letter-spacing: -0.1em;
    text-align: center;
}

.comment .permalink:hover {
    background-image: url(../images/number-black-50.png);
}

.comment .message {
    font-size: 0.875em;
    line-height: 1.75em;
    width: 476px;
    color: rgb(30, 40, 30);
}

.comment .message blockquote {
    margin: 1em 0;
    padding: 0.75em 1em;
    background-color: rgb(230, 235, 230);
}

.comment .message p,
.comment .message ul,
.comment .message ol {
    margin-bottom: 1em;
}

.comment .message p:last-child,
.comment .message ul:last-child,
.comment .message ol:last-child {
    margin-bottom: 0;
}