/*
 This is a site layout CSS file
 It should contain no color definitions
 Except where they are uniformly static
*/

/****************
 General Layout
****************/

/* General preferences for the entire page */
body, div {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
}

/* Basic font size */
body {
  font-size: 15px;
}

/* No line-wraps in pre (code) tags (this doesn't seem to work) */
pre {
  white-space: pre-wrap;
}

div.content_preview_note {
  font-weight: bold;
  margin-bottom: 6px;
  text-align: center;
}

/* Font preferences for user input fields */
input, textarea {
  font-family: Arial, sans-serif;
  font-size: 12px;
}

/* Remove borders from all images (i.e., for image links) */
img {
  border: none;
}

/* Make superscript letters slightly smaller */
sup {
  font-size: 75%;
}

/* Default all tables to collapsing borders */
table {
  border-collapse: collapse;
}

/* Arrays within error_dump */
div.error div.error_array {
  padding-left: 16px;
}

/* Some browsers center th, negate this by default */
th {
  text-align: left;
}

/* General header text */
h1 {
  font-size: 29px;
  margin-bottom: 14px;
  clear: left;
}

/* Smaller header text */
h2 {
  font-size: 21px;
  margin-bottom: 10px;
  clear: left;
}

/* Smallest header text */
h3 {
  font-size: 17px;
  margin-bottom: 8px;
  clear: left;
}

/***************
 Header Layout
***************/

/* Login form is extra tiny */
input.login {
  font-size: 10px;
  font-family: Arial, sans-serif;
  color: gray;
}

/* Header Quote Formatting */
div.top_quote, input.quote {
  height: 14px;
  font-family: Georgia, Times, serif;
  font-size: 14px;
  text-align: center;
  font-style: italic;
}

/* Header quote preview areas */
div.quote_preview {
  border: 2px outset;
}

/* De-italicize in-quote italics */
div.top_quote i {
  font-style: normal;
}

/* Underline quite links */
div.top_quote a {
  text-decoration: underline;
}

/* Quote author (link to profile) */
div.top_quote.author a {
  text-decoration: none;
  font-weight: bold;
}

/* Quote author link underlines when hovered */
div.top_quote.author a:hover {
  text-decoration: underline;
}

/* Attribution line of header quote */
div.top_quote.attribution {
  font-size: 11px;
  text-align: right;
}

/* Footer notes */
div.footer {
  text-align: center;
  font-size: 10px;
  font-style: italic;
}

a.username {
  font-weight: bold;
}

/****************
 Sidebar Layout
****************/

/* Small elements on sidebar (compressed text) */
div.sidebar small {
  word-spacing: -0.1em;
  letter-spacing: -1px;
}

/* Sidebar links */
div.sidebar a {
  font-variant: small-caps;
  display: block;
  width: auto;
  padding-right: 4px;
  margin: 3px -4px 3px 0;
}

/* Defaults for all sidebar link states */
div.sidebar a:link, div.sidebar a:hover, div.sidebar a:visited {
  text-decoration: none;
  font-size: 14px;
}

/* Smaller sidebar lines (forums and notes) */
div.sidebar div.expanded a, div.sidebar div.expanded div, div.sidebar a.detail {
  font-size: 11px;
  font-variant: normal;
  margin: 1px -4px 1px 0;
}

/* Sidebar links for new content */
div.sidebar a.detail {
  display: block;
  font-weight: bold;
}

/* Bottom sidebar RSS links */
div.sidebar div.bottom a {
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  padding: 1px 4px 1px 0;
  margin: 3px 0px 3px 0;
}

/* Bottom sidebar RSS link images */
div.sidebar div.bottom a img {
  margin-bottom: -2px;
}

/*********************
 User Profile Layout
*********************/

/* User profile sidebar */
div.user_stats {
  font-family: Georgia;
  font-size: 12px;
}

/* Main header in user profile sidebar */
div.user_stats h1 {
  margin: 0 0 8px 0;
  font-size: 22px;
  text-align: center;
}

/* Lines of statistics in sidebar */
div.user_stats div {
  padding-left: 8px;
  text-indent: -8px;
}

/* Statistic names in sidebar */
div.user_stats span.stat_name {
  font-weight: bold;
}

