body { color: #eee; background-color: #000000;
	margin: 0; padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	/* Font size in ems. If you want to change things, just change this. */
	font-size: 76%;
	/* Funny things happens at 75% and lower. opera goes to a nice small size,
	but moz and ie pc change almost not at all. Seems 76% is as small as
	you can go and stay the same across browsers. poop.
	*/
}

h1 { font-size: 2.0em; font-weight: normal; margin-top: 0em; margin-bottom: 0em; }
h2 { font-size: 1.7em; margin: 1.2em 0em 1.2em 0em; font-weight: normal; }
h3 { font-size: 1.4em; margin: 1.2em 0em 1.2em 0em; font-weight: normal; }
h4 { font-size: 1.2em; margin: 1.2em 0em 1.2em 0em; font-weight: bold; }
h5 { font-size: 1.0em; margin: 1.2em 0em 1.2em 0em; font-weight: bold; }
h6 { font-size: 0.8em; margin: 1.2em 0em 1.2em 0em; font-weight: bold; }

img { border: 0; }

ol, ul, li { font-size: 1.0em; margin-top: 0.1em; margin-bottom: 1em; margin-left: 1em; }

p { font-size: 1.0em; line-height: 1.8em; margin: 1.2em 0em 1.2em 0em; }

ol, ul, li > p { margin-top: 0.1em; }

pre { font-family: monospace; font-size: 1.0em; }
 /* moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but I'm
 not going to go larger because monospace tends to run you into
 overflow pretty quickly. prior moz and net are okay.
 */
 
strong, b, label { font-weight: bold; }

#Header { position: fixed;top: 0px;z-index: 90000;width:100%}

#MainNone { margin: 0 0 0 0; line-height: 1.25em; }
#MainLeft { margin: 1.5em 1em 1em 20em; line-height: 1.25em; }
#MainRight { margin: 1.25em 25em 1em 1em; line-height: 1.25em;margin-top:5em }
#MainBoth { margin: 1.25em 25em 1em 20em; line-height: 1.25em; }

#LeftBlocks { position: absolute; top: 5em; left: 0; width: 0em; margin: 0 0 0 0em; font-family: Tahoma; }
#RightBlocks { position: absolute; top: 5em; right: 0; width: 24em; margin: 0 0 0 0em; font-family: Tahoma; }

#Footer {
	color: #888;
	clear: both;
	font-size: 70%;
	text-align: center;
	width: 100%;
	margin-top: 2ex;
}

#paddinghalf { padding: 0.5ex; }

.menu { padding: 0 0 0 0; }
.primary{ display:block}

