/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

* { margin: 0; padding: 0; }
body { font: 14px/1.4 Georgia, serif; }

h1 { font: bold 32px Helvetica, Sans-Serif; letter-spacing: -1px; margin: 0 0 15px 0; }

article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

#page-wrap { width: 660px; margin: 60px auto; }

.image-gallery { margin: 20px 0 25px 0; }

.figureSimpleEnlarge { 
  width: 120px; 
  float: left; 
  margin: 0 0 0 0; 
  border: 0px solid black; 
  position: relative;
  background:transparent;
    -moz-transform: rotate(0deg);
}

.figcaptionSimpleEnlarge { 
  text-align: center; 
  display: block; 
  font-size: 2px; 
  font-style: italic; 
  color:black;
}

.figureSimpleEnlarge img { 
  width: 110%; /* Scale down */
}

.figureSimpleEnlarge:hover {
    -webkit-transform: scale(1.5); -moz-transform: scale(1.5);
    -webkit-box-shadow: 0 3px 10px #666; -moz-box-shadow: 0 3px 10px #666;
}

.figureSimpleEnlarge:focus {
    outline: none;
    -webkit-transform: rotate(-3deg) scale(2.5); -moz-transform: rotate(-3deg) scale(3.0);
    -webkit-box-shadow: 0 3px 10px #666; -moz-box-shadow: 0 3px 10px #666;
    z-index: 9999;
}

.figureSimpleEnlargeRightAlign { 
  width: 120px; 
  float: right; 
  margin: 0 0 0 0; 
  border: 0px solid black; 
  position: relative;
  background:transparent;
    -moz-transform: rotate(0deg);
}

.figureSimpleEnlargeRightAlign img { 
  width: 110%; /* Scale down */
}

.figureSimpleEnlargeRightAlign:hover {
    -webkit-transform: scale(1.5); -moz-transform: scale(1.5);
    -webkit-box-shadow: 0 3px 10px #666; -moz-box-shadow: 0 3px 10px #666;
}

.figureSimpleEnlargeRightAlign:focus {
    outline: none;
    -webkit-transform: rotate(-3deg) scale(2.5); -moz-transform: rotate(-3deg) scale(3.0);
    -webkit-box-shadow: 0 3px 10px #666; -moz-box-shadow: 0 3px 10px #666;
    z-index: 9999;
}