/* General CSS classes */
/* Base overrides */

BODY {
  BACKGROUND-COLOR: #000000;
  BORDER: 0px;
  COLOR: #E8A317;
  FONT-FAMILY: Verdana, Times, Serif;
  FONT-SIZE: 12px;
  MARGIN: 0px;
  scrollbar-base-color: #1c1c1c; 
  scrollbar-arrow-color: #E8A317; 
  scrollbar-face-color: #2d2d2d; 
  scrollbar-shadow-color: #000000; 
  scrollbar-highlight-color: #E8A317; 
  scrollbar-3dlight-color: E8A317; 
  scrollbar-darkshadow-color: #000000; 
  scrollbar-track-color: #1c1c1c; 
}

A {
  COLOR: #E8A317;
  TEXT-DECORATION: none;
  WHITE-SPACE: nowrap;
}

A:HOVER {
  COLOR: #E8A317;
  TEXT-DECORATION: none;
  WHITE-SPACE: nowrap;
}

TD, DIV {
  COLOR: #E8A317;
  FONT-FAMILY: Verdana, Times, Serif;
  FONT-SIZE: 12px;
}


/* More specific overrides */

A.DARK {
  COLOR: #E8A317;
  TEXT-DECORATION: none;
  WHITE-SPACE: nowrap;
}

A.DARK:HOVER {
  COLOR: #E8A317;
  TEXT-DECORATION: none;
  WHITE-SPACE: nowrap;
}

A.MENUA {
  COLOR: #E8A317;
  FONT-SIZE: 12px;
  FONT-WEIGHT: normal;
  BACKGROUND-COLOR: #000000;

  BORDER: 1px solid #E8A317;
  MARGIN: 1px;
  PADDING: 0 .5em;
  WIDTH: 3em;
  WHITE-SPACE: nowrap;
}

A.MENUA:HOVER {
  COLOR: #E8A317;
  FONT-SIZE: 12px;
  FONT-WEIGHT: normal;
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #E8A317;
  PADDING: 0 .5em;
  MARGIN: 1px;
  WIDTH: 3em;
  WHITE-SPACE: nowrap;
}

A.MENUB {
  COLOR: #E8A317;
  FONT-SIZE: 11px;
  FONT-WEIGHT: normal;
  BACKGROUND-COLOR: #69080f;
  BORDER: 1px solid #E8A317;
  PADDING: 0 .5em;
  MARGIN: 1px;
  WIDTH: 3em;
  WHITE-SPACE: nowrap;
}

A.MENUB:HOVER {
  COLOR: #E8A317;
  FONT-SIZE: 11px;
  FONT-WEIGHT: normal;
  BACKGROUND-COLOR: #2d2d2d;
  BORDER: 1px solid #E8A317;
  WIDTH: 3em;
  PADDING: 0 .5em;
  MARGIN: 1px;
  WHITE-SPACE: nowrap;
}

A.MENUD {
  COLOR: #E8A317;
  FONT-SIZE: 11px;
  FONT-WEIGHT: normal;
  BACKGROUND-COLOR: #69080f;
  BORDER: 1px solid #E8A317;
  WIDTH: 3em;
  PADDING: 0 .5em;
  MARGIN: 1px;
  WHITE-SPACE: nowrap;
}

A.MENUD:HOVER {
  COLOR: #E8A317;
  FONT-SIZE: 11px;
  FONT-WEIGHT: normal;
  BACKGROUND-COLOR: #2d2d2d;
  BORDER: 1px solid #E8A317;
  WIDTH: 3em;
  PADDING: 0 .5em;
  MARGIN: 1px;
  WHITE-SPACE: nowrap;
}

DIV.NAVCONTAINER A {
  COLOR: #E8A317;
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #E8A317;
  DISPLAY: block;
  MARGIN-BOTTOM: 2px;
  PADDING: 0 .8em;
  TEXT-DECORATION: none;
}

DIV.NAVCONTAINER A:HOVER {
  COLOR: #E8A317;
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #E8A317;
}

DIV.NAVCONTAINER UL {
  LIST-STYLE-TYPE: none;
  MARGIN: 0px;
  PADDING: 3px;
}

SPAN.BLACK {
  COLOR: #E8A317;
}

SPAN.COPY {
  COLOR: #E8A317;
  FONT-SIZE: 9px;
}

SPAN.SPEC {
  COLOR: #E8A317;
}

SPAN.STARK {
  COLOR: #E8A317;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
}

