/*********************************
 * TEXT FORMATTING
 *********************************/
::-moz-selection {
  background: #DB4105;
  color: #FFF;
}

::selection {
  background: #DB4105;
  color: #FFF;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, Times New Roman, times;
  font-weight: normal;
  margin-bottom: 0.4em;
}

h1 { font-size: 2.5em; }
h2 { font-size: 2em; }
h3 { font-size: 1.7em; }
h4 { font-size: 1.5em; }
h5 { font-size: 1.3em; }
h6 { font-size: 1.1em; }

p {
  line-height: 140%;
  margin-bottom: 1.5em;
}

small {
  font-size: 11px;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

.clear {
  width: 100%;
  height: 0;
  overflow: hidden;
  clear: both;
}

.match {
  background-color: #f5cbed;
  font-style: italic;
}

/**************************************
 * FORMS
 * ************************************/
p.form-item {
  margin-bottom: 10px;
}

p.form-item label {
  width: 120px;
  font-size: 12px;
  display: inline-block;
  text-align: right;
}

div.radio-buttons-group,
div.custom-field {
  margin-bottom: 20px;
}

div.radio-buttons-group label,
div.custom-field label {
  width: 120px;
  font-size: 12px;
  float: left;
  text-align: right;
  padding-top: 0.3em;
}

div.radio-buttons-group p.form-item,
div.custom-field p.form-item {
  margin-left: 120px;
  position: relative;
  left: 0.3em;
  margin-bottom: 5px;
}

p.form-item.custom {
  font-size: 12px;
}

p.form-item.geographical_region_select {
  white-space: nowrap;
}

p.form-item.file_field input {
}

p.form-item.check_box label,
p.form-item.bitfield_check_box label,
p.form-item.radio_button label {
  float: none;
  width: auto;
  display: inline;
}

p.form-item.check_box input,
p.form-item.bitfield_check_box input,
p.form-item.radio_button input {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

p.form-item.radio_button label,
p.form-item.check_box label,
p.form-item.bitfield_check_box label {
  display: inline;
}

p.form-item.geographical_region_select span {
  white-space: nowrap;
}

p.form-item.text_field input,
p.form-item.password_field input,
p.form-item.text_area textarea {
  width: 250px;
  padding: 3px;
  margin-bottom: 5px;
}

p.form-item.text_area label {
  vertical-align: top;
}

p.form-item.text_area textarea {
  width: 70%;
  height: 130px;
}

p.form-item.text_area.wysiwyg textarea {
  width: 100%;
  height: 200px;
}

p.form-item.text_area.wysiwyg label {
  padding-top: 26px;
}

p.form-item.text_area.wysiwyg > div {
  display: inline-block;
}

p.form-item.with-errors label {
  color: #a00;
}

p.form-item.text_field.with-errors input,
p.form-item.password_field.with-errors input {
  color: #a00;
}

p.form-item .tip,
p.form-item .errors {
  font-size: 12px;
  display: block;
  margin-left: 120px;
  color: #535349;
  position: relative;
  left: 0.3em;
  margin-top: 5px;
  line-height: 130%;
}

.comment-form .error {
  margin-bottom: 10px;
  font-size: 12px;
  padding-top: 2px;
}

p.form-item.check_box,
p.form-item.bitfield_check_box {
  margin-left: 120px;
  position: relative;
  left: 0.3em;
}

p.form-item .errors,
.comment-form .error {
  color: #a00;
  background: url(/images/icons/minus_circle.png) no-repeat top left;
  min-height: 16px;
  padding-left: 20px;
}

p.form-item .errors {
  background-position: left top;
}

p.submission,
#preview.post {
  margin-bottom: 0;
  margin-left: 120px;
  position: relative;
  left: 0.3em;
}

#preview.post,
#preview.pm,
#comment-preview,
#comment-reply-preview {
  padding: 10px;
  background-image: url(/images/preview-bg.gif);
  border: 5px solid #E8E2CF;
  margin-top: 20px;
}

p.submission.no_indent {
  position: static;
  left: 0;
  margin-left: 0;
  margin-top: 20px;
}

p.submission input {
  margin-right: 20px;
}

fieldset {
  padding: 10px;
  border: 1px solid #C1BDAC;
  margin-bottom: 20px;
  margin-left: -10px;
}

fieldset > p.form-item:last-child {
  margin-bottom: 0;
}

fieldset legend {
  padding: 0 5px;
}

form .current-avatars {
  margin-bottom: 10px;
}

form .current-avatars span {
  display: inline-block;
  width: 120px;
  font-size: 12px;
  vertical-align: top;
  text-align: right;
}

/* Common links (interface, etc) */
a {
  color: #576B82;
}

a.ajax {
  text-decoration: none;
  border-bottom: 1px dotted #576B82;
}

#header a,
#footer a,
#sidebar a {
  color:#79B1D4;
}

a.active {
  color: #DB4105;
}

a:hover,
.communitylink a:hover,
a.post:hover, div.post span.post a:hover,
#sidebar a:hover,
#header a:hover,
#sidebar a.post:hover {
  color: #DB4105;
}

