/*****************************************************************************
 * Front Page Formatting
 ****************************************************************************/
/* BLUE: #000060
   BLUE/GREY: #45566c
   RED (spider): #652929
   RED (bright): #880000
   GREY: #888888
   WHITE: #ffffff
*/

/*****************************************************************************
 * Global Formatting - used by ALL pages as part of basic layout.
 ****************************************************************************/
body {
  margin-top: 0;
  margin-left: 0;
  color: #000000;
  font-family: Verdana;
  font-size: 90%;
}
img.block {
  display: block;
}
p {
  /* margin: 12px; */
}
a {
  color: #000060
}
table {
  text-align: left;
}
h2 {
  color: #000060;
  font-size: 130%;
  margin-top: 12px;
  margin-bottom: 6px;
}
h2:before {
  content: "> ";
  text-align: center;
  color: #888888
}
div.hidden {
  display: none;
}
div.shown {
  display: inline;
}

/* This formatting is all for our JavaScript menu bar. */
td.menu_left, td.menu_right {
  width: 12px;
  height: 28px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  border: none;
}
td.menu_left {
  background-image: url("/decoration/theme/menu_left.png");
}
td.menu_right {
  background-image: url("/decoration/theme/menu_right.png");
}
td.menu_item {
  width: 116px;
  height: 28px;
  background-color: #ffffff;
  background-image: url("/decoration/theme/menu_center.png");
  background-repeat: no-repeat;
  font-size: 80%;
  color: #ffffff;
  border: none;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  padding-top: 4px;
  padding-bottom: 4px;
}
td.menu_item a {
  color: #ffffff;
}
div.submenu {
  display: none;
  position: absolute;
  z-index: 100;
}
td.submenu_item {
  width: 116px;
  height: 28px;
  background-color: #ffffff;
  background-image: url("/decoration/theme/submenu.png");
  background-repeat: no-repeat;
  font-size: 70%;
  color: #ffffff;
  border: none;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  padding-top: 4px;
  padding-bottom: 4px;
}
td.submenu_item a {
  color: #ffffff;
}

/* Our main content for the body of all pages. */
td.content {
  padding-left: 12px;
}

/* Make our images look tidy */
a img {
  border: thin solid #888888;
}
a img.noborder {
  border: 0;
}
a img.item {
  border: 0;
  float: left;
  margin: 0 10px 0 0;
}
img.rss {
  border: 0;
  padding-right: 3px;
  vertical-align: top;
}

/* A grey bar that spans the screen just above the disclaimer text. */
td.widebar {
  width: 720px;
  height: 1px;
  background-color: #888888;
  background-image: url("/decoration/theme/bar.png");
}

/* This is for the tiny disclaimer text at the bottom of every page. */
p.disclaimer {
  margin-top: 2px;
  color: #888888;
  font-size: 70%;
  text-align: center;
}
p.disclaimer a {
  color: #888888;
}

/*****************************************************************************
 * Front Page Formatting - used only by the main index.shtml page.
 ****************************************************************************/
td.heading_half, td.heading_full {
  height: 28px;
  background-color: #ffffff;
  background-position: center center;
  background-repeat: no-repeat;
  font-size: 80%;
  color: #ffffff;
  border: none;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  padding-top: 4px;
  padding-bottom: 4px;
}
td.heading_half {
  background-image: url("/decoration/theme/heading_half.png");
}
td.heading_full {
  background-image: url("/decoration/theme/heading_full.png");
}
td.heading_half a, td.heading_full a {
  color: #ffffff;
}
p.teaser {
  font-size: 80%;
  margin-top: 0px;
  margin-bottom: 2px;
}
p.ncrl {
  font-size: 70%;
  margin-top: 0px;
  margin-bottom: 2px;
}

/* A "thumb_subtitle" is the text below the Article and Review thumbs */
p.thumb_subtitle, p.thumb_subtitle_new {
  font-size: 70%;
  margin-top: 0px;
  margin-bottom: 10px;
}
p.thumb_subtitle_new {
  font-weight: bold;
}
/* p.thumb_subtitle_new:after {
  content: url("/decoration/theme/new.png");
} */

p.lookback_heading {
  font-size: 90%;
  margin-top: 0px;
  margin-bottom: 0px;
}
p.vote_title {
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 2px;
}
p.vote_option
{
  font-size: 80%;
  color: #000060;
  margin-top: 0px;
  margin-bottom: 0px;
}
p.vote_topic
{
  font-size: 90%;
  color: #652929;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 0px;
}
p.vote_question {
  font-size: 80%;
  margin-top: 0px;
  margin-bottom: 0px;
}
p.vote_links {
  font-size: 80%;
}
table.vote_table {
  border-spacing: 0;
}