/* Settings table setting names */
table.settings th {
  font-weight: normal;
  text-align: right;
  font-style: italic;
  padding-right: 8px;
}

/* Settings table headers */
table.settings th.header {
  font-weight: bold;
  font-style: normal;
  text-align: left;
}

/* Notes in settings tables */
table.settings td.note {
  font-size: 12px;
  font-style: italic;
  text-align: center;
  padding: 6px 40px;
}

/* User profile blurb */
div.blurb {
  margin-top: 16px;
}

/****************
 Rewards Layout
****************/

/* General reward/title format */
span.reward {
  padding: 0px 4px;
  height: 12px;
  line-height: 11px;
  font-size: 11px;
  display: inline;
  position: relative;
  bottom: 1px;
  margin: 4px;
  border: 1px outset;
  white-space: nowrap;
}

/* Assigned reward borders */
span.reward.assigned {
  border: 1px solid;
}

/*************
 Chat Layout
*************/

/* The main chat window (NOT including active user list) */
div.chat {
  font-size: 12px;
  line-height: 15px;
  overflow: auto;
  border-right: 1px solid;
  border-left: 1px solid;
}

/* The chat window shares a bottom border with the input/active user list */
div.chat.active_divider {
  border-bottom: 1px dotted;
}

/* Chat headers (timestamps) */
div.chat span.chat_header {
  font-family: Arial, sans-serif;
}

/* Chat header links (usernames) */
div.chat span.chat_header a {
  font-weight: bold;
}

a.viewing { font-weight: bold; } /* Active users currently viewing the site */

/********************
 Button/Link Layout
********************/

/* Remove underlines from general links */
a {
  text-decoration: none;
}

/* Underline links on hover (but generally not at other times) */
a:hover {
  text-decoration: underline;
}

/* Chat links (always underlined) */
div.chat span.user_line a {
  color: inherit;
  text-decoration: underline;
}

/* Link "buttons" for login and general links */
a.login_button, a.link_button {
  padding: 1px 2px;
  height: 12px;
  font-variant: small-caps;
}

/* Font size for login buttons */
a.login_button {
  font-size: 12px;
}

/* Font size and margins to space general links */
a.link_button {
  font-size: 13px;
  margin: 0 12px 0 0;
}

/* Chat version of link button */
a.chat_button {
  padding: 1px 3px;
  height: 10px;
  font-variant: small-caps;
  font-size: 11px;
}

/* Comment version of link button */
a.comment_button {
  padding: 1px 3px;
  height: 12px;
  font-variant: small-caps;
  font-size: 12px;
}

/* Content tag version of link button */
a.tag_button {
  padding: 2px 5px;
  height: 11px;
  font-variant: small-caps;
  font-size: 11px;
  border: 1px solid;
  margin: 0 1px;
}

/* Link "buttons" do not get underlined on hover */
a.comment_button:hover, a.login_button:hover, a.chat_button:hover, a.link_button:hover, a.page_button:hover, a.tag_button:hover {
  text-decoration: none;
}

/* Links across a content page */
div.middle_links {
  margin: 12px 0;
}

/* Links at the top of a content page */
div.top_links {
  margin-bottom: 12px;
}

/* Links at the bottom of a content page */
div.bottom_links {
  text-align: right;
  margin-top: 12px;
}

/* Links along the bottom link section */
div.bottom_links a.link_button {
  margin: 0 0 0 12px;
}

.attention { font-weight: bold; } /* High-importance links */

/*************
 List Layout
*************/

/* List table */
table.section_list {
  width: 825px;
}

/* General list headers */
table.section_list th {
  padding: 4px 4px 0 4px;
  font-size: 12px;
}

/* General list cells */
table.section_list td {
  padding: 4px;
  border-top: 1px solid;
  border-bottom: 1px solid;
  font-size: 14px;
}

/* Cells in small-text table */
table.section_list.smalltext td {
  font-size: 11px;
}

/* Rows with no lower border */
tr.nobottom td {
  border-bottom: none;
}

/* Rows with no upper border */
tr.notop td {
  border-top: none;
}

/* List with bordered cells */
table.bordered td {
  border: 1px solid;
}

/* "New!" and similar messages on lists */
span.new, span.hidden, span.updated, span.unread, span.reply, span.forum_note {
  font-size: 11px;
}

