@import url(luna_core.css);
@import url(/static/luna/luna.css);

body {
  margin: 0px;
  padding: 0px;
  color: #000000;
  background: #ffffff;
  font: normal 11px tahoma, geneva, verdana, sans-serif;
}
          
.category-list tr.forum td.forum-last .by { 
  max-width: 150px;
}

.category-list thead tr th.forum-last {
  width: 160px;
}

#leftsidebar {
  margin-left: -140px;
  width: 125px;
  float: left;
  position: relative;
  padding-right: 5px;
  padding-top: 5px;
}
#content .small-wrapper {
  width: 550px;
}
#content h3 {
   background: #012E83;
   font-size: 14px;
   font-weight: bold;
   text-align: left;
   color: #fff;
   border: 0px;
   margin: 0px;
   padding: 5px;
}

#user_profile_subscriptions_settings {
  font-size: 14px;
}

.post-body, .message-body {
  font-size: 14px;
}
/* replace grey color to light blue */
.row .description {
  background-color: #dae5ff;
  color: #212126;
}
.settings .row label.name {
  width: 165px;
  /* Hide from Win/IE5.x: */
  w\idth: 145px;
  height: 14px;
  background-color: #dae5ff;
  display: block;
  float: left;
  clear: left;
  text-align: right;
  padding: 8px 10px 10px 10px;
  margin-right: 10px;
  color: #5c5b66;
}
div.tabs div.selected {
  margin: 0px 0px 0px 1px;
  padding-top: 8px;
  background: #dae5ff;
  color: #212126;
  font-weight: bold;
  height: 15px;
}
div.tab-description {
  background: #dae5ff;
  padding: 10px;
  font-size: 12px;
}
.profile-settings .row#row_icon .value {
  border-left: 165px solid #dae5ff;
}
#attach_table tr {
  height: 20px;
  background: #dae5ff;
}
#spellcheck_suggestions .mouseover {
  color: #5c5b66;
  background-color: #dae5ff;
}
/* end */
/* replace green color to dark blue */
div.tabs div {
  float: right;
  margin: 3px 0px 2px 1px;
  width: 115px;
  height: 13px;
  padding: 5px 5px 8px 5px;
  background: #042F7D;
  text-align: center;
  color: #fff;
}
/* end */

input.submit, input.button {
  color: #042F7D;
  background: #fff;
}
.toolbar {
  background: #042F7D;
  color: #fff;
}
.paging {
  width: 140px;
}
#message_list .toolbar {
  background: #dae5ff;
}
.compose .row.highlighted div.value {
  border-left-color: #dae5ff;
}
.compose .row.highlighted,
.compose-submit {
  background: #DAE5FF;
}
/* Replace grey with light blue */
#spellcheck_suggestions {
  border: 1px outset #dae5ff;
  color: #212126;
  background: #dae5ff;
  position: absolute;
  cursor: default;
  padding: 1px;
  z-index: 20;
}

/* End */

#attach_table {
  width: 410px;
  border-collapse: collapse;
  table-layout: fixed;
}
#attach_table td.inline {
  width: 50px;
}
.post .post-header .post-subject {
  padding-right: 5px;
}
.post-page .toolbar .actions a, .message-page .toolbar .actions a {
  color: #fff;
}
.post-page .toolbar .actions .watch-thread, .post-page .toolbar .actions .view-threaded, .post-page .toolbar .actions .view-flat {
  border-left-color: #fff;
}
.toolbar select {
  vertical-align: top;
}
.post-wrapper, .message-wrapper {
  margin: 10px 0px; /* space between posts */
  border-left: 145px solid #edf2cb; /* post info area (if changing, also change .post-info width) - this should be == .post-info width + .post-info right & left padding */
}
.post, .message {
  position: relative;
  border: 1px solid black;
  margin-left: 5px; /* space between body and info */
  background: white;
}
.post-info, .message-info {
  margin-top: -1px; /* .post-wrapper border */
  margin-left: -151px; /* .post-info width + .post-info left & right paddings + .post margin + .post border */
  width: 125px;
  float: left;
  position: relative;
  overflow: hidden;
  color: #5c5b66;
  font-size: 12px;
  padding: 10px;
}

table.user-list thead th.username {
  width: 100px;
}
table.user-list.admin-controls thead th.username {
  width: 140px;
}
table.user-list thead th.title {
  width: 80px;
}
table.ip-list thead th.poster {
  width: 90px;
}
table.ip-list thead th.forum {
  width: 130px;
}
table.ip-list thead th.ip-address {
  width: 105px;
}

