body {
	background-color: #FFFFFF;
	scrollbar-face-color: #DEE3E7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #006699;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;
}

/* General font families for common tags */
font,th,td,p { font-family: "Helvetica", sans-serif; }
a:link,a:active { color : #000044; }
a:visited {color : #440044;}
a:hover		{ text-decoration: underline; color : #DD6900; }
hr	{ height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: #FFFFFF; border: 1px #98AAB1 solid; }

/* This is the outline round the main forum tables */
.forumline	{ background-color: #FFFFFF; border: 2px #006699 solid; }

/* Main table cell colours and backgrounds */
td.row1	{ background-color: #EFEFEF; }
td.row2	{ background-color: #DEE3E7; }
td.row3	{ background-color: #D1D7DC; }

/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #006699; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #DD6900; text-decoration: underline; }

/* Quote & Code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright		{ font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright		{ color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}

/* Form elements */
input,textarea, select {
	color : #000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border-color : #000000;
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : #FFFFFF;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : #EFEFEF;
	color : #000000;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
	background-color : #FAFAFA;
	font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
	background-color : #FAFAFA;
	font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #DEE3E7; border-style: none; }

/* THESE ARE MY STYLE DEFS!! */

.formtag	{ font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000044; letter-spacing: -1px;}
a.formtag		{ color: #444444; text-decoration: none;}
a.formtag:hover { color: #000000; text-decoration: underline;}

.menuopt { font-size: .90em; }
.menuopt a { text-decoration: none; font-weight: bold; }
.menuopt a:hover { 
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  -webkit-transition: text-shadow 0.25s linear;
  transition: text-shadow 0.25s linear;
}

.comment	{ font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000044; letter-spacing: -1px;}
a.comment	{ color: #444444; text-decoration: none;}
a.comment:hover { color: #000000; text-decoration: underline;}

.description	{ font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000055; letter-spacing: -1px;}
a.description		{ color: #444444; text-decoration: none;}
a.description:hover { color: #000000; text-decoration: underline;}

.header	{ font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000022; letter-spacing: -1px; font-weight : bold;}
a.header		{ color: #444444; text-decoration: none;}
a.header:hover { color: #000000; text-decoration: underline;}

.update		{ font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #440000; }
a.update	{ color: #444444; text-decoration: none;}
a.update:hover  { color: #000000; text-decoration: underline;}

.error		{ font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #840000; letter-spacing: -1px;}
a.error		{ color: #444444; text-decoration: none;}
a.error:hover 	{ color: #000000; text-decoration: underline;}

.fix		{ font-size: 12px; font-family: "Courier"; color: #442200; font-weight : bold;}

.basshdr	{ font-size: 16px; font-family: "Helvetica", sans-serif; color: #000022; letter-spacing: -1px; font-weight : bold;}

.describe	{ font-size: 14px; font-family: "Helvetica", sans-serif; color: #000022; }

.specs		{ font-size: 14px; font-family: "verdana",news gothic,arial,heltevica,serif; color: #000000; }
.bassnote	{ font-size: 14px; font-family: "verdana",news gothic,arial,heltevica,serif; color: #550000; }

.friend         { font-size: 14px; font-family: "verdana",news gothic,arial,heltevica,serif; color: #553300; font-weight : bold; }
a.friend	{ color: #CC3300; text-decoration: none;}
a.friend:hover  { color: #000000; text-decoration: underline;}

.price		{ font-size: 14px; font-family: "verdana",news gothic,arial,heltevica,serif; color: #000044; font-weight : bold; }

.news	{
	font-family: sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: medium;
	line-height: 100%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: center;
	text-indent: 0ex;
}

.notes		{ font-size: 11px; font-family: "Helvetica", sans-serif; color: #222244; font-weight : bold;}

.thing		{ font-size: 12px; font-family: "Helvetica", sans-serif; color: #222244;}

.special	{ font-size: 10px; font-family: "Critter", fantasy; color: #226622; font-weight : bold;}

.w_hdr		{ font-size: 14px; font-family: Helvetica, sans-serif; color: #840000; letter-spacing: -1px; font-weight: bold;}
a.w_hdr		{ color: #444444; text-decoration: none;}
a.w_hdr:hover 	{ color: #000000; text-decoration: underline;}

.w_desc		{ font-size: 11px; font-family: Helvetica, sans-serif; color: #641111; letter-spacing: 0px; font-weight: bold; background-color: #FAFAFA; border: #FAFAFA; border-style: solid; border-left-width: 3px; border-top-width: 1px; border-right-width: 3px; border-bottom-width: 1px }
a.w_desc	{ color: #555555; text-decoration: none;}
a.w_desc:hover 	{ color: #000000; text-decoration: underline;}

.w_stat		{font-family: Courier, 'Courier New', sans-serif; font-size: 9px; color: #006600;
	}

.late	{ font-size: 12px; color: #662222; font-weight : bold;}

tr.normal { background-color: #FFFFFF ; font-size: 12px }
tr.offrow { background-color: #EEFFFF ; font-size: 12px }
tr.header { background-color: #CCEEEE }
tr.highlight { background-color: #CCAAAA ; font-size: 12px ; font-weight: bold }

    .squarebox {
        width: 100%;
        border: solid 1px #336699;
        text-align: center;
        overflow: hidden; }
    .squareboxgradientcaption {
        color: #ffffff;
        padding: 5px;
        background-image: url(images/gradient_orange.png);
        background-repeat: repeat-x; }
    .squareboxcontent {
        background-color: #f5f5f5;
        padding: 10px;
        overflow: hidden;
        border-top: solid 1px #336699; }