@charset "utf-8";
/* New styles for basic sensibilities of layout, last modified by Liss */
html, body {
	height: 100%;
	}
body {
	display: block;
	padding: 0;
	margin: 0;
	color: #000;
	background: #3C0 linear-gradient(to bottom, #eeeeee 10%, #377F2F 100%) fixed;
}
h1, h2, h3, h4, h5, h6 {
	display: block;
	margin: 0;
	padding: 0;
	line-height: 100%;
	}
h1 {
	font-family:Georgia,serif;
	}
h2 {
	font-family:Georgia,serif; 
	}
p {
	font-family:Arial,Helvetica,sans-serif;
	}
/* Taking advice from http://pixelsvsbytes.com/blog/2012/02/this-css-layout-grid-is-no-holy-grail/ */
#container, .innerWrapper, header, #mainPanel, #navPanel, main, footer {
	box-sizing: border-box;
	/* border-box makes padding not add to the width */
	position: relative;
}
#container, .innerWrapper {
	display: table;
	height: 100%;
	}
#container {
	width: 1125px;
	margin: 0px auto;
	} 
	header, footer {
		height: 80px;
		display: table-cell;
		vertical-align: middle;
		}
	#mainPanel {
		display: table-row; 
		height: auto;
		width: auto;
		}
		.innerWrapper {
		display: table;
		width: 100%; 
		}
			#navPanel {
				display: table-cell;
				background-color: #276F1F;
				width: 1px;
				vertical-align: top;
				}
				#calendar {
					background-color: #276F1F;
					height: 75px;
					width: 12em;
					text-align: center;
					padding-top: 20px;
					font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
					}
			main {
				padding: 20px; 
				/* The first item (0px) applies it to the top and bottom of the element, while the second applies to the left and right aspect.
					If you were to have only one item (30px, instead of 0px 30px), it would apply to all sides--top, bottom, left, and right.
					If you enter four items (0px 5px 10px 15px), it would go clockwise starting from the top--top, right, bottom, left. */
				display: table-cell;
				width: auto;
				background-color: #67AF5F;
				}
				#headshot {
					display: block;
					float: right;
					margin: 0 0 15px 15px;
				}
	footer {
		text-align: center;
		background-color: #276F1F;
		}
		footer address {
		vertical-align: middle;
		}
		#linkedIn {
		position: absolute;
		right: 70px;
		top: 50%;
		margin-top: -16.5px;
		}