html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
* {
	outline: none;
	border: none;
}
/*  TEXT REPLACEMENT  */


#headerLogoFIR {
	display: block;
	height: 30px;
	margin: 0;
	overflow: hidden;
	padding: 0;
    position: relative;
    width: 110px; 
}
#headerLogoFIR span {
	background:url("/site/images/header-logo.png") top left no-repeat;
	display: block;
	height: 30px;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 110px;
	z-index: 1;
}

#randomWorkFIR {
	display: block ! important;
	height: 100px;
	margin: 0;
	padding: 0;
	overflow: hidden;
    position: absolute;
    width: 10px; 
	top: 10px;
	left: 200px;
}
#randomWorkFIR span {
	background:url("/site/images/random-work-header.png") top left no-repeat;
	display: block;
	height: 100px;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 10px;
	z-index: 1;
}

.recentMusingsFIR span { background:url("/site/images/header-musings.png") top left no-repeat; }
.levelDesignFIR span { background:url("/site/images/header-level-design.png") top left no-repeat; }
.portfolioFIR span { background:url("/site/images/header-portfolio.png") top left no-repeat; }
.aboutFIR span { background:url("/site/images/header-about.png") top left no-repeat; }
.contactFIR span { background:url("/site/images/header-contact.png") top left no-repeat; }

.contentHeadingFIR, .contentHeadingFIR span {
	display: block;
	height: 21px;
	margin: 0;
	padding: 0;
	overflow: hidden;
    position: relative;
    width: 510px;
}
.contentHeadingFIR span {
	left: 0;
	top: 0;
	position: absolute;
	z-index: 1;
}

.linksFIR span { background:url("/site/images/sidebar-links.png") top right no-repeat; }
.eventsFIR span { background:url("/site/images/sidebar-events.png") top right no-repeat; }
.categoriesFIR span { background:url("/site/images/sidebar-categories.png") top right no-repeat; }
.moreInfoFIR span { background:url("/site/images/sidebar-more-info.png") top right no-repeat; }
.syndicateFIR span { background:url("/site/images/sidebar-syndicate.png") top right no-repeat; }
.postNavFIR span { background:url("/site/images/sidebar-post-nav.png") top right no-repeat; }
.gameMapsFIR span { background:url("/site/images/sidebar-level-design.png") top right no-repeat; }

.sidebarHeadingFIR, .sidebarHeadingFIR span {
	display: block;
	height: 40px;
	margin: 0;
	padding: 0;
	overflow: hidden;
    position: relative;
    width: 205px;
}
.sidebarHeadingFIR span {
	left: 0;
	top: 0;
	position: absolute;
	z-index: 1;
}

#content .blogEntry { margin: 2em 0; }

#content .blogEntry .postFunctions { margin-top: 2em; padding: .5em 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}

#content .blogEntry .postFunctions p { margin: 0; }
/*  ELEMENTS  */

html, body {
	background: url('/site/images/page-background.gif') center repeat-y;
	background-color: #1c2028;
	font-size: .9em; 
	line-height: 1.5em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: center;
}	

h4 { display: none; }	/* nobody likes you anyhow */

/*  IDS  */

#breadcrumbs {
	font-size: .9em;
	margin-top: 5px;
	display: block;
	height: 100%;
	overflow: auto;
}

#breadcrumbs li {
	float: left;
	display: block;
	background: url('/site/images/breadcrumb-bg.png') right center;
	padding: 0 12px 0 0;
	color: #838a97;
}
#breadcrumbs li a,
#breadcrumbs li a:link,
#breadcrumbs li a:hover,
#breadcrumbs li a:visited,
#breadcrumbs li a:active {
	color: #838a97;
	text-decoration: underline;
	cursor: pointer;
}
#breadcrumbs li.current {
	background: none;
}

#breadcrumbs strong {
	font-weight: normal ! important;
}


#content {
	float: left;
	margin: 0 0 0 30px;	
	width: 480px;
	color: #4D4D4D;
}

