.hide {display: none;}     
.debug div {border: 1px dotted red;}  

@font-face {
  font-family: 'Quattrocento';
  font-style: normal;
  font-weight: 400;
  src: local('Quattrocento'), url(http://themes.googleusercontent.com/static/fonts/quattrocento/v4/WZDISdyil4HsmirlOdBRFKRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
} 
 

html {background-color: #F0EDE3;}   

@charset "UTF-8";
/*------------------------------------*\
	STYLE.CSS
\*------------------------------------*/
/*



/*------------------------------------*\
	CONTENTS
\*------------------------------------*/
/*
SHARED
MAIN
ISLANDS
HEADER
TYPE
*/





/*------------------------------------*\
	$SHARED
\*------------------------------------*/



/*------------------------------------*\
	$MAIN
\*------------------------------------*/
html{
	padding-top:10px; /* Move the content down over the page-top background-image. */
	font-family: Georgia, "Times New Roman", serif;
}   

.wrapper{margin:48px;}

#page {
	padding: 20px;
	background: #FFF;
	box-shadow: inset 0px 0px 3px 0px #ffffff, inset 0px 0px 150px 0px #d8d8d8, 0px 10px 20px 0px #D6CCBA;
	text-shadow: 1px 1px 0px #ffffff;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	margin-bottom: 20px;
}

ul, ol {margin-left: 1em; list-style-type: square;}         

#resume table {margin-right:3em;}
#resume tr {background:none;} 
#resume td {border:none; padding: 0 3px;}
#resume td:first-child{width: 8em;}
#resume h2 {text-align:center;}

/*------------------------------------*\
	$MENU
\*------------------------------------*/    

#menu {
	font-family: Quattrocento, serif;
}

#menu {
	padding: 0 3% 0 3%;
	font-family: Quattrocento, serif;
	line-height: 60px;
	margin: 0;
	background: #5B874B;
	height: 60px;
	box-shadow: inset 0px -0px 10px 0px #466D37;
	border-bottom: solid 1px #93D07E;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	text-align: center;
}

#menu li{
	font-size: 1.25em;
	text-decoration: none;
}

#menu a {
	color: #FFF;
	text-decoration: none;
} 

#menu a:hover{color: #C8DCC1}

#menu ul {
}

#menu ul li {
	padding: 0 20px 0 20px;
}

#menu ul li.first {
	padding-left: 0;
}

/*------------------------------------*\
	$ISLANDS
\*------------------------------------*/




/*------------------------------------*\
	$HEADER
\*------------------------------------*/

#header * {font-family: Quattrocento, serif;} 
#logo h1{font-size: 42px; font-weight:normal; line-height: 1em; margin-bottom:6px;}
#logo h2{font-size: 14px;} 
#contact {text-align: right; font-size:12px;}



/*------------------------------------*\
	$FOOTER
\*------------------------------------*/



/*------------------------------------*\
	$TYPE
\*------------------------------------*/
.indent p, .indent table {margin-left: 3em;}
.indent ul, .indent ol {margin-left: 3em; padding-left: 1em;}
body,p,td,div {color: #45462f; word-wrap: break-word; -webkit-font-smoothing: antialiased}
a {color: hsl(185,33%,33%); text-decoration: none; -webkit-transition: color .2s ease-in-out}
a:hover {color: #7aa45c; text-decoration:none;}
p{line-height: 1.4em;}


/*------------------------------------*\
	$MISC
\*------------------------------------*/      

blockquote { font-style: italic; background: #DDD; border-left: 2px solid black; margin-left:1em; margin-right:1em; padding:  5px 10px; }
blockquote p {margin: 0 0 5px 0;}  

#resume th {display:none;}