/*
	style_artwork.css
	Stylesheet for susanhobbs.com
	Used by individual artist pages, and available works page
	
	Copyright ©2010 Gordon Hicks, all rights reserved	
*/	


/* Photo/Artwork Nav */

	#photo-nav,
	#artwork-nav {
		width: 100%;
		height: 20px;
		right: -1px;
		margin: -7px 0px 17px 0;
		font-size: 10px;
		line-height: 20px;
		text-transform: uppercase;
	}

	#photo-nav div,
	#artwork-nav div {
		overflow: hidden;
	}


	#photos-text {
		width: 43px;
		height: 20px;
		float: right;
		padding-right: 2px;
		background: transparent no-repeat url(../img/snav.gif) -40px 0;
	}

	#artworks-text {
		width: 58px;
		height: 20px;
		float: right;
		padding-right: 2px;
		background: transparent no-repeat url(../img/snav.gif) -40px -360px;
	}

	.num {
		width: 15px; /* num-10 and greater */
		height: 20px;
		float: right;
		background-repeat: no-repeat;
		background-image: url(../img/snav.gif);
	}

	.num a {
		width: 100%;
		display: block;
		height: 20px;
	}

	.num a.here,
	.num a:hover,
	.num a:active {
		background-repeat: no-repeat;
		background-image: url(../img/snav.gif);
	}

	#num-1, #num-2, #num-3, #num-4, #num-5, #num-6, #num-6, #num-7, #num-8, #num-9 { width: 11px; } /* narrower */

	#num-1 { background-position: -4px -0px; }
	#num-1 a.here, #num-1 a:hover, #num-1 a:active { background-position: -24px -0px; }

	#num-2 { background-position: -4px -20px; }
	#num-2 a.here, #num-2 a:hover, #num-2 a:active { background-position: -24px -20px; }

	#num-3 { background-position: -4px -40px; }
	#num-3 a.here, #num-3 a:hover, #num-3 a:active { background-position: -24px -40px; }

	#num-4 { background-position: -4px -60px; }
	#num-4 a.here, #num-4 a:hover, #num-4 a:active { background-position: -24px -60px; }

	#num-5 { background-position: -4px -80px; }
	#num-5 a.here, #num-5 a:hover, #num-5 a:active { background-position: -24px -80px; }

	#num-6 { background-position: -4px -100px; }
	#num-6 a.here, #num-6 a:hover, #num-6 a:active { background-position: -24px -100px; }

	#num-7 { background-position: -4px -120px; }
	#num-7 a.here, #num-7 a:hover, #num-7 a:active { background-position: -24px -120px; }

	#num-8 { background-position: -4px -140px; }
	#num-8 a.here, #num-8 a:hover, #num-8 a:active { background-position: -24px -140px; }

	#num-9 { background-position: -4px -160px; }
	#num-9 a.here, #num-9 a:hover, #num-9 a:active { background-position: -24px -160px; }

	#num-10 { background-position: -2px -180px; }
	#num-10 a.here, #num-10 a:hover, #num-10 a:active { background-position: -22px -180px; }

	#num-11 { background-position: -2px -200px; }
	#num-11 a.here, #num-11 a:hover, #num-11 a:active { background-position: -22px -200px; }

	#num-12 { background-position: -2px -220px; }
	#num-12 a.here, #num-12 a:hover, #num-12 a:active { background-position: -22px -220px; }

	#num-13 { background-position: -2px -240px; }
	#num-13 a.here, #num-13 a:hover, #num-13 a:active { background-position: -22px -240px; }

	#num-14 { background-position: -2px -260px; }
	#num-14 a.here, #num-14 a:hover, #num-14 a:active { background-position: -22px -260px; }

	#num-15 { background-position: -2px -280px; }
	#num-15 a.here, #num-15 a:hover, #num-15 a:active { background-position: -22px -280px; }

	#num-16 { background-position: -2px -300px; }
	#num-16 a.here, #num-16 a:hover, #num-16 a:active { background-position: -22px -300px; }

	#num-17 { background-position: -2px -320px; }
	#num-17 a.here, #num-17 a:hover, #num-17 a:active { background-position: -22px -320px; }

	#num-18 { background-position: -2px -340px; }
	#num-18 a.here, #num-18 a:hover, #num-18 a:active { background-position: -22px -340px; }

	#num-19 { background-position: -2px -360px; }
	#num-19 a.here, #num-19 a:hover, #num-19 a:active { background-position: -22px -360px; }

	#num-20 { background-position: -2px -380px; }
	#num-20 a.here, #num-20 a:hover, #num-20 a:active { background-position: -22px -380px; }

	#num-21 { background-position: -2px -400px; }
	#num-21 a.here, #num-21 a:hover, #num-21 a:active { background-position: -22px -400px; }

	#num-22 { background-position: -2px -420px; }
	#num-22 a.here, #num-22 a:hover, #num-22 a:active { background-position: -22px -420px; }

	#num-23 { background-position: -2px -440px; }
	#num-23 a.here, #num-23 a:hover, #num-23 a:active { background-position: -22px -440px; }

	#num-24 { background-position: -2px -460px; }
	#num-24 a.here, #num-24 a:hover, #num-24 a:active { background-position: -22px -460px; }
	
	#num-25 { background-position: -2px -480px; }
	#num-25 a.here, #num-25 a:hover, #num-25 a:active { background-position: -22px -480px; }

	
	#photo-nav span,
	#artwork-nav span {
		visibility: hidden;
	}


/* Photo */


	.photo {}

	.photo img {
		float: right;
	}

	.photo .caption {
		clear: right;
		float: right;
		width: 100%;
		text-align: right;
		color: #2f2b2b; /* warm black L=18 */
	}

/* Text Nav */

	#text-nav {
		width: 266px;
		height: 20px;
		margin: -7px 0px 16px 0;
		font-size: 10px;
		line-height: 20px;
		text-transform: uppercase;
	}

	#text-nav div {
		height: 20px;
		margin-right: 10px;
		float: left;
		background-repeat: no-repeat;
		background-image: url(../img/snav.gif);
	}

	#text-nav a {
		display: block;
		width: 100%;
		height: 20px;
	}

	#text-nav a.here,
	#text-nav a:hover,
	#text-nav a:active {
		background-repeat: no-repeat;
		background-image: url(../img/snav.gif);
	}

	#nav-about { width: 37px; background-position: -38px -40px; }
	#nav-about a.here, #nav-about a:hover, #nav-about a:active { background-position: -38px -60px; }

	#nav-biography { width: 62px; background-position: -38px -80px; }
	#nav-biography a.here, #nav-biography a:hover, #nav-biography a:active { background-position: -38px -100px; }

	#nav-bibliography { width: 78px; background-position: -38px -120px; }
	#nav-bibliography a.here, #nav-bibliography a:hover, #nav-bibliography a:active { background-position: -38px -140px; }

	#text-nav span { visibility: hidden; }
	
/* Artist Name */

	.artist-name {
		margin: 0 0 13px 0;
		font-size: 18px;
		line-height: 18px;
		color: #2f2b2b; /* warm black L=18 */
	}

	.artist-name span {
		padding-left: 3px;
		font-size: 11px;
	}