/*
 * Contents/Flow
 * =============
 * 1) General
 * 2) Columns
 * 3) Blog Text
 * 4) Blog Images
 * 5) Media Queries
 */

/*
 * 1) General
 * ==========
 */
	/* Prevents share button from centering */
		.add-this-share-buttons {
			text-align: left;
		}



/*
 * 2) Columns
 * ==========
 */
	.headingDiv {
		width: 100%;
	}

	.textDiv-12 {
		width: 100%;
	}

	.imagesDiv-12 {
		width: 100%;
	}

	.textDiv-8 {
		float: left;
		width: 66%;
	}

	.imagesDiv-4 {
		float: right;
		text-align: right;
		width: 30%;
	}



/*
 * 3) Blog Text
 * ============
 */
	.divBlogViewDate {
		color: #999;/* TODO: Should this colour be one that is chosen by the user, and if so then which one? */
		font-size: 14px;
		font-style: italic;
	}

	.divBlogViewDescription {
		margin-top: 25px;
	}

	.divBlogAddThis {
		margin-top: 25px;
	}



/*
 * 4) Blog Images
 * ==============
 */
	.image-row > div
	{
		padding-bottom: 30px;
	}
	.customImageColumnDiv
	{
		margin: 0 auto;
		max-width: 500px;
	}

	#lightGallery > div
	{
		cursor: pointer;
	}

	.customPage1-Image {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.customPage1-Image:after {
		content: "";
		display: block;
		padding-top: 100%;
	}


/*
 * 5) Media Queries
 * ================
 */