a:hover.ajax {
  border-color: #DB4105;
}

a.new-comments {
  font-weight: bold;
}

/* Userlink */
img.avatar {
  vertical-align: middle;
  padding: 2px;
  border: 1px solid #666666;
  overflow: hidden;
  display: inline-block;
}

#content img.avatar {
  border-color: #C1BDAC;
}

.userlink .avatar.tiny {
  padding: 0;
  border: none;
}

.userlink {
  white-space: nowrap;
}

/*
.userlink.avatar_none a {
  background: transparent url(/images/icons/user.png) center left no-repeat;
  padding-left: 13px;
  margin-left: 0.2em;
}
*/

.userlink.non_registered {
  font-style: italic;
}

.userlink.non_registered a,
.userlink.non_registered {
  color: #535349;
}

.userlink.non_registered .avatar {
  border: none;
  padding: 0;
}

/**********************************
 * LAYOUT
 **********************************/

body, html {
  background-color: #33332d;
  background-image: url(/images/body-bg.gif);
}

body {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  color: #fff;
  margin: 0;
  padding: 0;
  height: 100%;
  padding: 0;
  min-width: 950px;
}

/* by default IEKiller is hidden */
#iekiller {
  display: none;
}

#wrapper {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
}

/**********************
 * HEADER
 * ********************/

#header, #footer {
  color: #fff;
}

#header {
  padding-right: 20px;
}

#header .after {
  float: right;
  width: 100%;
}

#header h1 {
  margin: 0;
  font-size: 3em;
  float: left;
}

#header h1 sup {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
}

#header h1 a,
#header h1 a:hover {
  color: #fff;
  text-decoration: none;
}

body.logged_in #header h1 {
  position: absolute;
}

body.logged_in #header h1 a span {
  padding-top: 400px;
  display: block;
  padding-left: 40px;
}

body.logged_in #header h1 a {
  height: 50px;
  overflow: hidden;
  display: block;
}

#user-panel {
  float: right;
  margin-top: 20px;
}

#user-panel h2 {
  font-size: 1.5em;
}

#user-panel .left {
  margin-right: 330px;
  text-align: right;
}

#user-panel .right {
  width: 310px;
  float: right;
  line-height: 36px;
}

#user-panel .right small {
  line-height: 130%;
  width: 200px;
  display: inline-block;
}

#user-panel .right form {
  float: right;
}

#user-panel #logout-button {
  margin-top: 5px;
}

#user-panel #user-notifications {
  font-size: 12px;
}

#user-panel.anonymous .right {
  font-size: 12px;
}

#user-panel.anonymous .right p.form-item {
  margin-bottom: 5px;
}

#user-panel.anonymous .right a {
  margin-top: 0.2em;
  float: left;
}

#user-panel.anonymous .right p.form-item.submit {
  width: 50px;
  margin-right: 20px;
  float: left;
}

#user-panel.anonymous label {
  float: left;
  width: 70px;
  margin-top: 0.2em;
}

/*************************
 * TABS
 *************************/

.tabs {
  height: 30px;
  padding-left: 10px;
  position: relative;
  z-index: 10;
}

.tabs li {
  float: left;
  line-height: 30px;
}

.tabs li.active {
  background-color: #fff8e3;
}

.tabs li.active.hasCorners {
  position: relative;
  bottom: -4px;
}

.hasCorners {
  position: relative;
  bottom: -4px;
}

.tabs li a {
  padding: 10px;
  color: #fff;
  text-decoration: none;
  outline: none;
}

.tabs li.active a {
  color: #33332d;
  font-weight: bold;
}

#primary_tabs li.inactive a:hover,
#current_user_tabs li.inactive a:hover {
  text-shadow: 0 0 3px #fff;
}

#primary_tabs li.inactive a,
#current_user_tabs li.inactive a {
  text-shadow: 0 0 1px #000;
}

.tabs li span.counter {
  padding: 1px 2px;
  margin-left: 5px;

  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;

  font-weight: bold;
}

.tabs li span.counter,
.tabs li.active span.counter,
#primary_tabs li.active span.counter,
#current_user_tabs li.active span.counter {
  background-color: #848175;
  color: #fff;
}

#primary_tabs li span.counter,
#current_user_tabs li span.counter {
  background-color: #fff;
  color: #33332d;
  padding: 2px;
  text-shadow: none !important;
}

#subtabs li.inactive a:hover {
  text-shadow: 0 0 3px #666;
}

#current_user_tabs {
  float: right;
  margin-right: 10px;
}

#primary_tabs {
  float: left;
}

#wrapper .tabs_group {
  height: 30px;
  overflow: hidden;
}

body.anonymous #content,
#wrapper #primary_tabs li.active,
#wrapper #current_user_tabs li.active,
body.logged_in #subtabs,
body.logged_in #subtabs li.active {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

/******************************
 * SUBTABS
 ******************************/
