/*********************************************************************************
**********************************************************************************
Banner and Page Styles

All the CSS crud for the background of the page and the top banner,
with the links and the logo and the stuff and the crud and the stuff.
**********************************************************************************
*********************************************************************************/
BODY				{ background: #000408; }
#accessibleNav			{ position: absolute;
				  left: -1000px;
				  width: 900px; }
#banner				{ background: url('/images/blue.jpg'); /* #54628C; #FF0000; url('images/banner_background.jpg'); */
				  width: 750px;
				  height: 125px;
				  margin-left: auto;
				  margin-right: auto;
				  border-width: 1px 2px 2px 1px;
				  border-style: solid;
				  border-color: black;
				  padding: 10px; }

.navCell			{ width: 25%;
				  height: 25px;
				  vertical-align: bottom;
				  text-align: center;
				  font-family: Verdana;
				  font-size: 12px;
				  font-weight: 900;
				  color: #080820; }
.navCell a:visited		{ color: #080820;
				  text-decoration: none; }
.navCell a:active		{ color: #080820;
				  text-decoration: none; }
.navCell a:link			{ color: #080820;
				  text-decoration: none; }
.navCell a:hover		{ color: #080820;
				  text-decoration: none;
				  font-size: 16px; }
#navtable			{ position: relative;
				  top: 20px; }
/*********************************************************************************
**********************************************************************************
Page Layout Styles

CSS stuff for the page layout -- the page heading, the credits, and the
content inside of the page.  It doesn't include the sidebar, because the
sidebar is actually rather annoyingly complex.  For one of my sidebars,
anyway.  Layers upon layers of complexity!

Also, breadcrumbs.
**********************************************************************************
*********************************************************************************/
#page				{ width: 750px;
				  padding: 10px;
				  margin-left: auto;
				  margin-right: auto;
				  min-height: 500px;
				  background: #C4D1F2; }

#pageTitle			{ background: url('/images/blue.jpg'); /* #0043AD; url('images/red.jpg'); */
				  width: 770px;
				  height: 45px;
				  margin-left: auto;
				  margin-right: auto;
				  margin-top: 25px;
				  border-width: 1px 2px 2px 1px;
				  border-style: solid;
				  border-color: black;
				  font-family: Verdana;
				  font-size: 18px;
				  color: #080820;
				  font-weight: bold;
				  overflow: hidden; }

#credits			{ background: url('/images/blue.jpg'); /* #0043AD; url('images/red.jpg'); */
				  width: 670px;
				  margin-left: auto;
				  margin-right: auto;
				  border-width: 1px 2px 2px 1px;
				  border-style: solid;
				  border-color: black;
				  padding: 10px 50px 10px 50px;
				  font-family: Verdana;
				  font-size: 10px;
				  color: #080820;
				  text-align: center; }
#credits a:link,
#credits a:active		{ color: black; }
#credits a:visited		{ color: #303030; }
#credits a:hover		{ color: white; }

#breadcrumbs			{ width: 750px;
				  margin-left: auto;
				  margin-right: auto;
				  padding: 5px;
				  font-family: Verdana;
				  color: white;
				  font-size: 10px; }
#breadcrumbs a:link,
#breadcrumbs a:active		{ color: white;
				  text-decoration: underline; }
#breadcrumbs a:visited		{ color: #C0C0C0;
				  text-decoration: underline; }
#breadcrumbs a:hover		{ color: #A0A0FF;
				  text-decoration: underline; }

.fontSize			{ text-decoration: none;
				  color: #080820; }

#increaseFont			{ float: right;
				  vertical-align: middle;
				  border-left: 1px solid black;
				  padding: 11px 5px 13px 5px;
				  background: #6070C0;
				  visibility: hidden;
				  width: 20px;
				  text-align: center;
				  height: 23px; }
#resetFont			{ float: right;
				  vertical-align: middle;
				  padding: 11px 5px 13px 5px;
				  width: 40px;
				  text-align: center;
				  height: 23px; }
#decreaseFont			{ float: right;
				  vertical-align: middle;
				  border-width: 0px 1px 0px 1px;
				  border-style: solid;
				  border-color: black;
				  padding: 11px 5px 13px 5px;
				  background: #6070C0;
				  visibility: hidden;
				  width: 21px;
				  text-align: center;
				  height: 23px; }

/*********************************************************************************
**********************************************************************************
Sidebar Styles

CSS stuff for the sidebar and the category navigation bar (because
that last one is an orphan and has nowhere else to go).
**********************************************************************************
*********************************************************************************/

#sidebar			{ float: left;
				  clear: left; }

.menuWrapper			{ margin-bottom: 10px; }

.menuTop			{ width: 175px;
				  height: 18px;
				  padding: 2px 5px 2px 5px;
				  margin: 0px 5px 0px 5px;
				  border-width: 1px 2px 2px 1px;
				  border-style: solid;
				  border-color: black;

				  font-family: Verdana;
				  font-weight: 900;
				  font-size: 13px;
				  color: #080820;
				  vertical-align: middle;

				  background: url("/images/menu_top.jpg"); }

