/* Discussion forums CSS */
ol.threads-columns,
ol.threads,
ol.forums-columns,
ol.forums,
ol.posts-columns,
ol.posts {
    clear: left;
    list-style-type: none;
}

ol.forums-columns li,
ol.threads-columns li,
ol.posts-columns li {
    background-color: #f0f0f0;
    border-bottom: 2px solid #e4e4e4;
    color: #afaba3;
    float: left;
    font-family: Verdana, "Verdana Ref", sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding: 1.1em 1% 1% 1%;
}

ol.threads-columns li,
ol.forums-columns li {
    margin-right: 0.5%;
}

ol.posts-columns li {
    font-size: 10px;
    font-weight: bold;
}

ol.threads-columns a {
    color: #afaba3;
}

/* Sorting by this column */
ol.threads-columns li.sort {
    background: #f5f4f3 url(../img/forums/up.gif) no-repeat 98% center;
}

ol.threads-columns.desc li.sort {
    background: #f5f4f3 url(../img/forums/down.gif) no-repeat 98% center;
}
/* End sorting */

/* Column widths */
ol.forums-columns li.name,
ol.forums div.name {
    width: 64.5%;
}

ol.forums-columns li.threads,
ol.forums-columns li.posts,
ol.forums div.threads {
    width: 8%;
}

ol.threads-columns li.type {
    width: 8%;
}

ol.threads-columns li.replies,
ol.threads li div.replies {
    width: 10%;
}

ol.threads-columns li.title,
ol.threads li div.title {
    width: 32%;
}

.title a:visited {
    color: #777;
}

ol.threads-columns li.author,
ol.threads li div.author {
    width: 18%;
}

ol.forums div.last-post,
ol.threads div.last-post {
    line-height: 1.4em;
}

ol.forums-columns li.last-post,
ol.forums div.last-post,
ol.threads-columns li.last-post,
ol.threads li div.last-post {
    margin-right: 0;
    width: 20%;
}
ol.threads li div.type {
    height: auto;
    min-height: 1em;
    text-align: center;
    width: 8%;
}
/* End column widths */

ol.forums li,
ol.threads li {
    clear: left;
}

ol.forums li div,
ol.threads li div {
    float: left;
    margin: 1% 0.5% 1% 0;
    padding: 0 1%;
}

ol.forums li,
ol.threads li,
ol.posts li {
    font-size: 1.1em;
    line-height: 1.4em;
}

ol.forums li hr,
ol.threads li hr {
    background: none;
    border: 0;
    clear: left;
    font-size: 0;
    height: 0;
    margin: 0;
    padding: 0;
    visibility: hidden;
    width: 0;
}


ol.forums li:nth-child(even),
ol.threads li:nth-child(even),
ol.posts li:nth-child(even) {
    background: #f0f0f0;
}

ol.forums div.threads {
    text-align: right;
}

ol.threads div.replies {
    text-align: center;
}

ol.threads a.username,
ol.posts li div.author a {
    color: green;
    font-weight: bold;
}

ol.posts li div.author a {
    display: block;
}

ol.posts li div.author a:hover {
    text-decoration: underline;
}

ol.posts li div.author span.posts {
    font-style: italic;
}

ol.posts li div.content {
    float: left;
    padding: 0 1% 1em 1%;
    width: 72.9%;
}

ol.posts li div.content p {
    line-height: 1.6em;
}

ol.posts li div.info {
    clear: left;
    border-top: 1px solid #e4e4e4;
    padding: 1em 1em 1em 1%;
}

ol.posts li div.info a {
    display: none;
}

ol.posts li:hover div.info a {
    display: inline;
}

ol.posts li div.info span.post-action {
    float: right;
}

div#thread-reply {
    background-color: #E7F6FD;
}

div#thread-reply h3,
div#post-preview h3 {
    padding: .5em 0 0 .5em;
    font-weight: normal;
    font-size: 180%;
}

p#thread-locked {
    padding: .5em 0 1.2em 1em;
}

a#new-thread {
    background: url(../img/forums/arrow.png) no-repeat scroll left center transparent;
    float: left;
    font-size: 115%;
    margin: 0 0 1em 10px;
    padding-left: 10px;
}

div.forum-actions {
    clear: left;
    padding: 0.5em 0 0;
}

div.thread-actions {
    clear: left;
    padding-top: 1em;
    margin: 1em 0;
}

div.thread-actions form {
    display: inline;
}

div.thread-actions form.move {
    float: right;
}

