<!--
/*-----------------------------------------------------------------------
  Global Cascading Style Sheet for "La Esperanza" website slideshows.

  (C) Ian C McInnes, 2015                                                 
------------------------------------------------------------------------*/

table.slideshow
{
  border:2px solid Tan;
  border-radius:10px;
  margin:0 auto;
  width:100%;
  padding-bottom:10px;
  margin-bottom:1em;
  background-color:#181010;
}
table.slideshow caption
{
  text-align:center;
  font:20px Verdana, sans-serif;
  color:Gold;
}
table.slideshow tr { height:165px; }
table.slideshow td { padding:10px; }
table.slideshow td.image { width:200px; left:10px; }
table.slideshow td.text { padding-right:5px; }
/* format for dates appearing over photos */
table.slideshow div.photodate { color:LightSteelBlue; text-align:center; }

/* common specifications for thumbnail-size images for slideshows - we */
/* target all elements within table image cells having an id attribute */
table.slideshow td.image [id]
{
  left:5px;
  top:5px;
  position:relative;
  float:left;
  width:180px;
  height:120px;
  background-repeat:no-repeat;
}
table.slideshow td.image [id]:hover { outline:5px solid Red; }
table.slideshow td.image [id]:active
{
  width:800px;
  height:533px;
  left:5px;
  top:5px;
  outline:2px dotted White;
  position:fixed;
  z-index:1000;
}

/* Links to display high-resolution image in separate window */
a.zoom
{
  background-image:url('Icons/Zoom.png');
  float:right;
  display:block;
  width:32px;
  height:32px;
  margin:8px;
}
a.zoom:hover { filter:brightness(135%); }
-->