@charset "UTF-8";
/* CSS Document */

body	{max-width:800px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		margin: 5px auto;
		}

header	{
	background-image:url(images/greentree.gif);
	background-repeat:no-repeat;
width: 100%;
padding:10px 10px 0px 10px;
}

header h1	{font-family: 'Poiret One', cursive;
color:#000;
font-size:3.5em;
margin-top:10px;
margin-left:15%;
}

header h1	{ text-shadow: 2px 2px 2px #333; }

.homelink a	{color:#000;}

nav	{
	/*background-color:#063; */
	text-align:right;
	margin-left:20%;
	border-bottom: #063 solid 2px;
}

nav ul	{list-style:none;
/*font-size:1.15em;
padding:5px; */
}

nav li	{display:inline;
margin-right:20px;}

nav a	{color:#063;
text-decoration:none;}

section	{min-height:500px;
	width:100%;
	padding-left:10px;}
	
article	{line-height:135%;
	padding-left:20px;}	
	
.narrow	{max-width:58%;}
	

aside	{float:right;
		margin-left:20px;
		margin-bottom:10px;}
		
		
.textside	{background-color:#DDD;
max-width:30%;
border: solid 2px #063;
-moz-border-radius: 15px;
border-radius: 15px;
padding:10px;
}		


.asidenav	{background-color:#DDD;
max-width:30%;
border: solid 2px #063;
-moz-border-radius: 15px;
border-radius: 15px;
padding:10px;
position:fixed; left:58%;
}
		
.asidenav ul	{list-style:none;
		line-height:130%;
		margin-left:-15px;}			

.mainpic	{
box-shadow: 5px 5px 5px #888888;
}		

a	{color:#063;
text-decoration:none;
font-weight:bold;}

img	{border: solid 1px #000;}		

footer	{
/*background-color:#063; */
color:#063;
width: 100%;
text-align:right;
padding:7px 20px 7px 5px;
border-top: #063 solid 2px;}

@viewport	{
	zoom: 1.0;
	width: device-width;
}

@media screen and (max-width: 420px) {
	body	{
		margin:0;
	}
	
  section, aside {
    float: none;
    width: auto;
  }
	img	{max-width:100%;
	}
	
	header	{
		background-image:none;
		margin-left:0;
		padding:0;
	}
	
	header h1	{
		font-size:3em;
	}
	
	nav	{
		border-bottom:none;
	}
	
	nav li	{
		display:list-item;
		font-size:1.75em;
		margin:2% 0 2% 0;
		text-align:left;
		margin-left:-20%;
	}
	
	
	.textside	{background-color:#DDD;
		width:auto;
		border: solid 2px #063;
		-moz-border-radius: 15px;
		border-radius: 15px;
		padding:10px;
	}		

	.narrow	{
		width:auto;
	}

	.asidenav	{
		display:none;
	}
	
}