/*

    -- -- -- -- -- -- --
    protosw.com
    forum page CSS
    -- -- -- -- -- -- --

    Forum-page specific items. Anything which will repeat
    on non-homepage templates should be pulled out and defined
    in a more general stylesheet instead.

*/

td {text-align: left; vertical-align: top;}
a:link.username, a:visited.username {color: #000; font-weight: normal;}

/* -- override #mainColumn margins -- */
.forum #mainColumn {padding: 0; float: left;}
/* -- restore them in non-table -- */
.non-table {padding: 10px 50px;}


/* -- thread title -- */
h3.post-header {color: #fff; background: #195C76 url(../i/bg-th.gif) repeat-x left bottom; text-align: left; text-transform: uppercase; font-size: 0.9em; font-weight: normal; padding: 12px 0 2px 50px; margin: 0;}
tr.post-header th {color: #000; background: #ECECEC; font-weight: bold;}

/* -- forum runners -- */
.forum-runners {width: 700px; padding: 0 0 0 50px; float: left;}
.forum-runners .newthread, .forum-runners .postreply {margin: 2em 0 0 0; float: left; display: block; vertical-align: bottom;}
img.postreply {padding: 1em 0 2em 0;}

/* -- thread table -- */
table.posting {width: 750px;}
td.status {width: 47px; text-align: right; vertical-align: top; padding-right: 3px;}
td.postauthor {width: 450px;}
td.attachment {width: 25px; vertical-align: top;}
td.lastpost {width: 150px; font-size: 11px;}
/* td.lastpost a {padding-right: 12px; background: url(../i/ico-greenarrow.gif) right center no-repeat;} */
td.replies {width: 75px; }

/* -- posting table -- */
.vitals {padding-left: 50px; width: 160px;}
.number {width: 50px; text-align: center; font-weight: bold;}
.quote p, .vitals p, .quote blockquote {padding:0; margin:0;}
.avatar img {padding: 4px; background: url(../i/bg-avatar.gif) 0 0 no-repeat;}
.avatar a:hover img {background: url(../i/bg-avatar-hover.gif) 0 0 no-repeat;}

/* -- quote style -- */
blockquote {padding: 1em 35px; font-style: oblique; color: #195C76; background: url(../i/blockquote.gif) no-repeat 5px 12px; margin: 0;}

/* -- file attachment style -- */
.attached-header {padding: 0; margin: 0; text-transform: uppercase; font-weight: bold;}
.attached-wrapper {padding: 10px 15px; background: #ececec; position: relative;}
.attached-wrapper img {float: left; margin: 0 10px;}
.attached-wrapper h4 {font-size: 1.2em; margin: 0.5em 0 0 0;}
.attached-wrapper p {font-size: 1em; margin-top: 0 0 0 0.5em;}
.attached-wrapper .remove {clear: both; margin-left: 60px;}
#postcomment .attached {margin-left: 175px; margin-right: 50px;}
#postcomment .attached h4 {margin-left: 0px;}


.post-ui img {padding-right: 5px;}

/* -- post comment style -- */
#newthread, #postcomment {width: 750px;}
#newthread {padding-top: 10px;}
.formatted label.formtitle {display: block; color: #fff; background: #195C76 url(../i/bg-th.gif) repeat-x left bottom; text-align: left; text-transform: uppercase; font-size: 0.9em; font-weight: normal; padding: 12px 0 2px 175px; margin: 1em 0 2em 0;}
.formatted label, .formatted h4 {display: block; margin: 10px 0 0 175px; text-transform: uppercase; font-size: 0.9em; color: #000; font-weight: normal;}
.formatted input {display: block; margin: 10px 0 0 175px;}
.formatted .subject input {width: 525px;}
.formatted textarea {margin: 7px 0 0 175px; width: 525px; height: 150px;}
.post-ui {margin: 1em 0;}
/* XXX I think this will screw up the fancy form buttons */
/* .post-ui input.submit {padding-right: 5px;} */
.formatted .post-ui {margin: 1em 0 1em 175px;}
.formatted .post-ui input {display: inline; margin: 0;}

/* -- comment preview style -- */
.preview {background: #EAEAEA url(../i/infopanel-middle.gif) repeat-y; width: 400px; margin: 2em 0 2em 175px;}
.preview p {margin: 1em 0;}
.preview .wrapper {background: url(../i/infopanel-bottom.gif) no-repeat left bottom;}
.preview .wrapper .wrapper {padding: 0.1em 20px; background: url(../i/infopanel-top.gif) no-repeat left top;}


/* -- pager - slightly modified -- */
.pager {float: right;}
.pager p, .pager ul {float: left;}
.pager p {line-height: 0;}

/* -- subscribe block -- */
p.subscribe {padding: 10px 15px; background: #ececec; clear: both; margin: 0 50px 0 175px;}
p.subscribe input {display: block; margin-top: 0.5em; border: 0; background: none; }

/* -- info message about logging in block  -- */
div.login-info {padding: 10px 15px 0 15px; background: #ececec; clear: both; width: 250px; margin-left: auto; margin-right: auto; margin-top: 30px; border: solid 1px #bbb; }


/* -- special message formatting -- */
.actions {margin: 1em 50px;}
.actions form {display: inline;}
.message #mainColumn {margin-top: 3em;}