/*
 * =================================================================
 * Gossamer Forum - Advanced web community
 *
 *   Website  : http://gossamer-threads.com/
 *   Support  : http://gossamer-threads.com/scripts/support/
 *   Revision : $Id: luna_core.css,v 1.171 2010/09/03 08:27:40 brewt Exp $
 *
 * Copyright (c) 2006 Gossamer Threads Inc.  All Rights Reserved.
 * Redistribution in part or in whole strictly prohibited. Please
 * see LICENSE file for full details.
 * =================================================================
 */

/*
Do not make changes to this file.  Any changes will be overwritten the next
time you upgrade Gossamer Forum.  You can override any css in this file by
defining overriding styles in luna.css.
*/

/*
There are a few CSS filters/hacks used in this file to fix bugs in various
browsers.  Here is a list of them:

- Star html selector bug (css rule only applies to <=ie6)
    http://info.com.ph/~etan/w3pantheon/style/starhtmlbug.html
    eg. * html <selector> {}
- Simplified box model hack (hide css from ie5-5.5/win)
    http://www.doxdesk.com/personal/posts/css/20020212-bmh.html
    eg. w\idth: 100px;
- Commented backslash (hide css from ie5/mac)
    http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html
- Underscore Hack (css rule only applies to <=ie6)
    http://wellstyled.com/css-underscore-hack.html
    eg. _width: 100px;
- Asterix Hack (css rule only applies to ie/win)
    http://centricle.com/ref/css/filters/tests/asterisk/
    eg. *width: 100px;
*/

/*------------------*\
|* global interface *|
\*------------------*/
body {
  margin: 0px;
  padding: 0px;
  color: #5f5812;
  background: url(../background.jpg);
  font: normal 14px Verdana, Helvetica, Arial, sans-serif;
  min-width: 990px;
}
img {
  border: none;
}

/* forms */
form {
  margin: 0px;
}
input, textarea, select {
  font: normal 13px tahoma, geneva, verdana, sans-serif;
}
input.text, input.password, textarea {
  padding: 4px 0px 4px 2px;
  border: 1px solid #ddd;
  background: #fff;
}
select {
  border: 1px solid #999999;
}

/* links */
a {
  color: #069;
  font-weight: 600;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/* headings */
h1 {
  font-size: 16px;
  margin: 0px;
  color: #5f5812;
  padding-top: 3px;
}
h2 {
  font-size: 15px;
  margin: 0px;
}
h3 {
  font-size: 13px;
  margin: 5px 0px 1px 0px;
  text-align: right;
  background: transparent url(images/row-separator.gif) repeat-x bottom left;
}
h4 {
  font-size: 12px;
  margin: 0px;
}
h5 {
  font-size: 11px;
  font-weight: normal;
  margin: 0px;
  color: #222;
}
p {
  margin: 11px 0px;
}
#accessibility {
  position: absolute;
  left: -9000em;
  width: 9000em;
}

#wrapper {
  margin: 0px;
}
.noauth #wrapper {
  text-align: center;
}


/*--------*\
|* header *|
\*--------*/
#logo {
  width: 281px;
  height: 149px;
  background: transparent url(../boatman.jpg) top left no-repeat;
  text-indent: -9999px;
}
#logo h1, #logo a {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
}
#logo a {
  text-decoration: none;
  display: block;
  outline: none;
}
#header,
#contentheader,
#ocwrapper,
ul.primarynav {
  margin: 0 20px 0 50px !important;
}
.noauth #header {
  border-bottom: 3px solid #383741;
  text-align: left;
}
#loginbar {
  float: right;
  text-align: right;
}
#loginbar a {
  margin-top: 25px;
  padding: 10px 30px 10px 0px;
  color: #212126;
  font-weight: bold;
  display: block;
}
#loginbar a:hover {
  color: #5c5b66;
}
#loginbar a.in {
  background: transparent url(images/login.gif) center right no-repeat;
}
#loginbar a.out {
  background: transparent url(images/logout.gif) center right no-repeat;
}

/*------------*\
|* navigation *|
\*------------*/
.navbar {
  margin-bottom: 1px;
  background: #656241;
  border-bottom: 2px solid #cfcdb5;
}
ul.primarynav, ul.secondarynav {
  margin: 0px;
  padding: 0px;
  width: 100%;
  float: left;
  list-style: none;
}
ul.secondarynav {
  background: #777c8d;
}
ul.primarynav li, ul.secondarynav li {
  float: left;
  list-style: none;
}
ul.primarynav a {
  margin-right: 1px;
  padding: 7px 20px 7px 0px;
  float: left;
  color: #ffffff;
  font-size: 11px;
  text-decoration: none;
  font-weight: 600;
}
ul.primarynav a:visited {
  color: #ffffff;
}
ul.primarynav a:hover {
  color: #ffffff;
  background: #737180;
}
ul.secondarynav li.first {
  padding-left: 5px;
}
ul.secondarynav a {
  margin-right: 1px;
  padding: 4px 5px;
  float: left;
  color: #ffffff;
  font-size: 10px;
  text-decoration: none;
}
ul.secondarynav a:visited {
  color: #ffffff;
}
ul.secondarynav a:hover {
  color: #212126;
}
ul.primarynav li .new-messages, ul.primarynav li .new-post-reports {
  font-weight: bold;
  font-size: 10px;
  color: #00c000;
}

ul.primarynav li.rss {
  background: none;
  float: right;
}
ul.primarynav li.rss a {
  margin-right: 0;
  border: none;
}
ul.primarynav li.rss a:hover {
  background: none;
}

ul.primarynav li {
  width: 13%;
}
ul.primarynav li.support {
  white-space: nowrap;
  width: 14%;
}
/*-----------*\
|* searchbar *|
\*-----------*/
.searchbar {
  margin-bottom: 3px;
  padding: 5px 10px;
  border-bottom: 1px solid #57594b;
  background: #edf2cb;
/* ie doesn't like the nav div being cleared, so we'll clear it using the searchbar */
  clear: both;
}
.searchbar input.text, .searchbar input.submit {
  margin-right: 5px;
}
.searchbar input.submit {
  padding: 0px 3px;
  height: 21px;
  line-height: 1em;
}
/* these colours are the same as defined by 'a', but we unset a:visited */
.searchbar a {
  color: #212126;
  font-size: 10px;
}
.searchbar a:hover {
  color: #5c5b66;
}
.searchbar .username {
  padding-top: 4px;
  float: right;
}

/*--------*\
|* footer *|
\*--------*/
#footer {
  margin-top: 3px;
  padding: 5px;
  border-top: 2px solid #cfcdb5;
  background: #656241;
  color: #ffe;
}
#footer p {
  margin: 0px;
  padding: 0px 20px;
  text-align: left;
  float: right;
  text-align: center;
}

#footer a {
  color: #ffffee;
  font-weight: bold;
}
#footer .search-form {
  float: left;
  margin-top: 3px;
}
/*---------------*\
|* contentheader *|
\*---------------*/
#contentheader {
  padding: 10px 10px 0px 10px;
  background: #e2e1eb;
}
#contentheader #contentheader_heading {
  padding-bottom: 5px;
  margin-top: 10px;
}
#contentheader #contentheader_heading h1 {
  margin-top: 10px;
}
#contentheader .error, #contentheader .message {
  padding: 2px;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-size: 12px;
  text-align: center;

  width: 80%;
  margin: auto auto;
}
#contentheader .error.last, #contentheader .message.last {
  margin-bottom: 0px;
}
#contentheader .error {
  background: #8c3030;
}
#contentheader .message {
  background: #3a5841;
}
#contentheader .error *, #contentheader .message * {
  margin: 0px;
  padding: 0px;
}
#contentheader #welcome_user {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#contentheader #welcome_user h1 {
  font-size: 12px;
  margin: 10px 0;
}
#contentheader #welcome_user #welcome_nouser_count {
  padding-top: 22px;
  line-height: 10px;
}
#contentheader #welcome_user #welcome_user_count {
  line-height: 12px;
}

