/***********************************************/
/*           Photo-Caption PZ2 CSS             */
/***********************************************/
/*
Usage:
<div class="fillHoriz"></div><p class="PZ1 PZoom PZhoriz"><a href="javascript:void(0)"><img alt="image" src="photo.jpg"/><span class="PZcap">CAP</span></a></p>
(Note: For embedded images in blog posts, the z-index is automatically counted down inline;
 I still use the following definitions for About/Projects though)
*/
.PZ1 { z-index:99; }
.PZ2 { z-index:98; }
.PZ3 { z-index:97; }
.PZ4 { z-index:96; }
.PZ5 { z-index:95; }
.PZ6 { z-index:94; }
.PZ7 { z-index:93; }
.PZ8 { z-index:92; }
.PZ9 { z-index:91; }
.PZ10 { z-index:90; }
.PZ11 { z-index:89; }
.PZ12 { z-index:88; }
.PZ13 { z-index:87; }
.PZ14 { z-index:86; }
.PZ15 { z-index:85; }
.PZ16 { z-index:84; }
.PZ17 { z-index:83; }
.PZ18 { z-index:82; }
.PZ19 { z-index:81; }
.PZ20 { z-index:80; }

/*UL's next to the images won't work right, but can be fixed according to http://www.mail-archive.com/nzphpug@googlegroups.com/msg02468.html */
.fillVert, .fillHoriz, .fillvert, .fillhoriz { float:left; width:200px; margin:5px 10px 1px 1px; }
.PZoom                                { position:relative; float:left; right:210px; margin:0; }
.PZoom   a                            { position:absolute; cursor:default; }
.PZoom   img                          { width:200px; border:1px solid #369; }
.PZoom   .PZcap                       { display:none; }
.PZoom   a:hover .PZcap               { display:block; font-weight:normal; background:#369; font-family:verdana,sans-serif; text-align:justify; font-size:9pt; line-height:12pt; color:white; padding:4px 6px; }
.PZoom   a:hover                      { position:absolute; left:0; top:0; border:0; background:none; text-decoration:none; }

/* Standard values for 800x600 */
.fillHoriz, .fillhoriz                { height:150px; }
.fillVert, .fillvert                  { height:267px; }
.PZhoriz a:hover img                  { width:800px; }
.PZvert  a:hover img                  { width:600px; }
.PZhoriz a:hover .PZcap               { width:790px; }
.PZvert  a:hover .PZcap               { width:590px; }

/* Values for Nikon D40's 902x600 */
.D40 .PZhoriz a:hover img             { width:902px; }
.D40 .PZhoriz a:hover .PZcap          { width:892px; }
.D40 .fillVert, .D40 .fillvert        { height:301px; }
.D40 .fillHoriz, .D40 .fillhoriz      { height:133px; }