/* css for pPGallery*/

.pp_gallery, .pp_gallery_none  { 
clear: both; 
display: table-cell; 
}
.ppg_clr { /*not in css class suffix!*/
clear: both; 
}

/*thumbnail - effects*/
.ppg_thb { 
float :left; 
position: relative; bottom: 2px; right: 2px; 
margin: 4px 0 0 4px; /* bc. shadow, if adjusting here do also in ppgallery.php aHREF tag (~155) for fixed_width*/
background-color: #CCCCCC; /*img drop shadow*/
}
.ppg_thb_none { 
float :left; 
position: relative; bottom: 2px; right: 2px; /*required in '_none' for 'caption: label'*/
}

/* canvas around thumbnail*/
.ppg_thb img { 
display: block; 
position: relative; bottom: 2px; right: 2px; 
margin: 0; 
padding: 4px; 
background: #FFFFFF; 
border: 1px solid #BBBBBB; 
}
.ppg_thb_none img { 
/*border: 1px solid transparent;*/
}

/*hover border-color-change for link (img) and caption bottom (span)*/
.ppg_thb :hover img, .ppg_thb :hover span { 
border: 1px solid navy;
}
.ppg_thb_none :hover img, .ppg_thb_none :hover span { 
/*border: 1px solid #navy;*/
}

/*caption layout*/
.ppg_captop_none, .ppg_captop {
display: block;
text-align: center; 
font-size: 90%;
height: 1.5em;
}

.ppg_caplbl_none, .ppg_caplbl {
display: block; 
position: absolute; bottom: 8px; left: 2px;
padding: 2px 4px; 
color: black; 
background: white; 
border: 1px solid #666666; 
font-style: italic; 
font-size: 90%; 
z-index: 10;
}

.ppg_capbot_none, .ppg_capbot {
display: block;
text-align: center; 
font-size: 90%;
}