/* General layout */
A:link	 { font-weight: normal; text-decoration: none; color: #ffff40; }
A:visited { text-decoration: none; color: #ffff40; font-weight: normal; }
A:hover	{ text-decoration: none; color: #fffff0; }
BODY		{ background-color: #333343;  color:#e0e0e0;
				font-family: Verdana, Helvetica, Arial; font-size:12px; 
				margin-top: 0; margin-left: 0; margin-right: 0; 
				padding-top: 0; padding-left: 0; padding-right: 0; 
				scrollbar-base-color: #333333;
			 }
text		{ font-family: Verdana, Helvetica, Arial; font-size: 12px; }
TD		  { font-family: Verdana, Helvetica, Arial; color: #ffffff; font-size: 12px; }
input	  { background-color: #444454; font-family: Verdana, Helvetica, Arial; font-size: 9pt; color: #ffffff; }
textarea  { background-color: #444454; font-family: Verdana, Helvetica, Arial; font-size: 9pt; color: #ffffff; }
select	 { background-color: #444454; font-family: Verdana, Helvetica, Arial; font-size: 7pt; color: #ffffff; }
select option { background-color: #444454; font-family: Verdana, Helvetica, Arial; font-size: 7pt; color: #ffffff;}
.copyright	 { font-family: Verdana, Helvetica, Arial; font-size: 8px; }
.hsrcopyright { font-family: Verdana, Helvetica, Arial; font-size: 9px; }

/* YaBB navigation links */
a.nav			{ font-size: 10px; text-decoration: none; color: #ffff40; }
a.nav:link	 { font-size: 10px; text-decoration: none; color: #ffff40; }
a.nav:visited { font-size: 10px; text-decoration: none; color: #ffff40; }
a.nav:hover	{ font-size: 10px; text-decoration: none; color: #fffff0; font-weight: bold; text-decoration: underline; }

/* YaBB alternating bgcolors */
.windowbg	 { background-color: #444454; font-size: 12px; font-family: Verdana; color: #ffffff; }
.windowbg2	{ background-color: #555565; font-size: 12px; font-family: Verdana; color: #ffffff; }
.windowbg3	{ background-color: #666676; font-size: 12px; font-family: Verdana; color: #ffffff; }

/* Misc./title/category colors */
.hr			 { background-color: #000000; color: #000000; height: 1px; border: 0; }
.titlebg	  { background-color: #444454; color: #FFFF80; }
.text1		 { font-style: normal; font-weight: bold; font-size: 12px; color: #FFFF80; }
.catbg		 { background-color: #444454; color: #FFFF40; font-weight: bold; font-size: 13px; }
.catbg2		{ background-color: #666676; color: #FFFF40; font-weight: bold; font-size: 13px; } /* new */
.bordercolor { background-color: #000000; }

/* Image fonts */
.imgbg		 { font-style: normal; font-size: 10px; color: #FFFFFF; }
.imgcatbg	 { font-style: normal; font-size: 10px; color: #FFFFFF; font-weight: bold; }
.imgtitlebg  { font-style: normal; font-size: 10px; color: #FFFFFF;  font-weight: bold; }
.imgwindowbg { font-style: normal; font-size: 9px; color: #FFFFFF; }
.imgmenu	  { font-style: normal; font-size: 11px; color: #FFFFFF; font-weight: bold; letter-spacing: 0.1em; }

/* Post quote/code colors */
.quote,.spoiler	 { font-size: 12px; font-family: Verdana, Helvetica, Arial; color: #FFFFFF; background-color: #333333; }
.code		  { font-size: 12px; font-family: Courier New; color: #000000; background-color: #CCCCCC; }


/** NEW STUFF - Some of these things may not be used yet in the template **/


/* used to surround things.. that border MUST be 1px or the tables will disappear!! */
.tborder	  {  border: 1px solid #555565;  background-color: #000000;  padding: 0px; }

/* Tables should show empty cells. */
table { empty-cells: show; }

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help {	 cursor: help; }

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction {	 color: red; }

/* The main post box - this makes it as wide as possible. */
.editor {	 width: 96%; }

/* Highlighted text - such as search results. */
.highlight {	 background-color: yellow;	 font-weight: bold;	color: black; }

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext {	 font-size: x-small;	 font-family: Verdana, Helvetica, Arial, serif; }
.normaltext {	 font-size: small; }
.largetext {	font-size: large; }


/* This is the white header area where the title, menu bars, and header boxes are. */
#headerarea {	 background-color: white;	 border-bottom: 0px solid gray; }
/* This is the main area of the forum, the part that's gray. */
#bodyarea {	 background-color: #D4D4D4; }
/* And this is the bottom, where the copyright is, etc. */
#footerarea {	color: black;	background-color: white;	border-top: 0px solid gray; }

/* This is for the special header boxes on the top (user info, key stats, news box.) */
.headertitles {	 background-color: #6B8EAE;	 border: 0px solid #6B8EAE; }
.headerbodies {	border: 0px solid #7A7777;	 background-color: #EFEFEF;	background-repeat: repeat-x;	 background-position: bottom; }