/* Nightlyre's Realm CSS (Halloween section) */

*					{padding: 0;
					margin: 0;}

html, body			{height: 100%;}

body				{background: #000000 url(/images/abo_skybg.gif) repeat-x top left;
					color: #808080;}

a:link				{color: #7B8063;}

a:visited 			{color: #666A52;}

a:hover 			{color: #aaaaaa;}

.maintext p			{font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					text-align: justify;
					margin-bottom: 16px;
					line-height: 18px;}

.maintext			{position: relative;
					padding: 175px 95px 80px 100px;
					margin: 0;
					z-index: 13;}
					
.holder				{position: relative;
					height: 100%;
					min-height: 100%;
					margin: 0;
					z-index: 12;}
html>body .holder	{height: auto;} /* Firefox fix courtesy of http://www.pmob.co.uk/temp/3colfixedtest_explained.htm */

/* This is for the breadcrumb trail and title of each page.  The major details are filled out in nav_layout.css */
.pagetitlebar		{filter: alpha(opacity=60);
					-moz-opacity: 0.6;
					opacity: 0.6;}
.pagetitlebar1		{background: transparent;}
.pagetitlebar2		{background: #444865;}
.pagetitle h1		{color: #cccccc;}
.pagetitle a, .pagetitle a:link, .pagetitle a:visited
					{color: #888888;}
.pagetitle a:hover	{color: #aaaaaa;}

.topright			{position: absolute;
					top: 0;
					right: 0;
					background: url(/images/abo_topright.gif) no-repeat;
					width: 495px;
					height: 203px;
					z-index: 10;}

.spiderweb			{position: absolute;
					top: 56px;
					right: 36px;
					width: 184px;
					height: 98px;
					z-index: 11;}
html>body .spiderweb{background: url(/images/abo_web.png) no-repeat;}
*html .spiderweb	{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/abo_web.png',sizingMethod='scale');}

.spider				{position: absolute;
					top: 106px;
					right: 36px;
					width: 51px;
					height: 73px;
					z-index: 12;}
html>body .spider	{background: url(/images/abo_spider.png) no-repeat;}
*html .spider		{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/abo_spider.png',sizingMethod='scale');}

.topleft			{position: absolute;
					top: 38px;
					left: 0;
					background: url(/images/abo_moon.jpg) no-repeat 54px 0;
					width: 100%;
					height: 152px;
					z-index: 1;}					

.bottomfull			{position: relative;
					float: left;
					top: -78px;
					width: 100%;
					height: 78px;
					margin-bottom: -78px;
					z-index: 13;}

.bottomright		{position: absolute;
					bottom: 0;
					right: 0;
					background: url(/images/abo_bottomright.gif) no-repeat bottom right;
					width: 100%;
					height: 72px;
					z-index: 1;}

.bottomleft			{position: absolute;
					left: 0;
					bottom: 0;
					background: url(/images/abo_bottomleft.gif) no-repeat bottom left;
					width: 100%;
					height: 78px;
					z-index: 2;}

.tree				{position: absolute;
					height: 100%;
					width: 49px;
					right: 0;
					min-height: 100%;
					z-index: 3;
					background:  url(/images/abo_tree_mid.gif) repeat-y top right;}

.maintext h2		{color: #bbbbbb;
					font: 20px "Maiandra GD", Verdana, Helvetica, sans-serif;
					margin: 20px 0;}

.maintext h2.center	{text-align: center;
					font-size: 16px;
					font-weight: bold;
					margin-top: 0;}

.maintext h3, .maintext h4
					{font: bold 12px Verdana, Helvetica, sans-serif;}

.maintext h3		{margin-left: 15px;}

.maintext h4		{margin-bottom: 15px;
					color: #999999;}

.rule				{width: 100%;
					height: 2px;
					background: #666666;
					margin: 25px 0 5px 0;
					font-size: 1px;}

.maintext p			{margin-left: 15px;
					margin-right: 15px;}

/* Copyright and popup - most of this is defined in nav_layout */

.copyright			{background: transparent;}

.copyright a:link, .copyright a:visited
					{color: #808080;}

a.crpopup:hover span
					{color: #aaaaaa;
					background: #000000;}