#subtabs {
  clear: left;
  background: #fff8e3 url(/images/subtabs-bg.gif) bottom left repeat-x;
  margin-right: 350px;
  padding-top: 5px;
  height: 32px;
}

#subtabs li {
  font-size: 12px;
  line-height: 25px;
  margin-top: 6px;
}

#subtabs li.active {
  background-color: #E8E1CE;
  font-weight: bold;
  height: 26px;
  opacity: 1;
}

#subtabs li.active.hasCorners {
  height: 22px;
}

#subtabs li a {
  padding: 8px;
  color: #000;
  text-decoration: none;
  padding-top: 1px;
}

#subtabs li.active a {
  color: #33332d;
}

/******************************
 * SIDEBAR
 ******************************/
#sidebar {
  float: right;
  padding: 0 20px;
  width: 310px;
}

#sidebar .links {
  font-size: 12px;
}

#sidebar .block {
  margin-bottom: 40px;
}

#sidebar .block.community-info {
}

#sidebar .block.hasCorners {
}

#sidebar .block h3.title {
}

#sidebar .block .body {
  clear: both;
  line-height: 110%;
  font-size: 12px;
}

#sidebar .block .body .footer {
  margin-top: 10px;
  font-size: 11px;
}

#sidebar .block .body .header {
  margin-bottom: 10px;
  font-size: 11px;
}

#sidebar .block ul.links {
  margin: 3px 0;
  left: -2px;
}

#sidebar .block ul.links a {
  padding: 2px;
}

#sidebar #new_users .body {
  line-height: 150%;
}

#sidebar .body table td,
#sidebar .body table th {
  padding: 3px;
}

#sidebar .body table th.col2 {
  padding-left: 10px;
}

#sidebar .body table td {
  font-weight: bold;
  overflow: hidden;
}

#sidebar #post_tips .body {
  font-size: 13px;
}

#sidebar #post_tips ol {
  margin-left: 20px;
}

#sidebar #post_tips ol li {
  list-style-type: decimal;
  line-height: 130%;
  margin-bottom: 10px;
}


/******************************
 * SEARCH FORM (sidebar)
 ******************************/
#search,
#search_dummy {
  height: 30px;
}

#search .text {
  font-size: 15px;
  width: 230px;
}

/******************************
 * CONTENT
 ******************************/
#content {
  background: #FFF8E3 url(/images/content-bg.gif) repeat-x;
  color: #000;
  padding: 20px;
  overflow: auto;
}

#content .content {
  overflow: auto;
}

#content .content *:last-child {
  margin-bottom: 0;
}

#content .flash {
  margin: 0 -20px 20px -20px;
  padding: 10px;
  padding-left: 46px;
  font-size: 12px;
  background-repeat: no-repeat;
  background-position: 20px center;
  font-weight: bold;
  border-width: 1px 0;
}

.flash.error {
  color: #a00;
  background-image: url(/images/icons/cross_circle.png);
  background-color: #e5ae9f;
  border: 1px solid #c34943;
}

.flash.notice {
  background-image: url(/images/icons/information.png);
  background-color: #bcd4db;
  border: 1px solid #79b1d4;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
  color: #33332d;
}

#content ul.links {
  font-size: 12px;
  left: -5px;
  margin-bottom: 10px;
  overflow: visible;
}

#content .pagination {
  margin-top: 30px;
  font-size: 13px;
}

#content ul.tabs {
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}

#content ul.tabs li {
  line-height: auto;
  margin-right: 10px;
  background-color: transparent;
}

#content ul.tabs li a {
  font-size: 12px;
  margin-bottom: 10px;
}

#content ul.tabs li a {
  color: #576B82;
  /* text-decoration: underline; */
  text-decoration: none;
}

#content ul.tabs li.inactive .caption {
  text-decoration: underline;
}

#content ul.tabs li span.pending {
  font-size: 11px;
  color: #535349;
}

#content ul.links li a,
#content .pagination a,
#content .pagination span,
#content ul.tabs li a {
  padding: 5px;
  border: 1px solid transparent;
}

#content .tabs.tabs_count_0,
#content .tabs.tabs_count_1 {
  display: none;
}

#content .pagination a:hover,
#content .tabs li a:hover {
  background-color: #FAF4E1;
  color: #33332d;
  border: 1px solid #C1BDAC;
  border-left-color: #fff;
  border-top-color: #fff;

  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  text-shadow: none;
}

#content ul.links li a:hover {
  background-color: #33332d;
  color: #fff;
}

#content .pagination span.disabled {
  color: #535349;
}

#content .pagination span.current,
#content ul.tabs li.active a,
#content .post ul.actions li.active a {
  background-color: #FAF4E1;
  border: 1px solid #C1BDAC;
  border-right-color: #fff;
  border-bottom-color: #fff;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

#content .pagination span.current,
#content .tabs li.active a {
  font-weight: bold;
  color: #33332d;
  text-decoration: none;
}


#content div.separator {
  border-top: 1px solid #C1BDAC;
  border-bottom: 1px solid #fff;
  margin-left: -20px;
  margin-right: -20px;
  overflow: visible;
}

