html {
    padding:1em 0;
    font-size:1em;
    line-height:1.6
}

body {
    margin:0 auto;
    padding:3%;
    max-width:768px
}

h1 {
    margin-top:0
}

p { 
    margin-top:1.5em
}

code { 
    font-family:monospace;
    display:inline-block
}

body {
    border: rgba(0, 0, 0, 0.05) 1px solid;
    color: #444;
}

th, td { 
    border: #ccc 1px solid;
    padding: 0.2em; 
}  

footer {
    border-top: #ccc 1px solid;
    text-align: center;
}

blockquote {
    padding: 1em;
    box-shadow: 0 0 2px rgba(0,0,0,0.25);
}

ul li {
    list-style: disc;
    margin-left: 1em;
}

code { 
    line-height: 1.1em; 
}

pre {
    white-space: pre-wrap;
    border: rgba(0, 0, 0, 0.15) 1px solid;
    width: 100%;
    background-color: #efefee;
    padding-left: 0.5em;
 }

header {
    border-bottom: #ccc 1px solid;
}

nav ul { margin-left: -3em; }
nav li { display: block; margin-bottom: 1em; }
nav li a { display: block; }
nav li a:hover { background-color: #eee; }
nav li a {
    text-decoration: none;
    padding-left: 0.2em;
    box-shadow: 0 0 2px rgba(0,0,0,0.25);
    border: #ccc 1px solid;
}

@media (max-width: 480px) {
    body {
    	border: none;
    }
    blockquote {
	margin: 0 auto;
    }
}