/*

TwinHelix Forums - CSS Formatting Control File

This file should be included on all your forum pages, and contains the font/colour/size/position
information that controls the forum presentation.

If you're not familiar with CSS, there's a good reference available at www.ncdesign.org

*/

/* General tag formatting & colours */

body {
 font: 80%/1.5 "Trebuchet MS", Verdana, sans-serif;
 color: #777;
 background-color: #000;
 padding: 0 2em 0 2em;
 margin: 0;
}

#banner {
  display: block;
  margin-top: 0em;
  margin-left: auto;
  margin-right: auto;
  top: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
  width: 742px;
  color: #7684e7;
  font-family: comicsans, verdana, sans-serif;
  font-size: 200%;
}

table {
 font-size: 100%;
}

h1 {
 font-weight: Bold;
 font-size: 200%;
 color: #099;
 margin-top: 0.5em; margin-bottom: 0.5em;
 text-align: center;
 clear: both;
}

h2 {
 font-weight: Bold;
 font-size: 160%;
 color: #099;
 margin-top: 2em;
 text-align: center;
}

h3 {
 font-size: 130%;
 color: #036;
 margin-top: 2em
}

input, textarea {
 font-family: "Trebuchet MS", Verdana, sans-serif;
 font-size: 100%;
 vertical-align: middle;
}



/* Forum & topic row hover classes, and some generic classes used on most pages */

tr.tablerow {
 background-color: #EEE;
}

tr.tablerow2 {
 background-color: #E8E8E8;
}

tr.hoverrow {
 background-color: #DEF;
 /* Old IE versions require cursor:hand, but that doesn't validate. */
 cursor: pointer;
}

#loginbar {
 margin-left: 0.5em; margin-right: 0.5em;
 padding: 0.1em 1em 0.1em 0;
 text-align: right;
 background-color: #EEE;
 border-bottom: 1px solid #CCC;
}

#loginbar #sitelinks {
 padding: 0.1em 1em;
 float: left;
 height: 3em;
}

#loginbar form {
 padding: 0;
 margin: 0;
}

div.whereami {
 margin-bottom: 2em;
}

div.footer {
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

div.footer table {
 margin-top:4em;
 margin-left:auto;
 margin-right:auto;
 font-size: 80%;
 /* border-top: 1px dashed #999; */
 color: #999;
}

.hide {
 display: none;
}

.navfloat {
 float: right;
 background-color: #EEE;
 border: 1px solid #CCC;
 padding: 0.2em 0.4em 0.2em 0.4em;
}

/* .footer {
 margin-top: 4em;
 text-align: center;
 font-size: 80%;
 /* border-top: 1px dashed #999; */
 color: #999;
 } */

.pagediv {
 margin: 1em 0 1em 0;
 padding: 0.2em 1em 0.2em 0em;
 text-align: center;
 background-color: #EEE;
 border: 1px solid #CCC;
}
.pagelist a {
 font-weight: bold;
}

/* Forum listing table (class="forumlist") and its rows/columns */

.forumlist {
 width: 100%;
 border: 2px solid #000;
 border-collapse: collapse;
}

.forumlist th {
 background-color: #9CC;
}

.forumlist th, .forumlist td {
 padding: 0.3em;
 border: 1px solid #666;
}

.forumlist td.sectionbreak {
 background-color: #CCC;
 font-weight: bold;
 text-indent: 0.5em;
}

.forumlist td.forumname {
 padding-left: 0.5em;
}

.forumlist td.forumname a {
 font-weight: bold;
}

.forumlist td.forumname div {
 padding-left: 0.5em;
}

.forumlist td.lastpost {
 white-space: nowrap;
 text-align: center;
}

.forumlist td.lastpostnew {
 white-space: nowrap;
 text-align: center;
 font-weight: bold;
}

.forumlist td.topics {
 text-align: center;
}

.forumlist td.posts {
 text-align: center;
}

.forumlist .forumlistfooter {
 background-color: #9CC;
 text-align: right;
}

/* Topic listing page and table rows/columns */

.topiclist {
 width: 100%;
 border: 2px solid #000;
 border-collapse: collapse;
}

.topiclist th {
 background-color: #9CC;
}