/**********************************
 * USERS
 **********************************/
table.users,
table.communities,
table.invites {
  width: 100%;
}

table.users td.avatar,
table.communities td.avatar {
  width: 35px;
}

.subheader {
  margin-bottom: 20px;
}

table.users .meta {
  line-height: 150%;
}

table.users .meta .geographical_region {
  display: block;
}

#content table tr.odd td.actions {
  background-color: transparent;
}

table tr td.actions a {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: transparent;
  margin-right: 10px;
}

table tr:hover td.actions a.edit {
  background-image: url(/images/icons/membership_edit.png);
}

table tr:hover td.actions a.delete {
  background-image: url(/images/icons/membership_delete.png);
}

/**********************************
 * COMMUNITIES
 **********************************/

a.order_by {
  padding-left: 16px;
  background-repeat: no-repeat;
  background-position: center left;
}

a.order_by.asc { background-image: url(/images/icons/order_asc.png); }
a.order_by.desc { background-image: url(/images/icons/order_desc.png); }

tr.community.non-visible h3.title a {
  background: url(/images/icons/lock.png) right center no-repeat;
  padding-right: 20px;
}

.community .avatar.community,
.profile .avatar.user {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  background-color: #FFF8E3;
}

.community h1.title .avatar.community {
  float: none;
  margin: 0;
}

#content .community h1.title {
  color: #008080;
}

div.community {
  margin-bottom: 20px;
}

#content div.community h1.title {
  margin-bottom: 10px;
}

div.community #community_tabs {
  margin-bottom: 20px;
}

div.community .description {
  margin-bottom: 10px;
  font-size: 12px;
  clear: left;
}

#content table td,
#content table th {
  padding: 5px;
}

#content table th {
  font-weight: bold;
}

#content table {
  margin-bottom: 0;
}

#content table tr.odd td {
  background-color: #f4edd9;
}

#content table td {
  font-size: 12px;
}

/********************************
 * Pagination
 * ******************************/
.pagination {
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
  left: -5px;
  font-size: 12px;
}

.pagination a,
.pagination span {
  display: inline-block;
}

/********************************
 * POSTS
 * ******************************/
.communitylink a {
  color: #008080;
}

span.post a,
a.post,
#sidebar a.post,
h2 span.post {
  color: #339933;
}

div.post {
  margin-bottom: 40px;
}

.post h2.title.non-visible span.post {
  background: url(/images/icons/lock.png) left center no-repeat;
  padding-left: 20px;
}

.post h2,
.pm h2 {
  margin-bottom: 5px;
}

.post .content,
.post .meta,
.pm .content,
.pm .meta {
  margin-left: 20px;
}

.post .author-info,
.pm .author-info {
  font-size: 11px;
  margin-left: 20px;
  margin-bottom: 20px;
}

.post .author-info {
  margin-left: 0;
}

.post .author-info .updated-at,
.meta .last_comment_time {
  color: #535349;
  font-size: 11px;
}

.post .meta,
.pm .meta {
  font-size: 12px;
  line-height: 150%;
  border-bottom: 1px dotted #C1BDAC;
  padding-right: 5px;
  border-top: 1px dotted #C1BDAC;
  margin-top: 20px;
  display: block;
  padding: 5px;
}

.post table.meta {
  padding: 0;
}

.post table.meta td {
  padding: 5px;
}

.post table.meta td.votebox {
  min-width: 20px;
}

#content .post .meta ul.links {
  float: right;
  font-size: 11px;
  left: 0;
  right: -2px;
}

#content .post .meta ul.links li a {
  padding: 2px;
}

.post .meta .tags,
.post .meta .actions {
  display: block;
}

.post .meta .actions li {
  float: left;
  margin-right: 20px;
}

.post .meta .comments,
.pm .meta .comments,
.post .meta .actions .edit,
.edit_post a.delete {
  background: url(/images/icons/balloon.png) left center no-repeat;
  padding-left: 20px;
  min-height: 16px;
}

.post .meta ul.actions li.follow a,
.post .meta ul.actions li.favourite a {
  padding: 4px;
}

.post .meta .actions .edit {
  background-image: url(/images/icons/edit_post.png);
}

.edit_post a.delete {
  background-image: url(/images/icons/delete_post.png);
}

.post .meta .tags {
  background: url(/images/icons/tag.png) left 2px no-repeat;
  padding-left: 20px;
  font-size: 11px;
  margin-bottom: 5px;
}

a.tag {
  padding: 2px;
}

a.tag:hover,
#sidebar a.tag:hover,
h1.title span.tag {
  background-color: #993333;
  color: #fff;
  text-shadow: none;
}

h1.title span.tag {
  padding: 2px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#content h1.title {
  text-shadow: 1px 1px 0 #fff;
}

