/* Style Sheet by Tetsuo Torigai, Jan.2003 */
/* http://www.torigai.com                  */
/* --------------------------------------- */

/* Colour Scheme
 * --------------------
 * #A6DBED - light blue (text color)
 * #296F87 - dark blue (background)
 * #BB8B00 - orange-brown (primary color)
 * #BABABA - light grey (page background?)
 * -------------------- */

/* CSS Layout */
/* ---------- */

body {
  color           : #000000;
  background      : #EEEEEE;
  margin          : 0px;
  padding         : 0px;
}

#header {
  width           : 100%;
  border          : none;
  color           : #000000;
  background      : #FFFFFF;
}

.menubar {
  text-align      : center;
  border          : 1px solid #BB8B00;
  padding         : 5px 10px 5px 10px;
  margin-bottom   : 5px;
  color           : #296F87;
  background      : #FFFFFF;
}

#leftcontent {
  float           : left;
  width           : 325px;
  margin-right    : 10px;
  border          : 1px solid #BB8B00;
  text-align      : center;
  color           : #A6DBED;
  background      : #296F87;
}

#rightcontent {
  margin-left     : 340px;
  margin-right    : 132px;
}

#linkbox {
  float           : left;
  width           : 325px;
  margin-right    : 10px;
  margin-top      : 10px;
  clear           : left;
  border          : 1px solid #BB8B00;
  text-align      : center;
  color           : #296F87;
  background      : #FFFFFF;
}

#googlead {
  float           : right;
  width           : 122px;      
  margin-left     : 10px;
  text-align      : center;
  color           : #FFFFFF;
  background      : #FFFFFF;
}     


.row {
  border          : 1px solid #BB8B00;
  padding         : 0px 2px 0px 2px;
  color           : #FFFFFF;
  background      : #296F87;
}

.pagetitle {
  border          : 1px solid #BB8B00;
  margin          : 5px 2px 5px 2px;
  color           : #FFFFFF;
  background      : #296F87;
}

.news {
  padding         : 0px;
  margin-bottom   : 10px; /* top right bottom left */
  border-left     : 1px solid #BB8B00;
  border-right    : 1px solid #BB8B00;
  border-bottom   : 1px solid #BB8B00;
  color           : #000000;
  background      : #FFFFFF;
}

.formbox {
  width           : 450px;
  padding         : 10px;
}

.formrow {
  clear           : right;
  padding-top     : 2px;
}

/* CSS Style */
/* --------- */

/*-------------------------------
 * Styles for:
 * index.php
 * login.php
 *------------------------------/

/* a img - make sure header banner link doesn't have border */
#header img {
  border          : none;
  padding         : 0;
  margin          : 0;
}

/* a - menubar link style */
.menubar a {
  font-family     : Verdana, Arial, Helvetica, sans-serif;
  font-size       : 8pt;
  font-weight     : bold;
  text-decoration : none;
  margin          : 10px 5px 10px 5px;
  color           : #296F87;
  background      : #FFFFFF;
}
.menubar a:hover {
  text-decoration : underline;
}

/* p - for the date indentation */
#leftcontent p {
  margin          : 0px 0px 5px 10px; /* top right bottom left */
  text-indent     : -10px;
  padding         : 0px;
}

/* td - standard text formatting */
#leftcontent td {
  font-family     : Verdana, Arial, Helvetica, sans-serif;
  font-size       : 7pt;
  color           : #A6DBED;
  background-color: #296F87;
}

/* td.date - for the date headers */
#leftcontent td.date {
  font-size       : 10pt;
  padding-left    : 10px;
  color           : #BB8B00;
  background-color: #FFFFFF;
  border-top      : 1px solid #BB8B00;
  border-bottom   : 1px solid #BB8B00;
}

/* span.black - text color for the volume and chapter numbers (it's white, haha) */
#leftcontent span.black {
  color           : #FFFFFF;
  background      : #296F87;
}

/* a.studio - link style for studio names */
#leftcontent a.scanlator {
  font-family     : Verdana, Arial, Helvetica, sans-serif;
  font-size       : 7pt;
  color           : #A6DBED;
  background      : #296F87;
  text-decoration : none;
}
#leftcontent a.scanlator:hover {
  text-decoration : underline;
}

/* a - link style for manga titles */
#leftcontent a {
  font-family     : Verdana, Arial, Helvetica, sans-serif;
  font-size       : 8pt;
  font-style      : bold;
  color           : #FFFFFF;
  background      : #296F87;
  text-decoration : none;
}
#leftcontent a:hover {
  text-decoration : underline;
}

/* img - style for the linkbox images */
#linkbox img {
  border          : none;
  margin          : 3px 5px;
}

/* a - link style for manga titles */
#linkbox a {
  margin          : 3px 5px;
  color           : #000000;
  background      : none;
}

/* title - style of news post titles */
.row span.title {
  text-align      : left;
  font-family     : Arial, Helvetica, sans-serif;
  font-size       : 14pt;
  padding         : 0px 2px 0px 2px;
  color           : #FFFFFF;
  background      : #296F87;
}