SPAN.TITLE {
  COLOR: #E8A317;;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
}

SPAN.WHITE {
  COLOR: #E8A317;
}


/*                */
/*      Forms     */
/*                */

/* Base for forms */

INPUT {
  BACKGROUND-COLOR: #2d2d2d;
  BORDER: 1px solid #E8A317;
  COLOR: #E8A317;
  FONT-SIZE: 12px;
  FONT-WEIGHT: normal;
}

SELECT {
  BACKGROUND-COLOR: #2d2d2d;
  BORDER: 1px solid #E8A317;
  COLOR: #E8A317;
  FONT-SIZE: 12px;
  FONT-WEIGHT: normal;
}

TEXTAREA {
  BACKGROUND-COLOR: #2d2d2d;
  BORDER: 1px solid #E8A317;
  COLOR: #E8A317;
  FONT-SIZE: 12px;
  FONT-WEIGHT: normal;
}



/*        */
/*  Code  */
/*        */

/* Common fields used on Ethereal Realms */
/* Generalized to allow for more varied use */

.ERMAIN {
   BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #E8A317;
  COLOR: #E8A317;
  FONT-SIZE: 11px;
  OVERFLOW: hidden;
  PADDING: 3px;
  TEXT-ALIGN: center;
  TEXT-DECORATION: underline;
  WHITE-SPACE: nowrap;
  WIDTH: 512px;
}

.ERTITLE {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #E8A317;
  COLOR: #E8A317;
  FONT-SIZE: 12px;
  OVERFLOW: hidden;
  PADDING: 2px;
  WHITE-SPACE: nowrap;
}

.ERSUB {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #E8A317;
  COLOR: #E8A317;
  FONT-SIZE: 12px;
  OVERFLOW: hidden;
  PADDING: 2px;
  WHITE-SPACE: nowrap;
}

.ERFIELD {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #E8A317;
  COLOR: #E8A317;
  FONT-SIZE: 12px;
  PADDING: 2px;
  WHITE-SPACE: nowrap;
}


/* Coloured tables */
.ERLIGHT {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #E8A317;
  MARGIN: 5px;
}

.ERMEDIUM {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #E8A317;
  MARGIN: 5px;
}

.ERDARK {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #E8A317;
  MARGIN: 5px;
}

.ERBLANK {
  BORDER: 1px solid #E8A317;
  MARGIN: 5px;
}

.ERPORTAL {
  COLOR: #E8A317;
  MARGIN: 5px;
}


/* Title Row Enhancements */
.ROWLIGHT {
  BACKGROUND-COLOR: #000000;
  BORDER-BOTTOM: 1px solid #E8A317;
  COLOR: #E8A317;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
  PADDING: 3px;
  WHITE-SPACE: nowrap;
  OVERFLOW: hidden;
}

.ROWDARK {
  BACKGROUND-COLOR: #000000;
  BORDER-BOTTOM: 1px solid #E8A317;
  COLOR: #E8A317;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
  PADDING: 3px;
  WHITE-SPACE: nowrap;
  OVERFLOW: hidden;
}

.ROWPORTAL {
  BACKGROUND-COLOR: #000000;
  BORDER-BOTTOM: 1px solid #E8A317;
  COLOR: #E8A317;
  PADDING: 3px;
  WHITE-SPACE: nowrap;
  OVERFLOW: hidden;
}

/* Administrative row colour variation */
.ROWPRI {
  BACKGROUND-COLOR: #000000;
  COLOR: #E8A317;
  FONT-SIZE: 11px;
}

.ROWSEC {
  BACKGROUND-COLOR: #000000;
  COLOR: #E8A317;
  FONT-SIZE: 11px;
}

/* Message board overrides */
A.BOARD {
  COLOR: #E8A317;
}

.BOARDBODY {
  BACKGROUND-COLOR: #000000;
  COLOR: #E8A317;
}

.BOARDCHLD {
  BACKGROUND-COLOR: #000000;
  COLOR: #E8A317;
  FONT-SIZE: 14px;
}

.BOARDKILL {
  BACKGROUND-COLOR: #000000;
  COLOR: #E8A317;
  FONT-SIZE: 14px;
}

.BOARDPRNT {
 BACKGROUND-COLOR: #000000;
  COLOR: #E8A317;
  FONT-SIZE: 14px;
}

.BOARDHEAD {
  BACKGROUND-COLOR: #000000;
  COLOR: #E8A317;
  FONT-SIZE: 14px;
}


