/* ------------- image view structure with google map ------------*/


html,body,.container-fluid,.row-fluid,.span4, center { 
	height: 100%; 
}

body{
 padding-top:50px;
 margin-top:50px;
 }

#map_canvas { 
	margin-top:15px;
	height: 380px; 
}

/* ------------- Exif box ------------*/
.exif {
  position: relative;
  margin: 0 0;
  padding: 39px 19px 14px;
  *padding-top: 0px;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  color: gray;
}

/* Echo out a label for the example */
.exif:after {
  content: "Exif Information";
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  color: #9da0a4;
  -webkit-border-radius: 4px 0 4px 0;
     -moz-border-radius: 4px 0 4px 0;
          border-radius: 4px 0 4px 0;
}

/* Remove spacing between an example and it's code */
.exif + .prettyprint {
  margin-top: -20px;
  padding-top: 15px;
}

/* ---------- Image style ----------------------- */
div.img
  {
  margin-left:auto;
  margin-right:auto;
  height:200px;
  width:200px;
  float:left;
  text-align:center;
  vertical-align:middle;
  }
.photo {
	position: relative;
	width: 180px;
	height: 130px;
	margin:auto;
	margin-top:30px;
	vertical-align:middle;
}

.photo a {
	text-decoration: none;
}

.round span {
	width: 170px;
	height: 120px;
	display: block;
	position: absolute;
	top: 5px;
	left: 6px;
	background: url(images/round-corner.png) no-repeat;
	vertical-align:middle;
}
.round .img-rounded {
	border: none;
	padding: 5px 6px;
	background: url(images/round-bg.png) no-repeat;
	vertical-align:middle;
}

.photo-vert {
	position: relative;
	width: 130px;
	height: 180px;
	margin:auto;
	vertical-align:middle;
}
.photo-vert a {
	text-decoration: none;
}

.round-vert span {
	width: 120px;
	height: 170px;
	display: block;
	position: absolute;
	top: 5px;
	left: 6px;
	background: url(images/round-corner-vert.png) no-repeat;
}
.round-vert .img-rounded {
	border: none;
	padding: 5px 6px;
	background: url(images/round-bg-vert.png) no-repeat;
	vertical-align:middle;
}