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

*					{padding: 0;
					margin: 0;}

html, body			{height: 100%;}

body				{background: #000000 url(/images/art_cavebg.jpg);
					color: #70674b;}

a:link				{color: #908151;}

a:visited 			{color: #574d2f;}

a:hover				{color: #aaaa80;}

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

.maintext			{position: relative;
					padding: 130px 120px 115px 100px;
					margin: 0;
					z-index: 10;}

.holder				{position: relative;
					height: 100%;
					min-height: 100%;
					margin: 0;
					z-index: 9;}
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=50);
					-moz-opacity: 0.5;
					opacity: 0.5;}
.pagetitlebar1		{background: transparent;}
.pagetitlebar2		{background: #554033;}
.pagetitle h1		{color: #9b8b57;}
.pagetitle h2 a:link, .pagetitle h2 a:visited
					{color: #817449;}
.pagetitle a, .pagetitle a:link, .pagetitle a:visited
					{color: #70674b;}
.pagetitle a:hover	{color: #908151;}


.topbg				{position: absolute;
					width: 100%;
					background: url(/images/art_stalacbg.gif) repeat-x;
					height: 88px;
					z-index: 1;}

.dragon				{position: absolute;
					right: 0;
					top: 34px;
					background: url(/images/art_dragon.gif) no-repeat;
					width: 192px;
					height: 358px;
					z-index: 10;}

.topright			{position: absolute;
					right: 0;
					background: url(/images/art_topright.gif) no-repeat top right;
					width: 100%;
					height: 336px;
					z-index: 9;}

.topleft			{position: absolute;
					left: 0;
					background: url(/images/art_topleft.gif) no-repeat;
					width: 100%;
					height: 269px;
					z-index: 7;}

.bottomright		{position: relative;
					float: right;
					top: -376px;
					background: url(/images/art_bottomright.gif) no-repeat bottom right;
					width: 100%;
					height: 376px;
					margin-bottom: -376px;
					z-index: 5;}

.bottomleft			{position: relative;
					float: left;
					top: -340px;
					background: url(/images/art_bottomleft.gif) no-repeat;
					width: 100%;
					height: 340px;
					margin-bottom: -340px;
					z-index: 6;}



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

.copyright			{background: #000000;}

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

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

.maintext img, .maintext object, .maintext embed
					{border-top: solid 4px #908151;
					border-left: solid 4px #908151;
					border-right: solid 4px #574d2f;
					border-bottom: solid 4px #574d2f;}

/* Embedded videos */
.maintext object, .maintext embed
					{display: block;}

.mm_center			{margin: 0 0 20px 0;
					text-align: center;}

h2.art_title		{font: 20px "Maiandra GD", Verdana, Helvetica, sans-serif;
					margin-bottom: 15px;
					margin-top: 20px;}

/* Thumbnails and descriptions on each individual art page */
.artthumbs			{margin: 0 0 20px 0;}

.artthumbs img		{margin: 0 15px 10px 10px;}

.artthumbs h2		{font: bold 16px "Maiandra GD", Verdana, Helvetica, sans-serif;
					color: #9b8b57;
					margin: 0;}

.artthumbs p		{margin: 0 0 6px 10px;
					text-indent: 0;}

/* Thumbnails and descriptions on sketchbook pages */
.sketch				{width: 250px;
					height: 220px;
					margin: 0 0 20px 20px;
					text-align: center;
					float: left;
					position: relative;
					display: block;}

.sketch p			{text-align: center;
					text-indent: 0;}

.sketchspacer		{float: right;
					position: relative;
					width: 90px;
					height: 480px;}

.sketch img			{margin: 0 0 10px 0;}