#contentheader #contentheader_heading a {
  color: #656241;
}
/*---------------*\
|* contentfooter *|
\*---------------*/
#contentfooter {
  background: #e2e1eb;
}

/*---------*\
|* content *|
\*---------*/
#ocwrapper {
/* background colour of left sidebar */
  border-left: 0px solid #e2e1eb;
/* background colour of right sidebar */
  border-right: 0px solid #e2e1eb;
  background: #e2e1eb;
}
#leftsidebar {
  margin-left: -170px;
  padding: 0px;
  width: 170px;
  float: left;
  position: relative;
}
#rightsidebar {
  margin-right: -200px;
  padding: 10px 10px 10px 0px;
  width: 190px;
  float: right;
  position: relative;
/* hide the right sidebar by default */
  display: none;
}
#contentwrapper {
  width: 100%;
  float: left;
  position: relative;
}
/* hack for ie/win's guillotine bug */
/* start non ie/mac css \*/
* html #content {
  height: 1%;
}
/* end non ie/mac css */

/* non full page width pages */
#content .small-wrapper {
  width: 100%;
  background: #7F7C57;
  margin: 0 auto;
  padding: 30px 0;
}

#content .small-wrapper .content {
  padding: 0px 10px 10px 10px;
}

#content .small-wrapper .note {
  padding: 2px;
  margin: 0px;
  font-size: 9px;
}

#content .small-wrapper h2 {
  color: #ffffff;
  background: #383741;
  text-transform: uppercase;
  font-size: 11px;
  padding: 3px 4px;
  margin-top: 0px;
}

/*-----------------*\
|* Utility classes *|
\*-----------------*/

/* clearing class */
.clear:after {
  height: 0px;
  clear: both;
  display: block;
  visibility: hidden;
  content: ".";
}
.clear {
  display: inline-block;
}
/* start non ie/mac css \*/
* html .clear {
  height: 1%;
}
.clear {
  display: block;
}
/* end non ie/mac css */

.clear-both {
  clear: both;
}

.hide {
  display: none;
}

/*-----------------*\
|* global elements *|
\*-----------------*/

/* box shadow */
.shadowtop, .shadowbottom {
  height: 10px;
  font-size: 1px;
  display: inline-block;
/* ie/mac fix \*/
  display: block;
/* end fix */
}
.shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {
  width: 15px;
  height: 10px;
  font-size: 1px;
}
.shadowtop {
  background: url(images/shadow-top.gif) bottom repeat-x;
}
.shadowbottom {
  background: url(images/shadow-bottom.gif) top left repeat-x;
}
.shadowleft {
  background: url(images/shadow-left.gif) left repeat-y;
}
.shadowright {
  background: url(images/shadow-right.gif) right repeat-y;
}
.shadowtopleft {
  float: left;
  background: url(images/shadow-topleft.gif) bottom left no-repeat;
}
.shadowtopright {
  float: right;
  background: url(images/shadow-topright.gif) bottom right no-repeat;
}
.shadowbottomleft {
  float: left;
  background: url(images/shadow-bottomleft.gif) top left no-repeat;
}
.shadowbottomright {
  float: right;
  background: url(images/shadow-bottomright.gif) top right no-repeat;
}

/* dotted spacer */
.spacer {
  background: transparent url(images/row-separator.gif) repeat-x bottom left;
}
.top-spacer {
  background: transparent url(images/row-separator.gif) repeat-x top left;
}
/* This is unfortunately needed because setting a background on a <tr> does
 * *not* actually affect the tr in IE - instead it just puts that background on
 * each <td>, which means the image from one <td> may not have the right
 * horizontal offset as the next <td>.  To get around this, each spacer row
 * contains just one, empty, <td colspan="..">.  This sucks.  Patches welcome.
 */
table.list tr.spacer td {
  height: 0px;
  padding: 0px 0px 0px 0px;
}

/* Toolbar (actions and paging) */
.toolbar {
  padding: 5px;
  margin:  0px;
  background: #9F9C77;
}
.page-forum_view #toolbar1 {
  background: url(../reeds.gif) no-repeat 1% 50% #9F9C77;
  padding-left: 70px;
}
.page-forum_view .toolbar h1 {
  float: left;
  margin-right: 10px;
}
.page-forum_view #toolbar1 .paging {
  margin-top: 3px;
}

.toolbar input, .toolbar select {
  vertical-align: middle;
}
.toolbar input.submit {
  line-height: 1em;
  background: #7f7c57;
  color: #ffe;
  border: 2px solid #c1BEAD;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: bold;
}
.toolbar input.submit:hover {
  background: #fff;
  color: #222;
}
.toolbar#toolbar1 {
  margin-top: 0px;
}
.toolbar#toolbar2 {
  margin-bottom: 0px;
}

.paging {
  float: left;
  color: #000;
  padding-top: 3px;
}
.paging a {
  color: #ffd;
}
.paging img, .paging select {
  vertical-align: middle;
}
.tool-actions {
  float: right;
  display: block;
  white-space: nowrap;
}
.tool-actions form {
  display: inline-block;
}

/* paging style 3 rules */
.paging a:visited {
  color: #212126;
}
.paging span {
  font-weight: bold;
}

.toolbar #toolbar_form {
  display: none;
}


/*---------------------------------*\
|* General list styles (most lists *|
|* other than category list)       *|
\*---------------------------------*/
.list {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}
.list thead tr {
  background-color: #656241;
  color: white;
}
.list th {
  text-transform: uppercase;
  padding: 3px 0;
}
.list th a {
  color: white;
  text-decoration: none;
}
/* Common columns (such as date) which have the same width in any list table: */
.list .delete {
  width: 30px;
  text-align: center;
}
.list th.date {
  width: 160px;
}
.list td {
  padding: 8px 0;
}
.list tr .first {
  padding-left: 8px;
}

/*----------------*\
|* forum/cat list *|
\*----------------*/
.category-list {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}
.category-list thead tr th {
  background-color: #5F5812;
  color: #afac9b;
  font-weight: bold;
  padding: 3px;
}
.category-list thead tr th.forum-name {
  padding-left: 40px;
}
.category-list thead tr th.forum-threads, .category-list thead tr th.forum-posts {
  width: 55px;
  padding-left: 10px;
  padding-right: 15px;
}
.category-list thead tr th.forum-posts {
  width: 60px;
}
.category-list thead tr th.forum-last {
  width: 140px;
  padding-left: 10px;
}
.category-list tr.category {
  border-top: 1px solid white;
}
.category-list tr.category td {
  background: url(../reeds.gif) no-repeat 1% 50% #9F9C77;
  padding: 7px 10px 7px 65px !important;
  display: table-cell;
  font-size: 14px;
  font-weight: bold;
  border-top: 3px double #ffd;
  border-bottom: 3px double #ffd !important;
  color: #ffd;
}
.category-list tr.category td a {
  text-decoration: none;
  color: #ffd;
  display: inline-block;
}
.category-list tr.category td a:hover {
  text-decoration: underline;
}
.category-list tr.category td a.underline {
  text-decoration: underline;
}
.category-list tr.forum td {
  padding: 5px 5px 5px 10px;
  border-left: 1px #642 solid;
}
.category-list tr.forum td:first-child {
  border: 0;
}
.post-list td {
  border-left: 1px solid #642;
  padding-left: 5px;
  padding-right: 5px;
}
.post-list tr td:first-child, 
.post-list tr td:nth-child(2) {
  border: 0;
}

