@charset "utf-8";
/* CSS Document */

p {margin:0px; padding-bottom:11px; }

#duckprinttitle {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; position:absolute; left:35px; top:20px; color:rgb(102,102,102); }
#duckprinttitle a {color:rgb(102,102,102); }
#duckprinttitle a:hover {color:black; }
#navbox {position:absolute; width:280px; height:500px; left:30px; top:60px; background-color:#F7F7F4; padding:0px 10px 0px 10px;  }
/* #back, #back a {position:fixed; top:30px; right:20px; height:15px; width:39px; background-color:#F7F7F4; padding:3px 3px 3px 3px; }*/
/* #copyright {position:fixed; left:30px; bottom:10px; } */
#copyright {position:absolute; left:30px; bottom:10px; color:rgb(102,102,102); }
.linkslist {position:relative; float:left; list-style:none; font-size:12px; line-height:18px; padding:0px 20px 0px 0px; }
a, #text {font-weight:500; text-decoration:none; color:black; } 
a:visited {color:black; }
a:hover {color:rgb(140,140,140); }



/*Font settings for copyright*/
.smallSerif {font-size:9px; font-family:Verdana, Geneva, sans-serif; line-height:11px; padding:0px; margin:0px; }

/*Font settings for the category names in the navigation box, Grey Georgia*/
h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; font-weight:100; line-height:24px; padding:0px; margin:0px; color:black; font-style:italic; }
/*Highlighting for current page*/ #duckprinttitle b { font-weight:100; color:black; }


/*em is for the small text describing the plates and i is for the title*/
em, .desc { font-size:10px; color:#585858; font-family:Georgia, "Times New Roman", Times, serif; }
.desc {line-height:20px;}
em {line-height:11px; }
i {font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; font-weight:100; line-height:12px; color:black; margin:0px 4px 0px 4px; }
.linkslist a {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:100; line-height:20px; }

/*This css id is for main blocks of text (like on the about page). It replaces the 500px high image.*/
.maintext {width:350px; }
.maintext .blurb {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:100; line-height:18px; padding:0px; margin:0px 50px 0px 0px; color:black; font-style:normal; }

.blurb a {font-weight:bold; color:#999; }
.blurb a:hover {color:rgb(102,102,102); }

/*Controls artist blurb*/
#text {position:absolute; display:block; left:400px; top:580px; height:150px; width:1050px; font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:14px; }
#text .blurb {float:left; position:relative; width:300px; margin:0px 50px 0px 0px; }

#artistwork {position:absolute; display:block; left:400px; top:60px; height:500px; margin:0px; padding:0px;  }
#artistwork li {list-style:none; float:left; line-height:12px; }
#artistwork img {padding:0px; margin-right:60px; }

.description {margin-top:-500px; background-color:#FFF; opacity:0;filter:alpha(opacity=0); padding:470px 3px 7px 3px; }
.description:hover {margin-top:-500px; background-color:#FFF; opacity:0.8;filter:alpha(opacity=80); padding:470px 3px 7px 3px; }

/*CSS settings for rollover text ON TECHNIQUES PAGE */

		.imgteaser {
			margin: 0;
			overflow: hidden;
			float: left;
			position: relative;
		}
		.imgteaser a {
			text-decoration: none;
			float: left;
			border-style:none;
		}
		.imgteaser a:hover {
			cursor: pointer;
		}
		
		a img {border:none; }
		
		.imgteaser a:hover .desc {
			display: block;
			font-size: 0.8em;
			background: #111;
			filter:alpha(opacity=75);
			opacity:.75;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
			color: #fff;
			position: absolute;
			bottom: 11px;
			left: 11px;
			margin: 0;
			width: 360px;
			height:220px;
			padding:5px 10px;
		}
		
		.artwork {font-size:9px; }
		
		.imgteaser a:hover .desc strong {
			display: block;
			margin-bottom: 5px;
			font-size:1em;
		}
		
		.imgteaser a .desc {	display: none; }

/* END ROLLOVER TEXT */

/*CSS settings for rollover text ON TECHNIQUES PAGE */

		.artwork {
			margin: 0;
			overflow: hidden;
			float: left;
			position: relative;
		}
		.artwork a {
			text-decoration: none;
			float: left;
			border-style:none;
		}
		.artwork a:hover {
			cursor: pointer;
		}
		
		a img {border:none; }
		
		.artwork a:hover .desc {
			display: block;
			background: white;
			filter:alpha(opacity=75);
			opacity:.75;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
			color: black;
			position: absolute;
			bottom: 11px;
			left: 11px;
			width:auto;
			padding:10px 10px 0px 5px;
		}
		
		.artwork p {font-size:10px; margin-left:3px; line-height:12px; }
		
		.artwork a:hover .desc strong {
			display: block;
			margin-bottom: 0px;
			font-size:12px;
		}
		
		.artwork a .desc {	display: none; }

/* END ROLLOVER TEXT */