/* This is the stylesheet for Koala text styles*/


* {
	margin:0;
	padding:0;
}

@font-face {
    font-family: 'balooregular';
    src:  url('../fonts/Baloo-Regular-webfont.woff') format('woff'),
}

body {
    
	background-image:linear-gradient(to right, #587521, #9cc543);
	//background-image: url("../images/leaves.png");
	//background-color:lightblue;
	background-repeat: repeat-x;
	font-family: 'Times New Roman', Times, serif;
}

#container {
	display:flex;
	flex-direction:column;
	width:90%;
	border:4px solid black;
	box-shadow: 5px 4px 8px 5px rgba(0, 0, 0, 0.5);
	background-color:white;
	margin:25px auto;
	border-radius: 25px;
} 


header {
	background-color: #587521;
	border-top-left-radius: 24px;
	border-top-right-radius: 24px;
}

main {
	display:flex;
	flex-direction:row-reverse;
	flex-wrap:wrap;
	justify-content: center;
	padding:25px;
}

.column {
		display:flex;
		flex-direction:column;

}


img.fullwidth {
	width:100%;
}



.banner {
	box-shadow:none;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	border:none;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
}

nav ul{
	background-color:darkgreen;
	text-align:center;
	padding: 15px 0;

}


nav ul li {
	display:inline;
	color:white;
	padding-right:24px;
}

nav ul li a:link {
	color:white;
	text-decoration-line: none;
}

nav ul li a:visited {
	color:white;
	text-decoration-line: none;
}

nav ul li a:hover {
	color:red;
	text-decoration: none;
}

h1 {
	font-family: 'balooregular';
    color:white;
    background-color: #587521;
    text-align: center;
	letter-spacing:2px;
	padding:6px;
   }

   h3 {
	font-family: 'balooregular';
    color:#587521;
	letter-spacing:2px;
	
   }

p {
	color:#293D29;
	font-size:larger;
	line-height: 1.5em ;
  }

ul {
  list-style-image: url('../images/leaf-1-24.png');
	color:purple;
	font-weight:bold;
	font-style:italic;
	list-style-position: inside;
}

ol li {
	list-style-type: upper-roman;
	list-style-position: inside;
}


p em {
	color:rgb(5, 88, 74);
}

.koalacenter  {
	font-weight:bold;
	font-style:italic;
	color:darkblue;
}

img {
	border:1px solid black;
	padding:6px;
	margin:12px 0;
	box-shadow: 5px 4px 8px 5px rgba(0, 0, 0, 0.5);
}


p.boldpurple {
	font-weight:bold;
	color:purple;
}


footer {
	    background-color:black;
		text-align:center;
		color:white;
		clear:both;
		border-bottom-left-radius: 22px;
		border-bottom-right-radius: 22px;
}


footer p {color:white;

}

footer a:link, a:visited {
	color:yellow;
}

footer a:hover {
	color:lightblue;
}


.center {
	display:block;
	margin:10px auto;
}

.floatleft {
	float:left;
	margin-right:24px;
}

.floatright {
	float:right;
	margin-left:24px;
}