html {
  	margin: 0;
	padding: 0;
}


body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	background: url('images/gradient1.png') repeat-x top left;
	min-height: 100%;
}

* html body {
	height: 100%;
}

#container {
	min-height: 100%;
	background: url('images/gradient2.png') repeat-x bottom left;
}

* html #container {
	height: 100%;
}

body
{
	color: #7a7769;
	font-size: 100%;
	font-family: Georgia, Times New Roman, Times, serif;
}

a img {
	border: none;
}

.wrapper {
    width: 100%;
    height: 100%;
}

/* Normal, standard links. */
a:link, a:visited
{
	/* color: #1e353d; */
	color: #003366;
	text-decoration: none;
}
a:active, a:hover
{
	color: #ff0033;
	text-decoration: underline;
}

.red {
	color: #ed1c24;
}
.blue {
	color: #241ced;
}
/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
	text-decoration: none;
	font-size: 85%;
	letter-spacing: 1px;
}
a.nav:hover
{
	color: #ff0033;
	text-decoration: none;
}

h1 {
	font-size: 28px;
	color: #003366;
	font-weight: normal;
}
h1.pagetitle {
	margin-bottom: 0;
}
h2 {
	font-size: 22px;
	color: #003366;
	font-weight: normal;
}
h3 {
	font-size: 18px;
	color: #003366;
	font-weight: normal;
}
h4 {
	font-size: 14px;
	color: #003366;
	font-weight: normal;
}
h5 {
	font-size: 12px;
	color: #003366;
	font-weight: normal;
}
h6 {
	font-size: 10px;
	color: #003366;
	font-weight: normal;
}

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

b { font-weight: normal; }

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
	font-size: 80%;
	font-family: Verdana, sans-serif;
	border: solid 1px #B2AE9A;
	margin: 0 5px 5px 0;
	padding: 0;
	background-color: transparent;
}

input, select {
}
/* All input elements that are checkboxes or radio buttons. */
input.check {
	border: none;
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select {
	font-size: 70%;
	font-weight: normal;
	font-family: Verdana, sans-serif;
	border: solid 1px #B2AE9A;
	margin: 0 5px 5px 0;
	padding: 0;
	background-color: #fff;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
	height: 1px;
	border: 0;
	color: #7a7769;
	background-color: transparent;
}

/* A quote, perhaps from another post. */
.quote
{
	padding: 20px;
	font-size: 80%;
	font-style: italic;
	color: #7a7769;
}
.quote b {
	font-weight: normal;
}

.code
{
	background-color: transparent;
	border: 1px solid #000000;
	padding: 1px;
	font-family: Andale Mono, Courier New, monospace;
	width: 99%;
	margin: 1px auto 1px auto;
	white-space: nowrap;
	overflow: auto;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
	color: #B2AE9A;
	font-size: 80%;
}

/* 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: #ed1c24;
}

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

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

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
	background-color: transparent;
}
.windowbg2
{
	background-color: transparent;
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg td, .titlebg a:link, .titlebg a:visited
{
	font-style: normal;
	background-color: transparent;
}
.titlebg a:hover
{
	color: #dfdfdf;
}

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
	background-color: transparent;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
	border: none;
	background-color: transparent;
	padding: 0;
}

.smalltext
{
	font-size: 80%;
}
.normaltext
{
	font-size: 100%;
}
.largetext
{
	font-size: 140%;
}

table {
	width: 100%;
	padding: 0;
	margin: 0;
}

table td {
	padding: 0 5px 5px 0;
	vertical-align: top;
}

/* This is the white header area where the title, menu bars, and header boxes are. */
#header {
	width: 1000px;
	margin: 0 auto;
	background: transparent url('images/header.jpg') no-repeat top left;
}

#header .padding {
    padding: 20px 55px 20px 113px;
}

#header .menu {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 100%;
	color: #c0b6a1;
	height: 170px;
}

#header .menu ul {
	margin: 0;
	padding: 0;
	text-align: right;
	list-style-type: none;
}

#header .menu a:link, #header .menu a:visited {
	color: #c0b6a1;
	text-decoration: none;
}
#header .menu a:hover, #header .menu a:active {
	color: #ff0033;
	text-decoration: underline;
}

#header .menu a:hover  { color: #f00000; text-decoration: none; }

#header table {

}

#header table td {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 80%;
}

#header table td.avatar {
    width: 120px;
}
#header table td.info {
	padding: 5px 5px 0 0;
}

#header table td.search {
	padding: 5px 5px 0 0;
}

#header table td.search {
    text-align: right;
}

/* This is the main area of the forum, the part that's gray. */
#main
{
	background-color: transparent;
	width: 1000px;
	margin: 0 auto;
}
#main .padding {
	padding: 0 55px 30px 113px;
}

#main .menu, #main .pager {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-transform: lowercase;
	padding-top: 10px;
	padding-bottom: 10px;
}