/* Page link area for list elements and forum note */
table.section_list div.pages, table.section_list div.forum_note {
  font-size: 12px;
  padding-left: 10px;
}

/* Page links for list elements (no underline) */
table.section_list div.pages a {
  text-decoration: none;
}

/* Parameters for paging code */
div.paging {
  text-align: center;
  font-size: 14px;
}

/* Individual page number links on page jump list */
a.page_button, div.paging b {
  padding: 0px 5px;
}

/********************
 Splash Page Layout
********************/

/* Splash page content pane */
div.splash_content {
  width: 266px;
  height: 232px;
  overflow: hidden;
  text-align: justify;
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 15px;
}

/* Splash page content pane footer */
div.splash_footer {
  width: 266px;
  height: 15px;
  overflow: hidden;
  text-align: right;
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 15px;
  font-style: italic;
  position: relative;
}

/* User rating in splash page content footer */
div.splash_footer span.user_rating {
  font-size: 12px;
  font-style: normal;
  position: absolute;
  left: 0px;
}

/* Splash page content pane header */
div.splash_content h1 {
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  margin: 0 0 6px -4px;
  font-variant: small-caps;
  text-align: right;
  width: 100%;
}

div.splash_content h1 span.new { margin-left: 4px; } /* Correction for left-size float messages */

/* Splash page content page sub-heading */
div.splash_content h2 {
  font-size: 12px;
  line-height: 15px;
  font-weight: normal;
  margin: 0;
}

/* Splash page content pane alternate sub-heading */
div.splash_content h3 {
  font-size: 10px;
  line-height: 12px;
  font-weight: normal;
  margin: 0;
}

/* Splash page scrollable list */
div.splash_list {
  overflow: auto;
  font-size: 12px;
}

/* Splash page scrollable list main header */
div.splash_list h1 {
  font-size: 16px;
}

/* Splash page scrollable list subheader */
div.splash_list h2 {
  font-size: 14px;
  margin-top: 16px;
  margin-bottom: 2px;
}

/* Splash page scrollable list items */
div.splash_list div {
  padding: 2px 0 2px 20px;
  text-indent: -20px;
  border-top: 1px solid;
}

/* Site update message area in splash list */
div.splash_list div.update {
  padding: 2px;
  text-indent: 0;
  font-weight: bold;
  border: 2px outset;
}

/* Splash area borders (remove any that don't belong) */
div.splash_area {
  border: 1px solid;
}

/* The "cast your vote" text area */
div.quote_vote_text {
  padding-top: 18px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;
  line-height: 18px;
}

/* Buttons for voting on header quotes */
a.quote_vote_button {
  display: block;
  border: 1px solid;
  position: absolute;
  padding: 12px 0;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  line-height: 15px;
  text-decoration: none;
}

/* The skip button for voting */
a.quote_vote_button.skip {
  font-size: 18px;
  line-height: 14px;
}

/* Splash leaderboard formatting */
table.leaderboard {
  width: 100%;
  font-size: 12px;
}

/* Spacing between leaderboard rows */
table.leaderboard td {
  padding: 2px;
}

/* Cells in the current user's row in a leaderboard */
table.leaderboard tr.self td {
  font-weight: bold;
  border-top: 1px solid;
  border-bottom: 1px solid;
}

/********************
 User Rating Layout
********************/

/* Rating block */
span.user_rating {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-variant: small-caps;
}

/* User ratings within comment headers */
div.comment_header span.user_rating {
  font-size: 13px;
}

/* Rating text */
span.user_rating span.rating, span.user_rating a {
  font-weight: bold;
  font-variant: normal;
  text-decoration: none;
  padding-right: 6px;
}

/* Vote buttons */
span.user_rating a {
  font-weight: bold;
  padding: 1px 6px;
}

/****************
 Message Layout
****************/

/* Overall individual message formatting */
div.message {
  border: 1px solid;
  width: 390px;
  margin: 5px 0;
  font-size: 12px;
}

/* Standardized padding for message segments */
div.message div {
  padding: 2px 5px;
}

/* Message subject line's "To" or "From" */
div.message div.subject span.tofrom {
  font-style: italic;
}

/* Message subject line */
div.message div.subject {
  font-size: 14px;
}

