/* --------------------------------------------------------------------

The following is copyrighted to Bill Sundberg - you may NOT use it in your designs.

------------------------------------------------------------------------ */

html, body {
	color: #544b41;
	font: normal 100% 'Noto Serif', 'Georgia', serif; 
	background: #F8F8F8 url('../img/noise.png') repeat-x scroll 100% 0;
	border-top: 10px solid #534B40;
	letter-spacing: 0.02em;
	height: 100%;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

h1 {
    font-size: 5.00em; /* 72px / 16px */
    line-height: 1em;
    font-weight: lighter;
    margin-bottom: 0.5em; /* 40px */
}

h3 {
	font-size: 1.125em;
	font-weight: 600;
	font-family: 'Arial', sans-serif; /* 'Gill Sans MT', 16px / 16px */
	color: #544b41;
	letter-spacing: 0.075em;
	margin: 1.75em 0 0.1em;
	text-transform: uppercase;

}

p {
	font-size: 1.1875em; /* 19px / 16px */
	margin: 0.5em 0;
	line-height: 1.35em;
}

a {
	color: #0D78B3;
	text-decoration: none;
	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}

a:hover {
	color: #222222;
}

abbr {
	cursor: default;
}

ul.social {
    list-style: none outside none;
    padding: 0.1em 0.1em 5em 0;
}

ul.social li {
    float: left;
    margin-right: 1.5em; /*-- 20px / grid_8 width: 660px --*/
    padding: 0.5em 0; 
}

ul.social li.last {
    margin-right: 65.151515151515%; /*-- 430px / grid_8 width: 660px --*/
}

.intro {
	font-size: 1.500em; /* 24px / 16px */
	line-height: 1.35em;
}

.uppercase {
	font-size: 0.765em; /* 17px / 24px */
	text-transform: uppercase;
	letter-spacing: 0.15em;
}

#copyright {
	font-size: 0.8750em;
	margin: 1.25em 0;
}

#wrap { 
	min-height: 100%;
}

#main {
	overflow:auto;
	padding-bottom: 330px; /* must be same height as the footer */
}

#footer {
	background: #e2e2e2 url('../img/bookshelf2.jpg') no-repeat scroll 100% 0; /* */
	background-size: 100%;
	border-top: 3px solid #B2592C;
	position: relative;
	margin-top: -330px; /* negative value of footer height */
	height: 330px;
	clear: both;
}

img {
	max-width: 100%;
}

.circle img {
    border: 0.625em solid #DDDDDD;
    border-radius: 90em 90em 90em 90em;
    margin: 3.75em 1em 0;
    max-width: 100%;
    padding: 0.475em;

}

/* ----- MEDIA QUERIES -------------------------------- */

@media screen and (max-width: 700px) {

	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12 {
		margin: 0 1.5em;
    	width: 87%;
	}

	h1 {
	    font-size: 3em;
	    margin-top: .5em;
	}

	p {
		font-size: 1.125em;
		line-height: 1.3em;
	}

	.intro {
		font-size: 1.25em;
	}

	.circle img {
		display: none;
	}

	#copyright {
		font-size: 0.750em;
	}

}