/* general codeage */

	*{margin: 0; padding: 0;}

	html {
font-size: 100%;}

	
body {font-family: Verdana, Arial, Helvetica, sans-serif; background: url(cloudbg.jpg) #FFF center top no-repeat;}

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

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

	a:hover {color: #6A737B; text-decoration: underline;}

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

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

	p.gallery {color: #3B6E8F; text-align: center; margin: auto 0px 10px 0px;}

	p.footer {text-align: center; color: #5D87A1; float: right; width: 630px; filter: alpha(opacity=50); -moz-opacity:.50; opacity:.50; padding-right: 10px;}

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

	img.header {padding: 10px 25px 0px 0px; border: 0px;}

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

	img.resume {margin: 0px 0px 0px 25px; border: 0px;}

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

	img.gallery:hover {filter: alpha(opacity=100); -moz-opacity:1; opacity:1; }


/* divs and stuff */

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

	#wrapper {background: *;}

	#content {padding: 10px; float: right; width: 630px; border: 0; margin-bottom: 10px; text-align: center;}

	#spaceholder {width: 211px; height: 160px;}

	#header {width: 630px; height: 250px; text-align: center; float: right;}

	#art {padding: 10px;}

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

	#columnContainer {width: 630px; background: url(*) no-repeat;}


/* 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: #FDE5DF;
 width: 250px;
 height: 250px;
 margin: 0 auto;
}

	

#imageContainer {
padding: 10px;
}

	

#loading {
position: absolute;
 top: 50%;
 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/prev.png) left 0% no-repeat;}

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

	


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

	

#imageData {padding:0 10px; color: #6A737B;}

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

	
#imageData #caption {font-weight: bold; font-color: #6A737B;}


	#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: #FFF;
}


/* gj lexxy you made an internet! */