/*
a8e - inspired by default SMF1.1.14

color-pallette based on dullsummer
#fdedd8		-warm white
#f7d794		-mustard
#8d201f		-indian red
#d0472f		-orangey
#989e69	-lt sage
#f08d2c		-tangerine

*/
#bodyarea {margin: 24px auto;}
.attribs span {color:#444!important; font-size:12px; text-decoration:none!important;}
.attribs span a{color:#ccc!important; font-size:12px; text-decoration:none!important;}
.attribs span a:hover{color:#accc39!important; text-decoration:underline!important;}

/* Breadcrumbs*/
.nav {
	color									: #ccc;
	font-family							: georgia, serif;
	font-size								: 12px;
	font-style							: italic;
	font-weight							: normal!important;
	margin								: 12px 2px;
	text-decoration					: none;
	text-transform						: lowercase;
	}
	.nav a {color:#666;}
	.nav a:hover {color:#8d201f;}

/* WireFrame/layout/Global NavLinks */

/* GLOBAL MENU */
.maintab_active_back,
.maintab_back {
	background-color					: #fff;
	font-family							: arial, sans-serif;
	font-size								: 14px!important;
	padding								: 6px;
	}
.maintab_active_back:hover,
.maintab_back:hover {
	background-color					: #accc39;
	color									: #fff;
	}
	.maintab_active_back a{
		color								: #8d201f;
		cursor							: pointer;
		margin							: 6px;
		text-align						: center;
		text-decoration				: none!important;
		}
	.maintab_back a {
		color								: #444;
		cursor							: pointer;
		margin							: 6px;
		text-align						: center;
		text-decoration				: none!important;
		}
		.maintab_active_back a:hover{
			color							: #000;
			}
		.maintab_back a:hover {
			color							: #fff;
			}

/*
Titles, Title Backgrounds and Headers 
	top user pane, lower stats panels
*/

.titlebg, 
tr.titlebg th, 
tr.titlebg td, 
.titlebg2, 
tr.titlebg2 th, 
tr.titlebg2 td {
	border-bottom						: solid 1px #fff;
	border-top							: solid 1px #fff;
	color									: #666;
	font-family							: trebuchet, tahoma, verdana, arial, sans-serif;
	font-size								: 13px;
	padding								: 4px 12px;
	}
.titlebg, 
.titlebg a:link, 
.titlebg a:visited {
   color									: #555;
   font-size								: 12px!important;
   font-style								: normal;
   font-weight							: bold;
   text-indent							: 24px;
}

.titlebg a:hover {
   color									: #404040;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, 
.titlebg2 a:visited {
   color									: #5c5c5c;
   font-style								: normal;
   text-decoration						: underline;
}
.titlebg2 a:hover {
   text-decoration						: underline;
}

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg, 
tr.catbg td, 
.catbg3, 
tr.catbg3 td {
	background-color					: #fafafa;
	color									: #444;
	font-family							: trebuchet, tahoma, verdana, arial, sans-serif;
	font-size								: 1.1em;
	font-weight							: lighter!important;
	padding								: 2px 12px;
	}
.catbg2, 
tr.catbg2 td {
	color									: #666;
	font-family							: trebuchet, tahoma, verdana, arial, sans-serif;
	font-size								: 1.0em;
	font-weight							: lighter!important;
	padding								: 2px 12px;
	}
.catbg, 
.catbg2, 
.catbg3 {
	border-bottom						: solid 1px #ccc;
}

.catbg3, 
tr.catbg3 td, 
.catbg3 a:link, 
.catbg3 a:visited {
	color									: #fff;
	font-size								: 11px;
	text-decoration					: none;
}
/*Forum Category Title and Links*/
.catbg a:link, 
.catbg a:visited , 
.catbg2 a:link, 
.catbg2 a:visited {
   color									: #8d201f;
   letter-spacing						: 1px;
   text-decoration						: none;
	}
	.catbg a:hover, 
	.catbg2 a:hover, 
	.catbg3 a:hover {
		color								: #000;
		text-decoration				: underline;
		}
		
/* Tables grid/border background color (such as the topic listing.) */
.bordercolor
{
	background-color					: #fff;
	padding								: 0px;
}

/* This is used on tables that should just have a border around them. */
.tborder {
	border								: 1px solid #f0f0f0;
	background-color					: #fafafa;
	padding								: 4px;
}

/* Tables should show empty cells. */
table {
	empty-cells							: show;
	}
/* FORUM CATEGORIES: - Alt backgrounds for posts, and several other sections of the forum. */
.windowbg,
.windowbg2,
.windowbg3 {
	border-top							: 1px solid #f0f0f0;
	color									: #666;
	font-family							: arial, sans-serif;
	font-size								:0.90em;
	}
/* Category "linked" Titles */
	.windowbg b a,
	.windowbg2 b a,
	.windowbg3 b a{
	   color								: #363636;
	   font-family						: trebuchet, tahoma, verdanda, arial, sans-serif;
	   font-size							: 16px!important;
	   font-weight						: normal!important;
	   line-height						: 1.8em;
	   text-decoration					: none;
		}
	.windowbg b a:hover,
	.windowbg2 b a:hover,
	.windowbg3 b a:hover{
	   color								: #accc39;
	   text-decoration					: none;
		}

 /* new posts icn, posts, topics count */
	.windowbg {
		background-color				: #fff;
		border-right						: 1px solid #f0f0f0;
		color								: #999;
		}
/* category block and description, last post block */
	.windowbg2 {
		background-color				: #fffeec;
		color								: #999;
		font-size							: 13px;
		}
	.windowbg3 { 
	   background-color				: #fafafa;
	   color								: #666;
	   font-size							: 11px;
		}
/* child boards child cat links */
		.windowbg3 span.smalltext a{ 
		   color							: #333;
		   font-size						: 11px;
		   text-decoration				: none;
		   }

/* the today container in calendar */
.calendar_today {
   background-color					: #fff;
}


	
/* POSTS TYPO */
/* No image should have a border when linked */
a img {
   border: 0;
	}
/* A quote, perhaps from another post. */
.quote {
   background-color: #D7DAEC;
   border: 1px solid #000000;
   color: #000000;
   font-size: x-small;
   line-height: 1.4em;
   margin: 1px;
   padding: 1px;
	}

/* A code block - maybe even PHP ;). */
.code {
   background-color: #dddddd;
   border: 1px solid #000000;
   color: #000000;
   font-family: "courier new", "times new roman", monospace;
   font-size: x-small;
   line-height: 1.3em;
   margin: 1px auto 1px auto;
   /* Stop after about 24 lines, and just show a scrollbar. */
   max-height: 24em;
   padding: 1px;
   width: 99%;
   /* Don't wrap its contents, and show scrollbars. */
   white-space: nowrap;
   overflow: auto;
	}

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

/* 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;
   color: black;
   font-weight: bold;
}
/*Small Text - posts count, topic count*/
.smalltext {
	color:#666;
	font-family: arial, sans-serif;
	font-size:11px;
	line-height: 25px;
	}
	.smalltext a,
	.windowbg2 a {
	color:#accc39;
	text-decoration:none;
	}
/*Middle Text - stats, misc*/
.middletext {
	font-family: tahoma, arial, sans-serif;
	font-size:11px;
	line-height:16px;
	}
	.middletext a {
	color:#963;
	line-height: 14px;
	text-decoration:none;
	}
	.middletext b a {
		color:#333;
		font-size:11px!important;
		text-decoration:none;
		}
		
/* Post View */
td a {text-decoration:none;}
td a b {color:#ccc; font-size: 12px; text-decoration:none;}
.windowbg a,
.windowbg span a {color:#333;}
.windowbg span a:hover {color:#accc39;}
.mirrortab_back,
.mirrortab_active_back {
	background-color:#fff; 
	color:#5c5c5c;
	font-family: trebuchet, tahoma, verdana, arial, sans-serif;
	font-size: 13px;
	margin: 8px 6px 0 6px; 
	padding: 4px;
	}
.mirrortab_back:hover,
.mirrortab_active_back:hover {
	background-color:#5c5c5c;
	color:#fffeec;
	}
.mirrortab_back a,
.mirrortab_active_back a {
	color:#ccc;
	cursor:pointer;
	text-decoration:none;
	}
	.mirrortab_back a:hover,
	.mirrortab_active_back a:hover {
		color:#fffeec;
		cursor:pointer;
		text-decoration:none;
		}