html,button,input,select,textarea {color: #222;}
html {font-size: 1em;line-height: 1.4;}
::-moz-selection {background: #b3d4fc;text-shadow: none;}
::selection {background: #b3d4fc;text-shadow: none;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}
audio,canvas,img,video {vertical-align: middle;}
fieldset {border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}
.browsehappy {margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0;}

/*	==========================================================================
   	Common styles
   	========================================================================== */

	* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		}
		
		body {
			padding-top: 20px;
			padding-bottom: 20px;
			text-align: center;
			font: normal normal 16px/1.25em Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
			color: #333;
			}
			
			.container {
				max-width: 980px;
				margin: auto;
				padding: 0 12px;
			}
			
			a { color: #4b4b4b; }
				a:hover { color: #000; }
				
			.header,
			.footer,
			section { 
				clear: both;
				margin-bottom: 30px;
				}
				
			figure {
				display: block;
				margin: 0 auto;
				}
				figure img {
					display: block;
					max-width: 100%;
					height: auto;
					padding: 4px;
					border: 1px solid #330;
					}
				
				figcaption {
					margin: .5em 0;
					padding: 10px;
					font-size: .8125em;
					line-height: 1.25em;
					font-weight: 700;
					background: #3CDFD0;
					}
					figcaption.blank { 
						padding: 5px;
						background: none; 
						}
				
			
			.image-list {
				max-width: 650px;
				margin: 0 auto;
				padding: 0;
				list-style: none;
				}
				.image-list li { margin-bottom: 8px; }
				
				.image-list-wide { max-width: 750px; }
				.image-list-xwide { max-width: 800px; }
				


/*	==========================================================================
   	Grid styles
   	========================================================================== */
				
			
				
				
				
/*	==========================================================================
   	Header styles
   	========================================================================== */
	
	.header { 
		font-size: .8125em;
		line-height: 1.435em;
		}
		.header h1 { font-size: 1.462em; }
				
			
				
				
				
/*	==========================================================================
   	Footer styles
   	========================================================================== */
	
	.footer {
		font-size: .75em;
		line-height: 1.435em;
	}
				
			
				
				
				
/*	==========================================================================
   	Bio styles
   	========================================================================== */
	
	.bio .content {
		max-width: 424px;
		margin: auto;
		font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
		font-size: .875em;
		line-height: 1.435em;
		text-align: justify;
	}
	
	.bio-footer {
		font-weight: 700;
		font-size: .9375em;
	}
				
			
				
				
				
/*	==========================================================================
   	Note styles
   	========================================================================== */
	
	.note {
		max-width: 600px;
		margin: auto;
		margin-bottom: 18px;
		padding: 18px;
		font-size: .9375em;
		line-height: 1.25em;
		text-align: left;
		background-color: #f4f4f4;
		}
		.note h1 {
			margin: 0 0 .5em;
			font-size: 1.4em;
			line-height: 1em;
		}
		
		.note p { margin: 0 0 1em; }
			.note p:last-child { margin-bottom: 0; }
		
		.note-primary { background-color: #3CDFD0; }
		.note-warning { background-color: #f2b675; }
		.note-success { background-color: #93d58d; }
				
			
				
				
				
/*	==========================================================================
   	Memorial styles
   	========================================================================== */
	
	.memorial {
		font-size: .9375em;
		}
		.memorial h1 {
			margin-bottom: .25em;
			font-size: 1.4em;
		}
		
		.memorial h2 {
			margin-top: 0;
			font-size: 1em;
		}







/*	==========================================================================
   	Helper classes
   	========================================================================== */

	.ir {background-color: transparent;border: 0;overflow: hidden;*text-indent: -9999px;}
	.ir:before {content: "";display: block;width: 0;height: 150%;}
	.hidden {display: none !important;visibility: hidden;}
	.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
	.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;}
	.invisible {visibility: hidden;}
	.clearfix:before,.clearfix:after {content: " ";display: table;}
	.clearfix:after {clear: both;}
	.clearfix {*zoom: 1;}
	
	.hidden-sm { display: none; }


	@media only screen and (min-width: 600px) {
		.hidden-sm { display: block; }
		
		figure img { padding: 6px; }
		
		.two-col-list li,
		.three-col-list li {
			float: left;
			margin-bottom: 8px;
			padding-left: 4px;
			padding-right: 4px;
			}
			
			.two-col-list li { width: 50%; }
			.three-col-list li { width: 33.333334%; }
			
	}

	@media print,
		(-o-min-device-pixel-ratio: 5/4),
		(-webkit-min-device-pixel-ratio: 1.25),
		(min-resolution: 120dpi) {
			/* Style adjustments for high resolution devices */
	}

/*	==========================================================================
   	Print styles.
   	Inlined to avoid required HTTP connection: h5bp.com/r
   	========================================================================== */

@media print {
	* {background: transparent !important;color: #000 !important;box-shadow: none !important;text-shadow: none !important;}
	a,a:visited {text-decoration: underline;}
	a[href]:after {content: " (" attr(href) ")";}
	abbr[title]:after {content: " (" attr(title) ")";}
	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content: "";}
	pre,blockquote {border: 1px solid #999;page-break-inside: avoid;}
	thead {display: table-header-group;}
    	tr,img {page-break-inside: avoid;}
    	img {max-width: 100% !important;}
    	@page {margin: 0.5cm;}
    	p,h2,h3 {orphans: 3;widows: 3;}
	h2,h3 {page-break-after: avoid;}
}