/* Styling for Koala Bear website */

body {
	 font-family: Verdana, Arial, "Helvetica", sans-serif;
	 background-color:#E6C7B3;
	 font-size: 13pt;
	 line-height: 120%;
	 }

@font-face {
	font-family: 'boycottregular';
	src: url('fonts/BOYCOTT_-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

h1 {
	color: navy; 
	text-align: center;
	}


h3, h4 {
	font-family: 'boycottregular';
	font-style:italic;
	font-size:1.1em;
	padding-top: 10px;
	text-transform:uppercase;
	color: maroon;
	margin-top:25px;
	margin-bottom:-10px;
	}

p  {
	font-size:0.95em;
	text-indent:25px;
	line-height:120%;
	}

p em {
	color: green;
	}

ol li {
	line-height: 1.5em;
	}

.bolditalic
	{
	font-style:italic;
	font-weight:bold;
	color:teal;
	}

nav {
	 background-color:black;
	 line-height:200%;
	 display: block;
		}

nav li {
		display: inline;
		list-style-type: none;
		margin-right: 15px;
		}
	
nav a  {
		color:white;
		font-weight:bold;
		text-decoration:none;
		}

nav a:hover {
		color:red;
		font-weight:bold;
		text-decoration:underline;
		}

img {
	border:2px solid red;
	padding: 15px;
	margin: 25px;
	background-color:#E8BD7D;
}

.imgblue {
	border: 2px solid navy;
	padding: 15px;
	margin: 25px 50px;
	background-color:#B3D1E6;
}

img.right {
		float: right;
}

img.left {
		float: left;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 85%;
}

img.leftgallery {
		float: left;
		margin-right:5px;
}

aside {
  width: 25%;
  margin-right: 20px;
  font-family: Arial, Helvetica, sans-serif;
  float: left;
  overflow: visible;
}

aside h3 {
  margin-bottom: 0.5em; 
}

aside p {
  margin: 0;
  padding: 0 1% 1% 2%;
  font-size: 0.5em;
  color: white;
  background-color: maroon;
  text-align: center;
}

	#container {
		width: 90%;
		border-width: 2px solid black;
		margin: 10px auto;
		clear: both;
		background-color: white;
	}
	
	header {
		background-color: maroon;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
		text-align: center;
		color: white;
	}

	footer {
		border-top: solid 2px black;
		font-size: 1.1em;
		font-weight: bold;
		background-color: maroon;
		margin-top: 1em;
		padding: 1em auto;
		text-align: center;
		color: white;
		clear: both;
		border-bottom-right-radius: 20px;
		border-bottom-left-radius: 20px;
		}

	div p{
		color: black;
		}