a.tag.w1  { font-size: 0.8em; font-weight: normal; }
a.tag.w2  { font-size: 1.1em; font-weight: bold; }
a.tag.w3  { font-size: 1.4em; font-weight: normal; }
a.tag.w4  { font-size: 1.7em; font-weight: bold; }
a.tag.w5  { font-size: 2.1em; font-weight: normal; }
a.tag.w6  { font-size: 2.4em; font-weight: bold; }
a.tag.w7  { font-size: 2.7em; font-weight: normal; }
a.tag.w8  { font-size: 3.0em; font-weight: bold; }
a.tag.w9  { font-size: 3.3em; font-weight: normal; }
a.tag.w10 { font-size: 3.6em; font-weight: bold; }

#sidebar #tags .body {
  line-height: normal;
}

#sidebar .block table {
  width: 100%;
}

#sidebar .block table th {
  font-weight: bold;
  padding-bottom: 5px;
}

#sidebar #users_stats table th {
  font-weight: normal;
}

/********************************
 * POST VOTEBOX
 ********************************/
span.votebox .button {
  display: block;
  height: 14px;
  width: 14px;
  background-repeat: no-repeat;
  background-position: center center;
  margin: auto;
  border: 1px solid transparent;
}

span.votebox .button.plus,
span.votebox.disabled.voted .button.plus {
  background-image: url(/images/icons/vote-plus.png);
  margin-bottom: 2px;
}

span.votebox .button.minus,
span.votebox.disabled.voted .button.minus {
  background-image: url(/images/icons/vote-minus.png);
}

span.votebox {
  text-align: center;
}

span.votebox .votes_sum {
  font-weight: bold;
  font-size: 13px;
}

span.votebox .votes_sum,
.ratingbox {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

span.votebox.positive .votes_sum {
  color: #060;
}

span.votebox.negative .votes_sum {
  color: #fa0000;
}

span.votebox.voted.voted_for .button.plus,
span.votebox.voted.voted_against .button.minus {
  background-color: #FAF4E1;
  border: 1px solid #C1BDAC;
  border-right-color: #fff;
  border-bottom-color: #fff;
}

span.votebox a.button:hover {
  background-color: #FAF4E1;
  border: 1px solid #C1BDAC;
  border-left-color: #fff;
  border-top-color: #fff;
}

span.votebox.disabled .button {
  background-image: none;
}

/********************************
 * COMMENT VOTEBOX
 ********************************/
.comment .meta .votebox {
  float: right;
}

.comment .meta .votebox .button {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}

.comment .meta .votebox .votes_sum {
  margin: 0 5px;
}

.comment .meta .votebox .button {
  display: none;
}

.comment .meta .votebox {
  padding-left: 16px;
  padding-right: 16px;
}

.comment:hover .meta .votebox .button {
  display: inline-block;
}

.comment:hover .meta .votebox {
  padding-left: 0;
  padding-right: 0;
}

/********************************
 * USER (KARMA) VOTEBOX, COMMUNITY VOTEBOX
 ********************************/
.community .votebox,
#profile .votebox,
.profile .votebox {
  float: left;
}

.community .votebox .votes_sum,
#profile .votebox .votes_sum,
.profile .votebox .votes_sum {
  font-size: 20px;
}

#profile .votebox .button.plus,
.profile .votebox .button.plus,
.community .votebox .button.plus {
  margin-bottom: 5px;
}

#profile .votebox .button.minus,
.profile .votebox .button.minus,
.community .votebox .button.minus {
  margin-top: 5px;
}

.community span.votebox.positive .votes_sum,
#profile span.votebox.positive .votes_sum,
.profile span.votebox.positive .votes_sum,
.ratingbox.positive {
  background-color: #339933;
  color: #fff;
  padding: 2px;
}

.community span.votebox.negative .votes_sum,
#profile span.votebox.negative .votes_sum,
.profile span.votebox.negative .votes_sum,
.ratingbox.negative {
  background-color: #fa0000;
  color: #fff;
  padding: 2px;
}

.ratingbox {
  font-weight: bold;
}

table td.votes_sum {
  text-align: center;
}

/********************************
 * Comments
 * ******************************/
.comment {
  margin-bottom: 20px;
  padding-top: 10px;
  background-color: #FAF4E1;
  border-left: 5px solid #F3EDDA;
  margin-bottom: 20px;
  padding: 10px;
}

.comment.deleted {
  background-color: transparent;
  font-size: 12px;
  color: #C1BDAC;
}

.comment.new {
  border-color: #C1BDAC;
}

.comment.hidden .meta .userlink,
.comment.hidden .meta .created-at,
.comment.hidden .meta a.permalink {
  opacity: 0.3;
}

.comment.hidden ul.links .reply,
.comment.hidden ul.links .delete,
.comment ul.links .show,
.comment ul.links .delete {
  display: none;
}

.comment:hover ul.links .delete {
  display: inline;
}

.comment.hidden .content {
  display: none;
}

#content .comment.hidden ul.links {
  margin-top: 0;
}

#content .comment ul.links {
  margin: 0;
  position: static;
  margin-top: 10px;
}

#content .comment ul.links li {
  float: left;
  margin-right: 10px;
}

