/*******************************************************************************************************
 Typography styles that style output from ProcessWire TemplateHelpers plugins for PEN's site design
 Ryan Cramer Design, LLC

 *******************************************************************************************************/



img.image_item {
	border: 3px solid #333;
}
	.image_item {
		padding: 1px; 
	}
	.image_right {
		float: right;
		margin: 0 0 0.25em 1em; 
	}
	
	.image_left {
		float: left;
		margin: 0 1.5em 0.5em 0;
	}

	.image_top {
		margin-top: 4px; 
	}


.image_caption {
	font-size: 11px;
	color: #aaa;
	font-size: 0.91666em;
	line-height: 1.5em;
}
	.image_caption .image_right {
		margin-left: 0;
		margin-right: 0; 
	}

	.image_caption .image_left {
		margin-left: -3px; 
	}

	.image_caption span {
		display: block;
		padding: 0.25em 0 0.5em 0;
		line-height: 1.5em;
	}

.pager,
#bodycopy .pager {
	list-style: none;
	margin: 2em 0;
	padding: 0;
}
	.pager li,
	#bodycopy .pager li {
		margin: 0;
		padding: 0;
		list-style: none;
		display: inline;
		padding: 2px 0;
	}

		.pager li a,
		#bodycopy .pager li a {
			padding: 4px 7px; 
			text-decoration: none;
			border: none;
			background: #fca76c;
			color: #000;
			font-weight: bold;
			font-size: 10px; 
			text-transform: uppercase;
		}
		.pager li.on a,
		.pager li a:hover,
		#bodycopy .pager li.on a,
		#bodycopy .pager li a:hover {
			background: #b36429;
			color: #fff;
		}

		.pager li.separator {
			border: none;
		}

/*
.file_item, 
.file_item:hover, 
.file_item:active {
	display: block;
	margin: 1em 0;
	padding: 1px 0 0 21px; 
	background: url(images/icons/icon_file.gif) top left no-repeat;
	border: none;
	min-height: 17px; 
}
	#bodycopy .file_item {
		display: block;
		border: none;
	}
	.file_pdf, 
	.file_pdf:hover, 
	.file_pdf:active {
		margin-left: -2px; 
		padding-left: 23px; 
		background-image: url(images/icons/icon_pdf.gif);
	}
	*/