div.thread-actions form.move input[type="submit"] {
    margin: 0 0 0 10px;
    padding: 0 10px 2px;
}

ol.posts li div.post-actions {
   margin: 1em 0;
}

ol.posts li div.post-actions a,
ol.posts li div.post-actions form {
    display: inline;
}

ol.posts-columns li.author {
    width: 20%;
    margin-right: 1%;
}

ol.posts-columns li.message {
    width: 75%;
}

ol.posts li {
    border-color: #e4e4e4;
    border-style: solid;
    border-width: 0 0 1px;
    padding-top: 1em;
}

ol.posts li div.author {
    float: left;
    width: 21%;
    padding: 0 1% 1em 1%;
}

/* Reply Preview */
#post-preview {
    margin: 10px 0 0;
}

div#post-preview h3 {
    padding-left: 0;
}

#post-preview ol {
    margin: 10px 0 0;
}

#post-preview li {
    background: #f0f0f0;
}

/* Wiki markup for posts */
ol.posts li div.content h1,
#content ol.posts li div.content h2,
ol.posts li div.content h3,
ol.posts li div.content h4,
ol.posts li div.content h5,
ol.posts li div.content h6 {
    margin: 0.5em 0;
    padding: 0;
}

ol.posts li div.content h1 {
    font-size: 210%;
}

ol.posts li div.content h2 {
    font-size: 180%;
}

ol.posts li div.content h3 {
    font-size: 145%;
}

ol.posts li div.content h4 {
    font-size: 115%;
}

ol.posts li div.content h5 {
    font-size: 95%;
}

ol.posts li div.content h6 {
    font-size: 85%;
}

ol.posts li div.content p {
    margin-bottom: 1em;
}

ol.posts li div.content ol,
ol.posts li div.content ul {
    margin-left: 1.5em;
}

ol.posts li div.content li {
    border: none;
    margin: 1em 0;
    padding: 0;
}

ol.posts li div.content li:nth-child(even) {
    background: none;
}

ol.posts li div.content dd {
    margin-left: 3em;
}

ol.posts li div.content blockquote {
    background-color: #e6eaec;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    margin: 1.5em;
    padding: 1em;
}

ol.posts li div.content pre {
    background-color: #e6eaec;
    margin: 1em 0;
    padding: 0.5em;
    white-space: pre-wrap;
}

ol.posts li div.content a:hover {
    text-decoration: underline;
}

/* End of wiki markup */

form.new-thread div.form-widget,
form.edit-post div.form-widget,
form.edit-thread div.form-widget {
    border-top: 1px dotted #c0c0c0;
    clear: left;
    padding: 1em;
}

form.new-thread div.form-widget label,
form.edit-post div.form-widget label,
form.edit-thread div.form-widget label {
    display: block;
    width: 10em;
    float: left;
}

form div.form-widget.submit {
    padding-left: 11em;
}

/* Delete Thread/Post Confirmation */
/* TODO: refactor this to share with questions.css */
div.thread-to-delete label,
div.post-to-delete label {
    display:block;
    font-weight:bold;
    margin: 0.5em 0 0 0;
}

div.thread-to-delete input,
div.post-to-delete input,
div.form-widget input[type="submit"] {
    margin: 0 0 0 1em;
}

div.thread-to-delete form,
div.post-to-delete form {
    margin: 2em 0 0 0;
}

div.thread-to-delete p,
div.post-to-delete p {
    margin: 0 0 1em;
}

div.post-to-delete div.content ul,
div.post-to-delete div.content ol {
    margin: 0 0 0 1.5em;
}

/* Thread title badges */
div.badges {
    margin:-1em 0 0;
}

div.badges span {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    float:left;
    font-size: 16px;
    margin: 0 10px 0 0;
    padding: 2px 10px 2px 32px;
}

span.sticky {
    background: #eaf4f8 url(../img/forums/type/sticky.png) no-repeat 8px center;
    color: #139ec4;
}

span.locked {
    background: #fff0cb url(../img/forums/type/locked.png) no-repeat 8px center;
    color: #a4813b;
}

span.watching {
    background: #d7f8e0 url(../img/forums/watch.png) no-repeat 8px center;
    color: #10c493;
}

/* Forums markup editor */
form.new-thread div.editor,
form.edit-post div.editor {
    float: left;
    padding-left: 0;
    width: 500px;
}
/* End markup editor */

span.post-modified {
    font-size: 0.8em;
    display: block;
    margin: 0.5em 0 0 0;
}