#content .comment ul.links a {
  padding: 0;
  border: none;
}

#content .comment ul.links a.ajax {
  border-bottom: 1px dotted #576B82;
}

#content .comment ul.links a:hover {
  border-color: #fff;
}

.comment .content {
  font-size: 12px;
}

.comment .meta {
  font-size: 12px;
  margin-bottom: 5px;
}

.comment .meta .reply {
  float: right;
}

h2.comments-title {
}

#comments {
  margin-left: 20px;
}

#content #comments .pagination {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.comment .comment-form {
  margin-top: 20px;
}

.comment-form p.form-item label {
  display: none;
}

.comment-form p.submission {
  margin-left: 0;
  left: 0;
}

.comment-form {
  margin-left: 20px;
}

#last_comments ol {
  font-size: 11px;
}

.comment.depth0 { margin-left: 0px; }
.comment.depth1 { margin-left: 20px; }
.comment.depth2 { margin-left: 40px; }
.comment.depth3 { margin-left: 60px; }
.comment.depth4 { margin-left: 80px; }
.comment.depth5 { margin-left: 100px; }
.comment.depth6 { margin-left: 120px; }
.comment.depth7 { margin-left: 140px; }
.comment.depth8 { margin-left: 160px; }
.comment.depth9 { margin-left: 180px; }
.comment.depth10 { margin-left: 200px; }
.comment.depth11 { margin-left: 220px; }
.comment.depth12 { margin-left: 240px; }
.comment.depth13 { margin-left: 260px; }
.comment.depth14 { margin-left: 280px; }
.comment.depth15, .comment.deep { margin-left: 300px; }

#comments.no-indent {
  margin-left: 0;
}

#comments.no-indent .comment {
  margin-left: 0 !important;
}

/********************************
 * Profile page
 * ******************************/
.header_wrapper h1.title {
  float: left;
}

.profile .votebox,
.community .votebox {
  margin-left: 20px;
  float: right;
  margin-top: -8px;
}

.profile ul.tabs {
}

#profile table.profile-info {
  margin-bottom: 20px;
}

#content table.profile-info td {
  line-height: 170%;
  font-size: 13px;
}

#content table.profile-info tr.name td {
  font-weight: bold;
}

#content table.profile-info tr.separator th,
#content table.profile-info tr.separator td {
  height: 20px;
  overflow: hidden;
}

#profile table.profile-info th {
  text-align: right;
  color: #33332d;
  white-space: nowrap;
  font-size: 13px;
  vertical-align: top;
  line-height: 170%;
}

#profile .communities-moderated {
  float: left;
  width: 48%;
}

#profile .description {
  font-size: 12px;
}

/********************************
 * Private Messages
 * ******************************/

table.private_messages td.body .body {
  white-space: nowrap;
  overflow: hidden;
}

table.private_messages col.recipient {
  width: 150px;
  overflow: hidden;
}

table.private_messages col.date {
  width: 100px

}

table.private_messages col.body {
  width: auto;
}

table.private_messages col.checkbox {
  width: 18px;
}

table.private_messages td.body {
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}

table.private_messages tr.unread {
  font-weight: bold;
}

table.private_messages tr.read {
  opacity: 0.7;
}

table.private_messages tr.selected {
  background-color: #FCF7BD;
  opacity: 1.0;
  border-bottom: none;
}

table.private_messages td.date {
  white-space: nowrap;
  overflow: hidden;
  text-align: right;
  cursor: pointer;
}

#content table.private_messages {
  max-width: 100%;
  width: 100%;
  table-layout: fixed;
  margin-top: 10px;
  margin-bottom: 10px;
}

table.private_messages tr {
  border-bottom: 1px solid #eee;
}

body#private_messages-index .submission {
  margin: 0;
  display: block;
}

body#private_messages-index .submission input {
  font-size: 11px;
  margin-right: 5px;
}

body#private_messages-index .pagination {
  margin-top: 15px;
}
.pm {
  padding: 10px 10px 10px 15px;
  background-color: #FAF4E1;
  border-left: 5px solid #F3EDDA;
  margin-bottom: 20px;
}

.pm.new {
  border-color: #C1BDAC;
}

.pm .meta,
.pm .content,
.pm .author-info {
  border-left: none;
  margin-left: 0;
}

.pm .author-info {
  margin-bottom: 10px;
}

.pm h5.title {
  margin-top: 0;
  margin-bottom: 5px;
}

.centered {
  text-align: center;
}

h1.centered {
  margin-top: 20px;
  margin-bottom: 20px;
}

#content h1.error {
  color: #a00;
  background: url(/images/icons/minus_circle.png) no-repeat center left;
  padding-left: 20px;
}

/********************************
 * FOOTER
 * ******************************/

div.separator {
  border-bottom: 1px solid #666;
  border-top: 1px solid #111;
  height: 0;
  overflow: hidden;
  margin-bottom: 20px;
  margin-left: -40px;
  margin-right: -40px;
  opacity: 0.5;
}

