body { 
	padding: 0px;
	margin: 0px;
	background-color: #c0daea;
	font-size: 90%;
}

a {color: yellowgreen;}
	
header {
	padding: 0px;
	margin-top: -2em;
   background-image: url("../images/header.jpg");
   background-size: 100% 100%;
   background-repeat: no-repeat;
   height: 4em;
   color: red;
   text-align: center;
   vertical-align: center;
   font-size:  x-large;
   font-weight: bold;
   background-color: white;
}

header h1 {
	padding-top: 0.25em;
	padding-left: 5%;
	text-align: left;
	letter-spacing: 3px;
	}

nav {
	width:100%;
	height: 3.5em;
	overflow: auto;
	padding: 0px;
}

nav ul {
	text-align: center;
	padding-left: 0px;
}

nav li {
   display: inline;
   border: solid black 1px;
   margin-right: 0;
   margin-top: 1em;
   padding: 3px;
   width: 20%;
   text-align: center;
}

nav a {
	text-decoration: none;
	color: inherit;
}

nav a:hover {font-weight: bold;}

#l2plink {background-color: black; color: lightgreen;}
#booklink {background-color: brown; color: yellow;}
#photolink {background-color: olive; color: mistyrose;}
#bloglink {background-color: lightyellow; color: #333;}

div {
	padding: 0.5em;
   width: 100%;
   margin-bottom: 0.5em;
}

div#l2p {
   background-color: #151515;
   color: lightgreen;
}

div#l2p pre {
	margin: 0px;
	padding: 0px;
	font-size: 120%;
	font-weight: bold;
	color: yellow;
	}
	
div#l2p li {font-size: smaller;}

div#writing {
   background-color: brown;
   color: yellow;
   height: 250px;
}

iframe {
	float: right;
	min-height: 240px;
	margin-right: 10%
	}

div#photo {
   background-color: olive;
   min-height: 330px;
   max-height: 500px;
   color: mistyrose;
}

p.image {padding-right: 1em;}
p.image img {
	float: left;
	margin-right: 1em;
	}

div#blog {
   background-color: #eeeedf;
   font-size: 90%;
}

div#blog a {color: blue;}

li {
   display: inline;
   padding-right: 1em;
   font-family: sans-serif;
}

footer {
   text-align: center;
   font-size: smaller;
   clear: both;
}
footer a {color: blue;}

h1, h2, h3, h4, h5, h6 { font-family: Verdana, helvetica, sans-serif; }

.center { text-align: center }