/* general codeage */

	*{margin: 0; padding: 0;}

	html {
font-size: 100%;}

	body {font-family: Verdana, Arial, Helvetica, sans-serif; background: #fff url(bg.png) fixed bottom left;}

	a:link {color: #f20091; text-decoration: none;}

	a:visited {color: #f20091; text-decoration: none;}

	a:hover {color: #23ffef; text-decoration: none;}

	a:active {color: #23ffef; text-decoration: none;}

	a.menu:link {color: #ffff3d; text-decoration: none;}

	a.menu:visited {color: #ffff3d; text-decoration: none;}

	a.menu:hover {color: #23ffef; text-decoration: none;}

	a.menu:active {color: #23ffef; text-decoration: none;}

	h1 {font-size: 1em; text-transform: uppercase; color: #ffff3d; text-align: center;}

	p {font-size: .8em; color: #2a15d0; line-height: 1.5em; text-align: justify;}

	p.gallery {text-align: center;}

	p.titleBar {text-align: right; color: #ffff3d;}

	p.footer {text-align: center; color: #f20091; float: right; width: 530px;}

	p2.lj {text-align: right; font-size: .8em; color: #2a15d0; line-height: 1.4em;}

	img {padding: 0px; margin: 5px 0px 0px 5px; border: 0px;}

	img.content {margin: 5px 0px 0px 10px; border: solid 2px #f20091;}

	img.gallery {margin: 0px; padding: 0px; border: solid 2px #f20091; filter: alpha(opacity=80); -moz-opacity:.80; opacity:.80;}

	img:hover {border: solid 2px #23ffef; filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}


/* divs and stuff */

	.clearFix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

	#sideBar {padding: 30px 30px 10px 30px; float: left; width: 190px; height: 750px; background: url(sidebar4.png);}

	#menu {padding: 5px; width: 175px; height: 20px; border: 0px; margin-bottom: 10px;}

	#titleBar {background: #f20091; padding: 5px 10px 5px 10px; float: right; width: 536px; border: 3px; margin-left: 10px;}

	#content {background: #fff; padding: 10px; float: right; width: 530px; border: dashed #f20091; border-width: 0px 3px 3px 3px; margin-bottom: 10px; margin-left: 10px;}

	#art {padding: 10px;}

	#wrapper {margin: 0 auto; width: 820px;}

	#columnContainer {width: 820px;}

	#lj {padding: 10px; width: 814px; border: dashed #2a15d0; border-width: 0px 3px 3px 3px; margin-bottom: 10px;}

	#ljtb {background: #2a15d0; padding: 5px 10px 5px 10px; width: 820px; border: 3px;}


/* lightbox */

	#lightbox {
position: absolute;
 left: 0;
 width: 100%;
 z-index: 100;
 text-align: center;
 line-height: 0;
}


	#lightbox a img {border: none;}


	
	#outerImageContainer {
position: relative;
 background-color: #fff;
 width: 250px;
 height: 250px;
 margin: 0 auto;
}

	#imageContainer {
padding: 10px;
}

	#loading {
position: absolute;
 top: 40%;
 left: 0%;
 height: 25%;
 width: 100%;
 text-align: center;
 line-height: 0;
}

	#hoverNav {
position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 z-index: 10;
}

	#hoverNav a {outline: none;}

	#prevLink, #nextLink {
width: 49%;
 height: 100%;
 background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
 display: block;
}


	#prevLink {left: 0; float: left;}

	#nextLink { right: 0; float: right;}

	#prevLink:hover, #prevLink:visited:hover {background: url(images/prevlabel.png) left 0% no-repeat;}

	#nextLink:hover, #nextLink:visited:hover {background: url(images/nextlabel.png) right 0% no-repeat;}

	#imageDataContainer {
font: 10px Verdana, Helvetica, sans-serif;
 background-color: #fff;
 margin: 0 auto;
 line-height: 1.4em;
 overflow: auto;
 width: 100%;}

	#imageData {padding:0 10px; color: #2a15d0;}

	#imageData #imageDetails {width: 70%; float: left; text-align: left; }

	#imageData #caption {font-weight: bold; }


	#imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em;}

	#imageData #bottomNavClose {width: 66px; float: right; padding-bottom: 0.7em;}
	
	#overlay {
position: absolute;
 top: 0;
 left: 0;
 z-index: 90;
 width: 100%;
 height: 500px;
 background-color: #2a15d0;
}