table.ip-list.no-ip thead th.poster {
  width: 155px;
}
table.ip-list.no-ip thead th.forum {
  width: 150px;
}

#forum_banners {
   margin: 0px auto;
   width: 100%;
   text-align: center;
}
#forum_banners td {
   width: 33%;
   text-align: center;
}
.searchbar {
  margin-bottom: 3px;
  padding: 5px 10px;
  border-bottom: 1px solid #57594b;
  background: #dae5ff;
}

.post-notes-new {
   margin-top: 10px;
   margin-left: -5px;
   margin-right: 0px;
}

.post_extlinks {
   margin-top: 0px;
 /*  position: absolute;
   bottom: 32px; 
   left: 2px;
   */
   float: left;
   height: 20px;
}
.tellafriend {
  border: 1px solid #042f7d;
  background: #dae5ff;
  padding: 2px;
  margin: 2px 2px 2px 0px;
  color: #042f7d;
  width: 160px;
  font-size: 12px;
  float: right;
  text-align: center;
  /*
   position: absolute;
   bottom: 2px; 
   right: 2px; */
}
.post-body {
   margin-bottom: 60px;
}

table.poll_view, table.poll_results {
   border: 1px solid #000000;
   padding: 0px;
   margin: 0px;
}
.poll_results th, .poll_view th {
    padding: 2px;
   margin: 0px;
    background: #042F7D;
    color: #ffffff;
}
.poll_message {
    color: red;
    font-weight: bold;
}
td.poll_answer{
    width: 50px;
    padding-right: 10px;
    text-align: right;
}
td.poll_percentage {
    width: 500px;
}
#rightsidebar {
  display: inline;
}
#footer p {
  text-align: center;
  background: #ffffff;
}
table.list thead th.date {
  width: 100px;
}
table.list thead tr {
  background-color: #042f7d;
  color: white;
}
table.post-list thead th.last {
  width: 130px;
}
.post-list tr.post-row td.last div.date-username {
  white-space: normal;
}
.post-list thead th.author {
  width: 105px;
}
.post-list thead th.replies {
  width: 55px;
}
.post-wrapper, .message-wrapper {
  border-left-color: #dae5ff;
}
.category-list tr.forum td.forum-threads, .category-list tr.forum td.forum-last {
  background-color: #dae5ff;
}

/* These are rows that are narrow (i.e. can have multiple rows on one line), but that
must be the first row on a line. */
.profile-settings .row.extrarow.firstextra,
.profile-display .row.extrarow.firstextra,
.profile-settings .row#row_email,
.profile-settings .row#row_password,
.profile-settings .row#row_default_post_display {
  min-width: 0px;
  width: 540px;
  clear: left;
}
/* These are narrow rows (i.e. multiple on a line) that can be anywhere on the line */

.profile-settings .row.extrarow,
.profile-settings .row#row_disp_email,
.profile-settings .row#row_password_confirm,
.profile-settings .row#row_invisible,
.profile-settings .row#row_accept_privmsg,
.profile-settings .row#row_message_notify,
.profile-settings .row#row_default_reply_notify,
.profile-settings .row#row_default_post_style,
.profile-settings .row#row_default_message_style,
.profile-settings .row#row_jump_to_unread,
.profile-settings .row#row_advanced_editor,
.profile-settings .row#row_do_after_post,
.profile-settings .row#row_view_signatures,
.profile-settings .row#row_show_user_icons,
.profile-settings .row#row_forum_view,
.profile-display .row.extrarow,
.profile-display .row#row_disp_email {
  min-width: 0px;
  width: 540px;
  clear: none;
}
.row .value input.text, .row .value input.password, .row .value textarea {
  width: 250px;
}

.row .value textarea {
width: 325px;
font-size: 11px;
}

.settings .row.textarea .value textarea {
height: 80px;
width: 330px;
font-size: 11px;
}
.row .value.wrappedtext {
  margin-left: 15px;
}

#contentheader {
  background: #fff;
}
#category_list #contentheader h1, #contentheader h1 { /* , #forum_view #contentheader h1 { */
  padding: 4px;
  margin: 4px 0px 4px 0px;
  height: 28px;
  font-size: 22px;
  font-family: "trebuchet ms", verdana;
  border: 1px solid #16448A;
  background: #DAE5FF;
  color: #16448A;
}
#category_list .heading_custom {
  padding: 4px;
  margin: 4px 0px 4px 0px;
  height: 28px;
  border: 1px solid #16448A;
  background: #DAE5FF;
}
#category_list .heading_custom_left {
  float: left;
}
#category_list #contentheader h1.custom {
  border: 0px;
  padding: 0px;
  background: none;
  margin: 0px;
  font-size: 22px;
  font-family: "trebuchet ms", verdana;
  color: #16448A;
}
#category_list .category-list td, #forum_view .post-list td, .list td {
  font-size: 14px;
}
#forum_view h5, #category_list h5 {
  text-align: right;
  color: #000;
}
#contentheader #welcome_user #welcome_nouser_count {
  padding-top: 2px;
  padding-right: 5px;
}
#contentheader #welcome_user #welcome_register_count {
  padding-right: 5px;
}