/* Message unread note */
div.message div.unread {
  text-align: center;
  font-size: 11px;
  line-height: 11px;
  padding-top: 0;
  font-style: italic;
}

/* Message bottom (reply) line */
div.message div.reply_line {
  text-align: right;
  font-variant: small-caps;
  font-size: 11px;
  line-height: 11px;
  padding-top: 0;
}

/* Message content divider */
div.message div.content {
  border-top: 1px solid;
}

/* Message links (always underlined) */
div.message div.content a {
  color: inherit;
  text-decoration: underline;
}

/* The formatting of the message window popup */
div.message_window {
  border: 2px outset;
  font-family: Arial, sans-serif;
  font-size: 15px;
  text-align: center;
  padding: 2px;
  font-weight: bold;
}

/* Individual alerts within the large message window */
div.message_window p {
  margin: 0;
}

/* The formatting for the links in the message window */
div.message_window a:link, div.message_window a:hover, div.message_window a:visited {
  font-size: 11px;
  font-style: italic;
}

/*********************
 AJAX Message Layout
*********************/

#ajax_messages li {
  list-style: none;
  text-align: right;
  margin: 4px;
}

#ajax_messages li span {
  font-size: 11px;
  padding: 1px 2px;
  border: 1px solid;
  opacity: 0.85;
}

/**************
 Popup Layout
**************/

/* Stylize text for form field names */
div.popup span.field {
  font-size: 14px;
  font-variant: small-caps;
}

