#postnavigation {
    margin-bottom: 20px;
    text-align: center;
    color: white;
    background-color:#424242;
    padding: 3px;
    border-radius:5px;
}
#postnavigation a {
    white-space:nowrap;
    color: white;
}

/*----------------------------
					 Posts
----------------------------*/

.mceContentBody {
    border: 1px solid #838B91;
    padding: 3px 10px;
    margin-bottom: 20px;
    background-color: white;
    line-height: 17px;
}

.mceContentBody h1 {
    margin: 5px 0 0 0;
}

/*----------------------------
			Related Posts
----------------------------*/

#relatedPosts div {
    background: white;
    padding: 5px 10px 10px 10px;
    border: 1px solid #838B91;
}

#relatedPosts h1 {
    margin: 0 0 10px 0;
}

#relatedPosts a {
    display: block;
    margin-top: 5px;
}

#relatedPosts span {
    color: #666666;
    text-indent: 10px;
    font-size: 10px;
}

/*----------------------------
				Recent posts
----------------------------*/

ul.recentPosts li {
    padding-bottom: 10px;
}

ul.recentPosts li a {
    font-weight: bold;
}

ul.recentPosts li span {
    display: block;
    text-indent: 10px;
    text-transform: none;
}

/*----------------------------
			Recent comments
----------------------------*/

ul.recentComments li {
    padding-bottom: 10px;
    text-transform: none;
}

ul.recentComments li a.postTitle {
    font-weight: bold;
}

/*----------------------------
					Comments
----------------------------*/

.comment {
    border: 1px solid #838B91;
    background-color: white;
    padding: 3px 10px;
    margin-bottom: 10px;
}

.comment .date {
    font-size: 10px;
    color: #666666;
    text-align: right;
    margin: 0;
    padding: 3px 0px;
    border-bottom: 1px dotted #468259;
}

.comment .author {
    margin: 0;
    padding: 3px 0px;
    border-top: 1px dotted #468259;
}

.self {
    border: 1px solid black;
}

.comment .gravatar {
    float: left;
    clear: both;
    margin: 5px 10px 5px 0;
}

.comment .gravatar img {
    height: 80px;
    width: 80px;
}

.comment .content {
    margin: 10px;
    margin-left: 0px;
}

.comment cite {
    font-family: Monospace;
    font-style: normal;
}

.comment img.flag {
    position: relative;
    top: 2px;
}

.commentForm {
    padding: 5px;
}

.commentForm label {
    float: left;
    display: block;
    width: 80px;
    line-height:1.2;
}

.commentForm input {
    width: 300px;
    margin-bottom:6px;
}

.commentForm textarea {
    width: 100%;
    height: 150px;
    border: 1px solid #838B91;
}

#commentMenu {
    padding: 0;
    margin: 0;
    clear: both;
}

#commentMenu li {
    float: left;
    border: 1px solid #838B91;
    border-bottom: transparent;
    margin: 0;
    list-style: none;
    margin-right: 5px;
    padding: 3px 8px;
    cursor: pointer;
    position: relative;
    top: 2px;
    background: #d8d8d8;
}

#commentMenu li.selected {
    background: white;
    border-bottom: 1px solid white;
}

#commentPreview {
    display: none;
    clear: both;
    min-height: 150px;
}

.success {
    color: green;
    font-weight: bold;
}

.commentForm .bbcode {
    font-size: 10px;
    float: right;
    position: relative;
    top: 20px;
    padding: 3px;
}

.bbcode a {
    margin: 1px;
    padding: 1px 3px 1px 3px;
    background: #fff;
    border: 1px solid #ccc;
}

/*----------------------------
					Archive
----------------------------*/

#archive h1 {
}

#archive h2 {
    border-bottom: 1px solid #838B91;
}

#archive h2 img {
    margin-right: 0.4em;
}

#archive table {
    width: 100%;
    border-collapse: collapse;
}

#archive table td, #archive table th {
    text-align: left;
}

#archive table td {
    text-align: left;
    border-bottom: 1px solid #D8D8D8;
    padding: 2px 0;
}

#archive .date {
    width: 70px;
}

#archive .comments {
    width: 70px;
    text-align: center;
}

#archive .rating {
    width: 70px;
    text-align: center;
}

/*----------------------------
			Search on search
----------------------------*/

#searchonsearch {
    background: white;
    padding: 5px 10px;
    margin-bottom: 20px;
    border: 1px solid #838B91;
}

#searchonsearch h3 {
    margin: 3px;
    font-size: 13px;
}