/* title - style of page titles */
.pagetitle span.title {
  text-align      : left;
  font-family     : Arial, Helvetica, sans-serif;
  font-size       : 14pt;
  padding         : 0px 2px 0px 2px;
  color           : #FFFFFF;
  background      : #296F87;
}

/* tag - style of news post user/date info */
.row span.tag {
  text-align      : right;
  font-family     : Verdana, Arial, Helvetica, sans-serif;
  font-style      : normal;
  font-size       : 8pt;
  padding         : 0px 2px 0px 2px;
  color           : #A6DBED;
  background      : #296F87;
}

/* p.credit_title - style of credits page titles */
.news p.credit_title {
  font-family     : Arial, Helvetica, sans-serif;
  font-size       : 14pt;
  margin          : 3px;
  text-align      : center;
  border-bottom   : 1px solid #BB8B00;
  color           : #296F87;
  background      : #FFFFFF;
}

/* p.credit_name - style of credits page names */
.news p.credit_name {
  font-family     : Arial, Helvetica, sans-serif;
  font-size       : 12pt;
  margin          : 2px;
  text-align      : center;
  color           : #000000;
  background      : #FFFFFF;
}

/* p - style of news post text */
.news p {
  font-family     : Arial, Helvetica, sans-serif;
  margin          : 0px 5px 5px 5px;  /* top right bottom left */
  text-indent     : 10px;
  color           : #000000;
  background      : #FFFFFF;
  padding-top     : 5px;
}

/* img - style for the linkbox images */
.news img {
  border          : none;
  margin          : 3px 5px;
}

/* a - link style for manga titles */
.news a {
  margin          : 3px 5px;
  color           : #000000;
  background      : none;
}

/*-------------------------------
 * Style/Layout for:
 * form elements
 *------------------------------/

/* formlabel - general declaration, no layout elements */
span.formlabel {
  font-size       : 10pt;
  font-family     : Arial, Helvetica, sans-serif;
}

/* formfield - general declaration, no layout elements */
span.formfield {
  font-size       : 10pt;
  font-family     : Arial, Helvetica, sans-serif;
}

/* formlabel - style for form labels */
.formrow span.formlabel {
  float           : left;
  width           : 100px;
  text-align      : right;
}

/* formfield - style for form fields */
.formrow span.formfield {
  float           : right;
  width           : 335px;
  text-align      : left;
}

/* input - style for input fields on forms */
input {
  border          : 1px solid #000000;
  background      : #FFFFFF;
  color           : #296F87;
  font-size       : 9pt;
  padding         : 2px;
}

/* input - style for buttons on forms */
input.button {
  border          : 1px solid #000000;
  background      : #296F87;
  color           : #FFFFFF;
  font-size       : 9pt;
}

input.select {
  border          : 1px solid #000000;
  background      : #296F87;
  color           : #FFFFFF;
  font-size       : 9pt;
}

select {
  background      : #FFFFFF;
  color           : #296F87;
  font-size       : 9pt;
}

/*-------------------------------
 * Styles for:
 * display tables in:
 * releases.php
 * titles2.php
 *------------------------------/

/* alphalink - style for alphabet&number link items */
a.alphalink {
  font-family     : Verdana, Arial, Helvetica, sans-serif;
  font-size       : 10pt;
  font-weight     : bold;
  text-decoration : none;
  margin          : 5px 2px 5px 2px;
  color           : #296F87;
  background      : none;
}
a.alphalink:hover {
  text-decoration : underline;
}

/* td_links - style for table cell that holds alpha links */
td.td_links {
  border          : 1px solid #000000;
  color           : #296F87;
  background      : #FFFFFF;
  padding         : 2px;
}

/* label - style for table cells used to label adjacent cells (ex. forms) */
td.label {
  padding         : 2px;
  border          : 1px solid #000000;
  color           : #296F87;
  background      : #FFFFFF;
}

/* gray - used for lone submit buttons (look better when not floating on white background) */
td.gray {
  padding         : 2px;
  color           : #296F87;
  background      : none;
}

/* date - style for date headers */
td.date {
  font-size       : 10pt;
  padding-left    : 10px;
  color           : #BB8B00;
  background-color: #FFFFFF;
  border-top      : 1px solid #BB8B00;
  border-bottom   : 1px solid #BB8B00;
}

/* header - style for table headers */
td.header {
  font-size       : 10pt;
  padding-left    : 10px;
  color           : #BB8B00;
  background-color: #FFFFFF;
  border-top      : 1px solid #BB8B00;
  border-bottom   : 1px solid #BB8B00;
}

/* td a - link style for table data cells */
td a {
  font-weight     : bold;
  text-decoration : none;
  color           : #296F87;
  background      : none;
}
td a:hover {
  text-decoration : none;
}

/* td img - make sure image links don't have borders */
td img {
  border          : none;
  padding         : 0;
  margin          : 0;
}

/* td - style for all normal table data cells */
td {
  font-size       : 9pt;
  font-family     : Arial, Helvetica, sans-serif;
  color           : #000000;
  background      : #FFFFFF;
}

/* h3 - style for special announcements or messages */
h3 {
  font-size       : 12pt;
  font-family     : Arial, Helvetica, sans-serif;
  color           : red;
  background      : none;
}