html {
	height: 100%;
	margin-bottom: 1px;
}

.board_rules {
background-color: #E1E1E1;
margin-bottom: 2px;
border: 1px dashed blue;
padding-left: 2px;
padding-right: 2px;
margin-bottom: 5px;
margin-top: 5px;
}

/* Normal, standard links.  color: #666666 #ff5933*/

a:hover {
	text-decoration: underline;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited {
	color: #000000;
	text-decoration: none;
}

a.nav:hover {
	color: #cc3333;
	text-decoration: underline;
}

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

/* Tabular by AzaToth */

/* Main tabular layout, must be same for all */
table.tabular1,
table.tabular2,
table.tabular3,
table.tabular4,
table.tabular5,
table.tabular6,
table.tabular7,
table.tabular8,
table.tabular9
{
	margin: 1em;
	width: 50%; /* Half screen ok? */
	max-width: 600px;
	min-width: 600px;
	border-collapse: collapse;
	empty-cells: show;
	

}

table.tabular2 a:link, a:visited {
	color: #cccccc;
	text-decoration: none;
}

/* Standard border */
table.tabular1 tr,
table.tabular2 tr,
table.tabular3 tr,
table.tabular4 tr,
table.tabular5 tr,
table.tabular1 colgroup col,
table.tabular2 colgroup col,
table.tabular3 colgroup col,
table.tabular4 colgroup col,
table.tabular5 colgroup col
{
	border: 1px solid black;
}

/* Standard padding */
table.tabular1 td,
table.tabular1 th,
table.tabular2 td,
table.tabular2 th,
table.tabular3 td,
table.tabular3 th,
table.tabular4 td,
table.tabular4 th,
table.tabular5 td,
table.tabular5 th,
table.tabular6 td,
table.tabular6 th, 
table.tabular7 td,
table.tabular7 th, 
table.tabular8 td,
table.tabular8 th,
table.tabular9 td,
table.tabular9 th
{
	padding: 0.2em;
}
	
/* Standard header */
table.tabular1 th,
table.tabular2 th,
table.tabular3 th,
table.tabular4 th,
table.tabular5 th
{
	text-align: left;
	background: #464646 url(images/tabular/tabularheader.jpg);
	color: white;
}

/* Standard caption */
.tabular1 caption,
.tabular1a caption,
.tabular2 caption,
.tabular3 caption,
.tabular4 caption,
.tabular5 caption,
.tabular6 caption,
.tabular7 caption,
.tabular8 caption,
.tabular9 caption
{
	caption-side: bottom; 
	font-size: 0.7em;
}


/* Tabular stype 1 */
table.tabular1 colgroup col.tabular_col0 {background: #b12d16 url(images/tabular/tabular1acol0.jpg);}
table.tabular1 colgroup col.tabular_col1 {background: #990000 url(images/tabular/tabular1acol1.jpg);}

/* Tabular stype 2 */
table.tabular2 tr.tabular_row0 {background: #666666;}
table.tabular2 tr.tabular_row1 {background: #e3e1d6;}

/* Tabular stype 3 */
table.tabular3 td {background: #e3e1d6;}
table.tabular3 tr td:first-child {background: #e3e1d6;}

/* Tabular stype 4 */
table.tabular4 tr.tabular_row0 {background: #e3e1d6;}
table.tabular4 tr.tabular_row1 {background: #e3e1d6;}
table.tabular4 tr.tabular_row0 td:first-child {background: #cccccc;}
table.tabular4 tr.tabular_row1 td:first-child {background: #cccccc;}

/* Tabular stype 5 */
table.tabular5 colgroup col.tabular_col0 {background: #e3e1d6;}
table.tabular5 colgroup col.tabular_col1 {background: #e3e1d6;}


/* Tabular stype 6 */
table.tabular6 th {text-align: left;}
table.tabular6 colgroup col {border-left: 1px solid black;}
table.tabular6 colgroup col:first-child {border-left: 0px;}
table.tabular6 tr {border-top: 1px solid black;}
table.tabular6 tr:first-child {border-top: 0px;}

/* Tabular stype 7 */
table.tabular7 th {text-align: left;}
table.tabular7 colgroup col {border: 1px solid black;}
table.tabular7 tr {border: 1px solid black;}

/* Tabular stype 8 */
table.tabular8 th {text-align: left;}
table.tabular8 colgroup col:first-child {border-right: 1px solid black;}
table.tabular8 tr:first-child {border-bottom: 1px solid black;}

/* Tabular stype 9 */
table.tabular9 th {text-align: left;}

/* By default (td, body..) use verdana in black. */
body, td, th , tr {
	color: #3F3B3B;
	font-size: 12px;
	line-height: 140%;
	font-family: tahoma, sans-serif;
}

/* The main body of the entire forum. */
body {
	background-color: #252525;
	margin: 0;
	padding: 0;
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button {
	color: #000000;
	font-family: verdana, sans-serif;
}

input, button {
	font-size: 90%;
}

textarea {
	font-size: 100%;
	color: #000000;
	font-family: verdana, sans-serif;
}

/* All input elements that are checkboxes or radio buttons. */
input.check {}

/* Selects are a bit smaller, because it makes them look even better 8). */
select {
	font-size: 90%;
	font-weight: normal;
	color: #000000;
	font-family: verdana, sans-serif;
}

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

/* No image should have a border when linked */
a img {
	border: 0;
}

/* A quote, perhaps from another post. */
.quote {
	color: #5c5c5c;
	background-color: #fff;
	border: 1px solid #dddcd5;
	margin: 1px;
	padding: 5px;
	font-size: 11px;
	line-height: 1.4em;
}

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

/* The "Quote:" and "Code:" header parts... */

.quoteheader, .codeheader {
	color: #3f3f3b;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	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;
	font-weight: bold;
	color: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. faf7f1*/
.windowbg, .windowbg2, .windowbg3, #preview_body {
	background: #f5f4ed url(images/custom/windowbg.png) 0 0 repeat-x;
}

.windowbg2 {
	color: #5b5b5b;
}

a:link, a:visited {
	color: #454545;
	text-decoration: none;
}

.windowbg4 {
	background: #e3e1d6 url(images/custom/windowbg9.png) 0 0 repeat-x;
	border: solid 1px #bebdb2; 
	margin-bottom: 2px;
	padding: 4px;
	text-align: center;
	color: #3f3f3f;
	width: 94%;
}

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

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td {
	color: white;
	font-size: 11px;
	font-style: normal;
	background: #4d4d4d url(images/custom/titlebg.png) repeat-x;
	border-bottom: 1px solid #2d2d2d;
	border-top: 1px solid #626262;
}

.titlebg, .titlebg a:link, .titlebg a:visited {
	font-weight: bold;
	color: white;
	font-style: normal;
}

.titlebg2 a:link, .titlebg2 a:visited {
	color: white;
	font-style: normal;
	text-decoration: underline;
}

.titlebg a:hover, .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: #f1c377 url(images/custom/catbg.png) repeat-x;
	color: #474747;
	border-bottom: 1px solid #fff;
}

.catbg2 , tr.catbg2 td {
	background: #f1c377 url(images/custom/catbg.png) repeat-x;
	color: #474747;
	border-bottom: 1px solid #fff;
}

.catbg, .catbg2, .catbg3 {}

.catbg, .catbg2, .catbg3 {
	font-size: 14px;
	font-weight: normal;
}

.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited {
	color: #383838;
	text-decoration: none;
	font-weight: bold;
}

.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited {
	color: #474747;
	text-decoration: none;
}

.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover {
	color: #ff9600;
}

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor {
	padding: 1px;
	border: 1px solid #ececec;
}

/* This is used on tables that should just have a border around them. */
.tborder {
	padding: 1px;
	border: 1px solid #ececec;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext {
	font-size: 11px;
	font-family: tahoma, sans-serif;
}

.middletext { 
	line-height: 18px;
	text-indent: 10px;
}

.normaltext {
	font-size: 16px;
}

.largetext {
	font-size: 18px;
}

/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage {
	width: 100%;
	overflow: auto;
	line-height: 1.3em;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature {
	width: 100%;
	overflow: auto;
	padding-bottom: 3px;
	line-height: 1.3em;
}

fieldset.spoiler
{
	border: 1px dashed gray;
}

fieldset.spoiler > legend
{
	font-size: 1.2em;
}

div.spoilerheader a
{
	font-family: sans-serif;
	font-size: 1.1em;
	font-weight: bold;
}

div.spoilerheader input
{
	background-color: #cececc;
	color: #3e3e33;
	font: 0.9em sans-serif;
}

div.spoilerbody
{
	color: #0f0f0f;
	border: 1px dotted gray;
	padding: 1em;
	margin: 1em;
}

fieldset.spoiler div.spoilerbody
{
	border: 0px;
	padding: 0em;
}

/* Sometimes there will be an error when you post */
.error {
	color: red;
}

/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last, .mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last {
	vertical-align: top;
	text-transform: uppercase;
}

.maintab_back, .maintab_active_back, .mirrortab_back, .mirrortab_active_back {
	text-decoration: none;
	font-size: 11px;
	padding: 5px;
}

.maintab_first,.mirrortab_first {
	 display: none;
}

.maintab_back,.mirrortab_back {}

.maintab_last,.mirrortab_last {
	display: none;
}

.maintab_active_first, .mirrortab_active_first {
	display: none;
}

.maintab_active_back, .mirrortab_active_back {
	text-decoration: overline;
}

.maintab_active_last, .mirrortab_active_last {
	display: none;
}

/* how links behave in main tab. */
.maintab_back a:link, .maintab_back a:visited, .mirrortab_back a:link, .mirrortab_back a:visited {
	color: #222;
	text-decoration: none;
}

.maintab_active_back a:link, .maintab_active_back a:visited, .mirrortab_active_back a:link, .mirrortab_active_back a:visited {
	color: #282828;
	text-decoration: none;
	font-weight: bold;
}

.maintab_back a:hover, .maintab_active_back a:hover, .mirrortab_back a:hover, .mirrortab_active_back a:hover {
	color: #f1c377;
	text-decoration: overline;
}

/* The AJAX notifier */
#ajax_in_progress
{
	background: #32CD32;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 18pt;
	padding: 3px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

#toparea {
	background: url(images/custom/toparea-bg.png) 0 0 repeat-x;
	padding-top: 10px;
}

#toolbar-wrap, #head-wrap, #user-wrap, #body-wrap, #foot-wrap {
	/*width: 1200px;*/ /* 950px */
	width: 90%; /* Half screen ok? */
	max-width: 1500px;
	min-width: 950px;
	margin: 0 auto;
	padding: 0;
	clear: both;
}

#toolbar {
	background: #f1b668 url(images/custom/toolbar-bg.png) 0 0 repeat-x;
	height: 40px;
}

#time {
	font-size: 11px;
	float: right;
	padding: 10px 15px 0 0;
	color: #525252;
}

#header {
	background: url(images/custom/header-bg.png) repeat-x;
	height: 150px;
}

#logo {
	background: url(http://www.mexanime.org/random/index.php) 50% 0 no-repeat;
	margin: 0 auto;
	width: 950px;
	height: 150px;
	cursor: pointer;
}

#userbar {
	background: #242424 url(images/custom/userbar-bg.png) repeat-x;
	height: 44px;
}

#userarea {
	padding: 0 0 0 5px;
	font-size: 11px;
	width: 400px;
	height: 43px;
	color: #efefef;
}

#userarea a:link, #userarea a:visited {
	color: #f1c377;
}

#ds-usernme {
	background: url(images/custom/usernmebox.png) 0 0 no-repeat;
	width: 154px;
	height: 32px;
	float: left;
	margin-top: 4px;
	margin-right: 10px;
}

#ds-passwrd {
	background: url(images/custom/passwrdbox.png) 0 0 no-repeat;
	width: 154px;
	height: 32px;
	float: left;
	margin-top: 4px;
	margin-right: 10px;
}

#ds-usernme input#usrnme, #ds-passwrd input#psswrd {
	background: #504f4f;
	color: #efefef;
	padding: 4px 3px 0;
	border: none;
	margin: 5px 10px 0 28px;
	width: 112px;
	height: 17px;
	font-size: 11px;
}

#loginbutton {
	background: url(images/custom/loginbutton.png) no-repeat;
	width: 68px;
	height: 32px;
	border: none;
	padding: 0;
	margin: 4px 0 0;
	cursor: pointer;
}

#searcharea {
	float: right;
	margin: 4px 5px 0 0;
	height: 32px;
	width: 154px;
	background: url(images/custom/searchbox.png) no-repeat;
	overflow: hidden;
}

#searcharea .searchbox {
	background: #504f4f;
	color: #ccc;
	padding: 4px 3px 0;
	border: none;
	margin: 5px 0 0 27px;
	width: 112px;
	height: 17px;
	font-size: 11px;
}

#bodyarea {
	background: #fff url(images/custom/body-top.png) 0 0 repeat-x;
	padding: 10px 0 20px;
}

.pathway-wrap {
	margin: 0;
	padding: 10px 10px 10px 0;
}

span.ds-pathway {
	color: #3f3f3f;
	margin: 0 3px 0 0;
	font-size: 11px;
}

span.pathway {
	color: #8b8b8b;
	font-size: 11px;
	text-transform: uppercase;
}

span.pathway img {
	margin: 6px 5px 8px 5px;
	border: 0;
	width: 10px;
	height: 10px;
	vertical-align: middle;
}

span.pathway a:link, span.pathway a:visited {
	color: #f38f2d;
}

span.pathway a:hover {
	text-decoration: underline;
}

#footer {
	background: url(images/custom/footer.png) 0 0 repeat-x;
	height: 114px;
}

#footerarea {
	color: #fff;
	padding: 40px 0 0;
	font-size: 12px;
}

#footerarea .foot-right {
	float: right;
}

#footerarea .foot-left {
	float: left;
}

#footerarea a:link, #footerarea a:visited {
	color: #ccc;
}

.clr {
	clear: both;
}
/* Style for Sitemap */
.showSwitch {
	display: block;
}
.hideSwitch {
	display: none;
}