a { color: #FB0; text-decoration: none; }

a:hover { color: #F90; text-decoration: underline; }

.narrow1 { line-height: 1.3em; }
.narrow2 { line-height: 1.5em; }

.headTitle { color: #555;
	background-color: #202020;
	font-family: Tahoma, Verdana;
	font-size: 150%;
	padding: 0.5ex 1ex;
}

.headTitle a { color: #FFFFFF; }
.headTitle a:hover,
.headTitle a:visited { color: #FFFFFF; text-decoration: none; }

.headLinks { color: #888;
	background-color: #555;
	font-family: Verdana;
	padding: 0.25ex 1ex;
	border-top: #000 2px solid;
	border-bottom: #888 1px solid;
}
	
.headLinks a { color: #FB0; font-weight: normal; font-size: 80%; }
.headLinks a:hover { color: #F90; }

.block { margin: 1ex; }

#search_block_form .container-inline .form-item{
	margin-right:10px;
	background:none;
  	border:0px;
}
#edit-search_block_form_keys{
   width:170px;
   border:0px;
}

.form-item, .form-item label, .form-item p {
	margin: 0px 0px 0px 0px;
}
.form-item {
	background-color: #444444;
	border: 1px #888 solid;
	text-align: center;
	text-align: center;
	padding: 5px 5px 5px 5px;
}
.form-item label {
	display: block;
	text-align: center;
	text-align: center;
	font-weight: bold;
}
.form-item p, .form-item ul, .form-tem ol, .form-item pre {
	text-align: left;
	text-align: left;
	padding: 5px 5px 0px 5px;
}
.form-item textarea, .form-item img, .form-item select {
	text-align: center;
	text-align: left;
}
.form-item .description {
	text-align: right;
	text-align: right;
}
.form-item img,
.form-item input,
.form-item select {
	margin: 0.25em 0 0.25em 0;
	vertical-align: top;
}

.node, .subset { margin: 0 0 1em 0;border: 2px #888 solid; border-radius:6px;}
.node, .form-item img, #MainRight, #MainLeft { border: 2px #888 solid; }
.node p { margin: 0; padding: 0.2em 0.2em 1em 0.2em; }

.noborder { border: 0px #666666 none; } /* 20081118 : flowtron : comments get fieldset border already */
.normtext { color: white; } /* 2008118 : flowtron : intersperse fieldset-legend with non-link-coloured text */

.nodeTitleBar { color: #FFFFFF; background-color: #202020; border-radius:6px;min-height: 18px; }

.nodeTitle { padding: 0.2ex 1ex 0.5ex 1ex; font-variant: small-caps; font-family: Tahoma; }
.nodeTitle a,.breadcrumb a { color: #FFFFFF; }

.nodeStar {
  display: inline;
  vertical-align: middle; 
  font-weight: bold;
  text-decoration: none;
  position: relative;
  font-size: 125%;
  bottom: -0.2em; 
  color: #FFFF00;
  padding-right: 4px;
}

.nodeCredits { color: #aac; font-size: 80%; padding: 0.5ex 1ex; float: right; }
.nodeCredits a { color: #aac; }
.nodeCredits a:hover { color: #FFFFFF; text-decoration: none; }

.nodeRollup { float: right; padding: 2px 1px 0px 0px; }
.nodeRollup img { border: 0px; padding: 0px; margin: 0px; }

.nodeContents {
	background-color: #666666;
	font-size: 1.0em;
	padding: 1ex;
}

.nodeContainer {
	background-color: #202020;
	font-size: 1.0em;
	padding: 1ex;
}

.nodeLinks, .nodeTaxonomy
{
	font-size: 80%;
	background-color: #202020;
	border: 1px #888 solid;
	color: #BB6622;
}

/* 20081118 : flowtron - splitted these sub-parameters off - nodeTaxonomy currently holds the old combined state */
.nodeLinks {
	padding: 1ex;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.nodeTaxonomy {
	padding: 1ex;
	font-weight: bold;
	text-align: center;
	vertical-align: middle; 
}

.commentLinks {
	/* fixes some style attributes for the "delete|edit|reply"-block (adc.theme switch from <p> to <div> too) */
	text-align: right;
	padding: 0px;
	margin: 4px 4px 0px 4px;
	background-color: #666666; /*#6B6B6B;*/
	/* */border: 0px #666666 none;
}

.nodeWarning {
	background-color: #202020;
	border: 1px #888 solid;
	color: #BB6622;
	font-size: 1.0em;
	padding: 1ex;
	font-weight: bold;
	text-align: center;
	vertical-align: middle; 
}

.nodeMarked {
	background-color: #202020;
	border: 1px #888 solid;
	color: #FFFF00;
	font-size: 1.0em;
	padding: 1ex;
	font-weight: bold;
	text-align: center;
	vertical-align: middle; 
}

.nodeStarred {
	background-color: #202020;
	border: 1px #888 solid;
	color: #FFFF00;
	font-size: 0.9em;
	padding: 1ex;
	font-weight: bold;
	text-align: center;
	vertical-align: middle; 
}

.Starred {
  display: block;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  font-size: 3em;
  color: #FFFF00;
  padding: 1px 1px 1px 1px;
  margin-top: 0.2em;
}

hr { color: #888; height: 1px; background-color: #888; }

.poll-foreground { background-color: #888; }
.poll-background { background-color: #FFFFFF; }

.block-list {
	padding-left: 1.0em;
	margin-left: 0em;
}

.marker, .form-required {
	color: #FFFF00;
	font-size: smaller;
	vertical-align: baseline;
	position: relative;
	bottom: 0.33em;
}
/* 20081118 : flowtron : this seems useless */
image { width: 64px; height: 48px }

.rating .rating-stars {
  font-size: 100%;
  display: inline;
}
.rating .out,
.rating .out a,
.rating .cancel,
.rating .cancel a,
.rating .star,
.rating .star a {
  font-weight: bold;
  text-decoration: none;
  display: inline;
  vertical-align: baseline; 
  position: relative;
}
.rating .out a,
.rating .cancel a,
.rating .star a {
  font-size: 120%;
  bottom: -0.15em; 
}
.rating .cancel,
.rating .cancel a {
  color: #FF8888;
}
.rating .info,
.rating .info a,
.rating .star,
.rating .star a {
  color: #FFFFFF;
}
.rating div.on a {
  color: #FF8800;
}
.rating div a.mod {
  padding-right: 8px;
}
.rating div.hover a.mod,
.rating div a.mod:hover {
  color: #FFFF00;
}
.rating .rating-message, .rating .rating-votes { display: block; font-size: 100%; }
form.rating { display: none; }
/* MeatROme : 20070620 : fix tracker page odd/even row colourization       */

/* MeatROme : 20090515 : added class for DIVs */
div.even {background-color: #232323;}
div.odd {background-color: #424242;}

tr.even {background-color: #232323;}
tr.odd {background-color: #424242;}
tr.even, tr.odd { border-bottom: 1px solid #ccc; }
tr.even, tr.odd { padding: 0.1em 0.6em; }
td.active { background-color: #363636; }

/* MeatROme : 20080318 : indication-spans for added readability in tracker */
/* the dummy : .tracker_NODETYPEVARCHAR { background-color: #RRGGBB };     */
/* add required node types here                                            */

.tightIMG { margin: 0px; padding: 0px; border: 0px none transparent; }
.tagDIV { margin: 0px 0px 0px 1px; padding: 1px 2px 1px 2px; border: 0px black solid; display: inline; font-size: 9px; line-height: 9px; font-family: monospace; font-weight: bold; }
.tag_game { background-color: #343434; }
.tag_prob { background-color: #683434; }
.tag_mode { background-color: #686834;}

.tag_node_map { background-color: #6464A0; }
.tag_node_script { background-color: #326432; }
.tag_node_mod { background-color: #326464; }
.tag_node_flag { background-color: #646432; }


.tracker_colourbox     { margin: 0px; padding: 0px; }
.tracker_flexinode-1   { background-color: #6464A0; }
.tracker_flexinode-2   { background-color: #64A064; }
.tracker_flexinode-3   { background-color: #23C4C4; }
.tracker_forum         { background-color: #23F023; }
.tracker_poll          { background-color: #A064A0; }
.tracker_story         { background-color: #0023F0; }

/* not type - but uses same technique                                      */

.tracker_inmoderationq { background-color: #A06464; }

.checkZIP {
	text-align: right;
	float: right;
	margin: 0px;
	padding: 0px;
}
.checkZIP img {
	margin: 0px;
	padding: 0px;
	width: 20px;
	height: 22px;
	border: none;
}

/* Google Search */

/** Copyright 2007 Google Inc. All rights reserved. */

/** 
 * CSS styles for the Custom Search Engine overlay built on top of AJAXSearch
 * API
 */ 

.cse-closeResults { 
  float: right;
}

.cse-closeResults a {
  padding: 3px 5px;
  border: 1px solid #666;
  color:  #FFFFFF;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}

.cse-closeResults a:hover {
  background: #666666;
  border: 1px solid #FFFFFF; 
}

.cse-overlay-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #FFFFFF;
}

.cse-overlay {
  text-align: left;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 10px;
  width: 600px;
  background-color: #000000;
  border: 1px solid #888888;
  font-size: small;
}

/**
 * Custom AJAXSearch styles
 */

.gsc-resultsHeader,
.gs-visibleUrl-short,
.gs-watermark
 { display: none; }

.gs-visibleUrl {
  color: #008000;
}

.gs-visibleUrl-long { 
  overflow: hidden;
}

.gs-title { 
  font-size: medium;
}

.gsc-trailing-more-results,
.gsc-webResult,
.gs-divider {
  margin-bottom: 1em;
}

.gs-divider {
  margin-bottom: 1em;
  text-align: center;
  color: #676767;
}


/**
 * Default AJAXSearch styles largely from
 * http://www.google.com/uds/css/gsearch.css
 */

/* control inputs
 * .gsc-search-box : the container that hosts the text input area
 * .gsc-input : the text input area
 */
form.gsc-search-box {
  font-size: 13px;
  margin-top : 0px;
  margin-right : 0px;
  margin-bottom : 4px;
  margin-left : 0px;
  width: 300px;
}

/*
 * This table contains the input element as well as the search button
 * Note that the search button column is fixed width, designed to hold the
 * button div's background image
 */
table.gsc-search-box {
  border-style : none;
  border-width : 0px;
  border-spacing : 0px 0px;
  width : 100%;
  margin-bottom : 2px;
}

table.gsc-search-box td {
  vertical-align : middle;
}

table.gsc-search-box td.gsc-input {
  padding-right : 2px;
}

td.gsc-search-button {
  width : 1%;
}

/**
 * undo common generic table rules
 * that tend to impact branding
 */
table.gsc-branding td,
table.gsc-branding {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border : none;
}

table.gsc-branding {
  border-style : none;
  border-width : 0px;
  border-spacing : 0px 0px;
  width : 100%;
}

td.gsc-branding-text {
  vertical-align : top;
}

td.gsc-branding-text div.gsc-branding-text {
  padding-bottom : 2px;
  text-align : right;
  color : #676767;
  font-size : 11px;
  margin-right : 2px;
}

td.gsc-branding-img-noclear {
  width : 51px;
  vertical-align : bottom;
}

td.gsc-branding-img {
  width : 65px;
  vertical-align : bottom;
}

table.gsc-branding-vertical td.gsc-branding-text div.gsc-branding-text {
  margin-right : 0px;
  text-align : center;
}

table.gsc-branding-vertical td.gsc-branding-img-noclear {
  text-align : center;
}

div.gsc-branding-img,
div.gsc-branding-img-noclear,
img.gsc-branding-img,
img.gsc-branding-img-noclear {
  padding-top : 1px;
}

img.gsc-branding-img,
img.gsc-branding-img-noclear {
  margin : 0 0 0 0;
  padding-right : 0;
  padding-left : 0;
  padding-bottom : 0;
  border : none;
  display : inline;
}

a.gsc-branding-clickable {
  cursor : pointer;
}

input.gsc-search-button {
  margin-left : 2px;
}

/*
 * Given that this is sitting in a variable width tabel cell, the idea is
 * for it to consume the entire cell. The adjacent cell contains the search
 * button and that is a fixed width cell.
 */
input.gsc-input {
  padding-left : 2px;
  border-style : solid;
  border-width : 1px;
  border-color : #BCCDF0;
  width : 99%;
}

.gsc-results .gsc-cursor-box .gsc-trailing-more-results {
  margin-bottom : 0px;
  display : inline;
}

.gsc-results .gsc-cursor {
  display : inline;
}

.gsc-results .gsc-cursor-box {
  margin-bottom : 10px;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  cursor : pointer;
  color : #000000;
  text-decoration: underline;
  margin-right : 8px;
  display : inline;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  color : #A90A08;
  font-weight : bold;
  text-decoration: none;
}

/* .. end added stuff                                                      */

