@CHARSET "utf-8";
/*-------------------- Section Elements --------------------*/
html {
	margin-left: 55px;
}
header {
	clear: both;
}
footer {
	clear: both;
	border-top: 2px solid rgb(0,0,255);
}
article { 
	padding: 0px 2px 0px 2px;
	margin-bottom: 5px;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.1em;
}


/*-------------------- General Elements --------------------*/
h2 {
	text-align: center;
}
p {
	font-size: 1.1em;
}
p.copyright {
	font-size: 1.1em;
}
a {
	color: rgb(255,105,0);
	text-decoration: none;
}
/*
a:hover {
	color: rgb(255,255,255);
}
*/

/*
ul, ol, li {
	padding-left:1em
}
*/




div.box {
	border-style: solid;
	border-width: 2px;
	border-color: rgb(255,150,150);
	border-radius: 10px;
	margin: 5px;
}
span.R1 {
	color: rgb(0,255,0);
}
span.R2 {
	color: rgb(0,175,0);
}
span.N1 {
	color: rgb(0,0,255);
}
span.N2 {
	color: rgb(255,0,0);
}
span.LVN1 {
	color: rgb(255,0,0);
}
span.LVN2 {
	color: rgb(0,0,255);
}

span.P1 {
	color: rgb(255,0,0);
}
i.icon-large {
	font-size: 3em !important;	
}

/*-------------------- Navigation Menu --------------------*/
#navTitle {
	text-align: center;
}
div#navMenu {
	cursor: pointer;
	position: fixed;
	top: 0px;
	left: 0;
/*	height: 170px; */
	z-index: 1;
	margin: 0 50px;
	background: rgb(255, 190, 79);
	color: rgb(255, 255, 255);
}

#menuIconContainer {
	display: flex;
	flex-direction: column;
}

.menuItem {
	font-size: 1.5em;
	text-align: center;
	margin: 5px;
}

/* hamburger icon*/
div#hamburgerMenuIcon {
	display: inline-block;
	cursor: pointer;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
}
div.bar1, div.bar2, div.bar3 {
	width: 35px;
	height: 5px;
	background-color: #333;
	margin: 6px 10px;
	transition: all 0.4s ease;
}
div.change div.bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
    transform: rotate(-45deg) translate(-9px, 6px) ;
}
div.change div.bar2 {             /* Fade out the second bar */
    opacity: 0;
}
div.change div.bar3 {             /* Rotate last bar */
    -webkit-transform: rotate(45deg) translate(-9px, -7px) ;
    transform: rotate(45deg) translate(-9px, -7px) ;
}

/*-------------------------- Images -------------------------*/
img#coverImage {
	float: left;
	padding: 0px 10px 10px 10px;
	height: 15em;
}


/*-------------------- Specific Elements --------------------*/
.centeredText p {
	text-align: center;
}
div.floatLeft {
	float: left;
}
div.floatRight {
	float: right;
}
div.floatCenter {
	margin: auto;
}
div#titleBlock {
	text-align: center;
	border-bottom: 2px solid rgb(0,0,255);
/*	height: 2em;  */
}
div#titleBlock p#title {
	font-size: 1.8em;
	font-weight: bold;
}
div#titleBlock p#author {
	font-size: 1.2em;
}