/*
IE breaks without the following, even though it's identical to the definition immediately above.  Without
redefining it, IE seems to stick the contents of the cell in the right padding area, apparently treating
the content area as part of the left padding.
*/
.category-list tr.forum td.forum-last {
  padding: 5px 5px 5px 10px;
}
.category-list tr.forum td.forum-threads, .category-list tr.forum td.forum-last {
  background-color: none;
}
.category-list tr.forum td.forum-threads, .category-list tr.forum td.forum-posts {
  padding-left: 10px;
}
.category-list tr.forum td div.new {
  color: #8c3030;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 10px;
  white-space: nowrap;
}
.category-list tr.forum td.forum-name {
  background: url(images/forum.gif) 10px 10px no-repeat;
}
.category-list tr.forum td.forum-post {
  background: url(images/post.gif) 10px 5px no-repeat;
  padding-left: 40px;
}
.category-list tr.forum.new td.forum-name {
  background-image: url(images/forum-new.gif);
}
.category-list tr.forum td.forum-name a.name,
.category-list tr.forum td.forum-post a.name {
  font-weight: bold;
  color: #314fb1;
  font-size: 14px;
}
.category-list tr.forum td.forum-name label {
  font-weight: bold;
  color: #314fb1;
}
.category-list tr.forum td.forum-name div {
  color: #5c5b66;
}
.category-list tr.forum td.forum-last a {
  color: #314fb1;
}
.category-list tr.forum td.forum-last img {
  vertical-align: text-bottom;
  padding-bottom: 1px;
  padding-left: 3px;
}
.category-list tr.forum td.forum-last .date {
  white-space: nowrap;
}
.category-list tr.forum td.forum-last .by {
  float: left;
  /* IE hack for a max-width equivelant (this is a few pixels less than max-width because IE positions things differently): */
  width: expression(this.style.width || (this.clientWidth > 102 ? '102px' : 'auto'));
  max-width: 105px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.category-list tr.forum td.forum-last .by a {
  font-weight: bold;
}
.category-list tr.cat-spacer td {
  height: 1px;
  background-color: #9997b2;
  padding: 0px 0px 1px 0px;
}
.category-list tr.category td a.show-hide-cat {
  font-weight: bold;
}
.category-list tr.category td a.show-hide-cat:hover {
  text-decoration: none;
}
.category-list tr.category td a.show-hide-cat img {
  vertical-align: text-bottom;
}

/* Indents for subcats/forums: */
.category-list tr.category.depth0 td { padding-left: 10px; }
.category-list tr.category.depth1 td { padding-left: 40px; }
.category-list tr.category.depth2 td { padding-left: 70px; }
.category-list tr.category.depth3 td { padding-left: 100px; }
.category-list tr.category.depth4 td { padding-left: 130px; }
.category-list tr.category.depth5 td { padding-left: 160px; }
.category-list tr.category.depth6 td { padding-left: 190px; }
.category-list tr.category.depth7 td { padding-left: 220px; }
.category-list tr.category.depth8 td { padding-left: 250px; }
.category-list tr.category.depth9 td { padding-left: 280px; }

.category-list tr.forum.depth0 td.forum-name { padding-left: 40px; background-position: 5px 50%; }
.category-list tr.forum.depth1 td.forum-name { padding-left: 70px; background-position: 35px 50%; }
.category-list tr.forum.depth2 td.forum-name { padding-left: 100px; background-position: 65px 50%; }
.category-list tr.forum.depth3 td.forum-name { padding-left: 130px; background-position: 95px 50%; }
.category-list tr.forum.depth4 td.forum-name { padding-left: 160px; background-position: 125px 50%; }
.category-list tr.forum.depth5 td.forum-name { padding-left: 190px; background-position: 155px 50%; }
.category-list tr.forum.depth6 td.forum-name { padding-left: 220px; background-position: 185px 50%; }
.category-list tr.forum.depth7 td.forum-name { padding-left: 250px; background-position: 215px 50%; }
.category-list tr.forum.depth8 td.forum-name { padding-left: 280px; background-position: 245px 50%; }
.category-list tr.forum.depth9 td.forum-name { padding-left: 310px; background-position: 275px 50%; }


/*
Post lists (i.e. lists of posts in a forum, thread list in threaded post view,
watched threads, etc.).  Note that 'post-list' is the generic class, there are
more specific 'forum-list', 'thread-list', etc. classes that can be used to
alter post lists only in specific contexts.
*/
.post-list thead th {
  padding: 8px 5px;
  background: #7F7C57;
  text-transform: none;
}
.post-list thead th.expand-collapse {
  width: 20px;
}
.post-list thead th.author {
  width: 100px;
}
.post-list thead th.views {
  width: 60px;
}
.post-list thead th.replies {
  width: 68px;
}
.post-list thead th.favourites {
  width: 68px;
}
.post-list thead th.user-icon {
  width: 20px;
}
table.post-list thead th.last { /* a "last post" column, including info about the last post */
  width: 240px;
}

.post-list tr .expand-collapse, .post-list tr .views, .post-list tr .replies, .post-list tr .favourites {
  text-align: center;
}
.post-list tr .expand-collapse img, .post-list tr.post-row td.subject img {
  vertical-align: middle;
}
.post-list tr.post-row td.subject a {
  text-decoration: none;
}
.post-list tr.post-row td.subject a:hover {
  text-decoration: underline;
}
.post-list tr.post-row td.subject div.indent {
  height: 1em;
  width: 20px;
  float: left;
}
.post-list tr.post-row img.icon {
  width: 16px;
  height: 16px;
  background: top left no-repeat;
  vertical-align: middle;
  padding-right: 2px;
}
.post-list tr.post-row img.icon.moved-thread {
  background-image: url(images/post-moved.png);
  _background-image: url(images/post-moved.gif);
}
.post-list tr.post-row img.icon.new-thread {
  background-image: url(images/post-new-thread.png);
  _background-image: url(images/post-new-thread.gif);
}
.post-list tr.post-row img.icon.new-replies {
  background-image: url(images/post-new-replies.png);
  _background-image: url(images/post-new-replies.gif);
}
.post-list tr.post-row img.icon.read-thread {
  background-image: url(images/post-thread.png);
  _background-image: url(images/post-thread.gif);
}
.post-list tr.post-row img.icon.new-post {
  background-image: url(images/post-new.png);
  _background-image: url(images/post-new.gif);
}
.post-list tr.post-row img.icon.read-post {
  background-image: url(images/post.png);
  _background-image: url(images/post.gif);
}
.post-list tr.post-row .remove-moved-pointer {
  font-size: 9px;
}
.post-list tr.post-row td.author {
  overflow: hidden;
  text-overflow: ellipsis;
}
.post-list tr.post-row td.last div.date-username {
  float: left;
  /* IE hack for a max-width equivelant (this is a few pixels less than max-width because IE positions things differently): */
  width: expression(this.style.width || (this.clientWidth > 217 ? '217px' : 'auto'));
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 1px;
  padding-left: 3px;
  white-space: nowrap;
}
.post-list tr.post-row td.last img.jump {
  vertical-align: middle;
  padding: 0px 0px 0px 2px;
}


/* Message list */
.message-list th.status {
  width: 70px;
}
.message-list.sent-messages th.status {
  width: 25px;
}
.message-list th.author, .message-list thead th.recipient {
  width: 100px;
}
.message-list tr .status {
  text-align: center;
}
.message-list tr.message-row td.subject a {
  text-decoration: none;
}
.message-list tr.message-row td.subject a:hover {
  text-decoration: underline;
}
.message-list tr.new td.subject {
  font-weight: bold;
}


/* IP list (admin) */
.ip-list th.ip-address {
  width: 120px;
}
.ip-list th.ip-address.country {
  width: 200px;
}
.ip-list th.num-posts {
  width: 90px;
}
.ip-list th.forum {
  width: 200px;
}
.ip-list th.poster {
  width: 225px;
}
.ip-list.no-ip th.forum {
  width: 250px;
}
.ip-list.no-ip th.poster {
  width: 275px;
}

.ip-list td.posters .poster {
  white-space: nowrap;
}
.ip-list td .poster-data {
  font-size: 9px;
}
.ip-list td .poster-data .user-disabled {
  color: red;
}
.ip-list td.poster {
  overflow: hidden;
}
.ip-list td.poster a {
  white-space: nowrap;
}


/* Buddy list (Settings: Buddies) */
.buddy-list th.online {
  width: 60px;
}
.buddy-list th.replies {
  width: 68px;
}
.buddy-list tr .online, .buddy-list tr .replies {
  text-align: center;
}
.buddy-list td.action img {
  vertical-align: middle;
}
.buddy-list td.action a {
  text-decoration: none;
}
.buddy-list td.action a:hover {
  text-decoration: underline;
}


/* Who's Online list */
.online-list td.action img {
  vertical-align: middle;
}
.online-list td.action a {
  text-decoration: none;
}
.online-list td.action a:hover {
  text-decoration: underline;
}


/* User list (Member Directory) */
.user-list th.online {
  width: 125px;
}
.user-list th.title {
  width: 150px;
}
.user-list th.posts {
  width: 125px;
}
.user-list th.date {
  width: auto;
}
.user-list th.ip { /* Only shows up for admin-status users */
  width: 130px;
}
.user-list td.username .enable-disable, .user-list td.ip .ban {
  font-size: 9px;
  padding-top: 2px;
}
.user-list td.username div.username {
  float: left;
  margin-right: 4px;
}
.user-list tr .online, .user-list tr .posts {
  text-align: center;
}






















/* Forum view-specific post-list styles */
.forum-list thead .expand-collapse {
  width: 12px;
  padding-right: 0px;
  padding-left: 3px;
}
/* Forum view ignored post */
.forum-post-ignored td {
  opacity: 0.25;
  filter: alpha(opacity = 25);
}

.page-forum_view .toolbar div.action {
  float: left;
  padding-right: 5px;
}





.settings table.list {
  margin-bottom: 20px;
}

.settings table.list .category-forum-name {
  background: url(images/forum.gif) no-repeat;
  background-position: center left;
  padding-left: 30px;
  padding-top: 3px;
  padding-bottom: 3px;
  vertical-align: middle;
}
.settings table.list .category-forum-name a {
  text-decoration: none;
  color: #314fb1;
  font-weight: bold;
}




.page-user_list td.online.user-online {
  color: green;
}
.page-user_list td.online.user-offline {
  color: red;
}
.page-user_list td.online.user-online.user-invisible,
.page-user_list td.online.user-offline.user-invisible {
/* These only happen for admins, who see on/offline status even of invisible users */
  font-style: italic;
}


span.invisible {
  font-style: italic;
}




.page-user_profile_privacy .list .block-pm, .page-user_profile_privacy .list .hide-post {
  text-align: center;
}










/* misc crap that needs cleanup */


.user-profiles .spacer.clear-both {
  height: 2px;
}
.user-profiles .save {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.user-profiles .status-message {
  padding-bottom: 3px;
  margin-bottom: 1px;
}
.user-profiles .status-message span.number {
  font-weight: bold;
}
table.list tr td.empty {
  font-weight: bold;
  color: #9795a2;
  padding: 10px;
}


























/*-------*\
|* Forms *|
\*-------*/

.row {
  padding: 4px;
  background: #ffffee;
}
.row label.name {
  margin: 0px;
  padding: 1px 5px 0px 0px;
  width: 120px;
  float: left;
  color: #666;
  font-size: 12px;
  font-weight: bold;
}
.row label.name span {
  color: #8c3030;
}
.row label.name small {
  font-size: 9px;
}
.row .value {
  float: left;
}
.row .value input.text, .row .value input.password, .row .value select {
  width: 150px;
  font-size: 11px;
}
.row .value textarea {
  width: 325px;
  font-size: 11px;
}
.row .value input.text.shorttext {
  width: 100px;
}
.row .value input.longtext {
  width: 300px;
}
.row .value .indent {
  margin-left: 155px;
}
.row.invalid {
  color: #8c3030;
  font-weight: bold;
}
.row-buttons {
  text-align: center;
  margin: 10px auto;
}
.row-buttons input.submit, .row-buttons input.button {
  text-transform: uppercase;
  font-weight: bold;
  background: #5f5e63;
  padding: 2px 8px;
  color: #fff;
  border: 1px solid #afafaf;
}
.row .value input, .row .value label {
  vertical-align: middle;
}
.row .value ul.donation-amount {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.row .value ul.donation-amount li {
  padding: 2px 0;
}



.settings .row {
  padding: 0px;
  margin-bottom: 10px;
}
.settings .no-margin {
  margin: 0;
}
.settings .row label.name {
  padding-left: 15px;
  width: 145px;
  margin-top: 6px;
}
.settings .row .value {
  float: none;
  margin-left: 170px;
  padding-top: 6px;
}
.settings .row .value .fixed-width-select {
  float: left;
  display: block;
  width: 200px;
  vertical-align: middle;
}
.settings .row .value .fixed-width-select-small {
  float: left;
  display: block;
  width: 130px;
  vertical-align: middle;
}
.settings .row .value input,
.settings .row .value select,
.settings .row .value img{
  vertical-align: middle;
}
.settings .row input.text,
.settings .row input.password,
.settings .row textarea,
.settings .row select {
  width: 260px;
}
.settings .row select.narrow {
  width: 60px;
}
.settings .row textarea {
  height: 180px;
}





input.submit-dark {
  border: 1px solid #9795a2;
  background: #5c5b66;
  color: #FFF;
  font-weight: bold;
  text-transform: uppercase;
  padding: 2px 5px;
}

input.submit-dark-small {
  border: 1px solid #9795a2;
  background: #5c5b66;
  color: #FFF;
  font-weight: normal;
  text-transform: capitalize;
  padding: 0px 5px;
  margin-left: 5px;
  font-size: 10px;
}








































/* Post and message blocks */

.post-page #print, .message-page #print {
  display: none;
}
.post-wrapper, .message-wrapper {
  margin: 10px 0px; /* space between posts */
  border-left: 175px solid #7F7C57; /* post info area (if changing, also change .post-info width) - this should be == .post-info width + .post-info right & left padding */
}
.post-hide-wrapper {
  margin: 10px 0px;
  border-left: 175px solid #dadada;
}
.post, .message {
  position: relative;
  margin-left: 0px; /* space between body and info */
  background: #ffffee;
}
.post-hide {
  border: 1px solid #dadada;
  margin-left: 5px;
  background: white;
}
.post-info, .message-info, .post-info-hide {
  margin-top: -1px; /* .post-wrapper border */
  margin-left: -181px; /* .post-info width + .post-info left & right paddings + .post margin + .post border */
  width: 155px;
  float: left;
  position: relative; /* IE6 hack otherwise the info disappears */
  overflow: hidden;
  font-size: 9px;
  padding: 10px;
  color: #222;
}
.post-body-wrapper, .message-body-wrapper {
/* padding on the body has to go here, since we need to set width of .post-body to 100% */
  padding: 5px;
}
.post-body, .message-body {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding-bottom: 1.5em;
}
.post-body-hide {
  padding: 7px 0 0 5px;
  color: #dadada;
}
/* IE hacks; overflow-y: hidden is needed to keep IE from adding a vertical
 * scroll bar when it adds a horizontal one, and the extra bottom padding is
 * needed because IE doesn't allocate extra space for the scroll bar.
 * _width only works for <= IE6, and *padding works for IE
 */
.post-body, .message-body {
  _width: 98%;
  *overflow-y: hidden;
  *padding-bottom: 3em;
}
.post-body-hide .message-text {
  float: left;
}
.post-body-hide .action {
  float: right;
  padding-right: 15px;
}
.post-body-hide .action a {
  color: #9e9bac;
}
.post-info .username, .message-info .username, .post-info-hide .username, .post-info a {
  font-size: 12px;
  font-weight: bold;
  color: black;
  white-space: nowrap;
  color: #ffffee;
}
.post-info-hide .username a {
  color: #9d9ba8;
}
.post-info .post-date, .message-info .message-date {
  padding: 20px 0px;
}
.post-info .post-date.leading-post-date, .message-info .leading-message-date {
  display: none;
}
.post-info .moderator-controls {
  border-top: 1px solid #5c5b66;
  padding-top: 5px;
  margin-top: 10px;
}
.post-info .moderator-controls .thread.thread2 .sep.sep1 {
  display: none;
}

.post .post-header, .message .message-header {
  padding: 5px;
  margin-bottom: 8px;
/* IE hack to make the spacer show up properly */
  _height: 1%;
}
.post .post-header .post-subject, .message .message-header .message-subject {
  font-weight: bold;
  font-size: 12px;
}
.post .post-header .post-subject .post-new {
  color: #8c3030;
}
.post .post-header .post-subject .post-new span {
  color: #000;
}
.post .post-header a.post-in-reply-to {
  border-left: 1px solid black;
  padding-left: 5px;
  margin-left: 5px;
}
.post .post-header .post-actions, .message .message-header .message-actions {
  float: right;
}
.post .post-header .post-actions img, .message .message-header .message-actions {
  padding-left: 3px;
  vertical-align: bottom;
}
.post .post-header .post-actions a,
.post .post-header .post-actions span,
.message .message-header .message-actions a {
  font-weight: bold;
}

.post .post-footer, .message .message-footer {
  padding: 5px;
  font-size: 9px;
}
.post .post-footer a, .message .message-footer a {
  color: #5b5a5f;
}
.post .post-footer h4, .message .message-footer h4 {
  font-weight: bold;
  font-size: 9px;
  color: #7a797e;
}
.post .post-footer .content {
  padding: 2px 0 10px 0;
}

.post .post-footer .attachments, .message .message-footer .attachments {
  padding: 0;
  margin: 2px 0 0 0;
  list-style: none;
}
.post .post-footer .attachments li, .message .message-footer .attachments li {
  margin-bottom: 2px;
}
.post .post-footer .attachments img, .message .message-footer .attachments img {
  vertical-align: middle;
}

.post-page .toolbar .actions, .message-page .toolbar .actions {
  padding: 5px;
}
.post-page .toolbar .actions a, .message-page .toolbar .actions a {
  font-weight: bold;
  background: #fff;
  color: #656241;
  font-size: 10px;
  padding: 3px 5px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}
.post-page .toolbar .actions a, .message-page .toolbar .actions a:hover {
  text-decoration: none;
}
.post-page .toolbar .actions a.prev-thread,
.post-page .toolbar .actions a.next-thread {
  padding-right: 5px;
  margin-right: 5px;
  border-right: 1px solid black;
}
.post-page .toolbar .actions .watch-thread,
.post-page .toolbar .actions .view-threaded,
.post-page .toolbar .actions .view-flat {
  padding-left: 5px;
  margin-left: 5px;
  border-left: 1px solid black;
}
.post-page .toolbar .actions form.watch-thread {
  display: inline;
}
.post-preview, .message-preview, .post-reply-view, .message-reply-view, .post-orig-view {
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  margin-bottom: -10px; /* Sink it into the post-wrapper margin */
}
.post-reply-view, .message-reply-view, .post-orig-view {
  margin-top: 20px;
}
.post-notes {
  text-align: right;
  color: #5c5b66;
  padding: 5px 0px;
  font-style: italic;
}
.post-notes .post-edited {
  font-size: 10px;
  color: #aaaaac;
  font-style: normal;
}
.post-notes h4 {
  font-size: 10px;
  font-weight: bold;
  display: inline;
}
.post-notes .post-edited a {
  color: #aaaaac;
  text-decoration: none;
}
.post-notes .post-edited a:hover {
  text-decoration: underline;
}

.post-page tr.post-row.selected td {
  font-weight: bold;
}






























/* Username autocompletion */
#autocomplete-help {
  font-style: italic;
}

#autocomplete-selected {
  padding-top: 10px;
  font-weight: bold;
}