#content #entryNav {
	height: 100%;
	overflow: auto;
	background: #dadee5; /* #C1C5CC; */
	padding: 10px 15px; 
	margin: 10px 0;
	color: #838a97;
}
	#content #entryNav span {
		display: block;
		font-size: 0.8em;
		text-transform: uppercase;
	}
	#content #prevNav {
		float: left;
	}
	#content #nextNav {
		text-align: right;
	}

	#content .featurePhoto {
		margin-left: 10px;
		float: left;
	}
	
	#content input, #content textarea { border: 1px solid #ccc; padding: 5px 10px; }
	
	#content .blogPost {
		margin: 0 0 10px 0;
	}
	#content .blogComment {
		margin: 0 0 10px 0;
		padding: 10px;
		background: #dadee5;
	}

	#content .subhead {
		color: #B58A7D;
		font-size: 0.8em;
		text-transform: uppercase;
		letter-spacing: .35pt;
		margin: 0 0 10px 0;
	}
	#content .subhead a:link, #content .subhead a:visited, #content .subhead a:active, #content .subhead a:hover { color: #B58A7D; }
	#content .commentInfo, #content .postFunctions {
		font-size: 0.8em;
		text-transform: uppercase;
		letter-spacing: .35pt;
	}
	#content .blogComment hr {
		margin: 5px 0;
	}
	#content .commentInfo a:link,
	#content .commentInfo a:visited, 
	#content .commentInfo a:hover, 
	#content .commentInfo a:active, 
	#content .postFunctions a:link, 
	#content .postFunctions a:visited, 
	#content .postFunctions a:hover, 
	#content .postFunctions a:active {
		color: #4D4D4D;
	}

	#content .commentEntry {
		margin: 20px 0 0 0;
	}
	#content .commentEntry input, #content .commentEntry textarea {
		border: 1px solid #dadee5;
		padding: 5px;
	}
	
	#content pre { 
		background: #f1f2f3;
		padding: 10px;
		width: 100%;
		display: block;
		font-size: 1.2em;
		line-height: 1.2em;
		margin: 10px 0 20px;
	}
	
	#content .commentEntry .button {
			background: #dadee5;
			border-top: 1px solid #4d4d4d;
			border-left: 1px solid #4d4d4d;
			border-bottom: 1px solid #838a97;
			border-right: 1px solid #838a97;
			text-transform: uppercase;
			letter-spacing: .35pt;
			font-size: 0.8em;
			color: #838a97;
	}
	
	#content .commentEntry .button:hover {
		background: #f2eae2;
		border-top: 1px solid #d9c8c3;
		border-left: 1px solid #d9c8c3;
		border-bottom: 1px solid #B58A7D;
		border-right: 1px solid #B58A7D;
		color: #B58A7D;
		cursor: pointer;
	}
	
	#content .commentEntry input:focus, #content .commentEntry textarea:focus {
		border: 1px solid #B58A7D;
	}
	
	#content .commentEntry label {
		display: inline-block;
		vertical-align: baseline;
		width: 60px;
		text-align: right;
	}
	
	
	#content a:link, #content a:hover, #content a:active { color: #444E63; }
	#content a:visited { color: #4D4D4D; }
	#content acronym { border-bottom: 1px dotted #838a97; }
	#content blockquote { 
		background: #dadee5; /* #C1C5CC; */
		border-left: 5px solid #838a97; 
		padding: 10px 15px; 
		margin: 0 0 10px 0; 
	}
	#content em { font-style: italic; }
	#content h1, #content h2, #content h3 { color: #444E63;}
	#content h1, #h1 {
		font-size: 2.286em;
		line-height: 1.5em;
		margin: 10px 0 0 0;
	}
	#content h2, #h2 {
		font-size: 2.286em;
		line-height: 1.5em;
		margin: 10px 0 0 0;
	}
	#content h3, #h3 {
		height: 21px;
		border-bottom: 1px solid #444E63;
	}
	#content hr {
		border-top: 1px solid #C1C5CC;
		margin: 20px 0;
	}
	#content p {
		margin: 0 0 10px 0;
	}
	#content ol {
		padding-left: 20px;
	}
	#content ol li {
		list-style: decimal outside;
		margin-bottom: 5px;
	}
	#content strong { font-weight: bold; }
	
		/* game level design specific CSS */
		#content .gameLevel h2 {
			font-size: 1.5em;
		}
	
		#content .gameLevel .textFile {
			height: 300px;
			overflow: scroll;
			padding: 5px;
			border: 1px solid #dadee5;
			background: #edeff2;
			white-space: pre;
			font-family: Monaco, Courier New, Courier, sans-serif;
			font-size: 0.786em;
			line-height: 1.5em;
		}

		#content .gameLevel ul.screenshots  {
			height: 100%;
			overflow: auto;
			margin-bottom: 10px;
		}
		#content .gameLevel ul.screenshots li {
			float: left;
			padding-right: 10px;
		}
		#content .gameLevel ul.screenshots li.gameType {
			padding-right: 0;
			display: block;
			width: 40px;
			height: 40px;
			background: url('/site/images/gamedev_icons.png') no-repeat;
		}
	
		.q3 { background-position: 0 0 ! important; }
		.q2 { background-position: 0 -120px ! important;}
		.dx { background-position: 0 -40px ! important;}
		.ut { background-position: 0 -80px ! important; }

	#content ul#portfolioOverview {
		height: 100%;
		overflow: auto;
		margin: 0 10px;
	}
	#content ul#portfolioOverview.viewPort {
		width: 100%; 
		height: 360px;
		margin: 0;
		overflow: hidden; 
		position: absolute; 
		left: 0;
	}
		#content ul#portfolioOverview li {
			height: 100%;
			overflow: auto;
			
		}
		#content ul#portfolioOverview li.entry {
			display: block;
			/* line-height: 0; */
			width: 830px; 
			height: 360px ! important; 
			position: absolute;
			top: 0;
		}
		#content ul#portfolioOverview li a {
			display: block;
		}
		#content ul#portfolioOverview li a.photo {
			float: left;
			display: block;
			margin: 0 20px 10px 0;
			top: 0;
			left: 0;

		}
	#main.portfolio #content {
	}
	
		#main.portfolio #content h1,
		#main.portfolio #content h2 {
			font-size: 1.5em;
			line-height: 1.25em;
			padding: 0;
			margin: 0;
			display: block;
		}
	
		#main.portfolio #content dt,
		#main.portfolio #content ul.subHead li span {
			display: block;
			font-size: 0.75em;
			text-transform: uppercase;
			margin: 5px 0 0 0;
		}
		#main.portfolio #content dd {
			margin: 0 0 5px 0;
		}
		#main.portfolio #content ul.subHead {
			margin: 10px 0;
			border: 1px solid #cccccc;
			height: 100%;
			overflow: auto;
		}
		
		#main.portfolio #content ul.subHead li {
			display: block;
			float: left;
			padding: 0 10px 5px 10px;
			margin: 0;
		}
		#main.portfolio #content ul.subHead li.col1 {
		}
		#main.portfolio #content ul.subHead li.col2 {
			border-left: 1px solid #cccccc;
		}
		
		
	#content .portfolioDetail {
		height: 100%;
		overflow: auto;
	}
		
	#content .portfolioImage {
		float: left;
		width: 210px;
		margin: 0 10px 0 0;
	}
		#content .portfolioImage .photo {
			margin: 0 0 10px 0;
			display: block;
		}
		#content .portfolioImage ul {
			display: block;
			line-height: 0;
		}

		#content .portfolioImage ul li {
			display: block;
			float: left;
			margin: 0 0 10px 0;
		}
		#content .portfolioImage ul li.odd {
			margin: 0 10px 10px 0;
		}
		
		#content #portfolioNavigation {
			margin: 10px 0 20px;
			padding: 10px 0;
			border-top: 1px solid #c1c5cc;
			border-bottom: 1px solid #c1c5cc;
			text-align: center;
			position: relative;
			line-height: 0;
		}

		#content ul#portfolioThumbnails {
			height: 100%;
			overflow: auto;
			display: inline-block;
		}
			#content ul#portfolioThumbnails li {
				display: block;
				border: 2px solid white;
				padding: 0;
				margin: 0 3px;
				float: left;
			}
			#content ul#portfolioThumbnails li.selected {
				border: 2px solid #B58A7D ! important;
			}
			#content ul#portfolioThumbnails li a,
			#content ul#portfolioThumbnails li a img {
				display: block;
				cursor: pointer;
			}

		#content #screenNav a,
		#content #screenNav a:hover,
		#content #screenNav a:link,
		#content #screenNav a:visited {
			cursor: pointer;
		}
			#content #prevNav, #content #nextNav {
				top: 30px;
				position: absolute;
				display: block;
				cursor: pointer;
			}
			#content #prevNav {
				float: left; 
				left: 10px;
				display: block;
				height: 13px;
				width: 76px;		
				background: url('/site/images/navPrevScreen.png');
				background-position: 0 -13px;
			}
			#content #nextNav {
				float: right; 
				right: 10px;
				height: 13px;
				width: 45px;
				background: url('/site/images/navNextScreen.png');
				background-position: 0 -13px;
			}
		#content #outer {
			height: 100%;
			overflow: auto;
		}
		
		#content #outer.viewPort {
			margin: 10px; 
			width: 830px; 
			height: 320px; 
			overflow: hidden; 
			position: relative;
		}
			
		#content #nextScreen  {
			top: -10px;
			left: -10px;
			display: block;
			height: 13px;
			width: 45px;
			background: url('/site/images/navNextScreen.png');	
		}
		#content #nextScreen:hover {
			background: url('/site/images/navNextScreen.png');	
			background-position: 0 -26px;
			cursor: pointer;
		}
		#content #prevScreen {
			top: -10px;
			left: -10px;
			display: block;
			height: 13px;
			width: 76px;
			background: url('/site/images/navPrevScreen.png');
		}
		#content #prevScreen:hover {
			background: url('/site/images/navPrevScreen.png');
			background-position: 0 -26px;
			cursor: pointer;
		}
		#content #contentHeading {
			width: 470px; 
			margin-left: 350px;
		}
		#main.portfolio #content {
			background: #fff ! important; 
			width: auto; 
			margin: 0 20px;
		}
		
		#main.portfolio #content #breadcrumbs {
			z-index: 500;
		}
