/**
 * Based loosely on the subBlack theme for phpBB
 */
body {
background-color: #DCA3A3;
color: #FFFFFF;
font-size: 16px;
font-family: serif;
}

a:link, a:active, a:visited {
color: #CC9900;
text-decoration: none;
}

a:hover	{
color: #FFFFFF;
text-decoration: underline;
}
font, th, td, p, .post-item {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.breadcrumbs {
font-size: 12px;
margin: 2em 3em;
text-align: left;
}
.breadcrumbs a:hover {
text-decoration: none;
}

#content {
margin: 1em 15px;
text-align: left;
}

#content-main {
margin: 1em 0;
position: relative;
text-align: center;
}

#inner-container {
height: 90%;
margin: 10px auto;
padding: 10px 0;
width: 99%;
}

#logo img {
border: 0;
}

#main-box {
/*background-color: #000000;*/
/*background-color: #8CD0D3;*/
background-color: #212121;
padding: 10px 0;
position: relative;
width: 100%;
}

#outer-container {
height: 99%;
text-align: center;
width: 100%;
}

.center {
display: block;
margin: 0 auto;
text-align: center !important;
}

/** corners */
.tr, .bl, .br {
height: 15px;
position: absolute;
width: 15px;
}
.tl {
background: url(../pix/corners.png) -15px -15px no-repeat;
}
.tr {
background: url(../pix/corners.png) 0 -15px no-repeat;
right: 0;
top: 0;
}
.bl {
background: url(../pix/corners.png) -15px 0 no-repeat;
left: 0;
bottom: 0;
}
.br {
background: url(../pix/corners.png) 0 0 no-repeat;
right: 0;
bottom: 0;
}

/** login-related */
#user-login {
font-size: 11px;
position: absolute;
right: 15px;
text-align: right;
top: 15px;
}
#user-login input.text {
background-color: #212121;
color: #FFFFFF;
height: 1.2em;
width: 120px;
}
.label {
text-align: right !important;
font-size: 12px;
}
.error {
background-color: #CC2121;
color: #C3BF9F;
}
.submit a, .submit input {
float: right;
height: 1.5em !important;
width: auto !important;
}
#register-box {
clear: both;
padding-top: 0.5em;
text-align: center;
}

/** theme/thread listing */
table {
width: 100%;
}

.listing td {
font-size: 10px;
height: 40px;
text-align: center;
}

th {
color: #FFCC00;
font-size: 0.8em !important;
height: 1em;
margin-bottom: 2px;
text-align: center;
}

.link a {
display: block;
font-size: 12px;
font-weight: bold;
padding: 7px 0 7px 1em;
text-decoration: none;
}
.link a:hover {
/*background: #212121 url(../pix/link-grad.png) center right repeat-y;*/
background: #515151 url(../pix/link-grad.png) center right repeat-y;
}
.link span.desc {
color: #FFFFFF;
font-size: 11px;
font-weight: normal;
}
#content-main td.link {
text-align: left;
}
.status-icon {
width: 50px;
}

.posts-count, .threads-count {
width: 70px;
}

.latest-post {
width: 190px;
}

.author {
width: 150px;
}

img.avatar {
margin-top: 0.5em;
max-width: 130px;
}

.listing a.author {
display: block;
font-size: 11px;
}

.new-thread {
font-size: 12px;
}

/** post listing */
#posts-list td, .post-item {
font-size: 12px;
text-align: left;
vertical-align: top;
}

#posts-list .post .post-header {
font-size: 10px;
margin-bottom: 1em;
padding-left: 15px;
}

.post-options {
float: right;
}

#posts-list a.author {
color: #FFCC00;
font-weight: bolder;
}

#posts-list .author .details {
font-size: 11px;
margin-top: 1em;
}

#posts-list td.pagination {
text-align: right;
}

div.ooc, span.ooc {
background-color: #AED8AE;
border: 1px solid #AED8AE;
color: #212121;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
div.ooc {
margin: 2px 20px;
padding: 5px;
}
b.ooc {
font-size: 15px;
margin-right: 0.5em;
}

/** new posts */
#reply-header {
/* faking margin-top... */
height: 2em;
vertical-align: bottom;
width: 100%;
}
.post-body {
width: 100%;
height: 20em;
}
#reply .post-body {
height: 10em;
}

tr.post .text {
background: url(../pix/post-corner.png) 0 0 no-repeat;
padding: 7px;
position: relative;
}

tr.post .text, .post-body, .post-item {
background-color: #3F3F3F;
/*color: #DCA3A3;*/
color: #C3BF9F;
font-size: 14px !important;
font-weight: 500;
}

.post td {
/* faking a margin-bottom */
border-bottom: 10px solid #212121;
text-align: left;
}

.post input {
background-color: #515151;
color: #FFFFFF;
}
.post input[type=text], .post input[type=password] {
width: 100%;
}

.post input[type=submit], .post input[type=button] {
cursor: pointer;
height: 2em;
margin: 2px 10px 2px 0;
width: 160px;
}

.post input[type=button][disabled] {
color: GrayText;
cursor: inherit;
}