/*
FILENAME: style-sheet04.css
DESCRIPTION: Gallery photos page css spec.s
VERSION: Replace values so tall and wide photos have different width and padding values for more pleasing row spacing.
.thumbnail_tall:	padding-left
.thumbnail_tall:	width
REQUIREMENT: Use new version of gallery.html with new style names.
*/

html {
	height: 100%;
}

body {
	height:	100%;
/*
Background color from http://knittingandyogaadventures.com/
*/
	color:	#4c715c;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

/* @group Navigation */

/* @group slider code */

.next, .prev {
	cursor: pointer;
}

#sections {
	overflow: hidden;
	xxxclear: left;
	xxxborder: solid 8px;
	position: relative;
	width: 500px;
}


#sections ul {
	width: 8660px;
}

#sections li.swiftto {
	xxxborder: dashed 3px;
	float: left;
	padding: 11px 10px 11px 1px;
	margin-right: 150px;
}

#sections li.pushed {
	margin-left: 50px;
}

#sections li.swiftto p {
	margin: 6px 0 16px;
	line-height: 1.4em;
	width: 450px;
}

#sections h2 {
	color: black;
	margin: 20px 0pt;
	font-size: 14px;
}

#sections a {
	color: #777;
	font-weight: bolder;
	text-decoration: none;
}

.clear {
	clear: both;
	width: 0;
	height: 0;
}

/* @end */

/* @end */

/* @group globals */

.break-float {
	clear: left;
	height: 0;
	width: 0;
}



/* @end */

/* @group interior gallery */

/*
	CHANGE: VALUE
	REASON:	Control width and padding-left separately to center photos on 130px wide grid.
gallery-block padding-left = 55px
800px div - 55px padding-left - (6 photos * (1px border + 4px padding-left + 67px width + 4px padding-right + 1px border)) - 55px balance right margin = 228px to divide evenly into five space between the six photos: 228/5 = 45.6 ~45px added to the 67px width = 112.6 ~113px

*/

.thumbnail_tall {
	float: left;
	width: 113px;
	margin: 2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

.thumbnail_wide {
	float: left;
	width: 130px;
	margin: 2px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}

.thumbnail_tall img {
	border: 1px solid #e3e3e3;
	padding: 4px;
}

.thumbnail_wide img {
	border: 1px solid #e3e3e3;
	padding: 4px;
}

.gallery-block {
	padding-left: 55px;
}

/* @end */