.menuTop a:link			{ text-decoration: none;
				  color: black; }

.menu				{ width: 165px;
				  padding: 2px 5px 2px 5px;
				  margin: 0px 10px 0px 10px;
				  border-width: 0px 2px 2px 1px;
				  border-style: solid;
				  border-color: black;
				  background: url("/images/sidebar.jpg");
				  display: block;
				  font-family: Verdana;
				  font-size: 12px; }
.menu table tr td		{ font-size: 12px; }
.menu a:link			{ color: black;
				  text-decoration: none; }
.menu a:visited			{ color: black;
				  text-decoration: none; }
.menu a:active			{ color: black;
				  text-decoration: none; }
.menu a:hover			{ color: black;
				  text-decoration: none; }

#navSmall			{ display: none; }
#forumLarge			{ display: none; }
#networkLarge			{ display: none; }
#affiliateLarge			{ display: none; }
#loginLarge			{ display: none; }


#catHeader			{ width: 500px;
				  margin-bottom: 15px;
				  background: url("/images/cat_header.jpg");
  				  border-width: 1px 2px 2px 1px;
				  border-style: solid;
				  border-color: black;

				  font-family: Verdana;
				  font-weight: 900;
				  font-size: 13px;

                                  float: right;
				  display: inline;
				  padding: 2px 5px 2px 5px; }
#catHeader a			{ text-decoration: none; }
#catHeader a:link		{ color: #300000; }
#catHeader a:active		{ color: #300000; }
#catHeader a:visited		{ color: #300000; }
#catHeader a:hover		{ color: #D00000; }

/*********************************************************************************
**********************************************************************************
Content Formatting Styles

CSS stuff for content layout details and formatting that don't belong
anywhere else.
**********************************************************************************
*********************************************************************************/
.debug				{ color: red;
				  font-weight: bold; }
.avatar				{ border: 1px solid black;
				  max-width: 100px;
				  max-height: 100px;
				  background: black;
				  overflow: hidden; }
a img				{ border: 0px; }
h1				{ font-size: 24px; }
h2				{ font-size: 20px; }
h3				{ font-size: 16px; }
h4				{ font-size: 14px; }
h5				{ font-size: 12px; }
h6				{ font-size: 10px; }
#content			{ float: right;
				  display: inline;
				  width: 500px;
				  padding: 10px;
				  margin: 10px;
				  color: #202040;

				  text-align: justify;
				  font-family: Verdana;
				  font-size: 12px; }

.left				{ float: left; }
.right				{ float: right; }
.spacer				{ clear: both;
				  height: 10px; }
.alignRight			{ text-align: right !important; }
.alignLeft			{ text-align: left; }
.alignCenter			{ text-align: center; }
/* For required fields in forms */
.required			{ color: red;
				  font-weight: 900 !important; }

hr				{ border: 1px solid black;
				  border-bottom: 0;
				  height: 1px;
				  text-align: left; /* align left in IE */
				  margin: 2px auto 2px 0px; /* align left in everything else */
				  background: black; }

#content hr			{ width: 460px; }


dt				{ font-weight: 900;
				  font-size: 14px;
				  margin: 3px 0px 0px 0px; }
dd				{ padding: 0px;
				  margin: 0px 0px 3px 10px; }
#content table .mceToolbar,
#content table .mceListBox	{ padding: 0;
				  margin: 0;
				  border: 0; }
				  
blockquote			{ border-left: 2px solid #94A1C2;
				  padding: 3px 3px 3px 10px;
				  margin-left: 5px; }
#content table tbody tr th	{ vertical-align: top;
				  text-align: right;
				  font-weight: bold; }

/*********************************************************************************
**********************************************************************************
Button Colors and Formats

CSS stuff for the many kinds of buttons we use.
**********************************************************************************
*********************************************************************************/
.largeButton			{ width: 450px;
				  height: 20px;
				  padding: 10px 5px 5px 5px;
				  border: 1px solid black;
				  margin: 10px 0px 10px 0px;
				  background: #90A0D0;
				  text-align: center; }