/* Forcast overrides */
.FC_ALIGN {
  TEXT-ALIGN: left;
 }

.FC_TABLE {
  PADDING: 2px;
  WIDTH: 300px;
}

.FC_ENTRY {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #E8A317;
  COLOR: #E8A317;
  FONT-SIZE: 12px;
}

.FC_FIELD {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #E8A317;
  COLOR: #E8A317;
  FONT-SIZE: 12px;
}

.FC_INFO {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #E8A317;
  COLOR: #E8A317;
  FONT-SIZE: 12px;
}

.FC_TITLE {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #E8A317;
  COLOR: #E8A317;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
}


/* Polls and surveys */
A.POLL {
  COLOR: #E8A317;
  FONT-SIZE: 16px;
}

.POLLHEAD {
  BACKGROUND-COLOR: #000000;
  BORDER-STYLE: outset;
  TEXT-ALIGN: justify;
}

.POLLBODY {
  COLOR: #E8A317;
}

.POLLNAME {
  BACKGROUND-COLOR: #000000;
  COLOR: #FFFFFF;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
  TEXT-ALIGN: center;
}


/* Gallery and work rotation overides */ 
.IMG_TABLE {
  BORDER: 1px solid #E8A317;
  PADDING: 2px;
}

.TXT_TABLE {
  BORDER: 1px solid #E8A317;
  PADDING: 2px;
  WIDTH: 200px;
}

.IMG_ENTRY {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #E8A317;
  COLOR: #E8A317;
  FONT-SIZE: 12px;
}

.IMG_TITLE {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #E8A317;
  COLOR: #E8A317;
  FONT-SIZE: 12px;
}

.TXT_ENTRY {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #E8A317;
  COLOR: #E8A317;
  FONT-SIZE: 12px;
}

.TXT_TITLE {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #E8A317;
  COLOR: #E8A317;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
}


/* RSS feeds */
A.FEED_LINK {
  COLOR: #E8A317;
  FONT-SIZE: 11px;
  TEXT-DECORATION: none;
}

A.ITEM_LINK {
  COLOR: #E8A317;
  FONT-SIZE: 11px;
  TEXT-DECORATION: none;
}

ITEM_DESCR {
  COLOR: #E8A317;
  FONT-SIZE: 11px;
}

.FEED_TABLE {
  BORDER: 1px solid #E8A317;
  PADDING: 2px;
}

.FEED_DATE {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #E8A317;
  COLOR: #E8A317;
  FONT-SIZE: 11px;
}

.FEED_ITEM {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #E8A317;
  COLOR: #000000;
  FONT-SIZE: 12px;
}

.FEED_TITLE {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #E8A317;
  COLOR: #E8A317;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
}


/* Who is on */
.WHOGLOBAL {
  PADDING: 5px;
  WIDTH: 500px;
}

.WHOREGULAR {
  PADDING: 5px;
  WIDTH: 250px;
}

.WHOPRI {
 BACKGROUND-COLOR: #000000;
  COLOR: #E8A317;
  FONT-SIZE: 11px;
}

.WHOSEC {
  BACKGROUND-COLOR: #000000;
  COLOR: #E8A317;
  FONT-SIZE: 11px;
}


/* Zoomer */
.SPELC {
  COLOR: #E8A317;
  FONT-SIZE: 14px;
}

.SPELW {
  COLOR: #E8A317;
  FONT-WEIGHT: bold;
  VERTICAL-ALIGN: top;
}


/* Fancy table options */
/* Used for user level panels */

.FANCY {
  BORDER: 0px;
  FLOAT: left;
  MARGIN: 5px;
  WIDTH: 485px;
}

.FANCY_HOLDER {
  WIDTH: 775px;
}

.FANCY_HELP {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #E8A317;
  FLOAT: right;
  HEIGHT: 100%;
  MARGIN: 5px;
  PADDING: 3px;
  TEXT-ALIGN: left;
  WIDTH: 200px;
}

.FANCY_LAYER {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #E8A317;
  FLOAT: right;
  HEIGHT: 100%;
  MARGIN: 5px;
  PADDING: 3px;
  TEXT-ALIGN: left;
  WIDTH: 200px;
}

.FANCY_TITLE {
  BACKGROUND-IMAGE: url(/img/smoke.jpg);
  BORDER-TOP: 1px solid #E8A317;
  BORDER-BOTTOM: 1px solid #E8A317;
  COLOR: #E8A317;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
  OVERFLOW: hidden;
  PADDING: 2px;
  WHITE-SPACE: nowrap;
}

