/* This is a stylesheet for personal profile webpages, by Adam Werle. */
/* last updated February 2023 */
/* Parts of this stylesheet were adapted from styles available at www.free-css.com. */
/* Colors are from paletton.com. */

/* This stylesheet expects a webpage with the following organization. */
/* Main divisions: body > header, div#main, footer */
/* Subordinate divisions: header > nav */
/* Subordinate divisions: div#main > div#main-content, aside */

/* Main layout */
/* Treat the new HTML5 organizational elements, as well as all divs, as block-level. */

article, aside, div, footer, header, nav, section {display: block;}

header		{width: inherit; clear: both;}
footer		{width: inherit; clear: both;}
#main		{width: inherit; clear: both;}
#main-content	{width: 100%; float: left;}
aside		{width: 300px; float: right; clear: right;}
aside img	{height: 300px; width: 300px;}

header		{margin: 0 10px 0 10px;}
nav		{margin: 0;}
nav ul		{margin: 0;}
footer		{margin: 0 10px 0 10px;}
#main		{margin: 0 10px 0 10px;}
#main-content	{margin: 0;}
aside		{margin: 20px;}

html		{padding: 0;}
body		{padding: 0;}
header		{padding: 0;}
nav		{padding: 0 15px 0 0;}
nav ul		{padding: 1px 0 0 0;}
footer		{padding: 10px 0 10px 0;}
#main		{padding: 0;}
#main-content	{padding: 0;}
aside		{padding: 0;}

/* Text styling */

body		{font-family: Arial, sans-serif;}
h1, h2, h3	{margin: 15px 20px 15px 20px;}
p		{margin: 10px 20px 10px 20px;}
p		{font-size: medium;}
ul, ol		{margin: 10px 20px 10px 20px;}
ul, ol		{padding: 0px 20px 0px 20px;}

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

nav a		{font-style: normal;}
a:active	{outline: none;}
a:focus		{outline: none;}

.left		{text-align: left;}
.center		{text-align: center;}
.right		{text-align: right;}

/* Table styling */

table		{margin: 10px 20px 10px 20px;}
th, td		{padding-left: 0.5em; padding-right: 0.5em;}

/* Color styling */
/* light to dark: 9cc992, 69ab5b, 408e2f, 20700f, 0e5300 */

th, td		{background-color: #408e2f;}
body		{background-color: #408e2f;}

nav		{background-color: pink;}
.toc		{background-color: gray;}
#main		{background-color: #ffffff;}
#main-content	{background-color: #ffffff;}
aside		{background-color: #0e5300;}
footer		{background-color: #0e5300;}

aside		{color: #ffffff;}
footer		{color: #ffffff;}

a:link		{color: #20700f;}
a:hover		{color: #408e2f;}
a:visited	{color: #408e2f;}

/* Navigation menu styling */
/* The following styling for navigation menus was adapted from www.free-css.com, "menu36". */

ul.simple-menu {
	list-style-type: none;
	width: 100%;
	position: relative;
	height: 27px;
	font-size: medium;
	font-weight: bold;
}

ul.simple-menu li {
	display: block;
	float: left;
	margin: 0 4px 0 0;
	height: 27px;
}

ul.simple-menu li.left {
	margin: 0;
}

ul.simple-menu li a {
	display: block;
	float: left;
	color: #ffffff;
	background: #070f3a;
	line-height: 27px;
	text-decoration: none;
	padding: 0 17px 0 18px;
	height: 27px;
}

ul.simple-menu li a.right {
	padding-right: 19px;
}

ul.simple-menu li a:hover {
	background: #000000;
	color: #ffffff;
}

ul.simple-menu li a.current {
	color: #384795;
	background: #ffffff;
}

ul.simple-menu li a.current:hover {
	color: #1f212f;
	background: #ffffff;
}