body {
scrollbar-track-color: #aaaaaa;
scrollbar-face-color: #882200;
scrollbar-highlight-color: #660000;
scrollbar-3dlight-color: #660000;
scrollbar-darkshadow-color: #330000;
scrollbar-shadow-color: #330000;
scrollbar-arrow-color: #fffafa;
font-family: "Palatino Linotype", Garamond, "MS Sans Serif"; 
background-color: #fffafa;
font-size: 14px;
}

img {
display: block;
border: 0;
}

a:link {
color: #820;
text-decoration: none;
}

a:visited {
color: #820;
text-decoration: none;
border-color: #820;
border-style: dotted;
border-width: 0px 0px 0px 0px;
}

a:hover {
color: #820;
text-decoration: none;
border-color: #820;
border-style: dotted;
border-width: 0px 0px 1px 0px;
}

.title {  
background-color: #820;
background-image: url(/images/general/title.gif); background-repeat: no-repeat;
background-position: center;
border-color: #300; 
position: relative;
height: 50px; 
width: 100%; 
text-align: center; 
border-style: solid; 
border-width: 2px 0px 2px 0px;
}

.title img {
padding: 0 10% 0 10%}

h1 {
color: #300;
font-size: 16px;
font-weight: bold;
border-color: #300; 
position: relative; height: 20px; 
width: 100%; 
text-align: center; 
border: #300 solid; 
border-width: 0px 0px 1px;
margin: 0 0 5px;
padding: 0;
}

h2 {
color: #300; 
font-variant: small-caps; 
font-size: 18px; 
position: relative;
width: 100%; 
text-align: left; 
border: #300 solid; 
border-width: 1px 0px 1px;
margin: 0px 0px 5px 0px;
padding: 0 0 0 0;

}

h3 {
font-weight: bold;
color: #300; 
font-size: 16px; 
margin: 0 0 1px 0;
padding: 0 0 0 0;
}

p {
margin: 5px 0 10px 0;
padding: 0 0 0 0;
}

input
{
font-size: 11px;
color: #330000;
background-color: #ffffff;
}

.menu {  
position: relative;
width: 160px; 
left: 10px;
}

.menuheader {  
color: #fffafa; 
font-variant: small-caps;
background-color: #820; 
border: #300 solid; 
font-size: 14px; 
padding-left: 3px;
border-width: 1px 1px 1px 1px; 
position: relative; 
height: 40px; 
width: 145px; 
}

.menuspacer {
height: 10px;
background-color: clear;
}

.menuheaderpic {
float: right;
height: 40px;
width: 40px;
margin: 0;
padding: 0;
}

div.menu a, div.menu a:visited {
display: block;
color: #300; 
font-weight: normal;
border: #300 solid;
border-width: 0 1px 1px 1px;
background-color: #fffafa; 
font-size: 10pt; 
line-height: 20px;
position: relative; width: 133px; left: 10px; top: 0px;
padding: 0 0 0 5px;
text-decoration: none;
}

#menuhere a:link, #menuhere a:visited, div.menu a:hover  {
font-weight: bold;
border: #300;
border-style: solid; 
position: relative; width: 133px; left: 0px; top: 0px;
border-top-width: 0px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left: double;
border-left-width: 11px; 
text-decoration: none;
}

.footer {
margin-left: -325;
margin-top: 25px;
padding-top: 30px;
border: #300 solid;
border-width: 1px 0 0 0;
text-align: center;
background-image: url(/images/general/footspace.gif);
background-repeat: no-repeat;
background-position: center;
}


.footerright {
float: right;
}

.ads {
text-align: center;
position: relative; width: 150px; left: 0px; top: 15px;
margin-bottom: 15px;
border-width: 0 0 0 0;
}

.contenta {
margin-top: 0px;
padding-top: 0px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
}

.contentb {
margin-top: 0px;
padding-top: 0px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
}

/* this shows content in a single 400px column, good for articles with ads down the right side */
.singlecolumn {
margin-top: 0px;
padding-top: 0px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
width: 400px;
}

.contentbox {
border: #300 solid;
border-width: 1px 1px 1px 1px;
padding: 3px 3px 3px 3px;
margin: 3px 0px 20px 0px;
position: relative;
width: 95%; 
text-align: left; 
}

.goarrow {
display: inline;
}

.contentboxheading {
margin: 0 0 0 0;
padding: 0 0 0 0;
}


/* This is to make a second column for the search boxes on the index page */
.contentboxsearch {
position: relative;
padding: 0 10px 0 0;
margin: 0 0 0 0;
left: 8px;
}

