*:focus {outline: none;}

html {
	height: 100%; 
}
body { 
	margin: 0; 
	padding: 0;
	font-family: 'Roboto Slab', serif;
	color: #333;
	background-color: #CCCCCC;
	background-color: #ddd8ce;
	background-color: #FFFFFF;
}
	
h1 {
	margin: 12px 15px 20px 0; 
	padding: 0;
	font-size: 1.6em;
	font-weight: normal;
	letter-spacing: 0;
	line-height: 1.2em; 
	color: #CC6600;
	color: #a9ae97;
}

h2 {
	margin: 6px 0 12px 0;
	padding: 0;
	font-size: 1em;
	font-weight: 600;
	text-align: justify;
	line-height: 1.5em; 
}
			
/* H E A D I M A G E - - - - - - - */

#headimg {
	margin: 0;
	padding: 0;	
}

#headimg img {
   display: inline-block;
   width: 100%;
   max-width: 100%;
   height: auto;
   border: 0 none;
}

/* C O N T E N T - - - - - - - - - */
		
#content { 
	width: 75%;
	max-width: 65em; /* 65em = 1040 */
	margin: 0 auto;
	padding: 20px 0;
	background-color: transparent; 
}

	
p {
	font-weight: 300;
	text-align: justify;
	font-size: 1em;
	line-height: 1.5em; 
	margin: 6px 0 12px 0;
	padding: 0;
}

p.email {
	margin-bottom:2em;
}
	
#content a:link, 
#content a:visited {
	color: #fff;
	color: #666;
	color: #a9ae97;
	text-decoration:none;
	text-decoration:underline;
/*	font-weight: 400;  */
}

#content a:hover, 
#content a:active {
	color:#f69;
	text-decoration:none;
}

/* F O O T E R - - - - - - - - - */

#footer { 
	background-color: transparent;
	background-color: #a9ae97;
	color: #fff;
	width: 100%; 
	height: 60px;
	margin: 0;
	padding: 0;
	font-size: 0.7em;
	font-weight: normal;
	letter-spacing: 0.1em;
	word-spacing: 0.2em;
}
	
#footer p {
	margin: 15px;
	padding: 15px 60px 0 0;
	text-align: right;
}