/* Warren Post, New Media Copán 
   webmaster ~at~ copaninvest ~dot~ com
   Photo gallery style for copaninvest.com

Fluid gallery code inspired by Jukka Korpela
   http://www.cs.tut.fi/~jkorpela/www/captions.html

TODO: Find a way to allow p.nav and div.footer to appear to the right of the menu, not below it. This is a minor issue, and only appears at unusually wide viewport widths or with galleries that have an unusually small number of thumbnail images. Currently both p.nav and div.footer are clear: both so as to appear below and not to the right of the left floated thumbnails, but this causes them to appear below and not to the right of the left floated menu as well. */ 

@import url(main.css); 

div.thumb_container { 
/* needed to position div.caption */ 
   position: relative; 
/* display horizontally, not vertically */ 
   float: left; 
   margin-right: 1em; 
   padding-bottom: 5em; 
   width: 160px; 
/* not supported in IE6 */
   page-break-inside: avoid; 
   } 

div.thumb { 
/* needed to position div.thumb img */
   position: relative; 
   height: 120px; 
   } 

div.thumb img { 
   position: absolute; 
   left: 0em; 
   bottom: 0em; 
   border: 1px black solid; 
   } 

div.thumb a:link:hover, 
div.thumb a:link:active,
div.thumb a:visited:hover, 
div.thumb a:visited:active {
   color: inherit;
   background-color: inherit; 
   } 

div.caption { 
   position: absolute; 
   top: 120px; 
   margin-top: 0.5em; 
   color: inherit; 
   background-color: inherit; 
   } 

@media print { div.caption { 
   line-height: normal; 
   } } 

span.credit { 
   font-style: italic; 
   color: gray; 
   background-color: inherit; 
   } 

p.nav { 
   clear: both; 
   } 

@media print { p.nav { 
   display: none; 
   } }