#autocomplete-selected-items {
  padding: 5px;
  font-size: 9px;
  font-weight: normal;
  line-height: 4px;
}

.ac_loading {
  background: url('images/spinner.gif') Menu right center no-repeat;
}

.ac_results {
  padding: 0px;
  border: 1px solid ThreeDShadow;
  background-color: Menu;
  color: MenuText;
  overflow: hidden;
}

.ac_results ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0;
}

.ac_results iframe {
  display:none;/*sorry for IE5*/
  display/**/:block;/*sorry for IE5*/
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
  filter:mask();
  width:3000px;
  height:3000px;
}

.ac_results li {
  margin: 0px;
  padding: 2px 5px;
  cursor: pointer;
  display: block;
  width: 100%;
  font: menu;
  font-size: 12px;
  overflow: hidden;
}

.ac_input {
  width: 200px;
}

.ac_over {
  background-color: Highlight;
  color: HighlightText;
}


/* spellcheck */
#spellcheck_result {
  background: #f0f0f0;
  font-size: 13px;
  position: absolute;
  overflow: auto;
  padding: 4px;
  z-index: 10;
}
#spellcheck_result .misspelled {
  color: #ee3030;
  cursor: pointer;
  cursor: hand;
  text-decoration: underline;
}
#spellcheck_result .updated {
  color: #326aaf;
}
#spellcheck_suggestions {
  border: 1px outset #cac9d1;
  color: #212126;
  background: #cac9d1;
  position: absolute;
  cursor: default;
  padding: 1px;
  z-index: 20;
}
#spellcheck_suggestions .menu-item {
  padding: 1px;
}
#spellcheck_suggestions .mouseover {
  color: #5c5b66;
  background-color: #e4e4e8;
}
#spellcheck_suggestions .replace_all {
  padding-right: 15px;
  background: transparent url(images/checked.gif) no-repeat center right;
}
#spellcheck_frame {
  border: none;
  width: 0px;
  height: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: hidden;
}