.largeButton.delete		{ background: #D0A090; }

.largeButton a			{ text-decoration: none;
				  color: #202040; }

a.largeButton			{ text-decoration: none;
				  color: #202040; }

/*********************************************************************************
**********************************************************************************
Form Formats

CSS stuff for forms we use.
**********************************************************************************
*********************************************************************************/

optgroup			{ }

/*********************************************************************************
**********************************************************************************
Importance Formatting

CSS stuff for the importance blocks.
**********************************************************************************
*********************************************************************************/
.imp				{ width: 10px;
				  height: 10px;
				  border: 1px solid black;
				  margin: 1px 5px 3px 3px;
				  float: left;
				  display: block; }

.imp1				{ background: #AAAAFF; }
.imp2				{ background: #00FF00; }
.imp3				{ background: #FFFF00; }
.imp4				{ background: #FFAA00; }
.imp5				{ background: #FF0000; }


/*********************************************************************************
**********************************************************************************
List Formatting Styles

CSS stuff for the many lists we use.  
**********************************************************************************
*********************************************************************************/
.list				{ background: #B4C1F2;
				  float: left;
				  margin: 0px;
				  display: block;
				  border-top: 1px solid #7481B2;
				  padding: 6px; }
.firstListItem			{ border-top: none; }
.lastListItem			{ }
a.list, a.list:active, .list a
				{ text-decoration: none;
				  color: #202040; }
a.list:visited			{ color: #6060A0; }
.list				{ border-left: 2px solid #94A1D2;
                                  border-right: 2px solid #94A1D2; }
.list.firstListItem		{ border-top: 2px solid #94A1D2;
				  margin-top: 10px; }
.list.lastListItem		{ border-bottom: 2px solid #94A1D2;
				  margin-bottom: 10px; }

/*********************************************************************************
**********************************************************************************
List Formatting Styles: TOC

CSS stuff for the many lists we use.  
**********************************************************************************
*********************************************************************************/

.TOC				{ font-family: Verdana;
				  font-size: 13px;
				  width: 450px;
				  font-weight: 900; }

/*********************************************************************************
**********************************************************************************
List Formatting Styles: News

CSS stuff for the many lists we use.  
**********************************************************************************
*********************************************************************************/

.news				{ width: 450px; }
.news .comments			{ float: right;
				  width: 90px;
				  text-align: right;
				  display: block; }
.news .date			{ float: right;
				  width: 90px;
				  text-align: right;
				  display: block; }
.news .title			{ float: right;
				  width: 240px;
				  text-align: left;
				  display: block; }

/*********************************************************************************
**********************************************************************************
List Formatting Styles: Games List

CSS stuff for the many lists we use.  
**********************************************************************************
*********************************************************************************/

.games				{ width: 450px; }
.games .system			{ float: right;
				  width: 50px;
				  text-align: right;
				  display: block; }
.games .date			{ float: right;
				  width: 180px;
				  padding-left: 20px;
				  text-align: left;
				  display: block; }
.games .title			{ float: right;
				  width: 200px;
				  text-align: left;
				  display: block; }

/*********************************************************************************
**********************************************************************************
List Formatting Styles: newsEdit

CSS stuff for the many lists we use.  This is for the "edit news" page.
**********************************************************************************
*********************************************************************************/

.newsEdit			{ width: 500px;
				  height: 65px;
				  padding: 5px;
				  border: 1px solid black;
				  margin: 5px 0px 5px 0px;
				  background: #90A0D0; }
.newsEdit.date			{ float: right;
				  width: 180px;
				  text-align: right; }
.newsEdit.title			{ height: 35px;
				  width: 300px;
				  overflow: hidden;
				  float: left; }
.newsEdit.extra			{ padding: 7px 1px 3px 5px;
				  width: 495px;
				  height: 22px;
				  clear: both; }
.newsEdit a				{ text-decoration: none;
				  color: #202040; }

/*********************************************************************************
**********************************************************************************
List Formatting Styles: Members

CSS stuff for the many lists we use.  
**********************************************************************************
*********************************************************************************/
.userlist			{ width: 400px; }
.admin				{ background: #FFB0B0; }
.userlist .group		{ float: right;
				  font-style: italic; }

/*********************************************************************************
**********************************************************************************
Other Formatting

Page-specific styles.
**********************************************************************************
*********************************************************************************/

#return a			{ text-decoration: none;
				  color: #202040; }
#postComment a			{ text-decoration: none;
		  		  color: #202040; }

/*********************************************************************************
**********************************************************************************
Table Formatting

Table styles.
**********************************************************************************
*********************************************************************************/

#content table			{ margin: 5px;
				  padding: 2px;
				  /* border: 1px solid #A0B0E0;*/ }
#content table tr td		{ padding: 3px 3px 3px 8px;
				  text-align: left;
				  font-weight: 500; }
#content table tr th		{ text-align: center;
				  font-weight: 900; }
#content thead tr th		{ background: #B0C0E8; }
#content td.spacer		{ height: 5px;
				  background: transparent; }
.color2				{ background: transparent; }
.color1				{ background: #B8C8F0; }

/*********************************************************************************
**********************************************************************************
Page Formatting

Page styles -- game display.
**********************************************************************************
*********************************************************************************/

.impression			{ text-align: justify;
				  margin: 20px 0px;
				  border: 1px solid #A4B1D2;
				  padding: 0px 15px;
				  width: 400px; }
.impression h3			{ padding: 0;
				  margin: 5px 0px 5px 0px;
				  font-size: 13px;
				  border-bottom: 1px dotted #7481A2; }
.impression p			{ padding: 0;
				  margin: 5px 0px; }