/* Planet Crossroads external stylesheet
   With funky input from Hymagumba */

/* Initial setting up, funky inheritance will take care of the
   rest, these are the defaults. */

BODY { 
  background: #000064;
  color: #FFFF00;
  font-family: "Arial", "Verdana", "Helvetica", sans-serif;
}


/* For XHTML compatibility on the new look v2 Planet Crossroads
   since background attr. on TD is not valid and never has been

   These should work with "/images/topback.gif" says Hymagumba
   but doesn't seem to want to work on web host or locally, so
   do it relatively (still works on deep page links though) */

.topback { background-image: url("../images/topback.gif"); }
.navback { background-image: url("../images/navback.gif"); }
.bottom { background-image: url("../images/bottom.gif"); }

/* H3 - for headers and things 	*/

H3 {
  color: #FFFF00;
  font-size: 19px;
}

/* Standard table tag for text not wrapped in elements */

TD {
  font-size: 13px;
}

/* Fix for "tall tables" in the Firefox Browser - July 10th, 2004 */

.firefoxfix {
  margin: 0px;
  padding: 0px;
}


/* Table headers set to black - looks really good with the
   alternating two row colour text effect. */

TH {
  font-size: 16px;
  background-color: #000000;

}

/* Bullet points and things */

LI {
  font-size: 13px;
  color: #FFFFFF;
}

 /* Colour of the bullet points for the Interview section */

 .interview {

  color: #FFFF00;

 }

/* Unordered lists */

UL {
  font-size: 13px;
  color: #FFFF00;
}

/* Default paragraph text formats */

P {
  font-size: 13px;
  color: #FFFFFF;

}

/* Header at top of the pages */

 .header {  
  color: #FFFF00;
  font-weight: bold;
 }

/* In the character profile section, controls the character name,
   age, DOB, death and related links next to the picture */

 .profileleft {
  color: #FFFF00;
  font-weight: bold;
  text-align: center; 
 } 

/* Used for the smaller text under the main heading on the Xroads
   Characters index, should really become an inline style */

 .char2 {
  color: #FFFF00;
  font-size: 11px;
  font-family: verdana, arial, helvetica, sans-serif;

  margin: 0px;
  padding: 0px;
 }

/* Standard site disclaimer at the bottom of the page - Patched for Firefox 10-07-2004 */

 .disclaimer {

  font-size: 11px;
  color: #FFFF00;
  font-family: "Verdana", "Arial", sans-serif;
  text-align: center;
 margin: 0px;
padding: 0px;
 }

/* Funky little signpost on every page with link to Site Map
   Hymagumba sorted tall table issue here with Mozilla brows */

 .here {

  color: #FFFF00;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  margin: 0px;
  padding: 0px;
 }

/* For captions under pictures */ 

 .caption {

  color: #FFFF00;
  font-size: 11px;
  font-family: "Verdana", "Arial", sans-serif;
  /* margin: 0px;
  padding: 0px; */

 }

/* Interview section, the question being asked */

 .interviewquestion {

  color: #FFFF00;
  font-size: 13px;
  font-weight: bold;
 }

/* and the answer I got back. :) */

 .interviewanswer {

  color: #FFFFFF;
  font-size: 13px;
  font-family: verdana, sans-serif;
 }

/* Overhang from when Xroads was on air and we had two-liner on
   front page with link to synopsis.  Used in the "One Year Ago"
   area so not totally depreciated. */

 .recentlyinfo {

  color: #FFFF00;
  font-size: 11px;
  font-family: "Verdana", "Arial", sans-serif;
 }

/* Not depreciated - section headers on some tables */

 .sectionheader {

  color: #FFFF00;
  font-size: 16px;
  font-family: arial, verdana, sans-serif;
  font-weight: bold;
 }


 /* Used in places of alternating rows and colours 
    Looks quite good in conjunction with a black header */ 

 .heading {
 background-color: #000000;
 font-weight: bold;
 }

 .rowone {
 background-color: #330074;
 }

 .rowtwo {
 background-color: #2C2590;
 }

/* Remove all kinds of horrible margins around form elements
   Not strictly needed but it's all about style! */

FORM {
  margin: 0;
}

/* Hyperlinks - make 'em all bold with a yellow hover effect */
   
A {
  color: #FF0000;
  text-decoration: none;
  font-weight: bold;
}

A:link {

  color: #FF0000;
  text-decoration: none;
}

A:active {

  color: #AAAAAA;
  text-decoration: none;
}

A:visited {

  color: #FF0000;
  text-decoration: none;
}

A:hover {

  color: #FFFF00;
  text-decoration: none;
}

/* For the hover effect in the main navigation bar
   Dare say it could be expanded to the sub section index pages
   Patched by Hymagumba 09-07-2004 to do the effect properly in Opera and Firefox */

#nav a {display:block;} 
#nav a:hover {background: #DD0000;}

/* Depreciated, webring has disappeared :( */

A.webring {
  background: #ffcccc;
 }

/* Form elements, defaults look pig ugly so let's pretty them up */
select, option, textarea, input {
  font-family: "Verdana", "Arial", sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  background-color: #000099;
  text-align: left;
  text-decoration: none;
  font-weight: bold;
 }