* {
margin: 0;
padding: 0;
}

body {
	font-family: "Roboto Slab", sans-serif;
	font-weight: 500;
	font-size: 1.3em;
	line-height: 140%;
	margin: 1em;
	}

#pageheader {
	background-color: black;
	height: 4em;
	background-image: url("assets/banner_Orestr.png");
	background-origin: padding-box content-box;
	background-repeat: no-repeat;
	background-position: right top;
	color: white;
}
#pageheader h2 {
	opacity: 1;
	}
#pageheader h2 {
	padding-top: 0.5em;
	margin-left: 0.7em;
	font-family: "Roboto Slab", sans-serif;
	font-size: 2em;
	text-shadow: 5px 5px 5px black;
	}
#pageheader h2 a, a:hover, a:visited {
	color: white;
	text-decoration: none;
	}
#pageheader h2 .red {
	color: red;
	}
.red {
	color: #a70a0d;
}

/* Horizontal Navigation Menu */
.menu { 
    display: flex; 
    flex-direction: row; 
    list-style: none; 
    margin: 0;
	padding: 0.5em 0 1em 0;
	} 
.menu-item { 
    flex: start; 
    text-align: center; 
	padding-right: 1em;
	} 
/* vertical menu styles */
@media (max-width: 600px) { 
    .menu { 
       flex-direction: column; 
    } 
    .menu-item { 
       flex: none; 
       width: 100%; 
    } 
}

/* hyperlink styling */
a {	text-decoration: none;
	}
a:link {
	color: #A70A0D;
	}
a:visited {
	color: #A70A0D;
	}
a:hover {
	text-decoration: underline;
	}



footer {
	font-size: 70%;
	font-color: #666666;
	border-top: 1px dotted #666666;
	padding-top: 1em;
	margin-top: 2em;
}



/*content paragraphs, resizing according to screen width */
#content p {
	hyphens: auto;
	text-align: justify;
	line-height: 140%;
}

@media screen and (min-width: 1000px) {
         #content p {
         width: 75%;
         }
      }
@media screen and (max-width: 1000px) {
         #content p {
         text-align: left;
		 font-size: smaller;
		 line-height: 160%;
		 }
      }
   

/* Text styling: paragraphs and headings */
h1 {font-family: "Roboto Slab", sans-serif;
	column-span: all;
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: thin #000000 dotted;
	font-size: 2em;
	font-weight: 100;
	line-height: normal;
	}
h3 {
	padding-top: 1em;
	font-size: 1.2em;
	margin-bottom: 10px;
	break-after: avoid;
	color: #3D3D3D;
	}
p {	text-align: left;
	hyphens: auto;
	margin-bottom: 10px;
}


.hang {
	padding-left: 1.5em;
  	text-indent: -1.5em;
	padding-top: 0, 0, 0, 0;
	margin-bottom: 0, 0, 0, 0;
	}
.abstract {
	padding-left: 1.5em;
	}



.byline {
	border-left: 1em solid #A70A0D;
	padding-left: 0.5em;
	margin-bottom: 1.5em;
}
.extra {
	font-weight: 800;
	color: #A70A0D;
}




.sname {
	column-span: all;
}
.cname {
	text-transform: uppercase;
	font-weight: 100;
	font-size: smaller;
	column-span: all;
}
ul.syn {
	padding-top: 1em;
	padding-bottom: 1em;
}
ul.syn li {
	list-style: none;
	font-size: smaller;
	padding-left: 1em;
	text-indent: -1em;
}


/* References with hanging indent */
.ref {
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.ref strong {
	font-weight: 600;
}