/* Markup style */
.code-block, .pre-block, .quote-block, .reply-block {
  margin: 7px 20px;
  padding: 15px 10px 10px 10px;
  border: 1px solid #bbb;
  position: relative;
}
.code-block, .pre-block {
  font-family: courier, monospace;
  white-space: pre;
}
.code-block-title, .pre-block-title, .quote-block-title, .reply-block-title {
  padding: 0px 3px;
  position: absolute;
  top: -7px;
  left: 10px;
  font: normal 10px tahoma, geneva, verdana, sans-serif;
  font-weight: normal;
  text-decoration: none;
  color: #000;
  background: #fff;
}



/* Tooltip help */
.tooltip {
  cursor: pointer;
  cursor: hand;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-bottom: 3px;
}


/* The #content rules below are to make the username highlighting more
 * important than whatever they surround.  Ideally we'd just use something
 * like: `color: whatever !important;' -- but that isn't supported in IE prior
 * to version 7. */
#content a.username.administrator, #content a.username.moderator {
  color: #50b834;
}
#content a.username.buddy {
  color: #4791e3;
}
#content a.username.anonymous {
  color: #b3a901;
}
#content a.username.disabled {
  text-decoration: line-through underline;
}


/* Style for tabs used on the profile and messages pages */
div.tabs div {
  float: left;
  margin: 3px 1px 0px 0px;
  padding: 0;
  background: #656241;
  text-align: center;
}
div.tabs div.selected {
  margin: 0;
  padding: 8px 15px 8px;
  background: #9F9C77;
  color: #ffd;
  font-weight: bold;
}
div.tabs div a {
  color: #fff;
  text-decoration: none;
  padding: 5px 15px 7px;
  display: block;
}
div.tabs div a:hover {
  text-decoration: underline;
}
div.tab-description {
  background: #ffffee;
  padding: 10px;
}
div.tab-description-spacer {
  background-position: top left;
  margin-top: 1px;
  height: 10px;
}