.topiclist th, .topiclist td {
 padding: 0.3em;
 border: 1px solid #666;
}

.topiclist .pinned {
 background-color: #FCFCFC;
}

.topiclist #listtopicerror {
 background-color: #F99;
 text-align: center;
}

.topiclist .origauthor {
 white-space: nowrap;
 text-align: right;
 padding-right: 0.5em;
}

.topiclist .posts {
 text-align: center;
}

.topiclist .postspopular {
 text-align: center;
 font-weight: bold;
}

.topiclist .lastpost {
 white-space: nowrap;
 text-align: right;
}

.topiclist .lastauthor {
 float: left;
 text-align: left;
 padding-right: 1em;
}

.topiclist .pages {
 background-color: #9CC;
 text-align: center;
}

.createnewtopic {
 text-align: center;
 margin-top: 2em;
}
.createnewtopic a:link, .createnewtopic a:visited, .createnewtopic a:hover {
 margin: 0;
 padding: 0.3em 1em;
 background-color: #369;
 border: 1px solid;
 border-color: #6CF #036 #036 #6CF;
 color: #FFF
}
.createnewtopic a:active {
 border-color: #036 #6CF #6CF #036;
}

/* The message posting form, used for the new topic & post reply templates. */

.postform {
 width: 100%;
 text-align: center;
 margin-top: 3em;
}

.postform label {
 display: block;
 clear: both;
 font-weight: bold;
}

.postform input, .postform textarea {
 margin-bottom: 1em;
 font-weight: normal;
}

.postform UL {
 list-style-type: none;
}

.posterror {
 border: 2px solid red;
 background-color: #FEE;
 padding: 2em;
}





/* Post display formatting */

.headerpost {
 background-color: #9CC;
 width: 100%;
 font-weight: bold;
 border: solid #000;
 border-width: 2px;
}

.lightpost {
 clear: both;
 width: 100%;
 margin-top: -3px;
 background-color: #EEE;
 border: solid #000;
 border-width: 1px 2px 2px 2px;
}

.darkpost {
 clear: both;
 width: 100%;
 margin-top: -3px;
 background-color: #DDD;
 border: solid #000;
 border-width: 1px 2px 2px 2px;
}

.postinfo {
 float: left;
 width: 15em;
 overflow: hidden;
 padding: 0.5em 0 0.5em 0.5em;
}

.postinfo .author {
 font-weight: bold;
}

.postinfo .inforow {
 font-size: 90%;
 display: block;
}

.postcontent {
 margin-left: 15em;
 border-left: 1px dashed #999;
 padding: 0.5em 0.5em 1em 0.5em;
 min-height: 6em; /* Mozilla hack */
}
.headerpost .postcontent {
 min-height: 0;
}

.postcontent .postdate {
 text-align: right;
 font-size: 85%;
 margin-bottom: 0.5em;
}

.postcontent .sig {
 margin-top: 2em;
 border-top: 1px dashed #999;
 font-size: 80%;
 font-style: italic;
}

.postend {
 clear: both;
 height: 0;
 font-size: 0;
}


/* Topic settings form */

#topicsettings {
 text-align: center;
}




/* The account signup and editing UI */

.accountform label {
 display: block;
 float: left;
 width: 12em;
 font-weight: bold;
 text-align: right;
}

.accounterror {
 margin-bottom: 1em;
 color: red;
 font-weight: bold;
}




/* General link formatting and hover effects */

a {
 color: #36C;
 text-decoration: none
}
a:visited {
 color: #63C;
}
a:hover {
 background-color: #DEF;
 border: 1px dashed #ACE;
 margin: 0 -3px 0 -3px;
 padding: 0 2px 0 2px;
}
a:active {
 background-color: #36C;
 color: #FFF;
 border: 1px inset #36C;
 margin: 0 -3px 0 -3px;
 padding: 0 2px 0 2px;
}



/* Input area formatting and textbox hover effect */

.textbox {
 background-color: #FFF;
 border: 1px solid #000;
}
.textbox-focus {
 background-color: #DEF;
 border: 1px solid #000;
}
.button {
 background-color: #369;
 border: 1px solid;
 border-color: #6CF #036 #036 #6CF;
 color: #FFF
}