#footer {
  padding: 20px;
  clear: both;
  font-size: 12px;
}

body.logged_in #footer {
  background: url(/images/control.png) right 40px no-repeat;
}

ul.links {
  float: left;
  position: relative;
  top: -5px;
  left: -5px;
}mi

ul.links li {
  float: left;
  margin-right: 10px;
}

#sidebar ul.links li a,
#footer ul.links li a {
  padding: 5px;
}

#sidebar ul.links li a:hover,
#footer ul.links li a:hover {
  background-color: #fff;
  color: #000;
}

#footer .links li a {
  font-weight: bold;
}

#footer .links li.twitter a {
  background: url(/images/icons/twitter.png) no-repeat 3px 4px;
  padding-left: 21px;
}

#footer p {
  line-height: 190%;
}

#footer .copyrights {
  float: right;
  margin-right: 20px;
  text-align: right;
}

#footer .copyrights .userlink {
}

#footer p.egor {
  float: right;
  width: 310px;
}

#footer p.egor span {
  border: 1px solid #fff;
  padding: 2px;
}

/******************************
 * User-entered content
 ******************************/
.content p,
.content blockquote,
.content ul li,
.content ol li,
.content code {
  line-height: 140%;
}

.content p,
.content blockquote,
.content ul,
.content ol,
.content code {
  margin-bottom: 1.4em;
}

.content ul,
.content ol {
  padding-left: 30px;
}

.content ul li { list-style-type: disc; }
.content ol li { list-style-type: decimal; }

.content blockquote {
  font-size: 12px;
  font-style: italic;
  padding: 10px;
  border-left: 5px solid #F3EDDA;
}

.content em {
  font-style: italic;
}

#content .content h1,
#content .content h2,
#content .content h3,
#content .content h4,
#content .content h5,
#content .content h6 {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  color: #666;
}

.content code {
  background-color: #000;
  color: #0a0;
  font-family: monospace;
  padding: 10px;
  font-size: 12px;
  overflow: auto;
  white-space: nowrap;
  display: block;
}

/******************************
 * SEARCH PAGE
 ******************************/
h1.shpoogle .l1 { color: #9106d9; }
h1.shpoogle .l2 { color: #520eec; }
h1.shpoogle .l3 { color: #91ef4c; }
h1.shpoogle .l4 { color: #ffae00; }
h1.shpoogle .l5 { color: #ff3c00; }
h1.shpoogle .l6 { color: #00b4ff; }
h1.shpoogle .l7 { color: #1e1efd; }
h1.shpoogle .l8 { color: #9106d9; }

h1.shpoogle {
  display: inline-block;
}

#content #search {
  display: inline-block;
  vertical-align: super;
}

#content #search input.text {
  width: 340px;
  padding: 2px;
}

/******************************
 * INVITES
 ******************************/
#invite {
  background-color: #FAF4E1;
  border: 3px solid #F3EDDA;
  padding: 20px;
  -moz-border-radius: 10px;
  width: 610px;
  margin: 0px auto 20px auto;
}

#invite h1 {
  font-size: 25px;
  text-align: center;
}

#invite h2 {
  font-size: 18px;
  text-align: center;
}

#invite .tip {
  font-size: 12px;
}

#invite ol.codes li {
  text-align: center;
  font-size: 19px;
  margin-bottom: 20px;
}

#invite ol.codes li:last-child {
  margin-bottom: 0;
}

#invite ol.codes li .emailed_to {
  color: #535349;
  font-size: 12px;
}

/******************************
 * ANONYMOUS PAGES
 ******************************/
body.anonymous #wrapper {
  margin-top: 20px;
  width: 600px;
}

body.anonymous #content {
  background-position: 0px -1px;
}

body.anonymous #wrapper .tabs_group {
  margin-top: 20px;
}

body.anonymous #primary_tabs li.active {
  background-color: #E8E1CE;
}

body.anonymous ul#primary_tabs {
  margin-left: auto;
  margin-right: auto;
  float: none;
}

body.anonymous #header h1 {
  display: block;
  text-align: center;
  float: none;
  margin-bottom: 10px;
}

body.anonymous #header h2 {
  font-size: 17px;
  text-align: center;
}

body.anonymous #header h3 {
  font-size: 12px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  line-height: 150%;
  text-align: center;
}

body.anonymous #footer .separator {
  margin-bottom: 0;
}

body.anonymous #footer .psi {
  font-family: Georgia, Times New Roman, times;
  font-size: 100px;
  text-align: center;
  color: #DB4105;
  opacity: 0.3;
}

body.anonymous #footer .blah {
  font-size: 13px;
  color: #5D5D58;
  text-align: center;
}

body.anonymous form p.form-item.text_field input,
body.anonymous form p.form-item.password_field input {
  display: block;
  width: 550px;
}

body.anonymous form p.form-item.check_box {
  margin-left: 0;
  position: static;
}