/*-----------------------------*\
|* password strength indicator *|
\*-----------------------------*/
#pass-strength {
  font-weight: bold;
}
.pass-strength-weak {
  color: red;
}
.pass-strength-good {
  color: blue;
}
.pass-strength-strong {
  color: green;
}

/*----------------------*\
|* User avatar carousel *|
\*----------------------*/
.avatar_container {
  margin: 0 0 10px 15px;
}
.avatar_carousel {
  visibility: hidden; /* Hide the carousel while it loads */
  float: left;
}

/* The div is needed because setting float on the li changes the
 * display: table-cell behaviour, preventing the vertical centering of the
 * images from working */
.avatar_carousel li div {
  height: 128px; /* 120 (avatar maximum height) + 4px border */
  width: 126px; /* 100 (avatar maximum width) + 4px border + 9px extra spacing */
  overflow: hidden;
  text-align: center;
  display: table-cell; /* vertically centre non-ie browsers */
  vertical-align: middle;
  *font-size: 107px; /* ie vertically centre hack: height * 0.905 */
}
.avatar_carousel li img {
  vertical-align: middle;
  cursor: pointer;
}

.avatar_carousel li img.avatar_selected {
  border: 4px solid #888;
}

.avatar_container .avatar_carousel_prev, .avatar_container .avatar_carousel_next {
  display: block;
  float: left;
  text-decoration: none;
  margin-top: 4px; /* selected avatar border width */
  height: 120px;
  width: 21px;
  text-indent: -9999em;
  outline: none;
  background-image: url(images/carousel-arrows.gif);
  background-repeat: none;
}

.avatar_container .avatar_carousel_prev {
  background-position: 0 0;
}
.avatar_container .avatar_carousel_prev:hover {
  background-position: 0 -130px;
}

.avatar_container .avatar_carousel_next {
  background-position: -31px 0;
}
.avatar_container .avatar_carousel_next:hover {
  background-position: -31px -130px;
}


/* tooltip popup */
.info {
  padding: 5px;
  margin: 0px;
  margin-top: 10px;
  border: 1px solid #57594b;
  background-color: #edf2cb;
  position: absolute;
  display: none;
  z-index: 15;
  text-decoration: none;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: normal;
  font-size: 11px;
  _width: 300px;
  max-width: 300px;
}
.info ul {
  margin: 0;
  padding: 0 2em;
}
.info li {
  margin: 0.75em 0;
}





/* sort of generic */
.settings .column {
  float: left;
  display: block;
  width: 460px;
}
.settings .column-float {
  float: left;
  display: block;
  width: 50%;
}


.mark-all-as-read {
  padding: 0 0 10px 10px;
}











/* Post/message compose page */
.compose .row label.name {
  font-weight: bold;
}
.compose .row div.value {
  float: none;
  border-left: 125px solid #ffffee;
}
.row-subject label.name {
  padding-top: 5px;
}
.row-subject .value input.text, #row_edit_reason .value input.text#edit_reason {
  width: 99%;
}
.row-subject .value input.text {
  font-size: 12px;
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;
}

#row_post_icon ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#row_post_icon ul li {
  float: left;
}
#row_post_icon ul li input {
  vertical-align: top;
}
#row_post_icon ul li label {
  padding-left: 0px;
  padding-right: 5px;
  vertical-align: bottom;
}
#row_post_icon ul li img {
  vertical-align: bottom;
}
#row_insert_emoticon ul {
  margin: 0px;
}

#row_insert_emoticon .value {
  padding-bottom: 8px;
}
ul.smilies {
  padding-left: 0px;
  list-style: none;
}
ul.smilies li {
  float: left;
  padding: 0px 2px;
}
ul.smilies li img {
  cursor: pointer;
  cursor: hand;
}


#editor_iframe {
  border: 1px solid;
  border-color: black lightgrey lightgrey black;
  width: 100%;
  widt\h: 99.7%;
  height: 300px;
  heigh\t: 298px;
  overflow: hidden;
  margin-top: 3px;
}

textarea#post_message, textarea#msg_body {
  border: 1px solid;
  border-color: black lightgrey lightgrey black;
  margin-top: 3px;
  width: 100%;
  widt\h: 99.3%;
  height: 300px;
  heigh\t: 298px;
}


/* Remove tag (post compose) */
.button-remove {
  height: 11px;
  background: url('images/button-x-remove.gif') no-repeat;
  background-position: 0px 0px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  cursor: hand;
  float: left;
  padding-left: 13px;
  padding-right: 10px;
  vertical-align: middle;
  line-height: 10px;
}

.button-remove:hover {
  background-position: 0px -11px;
}


#markup_tags input.button {
  font-size: 10px;
  width: 50px;
}
#markup_tags #markup_tag_b, #markup_tags #markup_tag_i, #markup_tags #markup_tag_u {
  width: 25px;
}
#markup_tags #markup_tag_b {
  font-weight: bold;
}
#markup_tags #markup_tag_u {
  text-decoration: underline;
}
#markup_tags #markup_tag_i {
  font-style: italic;
}
#row_post_options .value .option {
  white-space: nowrap;
}
#row_post_options .value .option.already {
  font-style: italic;
}
#row_post_options .value input, #row_post_options .value label {
  vertical-align: middle;
}



