/* Website template by H. Eugene Latham */
/*------------------------- Layout styles ------------------------*/ 
body{
	margin-top: 80px;
	margin-left: 0px;
	background: url("var(--x)") no-repeat center top;
    background-color: white;
	font-size: 100%;
}

h1 {
	font-size: 32px; 
	text-align: center;
}

h2 {
	font-size: 30px; 
}

h2.username {
	font-size: medium;
	text-align: center;
}

h3 {
	font-size: 20px;
	text-align: center; 
}

nav { background: white; display: flex; align-items: center; padding: 0 0.5rem; }
nav h1 { flex: auto; margin: 0; }
nav h1 a { text-decoration: none; padding: 0.25rem 0.5rem; }
nav ul  { display: flex; list-style: none; margin: 0; padding: 0; }
nav ul li a, nav ul li span, header .action { display: block; padding: 0.5rem; }

.content { padding: 0 1rem 1rem; }
.content > header { border-bottom: 1px solid lightgray; display: flex; align-items: flex-end; }
.content > header h1 { flex: auto; margin: 1rem 0 0.25rem 0; }
.content:last-child { margin-bottom: 0; }
.content form { margin: 1em 0; display: flex; flex-direction: column; }
.content label { font-weight: bold; margin-bottom: 0.5em; }
.content input, .content textarea { margin-bottom: 1em; }
.content textarea { min-height: 12em; resize: vertical; }

.flash { margin: 1em 0; padding: 1em; background: #cae6f6; border: 1px solid #377ba8; }

input[type=submit] { align-self: start; min-width: 10em; }

.button {
	display: inline-block;
	margin: 1px;
}

ul.linkList {
    list-style-position: inside;
    list-style-type: circle;
    font-size: 20px;
}


A.linkClass:link  {text-decoration: none; color: blue;}
A.linkClass:visited {text-decoration: none; color: blue;}
A.linkClass:hover { font-weight: bold; }
A.linkClass:active {text-decoration: none; color: red;}

A.pageClass:link  {text-decoration: underline; color: blue;}
A.pageClass:visited {text-decoration: underline; color: blue;}
A.pageClass:hover { font-weight: bold; }
A.pageClass:active {text-decoration: none; color: red;}

.edit_icon {width:20px;height:20px;border:10;}
ul.editList {
    list-style-position: inside;
    list-style-type: none;
	font-size: 20px;
}

A.editLink:link  {text-decoration: none; color: blue;}
A.editLink:visited {text-decoration: none; color: blue;}
A.editLink:hover { font-weight: bold; }
A.editLink:active {text-decoration: none; color: red;}

A.editPage:link  {text-decoration: underline; color: blue;}
A.editPage:visited {text-decoration: underline; color: blue;}
A.editPage:hover { font-weight: bold; }
A.editPage:active {text-decoration: none; color: red;}

/* this formats the footer tied to the bottom of the page */
.footer {
  border-top: 1px solid lightgray;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: white;
  color: black;
  text-align: left;
}