/* bergeman.css; designed by Ryan Bergeman (c) */

html { background-color:#eee; border-top:1.5em solid #fff; color:#001; font:62.5%/1 Helvetica,sans-serif; margin:0; padding:0 }
body { margin:0 auto; padding:0 }
header,section,footer { display:block }
p { line-height:1.6 }
p, li { font-size:1.6em }

a { background:transparent; text-decoration:underline }
a:link { color:#338 }
a:visited { color:#333 }
a:hover { color:#226 }

header div,
section div,
footer div { margin:0 auto; max-width:82em; padding:0; position:relative }

header,
footer { border-color:#aaa; border-style:solid }

header { border-width:.15em 0; background-color:#ddd; color:inherit; margin:0; padding:0 }
header h1 { font:6em "HelveticaNeue-CondensedBold","Helvetica Neue Condensed Bold",Helvetica,sans-serif; margin:0; padding:.5em .5em .9em 0 }
header img { background-color:#e7e7e7; border:thin solid #aaa; color:inherit; margin:0; padding:.5em; position:absolute; top:1em; right:1em; width:15em; height:15em }

#content { background-color:#fff; color:inherit; margin:0; padding:1em 1em 5em }
#content p { max-width:40em }

footer { border-width:.15em 0 0; display:block; margin:0; padding:1em 0 0 }
footer h1 { font:2em "HelveticaNeue-CondensedBold","Helvetica Neue Condensed Bold",Helvetica,sans-serif; margin:0; padding:0 }
footer p { margin:0; padding:0 }
footer section.half { float:left; margin:1.5em 0 0; width:50% }
footer #elsewhere:after { background:#ddd; color:inherit; content:""; display:block; height:.1em; margin:1em 0 0 }
footer #elsewhere h1 { display:inline }
footer #elsewhere h1:after { content:"\0020\2708" }
footer #elsewhere ul { display:inline; list-style:none; margin:0; padding:1em 0 1em 4em }
footer #elsewhere ul li { display:inline-block; margin:0; padding:1em .5em }
footer #elsewhere ul li a { background-color:transparent; color:#36c; padding:.4em }
footer #elsewhere ul li a:hover { background:#bbb; color:#03c }
footer #elsewhere ul li a span { font-size:smaller }
footer #html5 h1:after { content:"\0020\2764" }
footer #html5 p em { font-variant:small-caps }
footer #copyright h1:after { content:"\0020\2654" }
footer #copyright a { color:inherit; text-decoration:none }