/* ------------------------------------- */
/*           Rainbow Graphics            */
/*       www.rainbow-graphics.com        */
/*           Copyright 2013              */
/* ------------------------------------- */

.Lfill { float:left; margin:0px 2px 0px 0px; }
.Rfill { float:right; margin:5px 2px 5px 10px; }

img.thumb { border: 1px solid #000; width:100px; }
img.large { width:0px; border:0px; position:absolute; }

.Zright a,.Zleft a { position:absolute; 
  cursor:default; }
.Zleft a:hover,.Zright a:hover {
  border:none; background:none; 
  text-decoration:none; margin:0px;  }
.Zright a:hover .large, .Zleft a:hover .large { 
  border:none; position:absolute;  }

.Zright a:hover .large.w200 { 
  width:200px; top:-90px; right:150px; border:1px solid #000000;}
.Zright a:hover .large.w300 {
  width:298px; top:-60px; right:150px; border:1px solid #000000; }

.Zleft a:hover .large.w300 {  
  width:300px;  top:-90px; left:150px; border:1px solid #000000;}
.Zleft a:hover .large.w200 {  
  width:200px;  top:-60px; left:150px; border:1px solid #000000;}
	
/* ------------------------------------- */
/*         CSS for page (non pz2)        */
/* ------------------------------------- */
p { margin:20px 0px; padding:0px; }

/* ------------------------------------- */
/*      Photo-Caption Zoom Overrides     */
/* ------------------------------------- */

/* for linked photos */
.Zright a,.Zleft a { cursor:pointer; } 




/*Smaller zooms for screen 430px and lower*/
@media only screen and (max-width: 430px) {

  
.Zright a:hover .large.w200 { 
  width:200px; top:-90px; right:150px; max-width:100%; }
.Zright a:hover .large.w300 {
  width:298px; top:-60px; right:150px; max-width:100%;}

.Zleft a:hover .large.w300 {  
  width:300px;  top:-90px; left:150px; max-width:100%;}
.Zleft a:hover .large.w200 {  
  width:200px;  top:-60px; left:150px; max-width:100%;}
	 
}
