/* Very general styles */
p, h1, td, input, textarea {
  font-family: Georgia, serif;
  font-size: 12pt;
  
}

body {
  background-color: #353;
}
#container {
  width: 80%;
  margin: 1em 10% 1em 10%;
  border-style: solid;
  border-width: 3px;
  border-color: #8a8;
  background-color: #dfd;
  padding-top: .5em;
  padding-bottom: .5em;
  float: left;
}


h1.login-header {
  font-weight: bolder;
  font-size: 24pt;
  text-align: center;
  margin: .5em;
}


p.topic-foot {
  font-weight: bolder;
  font-size: 16pt;
}
p.forum-subject {
  font-weight: bolder;
  font-size: 16pt;
}

p.topic-author {
  text-align: right;
}

p.post-author {
  font-weight: bolder;
  text-align: center;
  margin: auto;
}

p.post-message {
  padding: 0;
  margin: 0;
}

p.topic-subject {
  font-weight: bolder;
}

p.post-subject {
  font-weight: bolder;
}

div, p {
  /* Set as defaults */
  padding: 0;
  margin: 0;
}





div.forum {
  border: solid 3px #8a8;
  padding: .5em;
  padding-bottom: 0em;
  margin: 1em;
  background-color: #dfd;
}
div.forum-row1 {
}

div.forum-row2 {
  margin-bottom: 2em;
}
div.forum-right {
  float: right;
  width: 10%;
  border: solid 1px;
  padding: .2em;
  background-color: #cec;
  text-align: center;
}


div.topics {
  float: left;
  width: 70%;
}

div.icon {
  width: 100px;
  height: 100px;
  margin: auto;
  vertical-align: middle;
}
img.icon {
  margin: auto;
  vertical-align: middle;
}

div#topic-preview {
  float: right;
  width: 20%;
  padding-right: 1em;
  height: 16em;
  padding: 1em;
  border: 3px solid #8a8;
  margin: .5em;

}



a {
  text-decoration: none;
  color: #88a;
}
a:visited {
  color: #668;
}
a:hover {
  text-decoration: underline;
  color: #aac;
}

a.forum {
  
}

a.topic {
}





table.login {
  margin: auto;
}


table.posts, table#post-new {
  width: 100%;
}

table.topics {
  width: 100%;
}

tr, td {
  margin: 0;
  padding: 0;
  border: 0;
}

td.row-1 {
  background-color: #cec;
}
td.row--1 {
  background-color: #bdb;
}

td.topic-a {
  width: 20%;
}
td.topic-b {
  width: 80%;
}
td.topic-a, td.topic-b {
  padding: .5em;
}


td.post-topleft, td.post-topright {
  padding: .5em;
}

td.post-topright {
  background-color: #cec;
}
td.post-topleft {
  background-color: #bdb;
  text-align: center;
}

td.post-bottomright {
  vertical-align: top;
  padding: .5em;
}

td.post-topleft, td.post-bottomleft {
  width: 20%;
}
td.post-topright, td.post-bottom-right {
  width: 70%;
}

td.login-left {
  text-align: right;
  width: 50%;
}
td.login-right {
  text-align: left;
  width: 50;
}




input.post-subject {
  font-weight: bolder;
  border-style: solid;
  border-width: 1px;
  border-color: #353;
  background-color: #bdb;
  width: 100%;
  
}

input.button {
  border-style: solid;
  border-width: 1px 2px 2px 1px;
  border-color: #353;
  background-color: #8a8;
  color: #cec;
}

input.button-submit {
  font-weight: bolder;
}

input.login {
  border-style: solid;
  border-width: 1px;
  border-color: #353;
  background-color: #bdb;
  width: 15em;
}

input.checkbox {
  border-style: solid;
  border-width: 1px;
  border-color: #353;
  background-color: #bdb;
}

input.topic-subject {
  font-weight: bolder;
  border-style: solid;
  border-width: 1px;
  border-color: #353;
  background-color: #8a8;
  width: 100%;
}








textarea.post-message {
  border-style: solid;
  border-width: 1px;
  border-color: #353;
  background-color: #bdb;
  width: 100%;
  padding: .25em;
}

textarea.topic-message {
  border-style: solid;
  border-width: 1px;
  border-color: #353;
  background-color: #8a8;
  width: 100%;
  padding: .25em;
}