#footer {
	height: 100%;
	overflow: auto;
	color: #666666;
	background: #222222;
	font-size: .95em;
	line-height: 1.4em;
	padding: 10px;
}
	#footer h4 {
		font-size: 1.2em;
		display: block;
		margin: 0 -10px 10px 0;
		border-bottom: 1px solid #666666;
		
	}
	#footer p {
		margin-bottom: 10px;
	}
	#footer .col1, 
	#footer .col2, 
	#footer .col3 {
		width: 24%;
		margin: 20px 0px 20px 0;
		padding: 10px;
		float: left;
	}
	
	#footer .col3 {
		border: none;
	}
	
	#footer a:link,
	#footer a:visited,
	#footer a:hover,
	#footer a:active {
		color: #666666;
	}
	
	#footer #copyright {
		
		border-top: 1px solid #666666;
		padding: 10px 0;
		clear: both;
		margin: 0 10px;
	}
	
#header {
	position: relative;
	height: 100%;
	overflow: auto;
}
	#headerBox {
		/*background: url('/site/images/header-box-bg.png') no-repeat center center; */
		background-color: #838a97;
		width: 120px;
		height: 150px;
		float: left;
		
	}
	#headerNavigation {
		float: left;
		border-bottom: 1px solid #838a97;
	}
	#headerNavigation ul {
		
	}
	#headerNavigation ul li {
	}	

	/* View port */
	#headerNavigation ul li.javaScript {
		overflow: hidden;
		width: 220px;
		height: 29px;
	}
		
	#headerNavigation ul li a {
		display: block;
		width: 220px;
		height: 29px;
		text-indent: -9999px;
		border-bottom: 1px solid #D8BEA6;
	}
		#headerNavigation ul li a:hover { background-position: -220px 0 ! important; }
		#headerNavigation ul li a.current { background-position: -440px 0 ! important; }
		#headerNavigation ul li a#navMusings { background: url('/site/images/nav-musings.png') no-repeat; }
		#headerNavigation ul li a#navPortfolio { background: url('/site/images/nav-portfolio.png') no-repeat; }
		#headerNavigation ul li a#navLevels { background: url('/site/images/nav-level-design.png') no-repeat; }
		#headerNavigation ul li a#navAbout { background: url('/site/images/nav-about.png') no-repeat; }
		#headerNavigation ul li a#navContact { 
			background: url('/site/images/nav-contact.png') no-repeat; 
			border-bottom: none;
		}

	#headerRandomWork {
		float: left;
		width: 670px;
		height: 150px;
		background: #838a97 url('/site/images/header-bottom-background.png') no-repeat bottom left;
		position: relative;
	}
	#headerRandomWork ul {}
	#headerRandomWork ul li {
		display: block;
		float: right;
		padding: 10px 10px 0 0;
		width: 100px;
		height: 100px;
	}
	
	#headerRandomWork ul li a {
		display: block;
		position: relative;
	}
	
	#headerRandomWork ul li img {
		/* display: none; */

	}
	
	#headerRandomWork ul li .top {
		z-index: 1 ! important;
	}
	
	#headerImage {
		width: 890px;
		height: 300px;
		background: url('/site/images/headertop.jpg') no-repeat;
	}
		#headerImage.short {
			height: 138px;
		}
	
	#headerInfo {
		width: 300px; 
		margin: 20px 20px; 
		color: #fff;
	}
		#headerInfo h3 {
			font-size: 1.5em; 
			margin-bottom: .2em;
		}
		#headerInfo p{
			color: #f1eae1;
		}
	
	
	#headerSocialLinks {
		background: url('/site/images/header-top-background.gif') repeat-x;
		background-color: #727989;
		border-bottom: 1px solid #C1C5CC;
		height: 100%;
		overflow: auto;
	}
	#headerSocialLinks ul {
		float: right;
		padding: 1px;
	}
	#headerSocialLinks ul li {
		border-left: 1px solid #444E63;
		float: left;
	}
	#headerSocialLinks a {
		color: #FFC88A;
		display: block;
		font-size: 0.85em; 
 		padding: 10px 0 10px 10px;
		letter-spacing: .35pt;
		width: 99px;
		text-transform: uppercase;
		text-decoration: none;
	}
	#headerSocialLinks a.first{
		width: 98px;
	}
		#headerSocialLinks a:hover { background: #444E63; text-decoration: underline; }
		#headerSocialLinks a:active { background: #FFC88A; color: #444E63; text-decoration: underline; }

	#header h2 { 
		color: #ffffff;
		left: 20px;
		position: absolute;
		display: block;
		font-size: 0.85em; 
		letter-spacing: .35pt;
		text-transform: uppercase;
		text-decoration: none;
	}
	
	#header h2 a:link, #header h2 a:visited, #header h2 a:hover, #header h2 a:active  {
		color: #ffffff;
		text-decoration: none;
 		padding: 10px 10px;
		display: block;
	}

