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

*					{padding: 0;
					margin: 0;}

html, body			{height: 100%;}

body				{background: #000000 url(/images/hal_bg.jpg) top right;
					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: 140px 170px 167px 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: #505550;}
.pagetitle h1		{color: #b5bda0;}
.pagetitle h2 a:link, .pagetitle h2 a:visited
					{color: #7B8063;}
.pagetitle a, .pagetitle a:link, .pagetitle a:visited
					{color: #888888;}
.pagetitle a:hover, .pagetitle h2 a:hover
					{color: #aaaaaa;}


.tree				{position: absolute;
					height: 100%;
					width: 58px;
					min-height: 100%;
					z-index: 0;
					background: url(/images/hal_tree_mid.gif) repeat-y;}

.wall				{position: absolute;
					height: 100%;
					width: 131px;
					right: 0;
					min-height: 100%;
					z-index: 3;
					background:  url(/images/hal_wall.jpg) repeat-y;}

.werewolf			{position: absolute;
					top: 0;
					right: 0px;
					background: url(/images/hal_werewolf.gif) no-repeat;
					width: 263px;
					height: 284px;
					z-index: 9;}

.topright			{position: absolute;
					top: 0;
					right: 0px;
					background: url(/images/hal_wall_top.jpg) no-repeat;
					width: 151px;
					height: 140px;
					z-index: 4;}

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

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

.gargholder			{position: absolute;
					top: 0;
					right: 0;
					width: 220px;
					height: 160px;
					z-index: 30;}

.imggargeyes		{position: absolute;
					top: 58px;
					right: 69px;
					width: 50px;
					height: 44px;
					z-index: 14;}

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

.topleft			{position: absolute;
					top: 0;
					left: 0;
					background: url(/images/hal_tree_top.gif) no-repeat;
					width: 100%;
					height: 100%;
					z-index: 2;}



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