/* Formatting for form header */
div.popup div.send_header {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

/* Input form for popups (no smallcaps) */
div.popup input {
  font-variant: normal;
}

/**************
 Forum Layout
**************/

/* Ensure poll choice table is full width */
table.poll_choices {
  width: 100%;
}

/* Poll choice text */
table.poll_choices td {
  font-size: 12px;
  border-bottom: 1px dotted;
}

/* Poll result total line */
table.poll_choices tr.totals td {
  font-size: 14px;
  font-weight: bold;
  border: none;
}

/* Poll note in thread list */
span.poll_note {
  font-weight: bold;
  font-variant: small-caps;
}

/* Closed poll note in thread list */
span.poll_note.closed {
  font-weight: normal;
  text-decoration: line-through;
}

/* Locked thread names */
.locked {
  text-decoration: line-through;
}

/* Poll percentage bars */
div.poll_bar {
  border: 1px solid;
}

/* Percentage bar (no edge) */
div.poll_bar.percent {
  border-right: none;
}

/****************
 Comment Layout
****************/

/* Preview comment (hidden) */
div.comment.preview {
  display: none;
}

/* Comment timestamps */
div.comment span.comment_timestamp {
  font-size: 11px;
}

/**********************
 Tag-Formatted Layout
**********************/

/* Quote heading text */
div.quote span.heading {
  font-style: italic;
}

/* Blackout text */
span.blackout {
  cursor: pointer;
}

/* Edit tag results */
span.edit {
  text-decoration: line-through;
}

/* Spoiler blocks */
div.spoiler {
  border: 2px outset;
  margin: 4px;
  padding: 2px 8px;
}

/* Spoiler block show message */
div.spoiler .showlink {
  font-weight: bold;
}

/* Spoiler block hide message */
div.spoiler .hidelink {
  text-align: right;
  margin-top: 4px;
  font-size: 12px;
  font-variant: small-caps;
}

/* Spoiler block optional header */
div.spoiler .header {
  font-weight: bold;
  margin-bottom: 1em;
}

/* Quote blocks */
div.quote {
  border: 1px solid;
  padding: 4px 4px 4px 12px;
  margin: 4px 12px;
  width: auto;
}

/* Tag button row */
div.tag_buttons {
  text-align: center;
  line-height: 22px;
}

/*****************
 Projects Layout
*****************/

table.project_small {
  border: 1px solid;
  margin-bottom: 8px;
}

table.project_small tr td {
  border-right: 1px solid;
  border-left: 1px solid;
  padding: 0 4px;
}

table.project_small tr td.description { border: 1px solid; }

tr.subhead td {
  font-weight: bold;
  border-top: 2px solid;
}

div.workunit {
  border: 1px solid;
  width: 822px;
}

div.workunit div.header {
  border-bottom: 1px solid;
  padding: 0 4px;
}

div.workunit div.details {
  padding: 4px;
}

table.table_form th {
  text-align: right;
  padding-right: 4px;
}

/*****************
 Calendar Layout
*****************/

div.popup_dialog {
  display: none;
  position: absolute;
  border: 2px outset;
  padding: 4px;
  font-size: 90%;
}

table.calendar {
  border-collapse: collapse;
  margin-top: 4px;
}

table.calendar td {
  border: 1px solid;
  text-align: center;
  padding: 1px 4px;
  font-weight: normal;
}

table.calendar td a {
  font-weight: bold;
  text-decoration: none;
}

table.calendar td a:hover { text-decoration: underline; }

/* Full screen calendar cell formatting */
table.large_calendar td {
  border: 1px solid black;
  padding: 4px;
  width: 110px;
  height: 80px;
  vertical-align: top;
  text-align: center;
}

/***********************
 Administration Layout
***********************/

/* Style of site option names */
span.site_option {
  font-weight: bold;
}

/* Style of user right names */
span.user_right {
  font-style: italic;
}

/* Active user name style (for lists) */
span.active_user {
  font-weight: bold;
}

/* Inactive user name style */
span.inactive_user {
  text-decoration: line-through;
}

/* Pending user name style */
span.pending_user {
  font-style: italic;
}

/* Denotes unused quotes on admin page */
span.inactive_quote {
  text-decoration: line-through;
}

/* "Spreadsheet" style table, with vertical borders between cells */
table.spreadsheet td {
  border: 1px solid;
  padding: 0 2px;
  text-align: right;
}

/* Spreadsheet totals */
table.spreadsheet td.total {
  text-align: right;
  font-weight: bold;
}

/* Spreadsheet headers */
table.spreadsheet th {
  font-size: 11px;
  text-align: center;
  border-right: 1px solid;
  border-left: 1px solid;
  width: 100%;
}

/* Unprocessed numbers */
table.spreadsheet td.raw_stat {
  font-size: 10px !important;
  padding-right: 4px;
  text-align: left;
}

/******************
 Game List Layout
******************/

/* The goal list when editing a game */
#goal_list { margin: 16px; padding: 0; }
#goal_list li { list-style: none; margin: 16px 0; }

/* The smaller text used as the goal total denominator */
span.goal_total {
  font-size: 11px;
}

/**************
 RPGCC Layout
**************/

/* No space under module names */
h2.heading {
  margin-bottom: 0;
}

/**************
 Guide Layout
**************/

/* Statistics Table */
table.stats {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  height: 22px;
}

/* Statistic Table Name */
table.stats th {
  border: 1px solid;
  font-weight: bold;
  padding: 2px 6px;
  text-align: center;
  height: 16px;
  width: 57px;
}

/* Statistic Table Value */
table.stats td {
  border: 1px solid;
  padding: 2px 6px;
  text-align: center;
  height: 16px;
  width: 57px;
}

/* Statistics Table Blank Cell */
table.stats td.blank {
  border: none;
  background-color: inherit;
}

/* Compact stat tables for space-saving */
table.stats.compact td, table.stats.compact th {
  padding: 1px;
}

/* Special Note Panel */
div.notes {
  margin-top: 10px;
  padding: 4px;
  border: 1px solid;
}

/* Special Note Panel Heading */
div.notes div.heading {
  font-weight: bold;
  font-size: 18px;
}

/* Lists of information have their second and later lines indented for clarity */
div.info_list div {
  padding: 3px 0 3px 20px;
  text-indent: -20px;
}

/* The coliseum chart is used specifically for the view item page for FF6A */
table.coliseum_chart td {
  padding: 2px 10px;
  text-align: center;
  border-top: 1px solid;
  border-bottom: 1px solid;
}

/* Left border for left side of chart */
table.coliseum_chart td.first {
  border-left: 1px solid;
  padding-left: 10px;
}

/* Right border for right side of chart */
table.coliseum_chart td.last {
  border-right: 1px solid;
}

/* Center coliseum chart headers */
table.coliseum_chart th {
  text-align: center;
}

/* Zodiac table borders */
table.zodiac th, table.zodiac td {
  border: 1px solid;
}

/* Level progression charts */
table.level_progression th, table.level_progression td {
  border: 1px solid;
  width: 12px;
  text-align: center;
}