/* CSS Document image lirary CSS
http://www.alistapart.com/articles/practicalcss/*/


.gallery_area {
	/*margin right allows for padding on div.lib*/
	margin: 30px -30px 30px 0;
	
}

div.lib {
  float: left;
  margin-right:25px;
  width:135px;
  height:200px;
  /*border: solid 1px red;*/
  }
  
div.lib p {
   text-align: left;
  font-size: 10px;
  padding:0 0px 6px 0;
   }
  
  div.lib p strong {
    font-size: 10px;
	color: #fff;
	font-weight:bold;
	
}

  div.lib p a:hover {
	text-decoration: none;
	font-weight: normal;
}

   
#details {
	float:left;
	width:135px;
	z-index:0;
	position:relative;
	/*border: solid 1px blue;*/

}

   
div.lib img {
padding: 0 0 5px 0;

/*border: solid 1px red;*/

     }
	 




.zoom{
	float:right;
	margin: 3px 35px 0 0px;
	z-index:2;
	position:relative;
	/*border: solid 1px green;*/
}	



	
/*zoom icon not used*/	
.zoom_icon {
	background: url(../images/zoom.gif) no-repeat right top ;
	padding: 3px 0px 3px 0px;
	
	 border: solid 1px green;

	}





   
/* caption on top
div.lib p + p{
  display: table-caption;
  caption-side: top;
}
*/
   
  div.container {
  	width: 540px;
	background-color: #fff;
	padding: 50px 0 10px 0;
	 /* border: solid 1px green;*/

  }
  
  div.spacer {
  clear: both;
  }
  
  
/* http://www.w3.org/Style/Examples/007/figures.html
caption above table*/
  
  div.figure p {
  display: table-cell;
  width: 100%;
}
div.figure p + p {
  display: table-caption;
  caption-side: top;
}