/*
	style_artwork.css
	Stylesheet for johnhartman.com
	
	Copyright (c) 2010 Gordon Hicks, all rights reserved	

*/	


/* Main */

	#main {
	}

	.photo {
		float: left;
		margin-right: 35px;
		margin-bottom: 40px;
	}

/* Photo Nav */

	.photo-nav {
		position: absolute;
		top: 25px;
		z-index: 3;
		/* width: 100%; contained by .photo */
		overflow: hidden;
		height: 18px;
		font-family: Arial, sans-serif;
		font-size: 10px;
		line-height: 14px;
		white-space: nowrap;
		text-transform: uppercase;
	}

	.photo-nav ul {
		height: 18px;
	}

	.photo-nav li {
		display: block;
		float: left;
		height: 18px;
	}

	.photo-nav a {
		display: block;
		height: 18px;
		width: 100%;
		text-indent: -9999px;
		overflow: hidden;
		background-image: url(../img/global/photo_nav.png);
		background-repeat: no-repeat;
	}

	.photo-nav .dot { width: 11px; }
	.photo-nav .dot a:link, .photo-nav .dot a:visited { background-position: -2px 0px; }
	.photo-nav .dot a:hover, .photo-nav .dot a:active { background-position: -2px -18px; }

	.photo-nav .dot.here { width: 11px; }
	.photo-nav .dot.here a:link, .photo-nav .dot.here a:visited { background-position: -16px 0px; }
	.photo-nav .dot.here a:hover, .photo-nav .dot.here a:active { background-position: -16px -18px; }

	.photo-nav .box { width: 13px; }
	.photo-nav .box a:link, .photo-nav .box a:visited { background-position: -30px 0px; }
	.photo-nav .box a:hover, .photo-nav .box a:active { background-position: -30px -18px; }

	.photo-nav .box.here { width: 13px; }
	.photo-nav .box.here a:link, .photo-nav .box.here a:visited { background-position: -46px 0px; }
	.photo-nav .box.here a:hover, .photo-nav .box.here a:active { background-position: -46px -18px; }

	.photo-nav .prev { width: 13px; }
	.photo-nav .prev a:link, .photo-nav .prev a:visited { background-position: -63px 0px; }
	.photo-nav .prev a:hover, .photo-nav .prev a:active { background-position: -63px -18px; }

	.photo-nav .next { width: 13px; }
	.photo-nav .next a:link, .photo-nav .next a:visited { background-position: -82px 0px; }
	.photo-nav .next a:hover, .photo-nav .next a:active { background-position: -82px -18px; }

	.photo-nav .enlarge-icon { width: 20px; margin-left: 5px; }
	.photo-nav .enlarge-icon a:link, .photo-nav .enlarge-icon a:visited { background-position: -100px 0px; }
	.photo-nav .enlarge-icon a:hover, .photo-nav .enlarge-icon a:active { background-position: -100px -18px; }

	.photo-nav .all { width: 26px; margin-left: 5px; }
	.photo-nav .all a:link, .photo-nav .all a:visited { background-position: -124px 0px; }
	.photo-nav .all a:hover, .photo-nav .all a:active { background-position: -124px -18px; }

	.photo-nav .detail { width: 48px; }
	.photo-nav .detail a:link, .photo-nav .detail a:visited { background-position: -155px 0px; }
	.photo-nav .detail a:hover, .photo-nav .detail a:active { background-position: -155px -18px; }

	.photo-nav .enlarge { width: 60px; }
	.photo-nav .enlarge a:link, .photo-nav .enlarge a:visited { background-position: -207px 0px; }
	.photo-nav .enlarge a:hover, .photo-nav .enlarge a:active { background-position: -207px -18px; }

	.index-nav {
		float: left;
	}

	.dots-nav {
		float: left;
		padding-left: 8px;
	}

	.detail-nav {
		float: right;
	}

	.enlarge-nav {
		float: right;
		padding-left: 8px;
	}


/* Commentary */

	.commentary {
		float: left;
		margin-top: -3px;
	}