.FANCY_FOLLOW {
  BACKGROUND-COLOR: #69080f;
  BORDER-BOTTOM: 1px solid #E8A317;
  COLOR: #E8A317;
  FONT-WEIGHT: bold;
  OVERFLOW: hidden;
  PADDING: 2px;
  WHITE-SPACE: nowrap;
}

.FANCY_SUB {
  BACKGROUND-COLOR: #000000;
  BORDER-TOP: 1px solid #E8A317;
  BORDER-BOTTOM: 1px solid #E8A317;
  COLOR: #E8A317;
  FONT-WEIGHT: bold;
  PADDING: 2px;
  WHITE-SPACE: nowrap;
}

.FANCY_BLANK {
  COLOR: #E8A317;
  FONT-SIZE: 12px;
  PADDING: 2px;
}

.FANCY_DESCR {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #E8A317;
  COLOR: #E8A317;
  FONT-SIZE: 12px;
  OVERFLOW: hidden;
  PADDING: 2px;
  VERTICAL-ALIGN: top;
  WHITE-SPACE: nowrap;
}

.FANCY_DIV {
  HEIGHT: 12px;
}

/* Leechning Features */
/* Related heavily to the fancy set */
.LEECH_TOP {
  BACKGROUND-COLOR: #000000;
  BORDER-BOTTOM: 1px solid #E8A317;
  VERTICAL-ALIGN: middle;
  WIDTH: 100%;
  PADDING: 2px;
}

.LEECH_BOTTOM {
  BACKGROUND-COLOR: #000000;
  BORDER-TOP: 1px solid #E8A317;
  BORDER-BOTTOM: 1px solid #E8A317;
  WIDTH: 100%;
  PADDING: 2px;
}

.LEECH_TEXT {
  COLOR: #E8A317;
  FONT-SIZE: 12px;
  WIDTH: 90%;
  PADDING: 2px;
}

.LEECH_DISPLAY {
  COLOR: #E8A317;
  FONT-SIZE: 12px;
  PADDING: 2px;
}


/*                 */
/*     Gateway     */
/*                 */

/* Gateway widgits */
SELECT.CHAR {
  BACKGROUND-COLOR: #2d2d2d;
  COLOR: #E8A317;
  WIDTH: 170px;
  BORDER: 1px solid #E8A317;
}