.attachment .att-submit input.submit {
  font-size: 10px;
}
.attachment-upload input.file {
  font-size: 10px;
}
#attach_table {
  width: 500px;
  border-collapse: collapse;
  table-layout: fixed;
}
#attach_table tr {
  height: 20px;
  background: #e4e4e8;
}
#attach_table td {
  padding-top: 2px;
  padding-bottom: 2px;
  border-bottom: 1px solid white;
  font-size: 9px;
  vertical-align: middle;
  white-space: nowrap;
}
#attach_table tr.first td {
  padding-top: 5px;
}
#attach_table tr.last td {
  border-bottom: none;
  padding-bottom: 5px;
}
#attach_table td.filename {
  padding-left: 10px;
  overflow: hidden;
}
#attach_table td.filename img, #attach_table td.filename span {
  vertical-align: middle;
}
#attach_table tr.attachment-upload td.filename {
  padding-left: 33px;
  background: #e4e4e8 url(images/attach-file.png) 10px 50% no-repeat;
  _background: #e4e4e8 url(images/attach-file.gif) 10px 50% no-repeat;
}
#attach_table td.size {
  width: 60px;
  font-weight: bold;
}
#attach_table td.inline {
  width: 60px;
}
#attach_table td.inline input, #attach_table td.inline label {
  vertical-align: middle;
}
#attach_table td.att-submit {
  width: 135px;
}
#attach_table td.att-submit input.submit {
  width: 130px;
}
.compose-submit {
  margin-bottom: 5px;
  padding: 5px 5px 5px 130px;
  background-color: #cac9d1;
}
.compose-submit input {
  margin-left: 15px;
  background-color: #f1f1ec;
  font-size: 11px;
}
.compose-submit input#button_post {
  font-weight: bold;
  margin-left: 0px;
}






/* settings: basic profile */
.settings .row label.name span.markup-ok {
  text-transform: uppercase;
  font-size: 90%;
  font-weight: bold;
  color: #9d9d9d;
  display: block;
}
.settings .row label.name span.markup-ok a {
  color: #9d9d9d;
  text-decoration: none;
}
.settings .row label.name span.markup-disabled {
  text-transform: lowercase;
  font-size: 75%;
  font-weight: normal;
  color: #ca3339;
  display: block;
}

table.social-media {
  padding: 0;
  margin: 0;
}
table.social-media thead,
table.social-media thead th {
  width: 135px;
  background: #f6f5f9;
  padding: 7px 5px 7px 15px;
  margin: 0;
  margin-bottom: 10px;
  font-size: 100%;
  font-weight: bold;
}
table.social-media * .service,
table.social-media * .username {
  padding-left: 0px;
  padding-right: 15px;
  padding-top: 10px;
  vertical-align: middle;
}
table.social-media * .service {
  padding-left: 15px;
}
table.social-media * .media-key {
  padding-left: 0px;
  padding-right: 15px;
  padding-top: 10px;
  vertical-align: middle;
  width: 160px;
}
table.social-media tbody td.media-key input {
  width: 135px;
  border: 1px solid #999999;
}
table.social-media * img {
  vertical-align: middle;
}
table.social-media td.service {
  font-weight: bold;
  color: #666666;
  font-size: 110%;
}


.settings .row #user_time_offset .user_timezone {
  padding-bottom: 5px;
}
.settings .row #user_time_offset label {
  font-size: 9px;
  padding-bottom: 2px;
  display: block;
}
.settings .row .time_preview {
  font-size: 9px;
  padding-top: 3px;
  display: block;
  color: #666666;
}
.settings .row .time_preview span {
  color: #666666;
  font-weight: normal;
}
.settings .row .user-online {
  color: green;
}












/* Post reports */
.post-report {
  border-bottom: 1px solid black;
  display: none;
  background-color: #faf9fe;
  color: #5c5a65;
}
.post_report_heading {
  background-color: #e3e1ec;
  border-bottom: 1px solid #cac9d1;
  padding: 5px;
  font-weight: bold;
}
.post_reports_sub_heading {
  font-weight: normal;
}
.post_report_heading span.controls {
  font-weight: normal;
  float: right;
  margin-top: -5px;
  height: 25px;
  line-height: 25px;
}
.post_report_heading span.controls * {
  vertical-align: middle;
}
.post_report_heading span.controls img {
  margin-top: -3px;
}
.post_report_content {
  padding: 5px;
}
.post_report_content textarea, .post_report_content table {
  width: 99.8%;
}
.post_report_content table td {
  vertical-align: top;
}
.post_report_error {
  color: #bf4f4b;
}
.post_reports_pm_message_wrapper {
  padding-top: 5px;
}
.post_reports_messages {
  border-bottom: 1px solid #cac9d1;
  background-color: #fdffea;
  padding: 5px;
  margin: -5px;
}
.post_reports_message {
  color: #bf4f4b;
}
.post_report_content .warn {
  color: #8c3030;
}








/* advanced search */
h2.header {
  background: #9F9C77;
  padding: 7px 7px 7px 15px;
  color: #ffffee;
}
.group-content {
  margin: 5px 0 10px 10px;
}



/* who's online "status bar" */
.status-bar {
  background: #ffd;
  padding: 7px 15px 7px 15px;
  margin-bottom: 10px;
  overflow: auto;
}
.status-bar .left {
  float: left;
  display: block;
}
.status-bar .right {
  float: right;
  display: block;
}



/* User Public Profile */
.social-media .header {
  background-color: #eeeef9;
  font-weight: normal;
  vertical-align: middle;
}
.social-media .header img {
  padding: 5px 10px 5px 15px;
  vertical-align: middle;
}
.social-media .header h3 {
  display: inline;
  font-weight: bold;
  text-decoration: none;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  background: 0;
}
.social-media .content {
  padding: 15px;
  overflow: auto;
}
.social-media .content .youtube {
  float: left;
  display: block;
  margin-right: 30px;
}
.social-media .content .flickr {
  float: left;
  margin-right: 10px;
}
.social-media input,
.social-media select {
  width: 260px;
  border: 1px solid #999999;
}
#user_location_map {
  margin-left: 15px;
}
#user_location_map #map_canvas {
  width: 440px;
  height: 300px;
  border: 1px inset #888;
  clear: both;
}


.admin-actions {
  float: right;
  border: 1px solid #949492;
  background: #fbffe6;
  margin-bottom: 10px;
  width: 270px;
  overflow: hidden;
}
.admin-actions h3 {
  font-weight: bold;
  font-size: 13px;
  padding: 2px 10px 3px 10px;
  background: #cccccc;
  margin: 0;
  text-align: left;
}
.admin-actions .body {
  padding: 5px 15px 10px 5px;
}
.admin-actions * a {
  text-decoration: none;
  font-weight: bold;
  color: #5e5d65;
}
.admin-actions * a:hover {
  text-decoration: underline;
}
.admin-actions * .no-overflow {
  overflow: hidden;
}
.admin-actions .item .value a {
  font-weight: normal;
  text-decoration: underline;
}
.admin-actions .item .value a:hover {
  text-decoration: none;
}
.admin-actions * .item {
  overflow: auto;
}
.admin-actions .item .manage-actions {
  float: left;
  display: block;
}
.admin-actions * label {
  width: 100px;
  display: block;
  float: left;
  text-align: right;
  margin-right: 15px;
  font-weight: bold;
  color: #5e5d65;
}
.admin-actions * .value {
  display: block;
}
.admin-actions * .value img {
  vertical-align: top;
  padding: 0;
  margin: 0;
}



