.img400 { width: 400px; }
.img150 { width: 150px; }
.img75 { width: 75px; }
/** You may input more image size in the previous rows **/

.img {
	/* Remove margin between the image and its caption */
	margin-bottom: 0px;
	border: 1px solid #000;
}

.img400 img
{
	border: 1px solid #999;
	margin-bottom: 1em;
}

.img-left, .img-right, .img-center{
	border: 1px solid #666;
	background-color: #fff;
	
	/* Add margin around the div */
	margin: 10px;
	
	/* Add padding in the div */
	padding: 10px;
	
}

.img-center {
	margin: auto;
}

.img-left {
	float: left;
}

.img-right {
	float: right;
}

.centeredCaption {
	line-height: 1.5em;
	text-align: center;
}

/*

EXAMPLE USE

<div class="img-right img150">
	<img src="../images/photos/image1.jpg" height="150" width="150"/>
    Image Caption
</div>
*/