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

*					{padding: 0;
					margin: 0;}

html, body			{height: 100%;}

body				{background: #1D252C url(/images/cos_sky.jpg) repeat-x top right;
					color: #aaaaaa;}

a:link				{color: #cccc88;}

a:visited 			{color: #999966;}

a:hover				{color: #ffffff;}

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

.maintext			{position: relative;
					padding: 160px 100px 100px 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=40);
					-moz-opacity: 0.4;
					opacity: 0.4;}
.pagetitlebar1		{background: transparent;}
.pagetitlebar2		{background: #2e446b;}
.pagetitle h1		{color: #cccccc;}
.pagetitle a, .pagetitle a:link, .pagetitle a:visited
					{color: #888888;}
.pagetitle h2 a:link, .pagetitle h2 a:visited
					{color: #aaaaa0;}
.pagetitle a:hover, .pagetitle h2 a:hover
					{color: #cccccc;}


.bottom_full		{position: relative;
					float: left;
					top: -480px;
					width: 100%;
					height: 480px;
					margin-bottom: -480px;
					z-index: 6;}

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

.bottomleft_top		{position: absolute;
					left: 0;
					bottom: 100px;
					background: url(/images/cos_cactus_top.gif) no-repeat bottom left;
					width: 100%;
					height: 380px;
					z-index: 5;}

.bottomleft_bottom	{position: absolute;
					left: 0;
					bottom: 0;
					background: url(/images/cos_cactus_bottom.gif) no-repeat bottom left;
					width: 100%;
					height: 100px;
					z-index: 4;}

.topright			{position: absolute;
					top: 0;
					right: 143px;
					width: 198px;
					height: 89px;
					z-index: 9;}
html>body .topright	{background: url(/images/cos_sky_right.png) no-repeat;}
*html .topright		{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/cos_sky_right.png',sizingMethod='scale');}

.coyote				{position: absolute;
					top: 15px;
					right: 5px;
					background: url(/images/cos_coyote.gif) no-repeat;
					width: 316px;
					height: 141px;
					z-index: 10;}


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

.copyright			{background: transparent;}

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

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

.maintext img		{border-top: solid 4px #cccc88;
					border-left: solid 4px #cccc88;
					border-right: solid 4px #44441c;
					border-bottom: solid 4px #44441c;}

.leftimg			{margin: 0 15px 10px 0;
					float: left;}

.rightimg			{margin: 0 0 10px 15px;
					float: right;}

/* Headers within the .maintext block */
.maintext h1		{font: bold 28px "Maiandra GD", Arial, Helvetica, sans-serif;
					margin: 50px 0 15px 0;}

.maintext h2		{font: bold 20px "Maiandra GD", Arial, Helvetica, sans-serif;
					margin: 30px 0 12px 0;}
					
.maintext h3		{font: bold 16px "Maiandra GD", Arial, Helvetica, sans-serif;
					margin: 20px 0 5px 0;
					text-align: center;}	
					
/* These are for the thumbnails on the left side of each costume detail page */
.imglinks			{position: relative;
					float: left;
					width: 100px;
					margin: 0 15px 0 0;}

.imglinks p			{text-align: center;
					font: bold 16px "Maiandra GD", Arial, Helvetica, sans-serif;
					margin: 0 0 15px 0;}

/* Additional thumbnails on the bottom of each costume detail page */
.bottomlinks		{text-align: center;}

.bottomlinks img	{margin: 5px;}


/* This is for the 'Conference/LRP Pictures' pages */
.imglinkrows		{float: left;
					width: 140px;
					height: 140px;
					margin: 20px 10px 0 10px;
					text-align: center;}