SELECT.ROOM {
  BACKGROUND-COLOR: #2d2d2d;
  COLOR: #E8A317;
  WIDTH: 170px;
  BORDER: 1px solid #E8A317;}

/* Selection process for the site */
.ROOMS {
  COLOR: #E8A317;
  TEXT-DECORATION: none;
  WHITE-SPACE: nowrap;
  CURSOR: crosshair;
}

.ROOMS:HOVER {
  COLOR: #274F60;
  TEXT-DECORATION: none;
  WHITE-SPACE: nowrap;
  CURSOR: crosshair;
}

/* Javascript description */
.JSDESCR {
  BORDER: 1px solid #E8A317;
  BACKGROUND-COLOR: #2d2d2d;
  FONT-SIZE: 11px;
  HEIGHT: 67px;
  PADDING: 2px;
  TEXT-ALIGN: justify;
  WIDTH: 250px;
}


/* Spalsh page controls */
.SPLASH {
  WIDTH: 100%;
  HEIGHT: 100%;
}

.SPLASH_INFO {
  VERTICAL-ALIGN: Top;
  WIDTH: 275px;
}

.SPLASH_INTRO {
  VERTICAL-ALIGN: Top;
}

.SPLASH_WARN {
  VERTICAL-ALIGN: Top;
  WIDTH: 275px;
}


/*                 */
/*       Site      */
/*                 */

/* Site defaults   */
/* Header simple   */
.HEADER {
  BACKGROUND-IMAGE: url(/img/smoke.jpg);
  MARGIN: 0px;
  BORDER-BOTTOM: 1px solid #E8A317;
}

.HEADER_RIGHT {
  FLOAT: right;
  MARGIN-TOP: 5px;
  MARGIN-RIGHT: 5px;
}

.HEADER_LEFT {
  FLOAT: left;
}

.HEADER_IMAGE {
  VERTICAL-ALIGN: -12px;
}

.WORK {
  MARGIN: 12px;
}

.FOOTER {
  BACKGROUND-COLOR: #000000;
  BORDER-TOP: 1px solid #E8A317;
  TEXT-ALIGN: center;
}


/*                 */
/*     Gallery     */
/*                 */

/* Gallery basics */

.GALWRAP {
  BORDER: 1px solid #E8A317;
  MARGIN: 5px;
}

.GALHEAD {
 BACKGROUND-IMAGE: url(/img/smoke.jpg);
  BORDER-BOTTOM: 1px solid #E8A317;
  COLOR: #E8A317;
  PADDING: 3px;
}

.GALFOOT {
  BACKGROUND-COLOR: #000000;
  BORDER-TOP: 1px solid #E8A317;
  COLOR: #E8A317;
  PADDING: 3px;
}


/* EXIF Information */
.EXIFTAG {
  COLOR: #E8A317;
  FONT-WEIGHT: bold;
}

.EXIFVAL {
  COLOR: #274F60;
}


/* Layer adjustments */
/* Applies to Images */
DIV.PARENT {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #E8A317;
  MARGIN: 5px;
}

DIV.CHILD {
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #E8A317;
  MARGIN: 5px;
}

/* Applies to Text */
A.PARENT {
  COLOR: #E3F3FA;
  BACKGROUND-COLOR: #000000;
  BORDER-TOP: 1px solid #E8A317;
  BORDER-BOTTOM: 1px solid #E8A317;
  FONT-SIZE: 11px;
  PADDING: 0 .5em;
  MARGIN-LEFT: 5px;
  WHITE-SPACE: nowrap;
  WIDTH: 3em;
}

A.PARENT:HOVER {
  COLOR: #274F60;
  BACKGROUND-COLOR: #000000;
  BORDER-TOP: 1px solid #E8A317;
  BORDER-BOTTOM: 1px solid #E8A317;
  FONT-SIZE: 11px;
  PADDING: 0 .5em;
  MARGIN-LEFT: 5px;
  WHITE-SPACE: nowrap;
  WIDTH: 3em;
}

A.CHILD {
  COLOR: #E3F3FA;
  BACKGROUND-COLOR: #000000;
  BORDER-TOP: 1px solid #E8A317;
  BORDER-BOTTOM: 1px solid #E8A317;
  FONT-SIZE: 11px;
  PADDING: 0 .5em;
  MARGIN-LEFT: 5px;
  WHITE-SPACE: nowrap;
  WIDTH: 3em;
}

A.CHILD:HOVER {
  COLOR: #274F60;
  BACKGROUND-COLOR: #000000;
  BORDER-TOP: 1px solid #E8A317;
  BORDER-BOTTOM: 1px solid #E8A317;
  FONT-SIZE: 11px;
  PADDING: 0 .5em;
  MARGIN-LEFT: 5px;
  WHITE-SPACE: nowrap;
  WIDTH: 3em;
}


/* Vanity voting sections */


.VAINMILD {
  COLOR: #FFFFFF;
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #E8A317;
  MARGIN: 5px;
  TEXT-ALIGN: center;
  WIDTH: 45px;
}


.VAINMID {
  COLOR: #FFFFFF;
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #E8A317;
  MARGIN: 5px;
  TEXT-ALIGN: center;
  WIDTH: 45px;
}


.VAINHOT {
  COLOR: #FFFFFF;
  BACKGROUND-COLOR: #000000;
  BORDER: 1px solid #E8A317;
  MARGIN: 5px;
  TEXT-ALIGN: center;
  WIDTH: 45px;
}

/* Wordpress Stuff */
h2 {
  background-color: #2d2d2d;
  border: 1px solid #E8A317;
  color: #E8A317;
  font-size: 11px;
  overflow: hidden;
  padding: 2px;
  white-space: nowrap;
}

h3.storytitle {
  background-color: #69080f;
  border: 2px solid #E8A317;
  color: #E8A317;
  font-size: 11px;
  overflow: hidden;
  padding: 2px;
}

textarea.index {
  background-color: #90B888;
  border: 1px solid #E8A317;
  color: #E8A317;
  font-size: 11px;
  font-weight: normal;
  width: 400px;
  height: 211px;
  }

.post {
  background-color: #69080f;
  border: 1px solid #E8A317;
  color: #E8A317;
  margin: 5px;
  padding: 5px;
}

div.storycontent {
  color: #E8A317;
}

/* This is the big holder table for your main index page */
table.index {
  background-color: #000000;
  border: 1px solid #E8A317; 
}


div.rap {
  background-color: #604c41;
  border: 1px solid #E8A317;
  padding: 1px;
}