/* null margins and padding to give good cross-browser baseline */
html, body, header, main, section, 
ul,li,
h1, h2, p {
 margin:0;
 padding:0;
}

*, *:after, *:before {
 box-sizing:border-box;
}

hr {
 display:none;
 /*
  HR in my code are for semantic breaks in topic/section,  NOT
  style/presenation,  so hide them from screen.css users
 */
}

html, body {
 height:100%;
}

body {
 font:normal 1em/1.5 arial,helvetica,sans-serif;
}

h2 {
 padding-bottom:0.5em;
}

main,
p {
 padding-bottom:1em;
} 

h1 {
 padding-bottom:0.375em;
}

a {
 color:#000;
}

ul {
 margin-bottom:1em;
}

li {
 margin-left:1em;
}

header,
main,
footer {
 padding:0 1em;
 max-width:60em;
}

header {
 padding-top:0.5em;
}

main,
footer {
 padding-bottom:1em;
}