/*
	style_artwork.css
	Stylesheet for katharineharvey.com
	
	Copyright ©2009 Gordon Hicks, all rights reserved	
*/	



/* Artwork area */

	.artworkArea {
		width: 740px;
		/* margin: 4px 0 0 50px;*/
		top: 4px;
		left: 50px;
		z-index: 1;
		overflow: visible; 
	}

/* Caption */

	.artworkArea .caption {
		margin: -36px 0 0 1px;
	}
	
	.artworkArea .caption .commentary {
		display: block;
		margin-top: 9px;
	}
	
/* Commentary */
	.artworkArea .commentary {
	}

	.artworkArea .commentary p {
		width: 400px;
	}


/* Artwork Index */

	.artworkIndexColumn {
		width: 335px;
		float: left;
		padding: 0 0 0 50px;
	}

	.artworkIndexColumn .artwork {
		width: 100%;
		margin: 0 0 3px 0;
	}

	.artworkIndexColumn .photoSmAddShadow {
		float: left;
	}

	.artworkIndexColumn .caption {
		float: left;
		margin: -2px 0 0 -12px;
	}

	.artworkIndexColumn .caption p {
		margin: 0 0 0 0;
	}

	.artworkIndexColumn .end {
		margin: 0 0 0 0;
	}

	



/* Photo Nav */

	.pnav {
		width:600px;
		height: 14px;
		margin: -3px 0 2px 51px;
		font-size: 9px;
		line-height: 9px;
		color: #737d80; /* cool grey - lighter - match pnav text */
		overflow: hidden;
		z-index: 2;
	}

	.pnav span {
		display: block;
		height: 14px;
		float: left;
		margin: 0;
		padding: 0;
		background-repeat: no-repeat;
		background-image: url(../img/global/pnav.gif);
	}

	.pnav a {
		display: block;
		position: absolute;
		height: 14px;
		text-decoration:  none;
	}
	
	.pnav a:link,
	.pnav a:visited {
		border: none;
	}

	.pnav a:hover,
	.pnav a:active {
		border: none;
		background-repeat: no-repeat;
		background-image: url(../img/global/pnav.gif);
	}
	
	.pnav em { visibility: hidden; }

	#pnav-inde { width: 36px; background-position: -2px -42px; }
	#pnav-inde a { width: 36px; }
	#pnav-inde a:hover, #pnav-inde a:active { background-position: -122px -42px; }

	#pnav-prev { width: 22px; margin-left: 15px; background-position: -2px 0px; }
	#pnav-prev a { width: 21px; }
	#pnav-prev a:hover, #pnav-prev a:active { background-position: -122px 0px;}

	#pnav-ofof { width: 21px; background-position: 2px -56px;}

	#pnav-next { width: 21px; margin-right: -2px; background-position: -2px -14px; }
	#pnav-next a { width: 21px; }
	#pnav-next a:hover, #pnav-next a:active { background-position: -122px -14px;}

	#pnav-more { width: 37px; margin: 0 -2px 0 20px; background-position: -2px -70px; }
	#pnav-more a { width: 37px; }
	#pnav-more a:hover, #pnav-more a:active { background-position: -122px -70px;}

	/* photo */
	#pnav-photo { width: 12px; margin-left: 4px; background-position: -30px 0px; }
	#pnav-photo a { width: 12px; }
	#pnav-photo a:hover, #pnav-photo a:active { background-position: -150px 0px;}

	#pnav-photo-here { width: 12px; margin-left: 4px; background-position: -30px -14px; }
	#pnav-photo-here a { width: 12px; }
	#pnav-photo-here a:hover, #pnav-photo-here a:active { background-position: -150px -14px;}

	/* video */
	#pnav-video { width: 16px; margin-left: 4px; background-position: -50px 0px; }
	#pnav-video a { width: 16px; }
	#pnav-video a:hover, #pnav-video a:active { background-position: -170px 0px;}

	#pnav-video-here { width: 16px; margin-left: 4px; background-position: -50px -14px; }
	#pnav-video-here a { width: 16px; }
	#pnav-video-here a:hover, #pnav-video-here a:active { background-position: -170px -14px;}

	/* audio */
	#pnav-audio { width: 15px; margin-left: 4px; background-position: -70px 0px; }
	#pnav-audio a { width: 15px; }
	#pnav-audio a:hover, #pnav-audio a:active { background-position: -190px 0px;}

	#pnav-audio-here { width: 15px; margin-left: 4px; background-position: -70px -14px; }
	#pnav-audio-here a { width: 15px; }
	#pnav-audio-here a:hover, #pnav-audio-here a:active { background-position: -190px -14px;}

	/* animation (same as video) */
	#pnav-animation { width: 16px; margin-left: 4px; background-position: -50px 0px; }
	#pnav-animation a { width: 16px; }
	#pnav-animation a:hover, #pnav-animation a:active { background-position: -170px 0px;}

	#pnav-animation-here { width: 16px; margin-left: 4px; background-position: -50px -14px; }
	#pnav-animation-here a { width: 16px; }
	#pnav-animation-here a:hover, #pnav-animation-here a:active { background-position: -170px -14px;}

	/* commentary */
	#pnav-commentary { width: 13px; margin-left: 4px; background-position: -90px 0px; }
	#pnav-commentary a { width: 13px; }
	#pnav-commentary a:hover, #pnav-commentary a:active { background-position: -210px 0px;}

	#pnav-commentary-here { width: 13px; margin-left: 4px; background-position: -90px -14px; }
	#pnav-commentary-here a { width: 13px; }
	#pnav-commentary-here a:hover, #pnav-commentary-here a:active { background-position: -210px -14px;}

	.pnav-0 { width: 7px; background-position:  -2px -28px; }
	.pnav-1 { width: 7px; background-position: -12px -28px; }
	.pnav-2 { width: 7px; background-position: -22px -28px; }
	.pnav-3 { width: 7px; background-position: -32px -28px; }
	.pnav-4 { width: 7px; background-position: -42px -28px; }
	.pnav-5 { width: 7px; background-position: -52px -28px; }
	.pnav-6 { width: 7px; background-position: -62px -28px; }
	.pnav-7 { width: 7px; background-position: -72px -28px; }
	.pnav-8 { width: 7px; background-position: -82px -28px; }
	.pnav-9 { width: 7px; background-position: -92px -28px; }
		
	
/* artworkTextColumn */

	.artworkTextColumn {
		width: 400px;
		float: left;
	}
	
	.artworkTextColumn .item {
		width: 340px;
		padding: 0 0 0 9px;
		margin-bottom: 30px;
		border-left: solid 2px #dbdcdd;
	}