body.anonymous #new_user_session p.form-item.password_field input,
body.anonymous #new_user_session p.form-item.text_field input,
body.anonymous #activate_invite p.form-item.text_field input,
body.anonymous #new_user p.form-item.text_field #user_login,
body.anonymous #password_reset p.form-item.text_field #password_reset_email {
  font-size: 30px;
}

body.anonymous form p.form-item .tip {
  margin: 0;
  position: static;
}

body.anonymous #new_user_session p.form-item .tip {
  text-align: right;
}

body.anonymous #new_user p.form-item.text_field #user_email {
  font-size: 20px;
}

body.anonymous form p.form-item.submission {
  margin: 0;
  position: static;
  margin-top: 20px;
}

body.anonymous form p.form-item.submission input {
  margin: 0 auto;
  width: 200px;
  display: block;
}

body.anonymous p.form-item.submission input {
  font-size: 20px;
}

body.anonymous form p.form-item.text_field label,
body.anonymous form p.form-item.password_field label,
body.anonymous form div.radio-buttons-group label {
  display: inline;
  width: auto;
  font-weight: bold;
}

body.anonymous form div.radio-buttons-group label {
  font-weight: bold;
  display: block;
  clear: right;
}

body.anonymous form div.radio-buttons-group p.form-item label {
  font-weight: normal;
  display: inline;
}

body.anonymous form div.radio-buttons-group p.form-item {
  margin-left: 0;
  float: left;
  width: 150px;
  position: static;
  margin-top: 0.3em;
}

body.anonymous form div.radio-buttons-group {
  position: static;
  margin-bottom: 10px;
}

body.anonymous form .errors {
  position: static;
  margin-left: 0;
}

body.exception #wrapper {
  width: 600px;
  margin-top: 20px;
}

body.exception #content {
  margin-top: 20px;
}

body.exception #content h1.title {
  color: #a00;
}

body.exception #content h1.title .description {
  color: #33332d;
}

body.anonymous .free_registration {
  font-family: Georgia, Times New Roman, times;
  font-size: 20px;
  display: block;
  text-align: center;
  padding: 10px;
  width: 300px;
  margin: 0 auto;
  text-decoration: none;

  background-color: #FAF4E1;
  /* background-color: #848175; */
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}

body.anonymous .free_registration:hover {
  background-color: #848175;
  color: #FAF4E1;
  text-shadow: 1px 1px 0 #33332d;
}

#loading_indicator {
  position: fixed;
  right: 5px;
  top: 5px;
  padding: 5px;
  font-weight: bold;
  background: #a00 url(/images/ajax-loader.gif) no-repeat 5px center;
  padding-left: 27px;
  white-space: nowrap;
}

/**********************************************************************
  TWEETS
***********************************************************************/

#twitter_chat h3 .t {
  font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
  text-shadow: 1px 1px 0 #fff;
  color: #33ccff;
  font-weight: bold;
}

ol.tweets {
  max-height: 700px;
  overflow: auto;
}

ol.tweets li,
#last_comments ol li {
  margin-bottom: 8px;
}

ol.tweets li .w,
#last_comments ol li .w {
  background: transparent url(/images/tweet_baloon_corner.gif) no-repeat;
  background-position: 0 0;
  margin-left: 28px;
}

ol.tweets li .w {
  background-position: 0 -2px;
}

#last_comments ol li .w {
  margin-left: 33px;
}

#sidebar ol.tweets li .w .content,
#last_comments ol li .w .content {
  clear: none;
  margin-left: 5px;
  padding: 2px 3px 2px 4px;
  border: 1px solid #494945;
  border-width: 1px 1px 1px 0;
  border-radius: 4px 4px 0 0;
  position: relative;
}

#sidebar ol.tweets li.full .w .content {
}

#sidebar ol.tweets li.collapsed .content .meta {
  display: none;
}

#sidebar ol.tweets li.full .content .meta {
  display: block;
}

#sidebar ol.tweets li .content .meta,
#last_comments ol li .content .meta {
  color: #ccc;
  font-size: 10px;
  margin-top: 3px;
}

#last_comments ol li .content .meta {
  margin-top: 0;
  margin-bottom: 3px;
}

#sidebar ol.tweets li.collapsed .w .content .shader,
#last_comments ol li.collapsed .w .content .shader {
  background: transparent url(/images/tweet_shader.png) no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
}

#sidebar ol.tweets li.full .w .content .shader {
  display: none;
}

#sidebar ol.tweets li.promoted .w .content p {
  font-weight: bold;
  min-height: 30px;
}

#sidebar ol.tweets li .w .content p,
#last_comments ol li .w .content p {
  margin: 0;
  min-height: 18px;
  line-height: 18px;
}

#last_comments ol li .w .content p {
  line-height: 120%;
}

#last_comments ol li .w .content p a {
  text-decoration: none;
  color: #fff;
}

#sidebar ol.tweets li.collapsed .w .content p {
  white-space: nowrap;
  overflow: hidden;
}

ol.tweets li a.twitter_avatar,
#last_comments ol li img.avatar {
  float: left;
  display: block;
  border: none;
  padding: 0;
}