@charset "utf-8";

* { padding: 0px; margin: 0px; }

/*#624427*/
/*#2F2114*/
/*#3e2c1b*/

/*	Layout
*******************************/
body { background: #3A2C1B url('../../../../images/layout/bodyBG.jpg') repeat-x; color: #222; padding: 0; margin: 0; font-family: Helvetica, Verdana, arial, sans-serif; font-size: 1em; line-height: 1.25em; }

#woaLogo { float: left; background: none no-repeat	left center; margin: 10px 0 0 0; width: 180px; height: 90px; text-decoration: none; display: block;}


/*	Header bar and Logo
*******************************/

.header { background: #412e1c url('../../../../images/layout/headerBG.jpg') no-repeat; height: 209px; padding-top: 1px; font-size: 13px;}
 .header ul { margin: 63px -5px 0 0; padding: 0px; white-space:	nowrap; }
 .header li { display: inline; list-style-type:	none; float: right; margin: 0px; }
 .header a { text-align: center; display: block; padding: 3px 8px; display: block; height: 15px; }
	.header a:link, .header a:visited { color: #ccc; text-decoration:	none; }
		.header a:hover { color: #fff; text-decoration:	none; } 

#tagLine { color: #AAA; margin: 40px 0 0 20px; }

#infoLinkWrapper { margin: 0px 0 0 0; width: 800px; height: 50px; }
#homeLinkInfo, #guideLinkInfo, #blogLinkInfo, #aboutLinkInfo, #contactLinkInfo, #loginLinkInfo, #registerLinkInfo { background: url('../../../../images/buttons/headerNav.png') no-repeat; width: 900px; height: 50px; margin: -10px 0 -50px 10px; float: left;  display: none; }  

	#homeLinkInfo { background-position:	0px -10px; } 
	#guideLinkInfo { background-position:	0px -70px; } 
	#blogLinkInfo { background-position:	0px -130px; } 
	#aboutLinkInfo { background-position:	0px -190px; }
	#contactLinkInfo { background-position:	0px -250px; }
	#loginLinkInfo { background-position:	0px -310px; }
	#registerLinkInfo { background-position:0px -369px; }


/*	Main nav
*******************************/
.subNav { padding: 6px 10px; text-decoration: none; font-weight: bold; height: 16px; border-bottom: 1px solid #00035f; background: #dfdfff url('images/headerNav.png') repeat-x; color: #000; }
 .subNav a, .subNav a:visited { text-decoration: none; color: #333; }
 .subNav a:hover { color: #00c; }

 
/*	breadcrumbs
*******************************/
/*.breadcrumbs { padding-top: 7px; font-weight: normal; } .breadcrumbs a:hover { font-style: italic; }
*/

.page { width: 900px; margin: 0px auto; }
.blockLink, .blockLinkSelected { display: block; color: #00a; padding: 5px; }
.blockLink:hover, .blockLinkSelected, .blockLinkSelected:visited { color: #fff; background-color:	#00437f; }
.content { margin: 0 0 0 30px; width: 540px; padding: 20px; background: #fff; border: 1px solid #888; float: left; }


/*	Side nav
*******************************/
.navigation { float: left; width: 240px; padding: 20px; border: 1px solid #888; background: #fff; font-size: 13px;}
.navigation ul { margin: 0px; margin-left: 10px; list-style-type: none; }
.navigation li { margin-bottom: 1px; }
.navigation .navHeading { color: #000; font-size: 1.3em; font-style: italic; display: block; padding: 2px; margin: 0px; margin-bottom: 5px; }
.navdrop { height: 1px; margin: 10px 20px; border-bottom: 1px dotted #0002c9; }
.navigation li a, .navigation li a:visited { color: #333; }
.navigation li a:hover { color: #00c; /*	background-color: #fff;*/ }


/*	footer Nav
*******************************/
.footer { background: #fff; width: 100%; height: 70px; text-align: center; color: #444;  border-top: 1px solid #888; font-size: 0.9em; margin: 30px 0 0 0; }

.clear { clear: both; height: 0px; }


a { color: #700; }
	a:visited { color: #A06; }
	a:hover { color: #00C; }

.clearLink, .clearLink:visited { color: #700; text-decoration:	none; }
	.clearLink:hover { color: #00A; text-decoration:	none; }

.subtleLink { color: #006; text-decoration:	none; border-bottom: 1px dotted #006; }
	.subtleLink:visited { color: #606; border-color: #606; }
	.subtleLink:hover { color: #a00; border-color: #a00; background-color:	#fee; }

img { border: 0px; }

/*	Headings
---------------	*/
h1 a, h1 a:visited { display: block; text-decoration: none; font-size: 0.85em; font-weight: bold; height: 24px; color: #700; padding-left: 15px; padding: 5px 0 0 10px; margin: 0 0 5px 10px; border-bottom: 1px dotted #aaa; border-left: 1px dotted #aaa; text-shadow: #f66 1px 1px 3px; }
	h1 a:hover { color: #000; border-color: #000; text-shadow: #333 1px 1px 3px; }

h3 a, h3 a:visited { display: block; text-decoration: none; font-size: 1.1em; font-weight: bold; height: 24px; color: #700; padding-left: 15px; padding: 5px 0 0 10px; margin: 0 0 5px 10px; border-bottom: 1px dotted #aaa; border-left: 1px dotted #aaa; text-shadow: #f66 1px 1px 3px; }
	h3 a:hover { color: #000; border-color: #000; text-shadow: #333 1px 1px 3px; }

h4 a, h4 a:visited { display: block; text-decoration: none; font-size: 1.15em; font-weight: normal; height: 24px; color: #600; padding: 5px 0 -5px 10px; margin: 0 0 5px 20px; width: 80%; text-shadow: #600 1px 1px 3px; border-bottom: 1px dotted #aaa; border-left: 1px dotted #aaa; }
	h4 a:hover { color: #000; border-color: #000; text-shadow: #333 1px 1px 3px; }

.navigation h2 { margin: 25px 0 5px 0;}

/*	Various common tags
---------------	*/
acronym { border-bottom: 1px dotted #000 }

.content ul, .content ol { margin-left: 20px; }


/*	List blocks
------------------ */
.listblock, .hoverblock, .armyblock, .navyblock, .beastblock { border-style: solid; border-width: 1px; padding:  5px; margin: 1em; 
 border-color: #7F0000; background-color: #FFD0D3 }
	.hoverblock:hover { border-color: #CD0101; background-color: #FF8A87; }

.armyblock { border-color: #cd0101; background-color: #ffe3e4; }
.navyblock { border-color: #0002c9; background-color: #f4f4ff; }
.beastblock { border-color: #c96700; background-color: #ffe4bc; }


/*	Tables
---------------	*/
th, .heading { border-width: 0px; text-align: center; font-weight: bold; }
.empty, .row0 .empty, .row1 .empty { border-width: 0px; }
td, th { vertical-align: top; padding: 5px;}

.row0 td, .row0 th, .row0 { border-bottom: 2px ridge #AAA; background-color: #FFF;}
.row1 td, .row1 th, .row1 { border-bottom: 2px ridge #A33; background-color: #FEE;}
.row2 td, .row2 th, .row2 { border-bottom: 2px ridge #700; background-color: #7F0000; color: #FFF;}

.row0:hover td, .row1:hover td, .row0:hover, .row1:hover { background-color: #CCC; }

p {margin: 14px 0;}

/*	custom Page Parts
------------------ */
.newPageTitle { margin-top: 40px; color: #000; font-size: 1.8em; font-weight: bold; text-align: center; padding-bottom: 4px; border-bottom: 1px solid #999; }
.code { font-family: monospace; }
.demobox { margin: 10px; padding: 10px; border-width: 3px; border-style: double; border-color: #777; }
.mover { border-width: 1px; border-style: solid; padding: 4px; margin: 4px; border-color: #fff; }
	.mover:hover { border-width: 1px; border-style: solid; border-color: #777; }

.stitle { font-size: 1.2em; font-weight: bold; margin-left: 30px; color: #000; line-height: 1.1em;}
	.stitle a { color: #A00; text-decoration: none; }
		.stitle a:hover { color: #C96700; text-decoration: none; }

.error { color: #800; font-weight: bold; }
.spellTable { max-width: 600px; }
	.spellTableItem { width: 200px; float: left; height: 1.8em; }
		.spellTableItemWide { width: 400px; float: left; height: 1.8em; }

.beastTable { max-width: 600px; }
	.beastTableItem { width: 200px; float: left; height: 1.8em; }
		.beastTableItemWide { width: 400px; float: left; height: 1.8em; }

.pos { color: #070; }
.neg { color: #a00; }

#marketing { font-family: Times New Roman, Georgia, Serif; font-size: 13px; text-decoration: none; }
	#marketing:hover { color: #555;}

.postmetadata { text-align: center; padding: 5px; }
	.postinfo { margin-top: -15px; padding-left: 15px; font-style: italic; }

.postinfo { margin: 4px 0 0 0; font-size: 0.9em;}

li form { margin: 25px 0 0 0; }