.settings .column-actions {
  float: right;
  border: 1px solid #949492;
  background: #f6f5fa;
  margin-bottom: 10px;
  margin-left: 10px;
}
.settings .column-actions img {
  padding: 2px 5px 2px 5px;
  vertical-align: middle;
}
.settings .column-actions h3 {
  padding: 2px 10px 3px 10px;
  background: #e3e1eb;
  margin: 0;
  text-align: left;
}
.settings .column-actions .body {
  padding: 5px 15px 10px 5px;
}
.settings .column-actions .body .item {
  padding: 0px;
  margin: 0px;
}



.profile-favourites,
.profile-favourites:hover,
.profile-favourites:visited {
  font-size: 110%;
  font-weight: bold;
  color: #444347;
}




/* user profile page */
.profile-image {
  float: left;
  padding-left: 15px;
}

.settings .row label.profile-username {
  font-weight: bolder;
  font-size: 170%;
  padding-left: 15px;
  float: left;
}

.settings .tag-view {
  padding: 5px 15px 25px 15px;
}





/* Tag cloud */
.settings .column-float .content-left {
  padding: 10px 30px 20px 15px;
  margin: 0 0 5px 0;
}
.settings .column-float .content-right {
  padding: 10px 15px 20px 30px;
  margin: 0 0 5px 0;
}
.settings .column-float .divider-right {
  background-image: url(images/betweennav.gif);
  background-repeat: repeat-y;
  background-position: top right;
}
.settings .column-float .divider-left {
  background-image: url(images/betweennav.gif);
  background-repeat: repeat-y;
  background-position: top left;
}
.settings .column-bottom {
  margin: 0 0 40px 0;
  padding: 10px 15px 0px 15px;
  text-align: center;
}



.table-style-header {
  background-color: #383741;
  color: white;
  font-weight: bold;
  padding: 3px 8px;
}

.tag-entry {
  float: left;
  padding: 5px 10px;
  line-height: 20px;
}

.tag-user {
  float: left;
  padding: 5px 10px;
  width: 220px;
}

span.tag-matches {
  margin-left: 10px;
}

span.tag-matches span {
  padding: 2px;
  margin-right: 4px;
  cursor: pointer;
  cursor: hand;
  color: #212126;
  font-weight: bold;
  background-color: #cac9d1;
}


.tags a {
  text-decoration: none;
}
.tags a:hover {
  text-decoration: underline;
}




/* Member directory page */
h4.alphabet-list {
  float: right;
  display: inline-block;
  word-spacing: .5em;
  padding-top: 3px;
}
h4.alphabet-list a {
  color: #ffd;
}

.member-search {
  margin-bottom: 10px;
  padding: 10px 10px 0;
  word-spacing: 0.5em;
}
.member-search select {
  word-spacing: normal;
}




/* markup help page */
.page-markup_help dt, body.page-markup_help dd {
  padding: 0.3em;
  border: 1px solid #CCC;
}
.page-markup_help dt {
  background: #E4E4E8;
}
.page-markup_help dd {
  background: #FAFAFF;
  border-top: 0;
  margin-bottom: 1em;
}



/* error page */
.page-error .error {
  display: none;
}
.page-error #content ul {
  list-style-type: none;
  color: #eb2c34;
}



/* signup page */
.page-user_signup .row label.name {
  width: 170px;
}
.page-user_signup .req-star {
  color: #8c3030;
}

/* forum pre-ban page */
.page-forum_preban .row .value input.text#ban_expiry {
  width: 20px;
}
.page-forum_preban .row .value input.text#ban_reason {
  width: 350px;
}

/* lost password page */
.page-login .lostpasswd {
  font-size: 10px;
  padding: 5px 0 0 0;
}

/* login page */
/* user sign up page */
.page-user_signup .pass-strength {
  margin-top: 2px;
}





















/* needs a home */

.message-list-page .save {
  text-align: right;
  padding-top: 20px;
}


.message-page .toolbar .actions a.print-message {
  padding-left: 5px;
  margin-left: 5px;
  border-left: 1px solid black;
}
.message-list-page .toolbar {
  margin: 0px;
}








/* not sure */

.small-wrapper div.spacer {
  height: 1px;
  font-size: 1px;
}


.settings h1 {
  background: #9F9C77;
  padding: 7px 7px 7px 15px;
  margin-bottom: 10px;
  font-size: 150%;
  font-weight: bold;
  vertical-align: middle;
  color: #ffd;
}




/* stuff to get rid of */
.gray {
  color: #bbbbbb;
}


/* customize stuff */
#instagram {
  float: right;
  background: #9F9C77;
  padding: 4px;
  border: 3px solid #656241;
  margin-top: 50px;
  width: 137px;
  height: 24px;
}
#instagram a {
  display: block;
  background: url(images/ig-badge-view-sprite-24.png) no-repeat 0 0;
  width: 137px;
  height: 24px;
  text-indent: -9999px;
}
#instagram a:hover {
  opacity: .8;
}
ul.primarynav a:hover {
  color: #fffcdb;
  text-decoration: underline;
  background: none;
}
#contentheader {
  background: none;
  padding: 0;
}
.shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright, .shadowtop, .shadowbottom, .shadowleft, .shadowright {
  background: none;
}
.shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {
  width: 0px;
  height: 0px;
}
.legends {
  float: left;
  font-weight: bold;
  width: 60%;
}
.board-info, .none-signedin {
  overflow: hidden;
  display: block;
  font-weight: bold;
  margin-top: 10px;
}
.board-info a, .none-signedin a {
  color: #fff;
  text-decoration: none;
}
.board-info a:hover, .none-signedin a:hover {
  text-decoration: underline;
}
[class*="legend-"] {
  display: inline-block;
  background: url(images/forum.gif) no-repeat top left;
  width: 22px;
  height: 20px;
}
.legend-forum-new {
  background: url(images/forum-new.gif) no-repeat top left;
}
.legend-post {
  background: url(images/post.gif) no-repeat top left;
  width: 20px;
  height: 18px;
  background-position: 5px 50%;
}
#ocwrapper {
  background: none;
}
#content {
  margin: 20px 0;
  padding: 3px;
  background: #ffffee;
  border: 1px solid #cfc9a8;
  text-align: left;
}
.category-list, .post-list {
  background: #ffffee;
}
#header {
  display: none;
}
.page-category_list #header {
  display: block;
}
.page-category_list #content, .page-forum_view #content {
  background: none;
}
.post-page #content {
  border: 0;
  padding: 0;
  background: none;
}
.page-login #content {
  background: none;
}
.page-login #content .small-wrapper {
  color: #ffd;
  background: #9d9a79;
  padding: 10px 0 0 0;
}
.page-login #content .small-wrapper .content {
  padding: 0;
}
.page-login .row-buttons {
  text-align: right;
}
.page-login .form-actions {
  padding: 0 10px;
}
.page-login .form-actions a {
  color: #ffd;
}
.page-login .form-actions .lnks {
  float: left;
}
.page-login .row label.name {
  width: 40%;
  text-align: right;
  padding-top: 3px;
}
.post-page .toolbar {
  margin: 20px 0;
  border-top: 1px solid #d9d6b5;
  border-bottom: 1px solid #d9d6b5;
  padding: 4px;
  text-align: right;
}
.moderators {
  color: #222;
}
.moderators a {
  color: #ffd;
}