/* MAIN CSS */

html{
	margin: 0;
	padding: 0;
}

body{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0;
	padding: 15px;
	text-align: center;
}

#content{
	max-width: 800px;
	margin: 0 auto;
	text-align: left;
}

#header{max-width: 800px; margin-top: 20px; font-size: 12px; display:flex; flex-wrap: wrap; justify-content: space-between;}
#header_left{}
#header_right{}

#the_name{font-family: courier; font-size: 14px;padding-right:30px;}
.essay{max-width:500px; text-align: left; }

a:link {color: #000; text-decoration:none;}
a:visited {color: #000;}
a:hover {color: #666;}
a:active {color: #000;}

p a:link { color: #00F; text-decoration:none;}
p a:visited { color: #00F;}
p a:hover {	color: #00F; text-decoration:underline; }
p a:active { color: #00F;}

p{max-width:500px;}

h2{font-size: 16px; font-weight: normal;
}

h3{font-size: 12px; font-weight: normal;
}

.title{font-weight: bold; font-style: italic;}

blockquote{
background-color: #efefef;
padding: 9px;
}

ul{
text-indent: 0px;
margin-left: 0px;
padding-left: 10px;
line-height: 1.5em;
list-style-type: none;
}

		/* Work and Text Archive Layout CSS */

		#gridcontainer{
		display: grid;
		align-items: start;
		grid-template-columns: repeat(auto-fit,minmax(200px, 1fr));
		}

		.category{
		font-size: 12px; color: #000;
		padding:15px;
		}
		.category img{
		width:133px;height:auto;
		}