@charset "UTF-8";
* {margin: 0; padding: 0; border: 0; outline: 0;}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, sidebar, summary 
{margin: 0; padding: 0; border: 0; outline: 0; display: block;}

body {margin: auto; width: 60em; font-family: sans-serif; line-height: 1.5em;}
body > header {margin-top: .8em;}

.logo {padding: .5em; padding-bottom: 0em;}
p, li {font-size: .95em;}

section {}
section.left {float: left;}
section.right {float: right;}

nav, footer, article, aside, nav .current a, aside img {box-shadow: black 0.1em 0.1em 0.3em 0; -moz-box-shadow: black 0.1em 0.1em 0.3em 0; border-radius: 0.3em; -moz-border-radius: 0.3em;} 

nav, footer {padding: .5em; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #85c71d), color-stop(100%, #298d13)); background-image: -moz-linear-gradient(top, #85c71d 0%, #298d13 100%); background-image: linear-gradient(top, #85c71d 0%, #298d13 100%); background-color: #85c71d;}
nav a, footer a {padding: 0 .6em 0 .6em; text-decoration: none; color: black;}
nav li, footer li {font-size: 1em; padding: 1em; list-style: none; display: inline;}
nav .current a {padding: 0.3em 0.6em;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #c0f948), color-stop(100%, #85c71d));
  background-image: -moz-linear-gradient(top, #c0f948 0%, #85c71d 100%);
  background-image: linear-gradient(top, #c0f948 0%, #85c71d 100%);
  background-color: #c0f948;}

footer {margin-bottom: 1em;}
footer {clear: both; text-align: center;}

article, aside {padding: 1em; margin: 1em 0 1em 0; background-color: #dddddd; border: solid 1px #d0d0d0;}
article {width: 38.8em;}
article header h1 {padding-bottom: .5em; font-size: 1.8em;}
article > section {padding-bottom: .6em;}
article > section > h1 {padding-bottom: .3em; font-size: 1.3em; color: #006819;}
article img {float: left; width: 19em; padding-right: .5em;}
article ul {}
article p, article li {padding-bottom: .2em;}
article li {list-style:disc; margin-left: 1.3em;}
article p:last-of-type, article li:last-of-type {padding-bottom: 0;}

aside {width: 16em;}
aside img {width: 100%;}
aside ul {}
aside li {text-align: center; list-style: none;}

article > section, aside li {margin-bottom: 0.4em; padding-bottom: .2em; border-bottom: 0.1em solid gray;}
article > section:last-of-type, aside li:last-of-type {margin-bottom: 0; padding-bottom: 0; border-bottom: none;}