/* The headline class is used to control the news headlines on the index page */
div.headline a, div.headline a:visited, div.headline a:hover, div.headline a:active {
font-size: 12px;
font-weight: normal;
margin: 0 0 0 0;
padding: 0 0 0 5px 0;
}

.blogbox {
font-size:12px;
border: #300 solid;
border-width: 1px 1px 1px 1px;
padding: 3px 3px 3px 3px;
margin: 0px 5px 5px 0px;
height: 175px;
}

.blogupdated {
position: relative;
right: -4px;
top: -4px;
border: none;
float: right;
margin: 0 0 0 0;
}

div.blogurl a, div.blogurl a:visited, div.blogurl a:hover, div.blogurl a:active {
color: #300;
font-weight: normal;
border-width: 0 0 0 0;
}

.blogheadline {
font-size: 12px;
margin: 1px 0 2px 0;
}

.button {
display: block;
text-decoration: none;

}

div.button a, div.button a:visited {
display: block;
border: #330; 
border-style: solid;
border-width: 1px 1px 1px 1px;
width: 90px;
height: 40px;
padding: 5px;
text-align: center;
text-decoration: none;
position: relative;
top: 10px;
}

div.button a:hover {
display: block;
border: 330 solid;
border-style: solid;
border-width: 1px 1px 1px 1px;
color: #fffafa;
height: 40px;
padding: 5px;
background: #820;
text-decoration: none;
}

.left {
float: left;
margin: 0 10px 0 0;
}

.right {
float: right;
margin: 0 0px 0 10px;
}

/*This is the modified style from smf */
/* Normal, standard links. */
/* These were taken out because already defined above. */

/* Navigation links - for the link tree. Note that these are not repeated above because those are called menu. */
.nav, .nav:link, .nav:visited
{
	color: #330000;
	background-color: transparent;
	text-decoration: none;
}
a.nav:hover
{
	font-weight: bold;
	color: #882200;
	background-color: transparent;
	text-decoration: none;
}

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

/* we want inline images for smf so the navigation buttons show up correctly */
.smf img
{
display: inline;
border: 0;
}

/* By default (td, body..) use Verdana in black. */
td
{
	color: #330000;
	font-size: small;
	line-height: 1.6em;
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea
{
	font-size: 11px;
	color: #330000;
	background-color: #ffffff;
}

/* Checkboxes shouldn't have a background color. */
input.check
{
	background-color: transparent;
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
	font-size: 10px;
	font-weight: normal;
	color: #330000;
	background-color: #ffffff;
}

/* Standard horizontal rule.. */
hr
{
	color: #882200;
	background-color: transparent;
}
/* A more colorful hr.. */
.hrcolor
{
	height: 1px;
	border: 0;
	color: #882200;
	background-color: #882200;
}

/* A quote, perhaps from another post. */
.quote
{
	color: #330000;
	border: #aaa solid; 
	border-width: 0 0 0 0px;
	font-size: x-small;
	margin: 1px 0 0 0px;
	padding: 11px 0 0 35px;
	background: url(/images/general/bgquote5.gif) no-repeat transparent;

}

/* A code block - maybe even PHP ;). */
.code
{
	color: #330000;
	background-color: #ffffff;
	border-width: 0 0 0 2px;
	border-style: solid; 
	margin: 1px;
	padding: 1px;
	font-size: x-small;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
	color: #330000;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-size: x-small;
}

/* Generally, those [?] icons. */
.help
{
	cursor: help;
	background-color: transparent;
}

/* /me uses this a lot. */
.meaction
{
	color: red;
	background-color: transparent;
}

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

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

/* Alternating backgrounds... */
.windowbg
{
	color: #000000;
	background-color: #fffafa;
}
.windowbg2
{
	color: #000000;
	background-color: #ffffff;
}

/* Titles - such as table headers. */
.titlebg, tr.titlebg td, .titlebg a:link, .titlebg a:visited
{
	font-weight: bold;
	font-style: normal;
	color: #fffafa;
	background-color: #882200;
}
.titlebg a:hover
{
	color: #fffafa;
	text-decoration: underline;
}

/* The borders around things. */
.bordercolor
{
	background-color: #330000;
}
.tborder
{
	border: 1px solid #330000;
}

/* Default font sizes. */
.smalltext
{
	font-size: x-small;
	line-height: 1.1em;
}
.normaltext
{
	font-size: small;
}
.largetext
{
	font-size: large;
}

/* Don't allow images in signatures (don't show them at least) */
.signature img
{
   display: none;
}