/* Keith Brooke, 5 October 2020 */

/* set up the framework of the page */
BODY {margin-top: 20px; margin-bottom: 20px ; padding: 0; 
width:90%;
margin-left:auto;
margin-right:auto;
}

#container 
{ 
border: 0px solid yellow; margin-left:auto;
margin-right:auto; 
width: 80%;
}

#cleardiv {clear: both;
border: 0px solid red;}

#rightcol {
  margin-left:  500px;
  width: 520px;
  border: 0px solid yellow;
}
#mainblock {
width:90%;
margin-left:auto;
margin-right:auto;
  width: 80%;
  border: 0px solid black;
}


/* default colours, fonts, etc */
BODY { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#99e8e8+0,b6eaea+100 */
background: #99e8e8; /* Old browsers */
background: -moz-linear-gradient(top,  #99e8e8 0%, #b6eaea 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #99e8e8 0%,#b6eaea 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #99e8e8 0%,#b6eaea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99e8e8', endColorstr='#b6eaea',GradientType=0 ); /* IE6-9 */
;}


/*header block*/
.header { border: 0px solid green;display: block;
			 position: relative;
	top:0px;
	right:0px;
			 z-index: -2;}
.header img {z-index: -2;position: absolute	;
	top:0px;
	border: 1px solid #a6bdcb;
	width: 100%;
	opacity:0.5;
filter:alpha(opacity=50); /* For IE8 and earlier */
}




/* set the main font sizes, spacing, styles and weights */
HTML, TABLE { font-size: 100%; } /* IE fix */
BODY { color: #222222; font-family: Gudea, sans-serif; font-size: 0.9em; } /* default font size and weight */ 
H1 { font-size: 1.8em; color: white; font-family: Lato, sans-serif; text-align: center; padding-bottom: 2em; padding-top: 3em; position: relative; z-index: 3; text-shadow:1px 1px 1px #666666; }
H2 { font-size: 1.3em; color: black; font-family: Lato, sans-serif; margin-top: 32px; }
H3 { font-size: 1.1em; color: black; font-family: Lato, sans-serif; margin-bottom: 0pt; padding-bottom: 1em; padding-top: 2em; }
H4 { font-size: 1em; color: black; font-style: italic; font-family: Lato, sans-serif; }
H5 { font-size: 0.8em; text-transform: uppercase; font-family: Lato, sans-serif; }
H6 { font-size: 0.7em; text-transform: uppercase; font-family: Lato, sans-serif; }
p { margin-top: 0pt; }


/*nav bar */
.mainmenu
{
width:80%;
margin: auto;
text-align: center;
text-transform: uppercase;
font-family: Lato, sans-serif;
    font-size: 1em;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
    
        border: 1px solid #496272;
        background-color: #1b7979;
        border-radius: 1px;
    box-shadow: 0 1px 1px #777;
    letter-spacing: 1px;
    padding: 4px;
    margin-bottom: 1em;
    opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
color: white;
position: relative; z-index: 2;
}

.headernav
{
position: fixed;
  top: 20px;
  left: 15%;
  right: 15%;
  width: 70%;
}

/* links - nav bar */
A.navmenu:link { color: white; text-decoration:none; border-bottom: 1px dotted;}
A.navmenu:visited { color: white; text-decoration:none; border-bottom: 1px dotted; }
A.navmenu:active { color: white; text-decoration:none; border-bottom: 1px solid; }
A.navmenu:hover { color: white; text-decoration:none; border-bottom: 1px solid; }



/* links - standard */
A:link { color: ; text-decoration:none; border-bottom: 1px dotted;}
A:visited { color: ; text-decoration:none; border-bottom: 1px dotted; }
A:active { color: ; text-decoration:none; border-bottom: 1px solid; }
A:hover { color: ; text-decoration:none; border-bottom: 1px solid; }

A.image {text-decoration:none; border-bottom: none; }

/* IE fix */
A img { border: 0; }



.coverblock {text-align: center;}
.puff { text-align: center; margin: 40 px; padding:20px; color: #444444;}


/*page element styling */
.centered { text-align: center;}
.copyright { text-align: center;
		margin: auto;}
TD { vertical-align: top; }
hr {
  border: 1px solid #cccccc; width:50%;
  clear: both;
float: none;
}


/* image styling */
.styled {-webkit-filter: grayscale(0);
		margin: 8px; padding: 4px;
		-webkit-box-shadow:  2px 2px 6px 2px rgba(99, 99, 99, 0.3);
		box-shadow:  2px 2px 6px 2px rgba(99, 99, 99, 0.3);
	 	background-color: #ffffff;
		}
.styled:hover {-webkit-filter: brightness(120%);
		margin: 8px; padding: 4px;
		-webkit-box-shadow:  2px 2px 6px 2px rgba(99, 99, 99, 0.3);
		box-shadow:  2px 2px 6px 2px rgba(99, 99, 99, 0.3);
	 	background-color: #ffffff;
		}
.styled-nohighlight {-webkit-filter: grayscale(0);
		margin: 8px; padding: 4px;
		-webkit-box-shadow:  2px 2px 6px 2px rgba(99, 99, 99, 0.3);
		box-shadow:  2px 2px 6px 2px rgba(99, 99, 99, 0.3);
	 	background-color: #ffffff;
		}


/*social media icons*/
#sm { border: 0px solid blue;
	text-align: center; 
float: none;
clear: right;}

/*bibliography*/
#featured {clear: both;
float: none;}