table.build_table {
  border-collapse: collapse;
  border: 1px solid #ddd;
  font-size: 80%;
  width: 310px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 10px;
}
table.build_table td {
  border: 1px solid #ddd;
}
table.build_table td.error,
table.build_table td.warning {
  text-align: center;
}
table.build_table td.error {
  color: #f00;
}
table.build_table td.warning {
  color: #f80;
}

/*****************************************************************************
 * Article Formatting
****************************************************************************/

div.article_folder_tab {
  height: 15px;
  width: 700px;
}
div.article_folder {
  width: 680px;
  background-color: #f9e7b1;
  background-image: url("/decoration/theme/manila_tile.jpg");
  border: 1px solid #9c9c00;
  padding: 5px 5px 5px 15px;
  -moz-box-shadow: 5px 5px 2px #888;
}
div.article_file_photo {
  float: right;
  margin-bottom: 10px;
}
div.article_traits {
  min-height: 280px;
}
img.article_file_photo_inner {
  border: 1px solid #000;
}
div.article_file_photo_wrapper {
  border: 1px solid #000;
  background-color: #fff;
  padding: 6px 6px 31px 6px;
}

div.article_folder h2 {
  color: #000060;
  font-size: 110%;
  margin-top: 6px;
  margin-bottom: 6px;
}
div.article_folder h2:before {
  content: "";
}
div.article_folder p.article_details {
  font-size: 80%;
  margin-top: 0px;
  margin-bottom: 4px;
}

/* This appears only in the article index.html */
table.chapter_index {
  font-size: 120%;
  background-color: #45566c;
  color: #ffffff;
}
table.chapter_index a {
  color: #ffffff;
}

/*****************************************************************************
 * Misc Formatting - here and there around the page
****************************************************************************/

/* This is used on the mail form for the WARNING - READ THIS text */
p.mail_alert {
  color: #880000;
  margin-top: 6px;
  margin-bottom: 0px;
  font-weight: bold;
}
p.mail_alert a {
  color: #880000;
}

/* This is used in various places as a "tiny text" for page management hyperlinks */
p.admin {
  font-size: 70%;
  color: #888888;
  margin-top: 0px;
  margin-bottom: 0px;
}

p.admin a {
  color: #888888;
}

/* These are used for the issue TR/TD's and for TITLE pages */
table.issues {
  width: 95%;
  border-collapse: collapse;
  font-size: 90%;
}

table.issues td {
  border: 1px black solid !important;
  margin: 0px;
  padding: 2px;
}

table.credits {
  border-collapse: collapse;
  border: 0px;
}

table.credits td {
  border: 0px !important;
  margin: 0px !important;
  padding: 0px !important;
}

/*tr.page_index {
  font-size: 90%;
}
*/
td.admin {
  font-size: 80%;
  color: #888888;
}
td.admin a {
  color: #888888;
}

td.cover {
  min-width: 90px;
  height: 115px;
  width: 90px;
  vertical-align: center;
  background-color: #bbb;
}
td.cover img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
td.cover_multi {
  background-color: #fff;
}
td.cover_alt {
  background-color: #ddf;
}

td.info {
  background-color: #bbb;
}
td.info_multi {
  background-color: #fff;
}
td.info_alt {
  background-color: #ddf;
}

td.gallery {
  background-color: #eee;
  font-size: 90%;
}

/*****************************************************************************
 * These are used on the SMURF index only
 ****************************************************************************/
p.smurf_issue {
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 4px;
}
p.smurf_note {
  margin-top: 0px;
  margin-bottom: 4px;
  margin-left: 20px;
}

/*****************************************************************************
 * These are used on the COMICS CHRONOLOGY index only
 ****************************************************************************/
p.chronology_menu {
  color: #000060;
  font-weight: bold;
  font-size: 110%;
  margin-top: 20px;
  margin-bottom: 4px;
}
p.chronology_month {
  color: #000060;
  font-weight: bold;
  font-size: 110%;
  margin-top: 12px;
  margin-bottom: 2px;
}
p.chronology_entry {
  font-size: 90%;
  margin-top: 0px;
  margin-bottom: 4px;
  margin-left: 20px;
}

/*****************************************************************************
 * Search Results on Realm Index
****************************************************************************/
#results_table {
  border: 1px solid black;
  width: 95%;
  border-collapse: collapse;
}
#results_div td {
  padding: 2px;
  margin: 0px;
  border: 1px solid black;
  border-collapse: collapse;
  font-size: 80%;
  vertical-align: top;
}
#results_div .prev_next {
  text-align: center;
  font-style: italic;
}
#results_div .message {
  font-style: italic;
}


p.letter_from {
  font-weight: bold;
}
div.letter_request {
  padding: 0px 40px;
}
div.letter_response {
  font-style:italic;
}
hr.letter_hr {
  width: 80%;
}