#searchonsearch ol li {
    margin: 2px 0;
}

/*----------------------------
					 Page
----------------------------*/

#page #admin {
    border-top: 1px solid #838B91;
    margin-top: 10px;
    padding: 5px 0;
}

/*----------------------------
					 Calendar
----------------------------*/

#calendarContainer {
    text-transform: capitalize;
    margin: 0 auto;
}

.calendar {
    border: none;
    margin: 0 auto;
}

.calendar .weekend {
    background-color: #F1F1F1;
}

.calendar .other {
    color: #838B91;
}

.calendar a.exist {
    display: block;
    font-weight: bold;
    background-color: #F1F1F1;
}

.calendar td {
    vertical-align: top;
    background: white;
}
/*----------------------------
				Search page
----------------------------*/

#searchpage {
    margin-bottom: 30px;
}

#searchpage input#q {
    width: 300px;
}

#searchpage input#comment {
    clear: both;
}

.searchresult {
    margin-bottom: 20px;
}

.searchresult a {
    font-weight: bold;
}

.searchresult span.text {
    clear: both;
    display: block;
    margin: 3px 0;
}

.searchresult span.type {
    display: block;
}

.searchresult span.url {
    color: Gray;
}

.searchpage ul.paging {
    list-style-type: none;
    margin: 0px;
    margin-bottom: 20px;
    padding: 0px;
}

.searchpage ul.paging li {
    display: inline;
    border: 1px solid gray;
    background: #f1f1f1;
    margin-right: 5px;
}

.searchpage ul.paging li a {
    padding: 5px 8px;
}

.searchpage ul.paging li.active {
    background: #f1f1f1;
    border: 1px solid black;
}

/*----------------------------
			Syntax highlighter
----------------------------*/

.code {
    font-size: 12px;
    color: black;
    font-family: Consolas, "Courier New" , Courier, Monospace;
    background-color: #F1F1F1;
    line-height: normal;
}

.code p {
    padding: 5px;
}

.code .rem {
    color: #008000;
}

.code .kwrd {
    color: #0000ff;
}

.code .str {
    color: #006080;
}

.code .op {
    color: #0000c0;
}

.code .preproc {
    color: #0000ff;
}

.code .asp {
    background-color: #ffff00;
}

.code .html {
    color: #800000;
}

.code .attr {
    color: #ff0000;
}

.code .alt {
    background-color: #f4f4f4;
}

.code .lnum {
    color: #606060;
}

/*----------------------------
					XFN tags
----------------------------*/

div.post .text a[rel] {
    padding-right: 11px;
    background-repeat: no-repeat;
    background-position: right center;
}
div.post .text a[rel="me"] {
    background-image: url('../../pics/xfn/me.gif');
}

/*-------- [ These should cascade to pick the correct icon for the contact ]--*/

/*-------- [ Normal contacts ]--*/
div.post .text a[rel~="contact"], div.post .text a[rel~="acquaintance"], div.post .text a[rel~="friend"] {
    background-image: url('../../pics/xfn/contact.gif');
}
/*-------- [ Normal contacts youve met ]--*/
div.post .text a[rel~="contact"][rel~="met"], div.post .text a[rel~="acquaintance"][rel~="met"], div.post .text a[rel~="friend"][rel~="met"] {
    background-image: url('../../pics/xfn/contactMet.gif');
}

/*-------- [ Colleague and co worker icon more important than contact ]--*/
div.post .text a[rel~="colleague"], div.post .text a[rel~="co-worker"] {
    background-image: url('../../pics/xfn/colleague.gif');
}
/*-------- [ Colleague and co worker icon when met ]--*/
div.post .text a[rel~="colleague"][rel~="met"], div.post .text a[rel~="co-worker"][rel~="met"] {
    background-image: url('../../pics/xfn/colleagueMet.gif');
}

/*-------- [ Sweethearts are more important than work!!! ]--*/
div.post .text a[rel~="muse"], div.post .text a[rel~="crush"], div.post .text a[rel~="date"], a[rel~="sweetheart"] {
    background-image: url('../../pics/xfn/sweet.gif');
}
/*-------- [ ...and if youve met them thats even better ]--*/
div.post .text a[rel~="muse"][rel~="met"], div.post .text a[rel~="crush"][rel~="met"], div.post .text a[rel~="date"][rel~="met"], div.post .text a[rel~="sweetheart"][rel~="met"] {
    background-image: url('../../pics/xfn/sweetMet.gif');
}