/* Light theme for all pages except the home page. This stylesheet handles basic colours and grouping.  Font size information is found on the size stylesheets. */

body{
	background-color:#B0B0B0;
	color: black;	
	height:100%;
	width:99%;
	line-height:1.5;
}
/**** header information ****/
header{
	position:relative;
background-color:/*#004f2e;		*/ #0a784a;	
	margin-left: 0.5%;
	margin-right: 0.5%;
	min-height:15%;
	border: 1px solid darkgrey;
}

header h1, header a{
	font-size: 130%;
	color:#f4bd3b; 
}

header img{
	margin-top:1%;
	margin-left:1%;
}

/* end header information */
/**** aside information ****/	
aside{
	margin-top: 3%;
	margin-left: 2%;
	background-color:#004f2e;
	min-width: 15%;
	min-height: 90%;
	max-width:15.5%;
	float: left;
	border: 1px solid darkgrey;
	color:#f4bd3b; 
	overflow:auto;
}
aside h4{
	color:#f4bd3b;
}
aside.box{
	position: relative;
	border: 2px solid #33322f;
	min-height:8%;
	width: 90%;
	border-radius:5px;
	min-height:unset;
	min-width:unset;
	max-width:unset;
	margin-left:5%;
	color:unset;
	background-color:#00582e;
}

aside.highlightbox{
	background-color: lightgreen;
	color:black;
	position: relative;
	border: 2px solid #33322f;
	min-width:unset;
	max-width:unset;
	width: 90%;
	border-radius:5px;
	min-height:unset;
	margin-left:5%;
}
aside a{
	display:block;
	color: #f4bd3b; 
}

span{
	position:relative;
}

span.box{
	vertical-align:middle;
	text-align:center;
}
/* handles the line number information of the code block, not the codeblock itself */
aside.block{
	position:relative;
	height:unset;
	width:2.1%;
	background-color:unset;
	margin-top:unset;
	margin-left:unset;
	min-width:unset;
	min-height:unset;
	min-height:unset;
	border:unset;
	margin-right:2%;
	color:unset;
	border-right: 1px solid black;
}

/**** end aside information ****/

/*** Main area information ***/
/* outer section */
section{
	margin-top:3%;
	background-color: white;
	width:79%;
	min-height:90%;
	margin-right:3%;
	float:right;
	border: 1px solid darkgrey;
}

/* inner section */
article{
	margin-left:1%;
	margin-right:1%;
}

/*** end main area ***/
hr{
	color:green;
}
/*** General Properties ***/
		
a{
	color:#003300;
}

h1{
	color:darkgreen;
	text-align:center;
	font-size:200%;
}
			
h2, h3, h4, h5, h6{
	color:darkgreen;
}

h3{
	margin-left:2%;	
}
			
			
table, th, td{
	border: 2px solid black;
	margin:auto;
	font-size:21px;
}
span.alert{
	color:#e60000;
}
tr.even{
	background-color:#33322f;
}
			
section p{
	position: relative;
	padding-left:2%;
}
pre{
	overflow:auto;
}			
		
img{
	max-width:90%;
	border:1px solid black;
}
header img{
	border:unset;
}

.button
{
height:30px;
	border: 1px solid black;
}
a:hover
{
	color: #206112
}

aside a:hover, header a:hover{
	color: #bf8d19
}

/* end of general properties */
/* Website settings area */
#settings
{
	display:none; 
	min-height:15%;
	width:79%;
	background-color:white;
	margin-top:2%; 
	float:right; 
	margin-right:3%;
}
div table, div th, div td
{
	border:unset;
	text-align:center;
	color:black;
}

table input
{
min-width:100px;
}

table.settings
{
border-spacing:10px;
}


/* footer section with license */
section.footer{
	width: 95%;
	height:unset;
	min-height:unset;
	margin-bottom:unset;
	

}
footer {
	position:relative;
}