* html { width: 100%; }
body { font-family: georgia, serif; }
.clear { float:none; clear:both;}
a { color: #333; }
a:hover, .selected a{ background: #333; color: white; text-decoration: none; }

p { margin-bottom: 15px; }
.footnotes { font-size: 80%; }
p.first  { margin-top: 20px; }

h2 { font-weight: bold; margin-top: 20px; margin-bottom: 20px; }
#canvas { width: 320px; padding: 10px; background-image:none;}
#head, #content { width: 320px; margin-top: 50px; font-size: 120%; }

#title { width: 280px; float: none; }
h1 { display: inline; float: left; font-size: 250%; }
#strap { width: 120px; font-size: 80%; padding-top: 15px; }

#nav { padding-top: 20px; padding-bottom: 10px; width: 100%; }
#nav ul li { float: none; margin-bottom: 5px; }
#nav ul li a, .cta a { font-size: 150%; display: block; padding: 5px; margin-bottom: 5px; background: #eee; -webkit-border-radius: 5px; }
#nav .current_page_item a { background: #333; color: white; text-decoration: none; }