#main .menu {
	text-align: right;
}

#main .pager {
	text-align: left;
}

/* Footer */

#footer
{
	height: 130px;
	width: 100%;
}
#footer .padding {
	padding: 0 30px 0 113px;
	margin: 0 auto;
	background: url('images/footer.jpg') no-repeat bottom right;
	width: 857px; 
}
#footer table {
	height: 130px;
}
#footer table td {
	font-size: 80%; color: #9d9d9d;
}
#footer table td.left {
	width: 120px;
}
#footer table td.copyright {
	vertical-align: bottom;
	padding: 0 0 25px 0;
}
#footer table td.copyright a:link, #footer table td.copyright a:visited {
	color: #7a7769;
}
#footer table td.decor {
	vertical-align: top;
	text-align: right;
	padding: 10px 95px 0 0;
}

/* This is for the special header boxes on the top (user info, key stats, news box.) */
.headertitles
{
	background-color: transparent;
	border: 1px solid #ccccc7;
}
.headerbodies
{
	border: 1px solid #ccccc7;
	background-color: transparent;
}

.catbg, .catbg2
{
		font-size: 200%;
		color: #003366;
		background-color: transparent;
}

table.recenttopics td {
	font-size: 80%;
	font-family: Verdana, sans-serif;
}
table.recenttopics td.new {
	font-weight: bold;
}

#mark-all-read {
	text-align: right;
	padding: 0 5px 0 0;
}

table.bordercolor td.catbg {
	color: #7a7769;
	font-size: 140%;
	width: 120px;
}

/* Topic list */

table.topiclist {

}

table.topiclist td.icon {
	width: 120px;
	vertical-align: top;
	text-align: center;
}
table.topiclist td.topic {
	vertical-align: top;
}
table.topiclist td.starter {

}
table.topiclist td.replies {
	text-align: center;
	vertical-align: middle;
}
table.topiclist td.views {
	text-align: center;
	vertical-align: middle;
}
table.topiclist td.last {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
}
table.topiclist td.quickmod {
	width: 20px;
	text-align: center;
	vertical-align: middle;
}

/* Message */

table.message {
}

table.message td {
	clear: both;
}

table.message div.border {
	height: 10px;
	background: url('images/message-border.gif') repeat-x;
}
table.message td.username {
	width: 120px;
}

table.message td.username, table.message td.datetime, table.message td.actions {
	vertical-align: middle;
}

table.message td.actions {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-transform: lowercase;
	text-align: right;
}
table.message td.userinfo {
	width: 120px;
}
table.message div.headers {
	padding: 0 0 15px 0;
	font-style: italic;
}
table.message div.headers ul {
	list-style-type: none;
	text-indent: 0;
	padding: 0;
	margin: 0;
}
table.message div.body {
	color: #333;
	width: 100%;
	overflow: auto;
	padding: 0 0 15px 0;
}

table.message div.body b {
	font-weight: bold;
}

table.message div.signature {
	width: 100%;
	overflow: auto;
	padding: 10px 0 15px 0;
	border-top: solid 1px #7a7769;
	font-style: italic;
	font-size: 80%;
}
table.message div.attachments {
	padding: 10px 0 15px 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
}
table.message div.avatar {
	padding: 3px 0 7px 0;
	width: 100px;
	height: auto;
}
table.message div.title.red {
	font-size: 80%;
	padding: 0 0 7px 0;
	color: #ed1c24;
}
table.message div.status {
	font-size: 80%;
	padding: 0 0 7px 0;
	font-weight: bold;
}
table.message div.additional {
	font-size: 80%;
}
table.message div.thumb {
	font-size: 80%;
	float: left;
	width: 25%;
	height: 165px;
}
table.message span.karma-good, table.message span.karma-good a {
	color: #ed1c24;
}
table.message span.karma-bad, table.message span.karma-bad a {
	color: #0054a6;
}
table.message div.ip, table.message td.menu {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: right;
	vertical-align: middle;
}
table.message td.menu input.check {
	height: 80%;
	width: 10px;
}
table.message td.online {
	padding-top: 10px;
}

span.topic.new, span.board.new {
	font-weight: bold;
}

.breadcrumbs {
	text-transform: lowercase;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding: 0 0 20px 0;
}

td.bordertop {
	border-top: solid 1px #003366;
	padding-top: 10px;
}

/* Stats */
span.karma-good, span.karma-good a {
	color: #ed1c24;
}
span.karma-bad, span.karma-bad a {
	color: #0054a6;
}

/* Adsense */
#adsense {
	padding: 0 0 0 3px; margin: 0;
	text-align: left;
}

#adsense iframe {
	margin: 0 auto 20px auto;
}

td.copyright div.smf {
	margin: 10px 0 0 0;
}

td.copyright div.smf span {
        font-size: 50%;
}