#main {
	height: 100%;
	overflow: auto;
	
	background: url('/site/images/sidebar-background.png') repeat-y;
	background-color: #ffffff;
	padding-bottom: 30px;
		
}
	#main.portfolio {
		background-image: none ! important;
	}
	
#page {
	margin: 0 auto;
	text-align: left;
	width: 890px;
}

#sidebar {
	width: 340px;
	background: #F2EAE2;
	float: left;
}
	#sidebarAggregatedMedia {
		line-height: 0;
		margin: 10px 0 10px 25px;
		padding: 0;
	}
	#sidebarAggregatedMedia ul li {
		margin: 10px 0;
		padding: 0;
	}
	#sidebarAggregatedMedia ul li img {
		margin: 0;
		padding: 0;
	}
	
	#sidebarAggregatedMedia a:link, #sidebarAggregatedMedia a:visited, #sidebarAggregatedMedia a:hover {
		color: #B58A7D;
		font-size: 0.8em;
		text-transform: uppercase;
		letter-spacing: .2pt;
	}
	
	#sidebarContent {
		color: #8d8d8d;
		float: right;
		text-align: right;
		margin: 10px 25px 10px 10px;
		padding: 0;
		background: #ffffff;
		width: 205px;
		font-size: 0.857em;
		line-height: 1.4em;
	}	
	#sidebarContent ul {
		padding: 0 10px 10px 0;
	}		
	#sidebarContent ul li {
		margin: 0 0 5px 10px;
		
	}
	
	#sidebarContent ul li a {
		display: block;
	}

	#sidebarContent ul li a:link, #sidebarContent ul li a:active, #sidebarContent ul li a:visited { 
		text-decoration: none;
		color: #808080;
	}
	#sidebarContent ul li a:hover {
		text-decoration: underline;
		color: #444444;
	}
	#sidebarContent ul li a.outgoing:visited { text-decoration: line-through; }
	#sidebarContent h4 {
		padding: 0 0 0 0;
	}
	#sidebarContent h5 {
		padding: 0 10px 0 0;
		color: #B58A7D;
		text-transform: uppercase;
		letter-spacing: .35pt;
	
	}
	
	#sidebarContent .date, #sidebarContent .auxInfo {
		display: inline-block;
		padding-left: 10px;
		font-size: 0.8em;
		text-transform: uppercase;	
	}
	#sidebarSpacer {
		height: 20px;
		border-bottom: 2px solid #444E63;
		background: #FFFFFF;
	}
/*	LAYOUT CLASSES */
	
	
.hide {
	display: none;
}
.center {
	text-align: center;
}
.float-left {
	float: left;
	margin: 0 10px 0 0;
}
.float-right {
	float: right;
	margin: 0 0 0 10px;
}

.boxClose {
	background: url('/site/images/site_icons.gif') no-repeat;	
	background-position: 0 0;
	padding-left: 20px;
}
.boxOpen {
	background: url('/site/images/site_icons.gif') no-repeat;	
	background-position: 0 -18px;
	padding-left: 20px;
}
.download {
	background: url('/site/images/site_icons.gif') no-repeat;	
	background-position: 0 -36px;
	padding-left: 20px;
}
.link {
	background: url('/site/images/site_icons.gif') no-repeat;	
	background-position: 0 -36px;
	padding-left: 20px;	
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
/*	zoom: 1; */
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}