.status-message {
  font-size: 12px;
}

a.lastpost {
  color: #000;
}
.category-list tr.category td {
  background: #042F7D;
  color: #fff;
}
.category-list tr.category td a {
  text-decoration: none;
  color: #fff;
}
a.site-home, span.crumb-last  {
  font-size: 9px;
}
a.cat-name {
  font-size: 12px;
}

#contentheader .user_search {
  text-align: right;
}
#contentheader .user_search a {
  color: #314fb1;
  font-weight: bold;
  font-size: 13px;
}
#user_list #content a, #user_list #content a:hover, #whos_online #content a, #whos_online #content a:visited,
#search_results #content a {
  color: #314fb1;
}
#user_list #content th a {
  color: #fff;
}
div.tabs div a, #user_list #content div.tabs div a, #whos_online #content div.tabs div a {
  color: #fff;
}
div.tabs div.selected a, #user_list #content div.tabs div.selected a, #whos_online #content div.tabs div.selected a {
  color: #212126;
}
#content a.username.administrator, #content a.username.moderator {
  color: #042F7D;
}

#search .row label.name {
  color: #042F7D;
}

/*
This file inherits from luna_core.css, so styles in this file will override
styles defined in it.  Changes to this file will NOT be overwritten during
upgrades.

Here's a quick tutorial on overriding styles.  Say you want to change the
background colour of the body.  Looking at luna_core.css, the colour is
defined in the rule:

    body {
      margin: 0px;
      padding: 0px;
      color: #33332e;
      background: #ffffff;
      font: normal 11px tahoma, geneva, verdana, sans-serif;
    }

To change the background colour of white (#ffffff) to gray (#dddddd), you would
add the following to this file:

    body {
      background: #dddddd;
    }

If you also wanted to change the font as well as the background, then you could
use:

    body {
      background: #dddddd;
      font: normal 12px times new roman;
    }

Also note that every template's body id is assigned the template name (without
the .html extension).  So if you want to change the h2 heading in the
category_list.html template, you can do this by:

    #category_list h2 { 
      color: red; 
      font-weight: bold; 
    }

To start you off, some sample overriding styles have been provided below.  Note
that you will have to uncomment the rules for them to work.
*/

/* Logo size and image source */
/*
#logo {
  width: 250px;
  height: 80px;
  background-image: url(images/logo.gif);
}
*/
/* If the height of your logo changes from the original, then you will probably
want to also change the vertical position of the login link */
/*
#loginbar a {
  margin-top: 25px;
}
*/

/* Change width of document */
/*
#wrapper {
  width: 750px;
}
*/

/* Don't want the shadows? */
/*
.shadowtop, .shadowbottom, .shadowleft, .shadowright {
  background: none;
}
.shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {
  width: auto;
  height: auto;
  float: none;
  background: none;
}
*/

/* Username highlighting (for guests, buddies, administrators, and moderators)
 * can easily be changed.  The defaults are shown below -- to change the display
 * uncomment the section and change as desired: */

/* Administrators: */
/*
#content a.username.administrator {
  color: #008000;
}
*/
/* Moderators of the forum currently being displayed: */
/*
#content a.username.moderator {
  color: #008000;
}
*/
/* Users on your buddy list: */
/*
#content a.username.buddy {
  color: #f07800;
}
*/
/* Guest posters: */
/*
#content a.username.anonymous {
  color: #6060d0;
}
*/
/* Disabled user accounts (ONLY shows up for administrator-status users): */
/*
#content a.username.disabled {
  text-decoration: line-through underline;
}
*/
ul.primarynav li .new-messages {
  font-weight: bold;
  font-size: 10px;
  color: #FF0000;
}
.attachment_list {
  margin: 0px 0px 0px 5px;
  *margin-bottom: 55px;
}
.post .post-header .post-subject, .message .message-header .message-subject {
  font-size: 14px;
}
#content p.forum_moderators {
  text-align: right;
}
#content p.forum_moderators a {
  color: #314fb1;
  font-size: 12px;
}