body{
	margin-bottom: 5em;
    margin-left: auto;
    margin-right: auto;
}
h1, h3, h3 {
    font-family: "Helvetica Neue",Helvetica,'microsoft yahei ui','microsoft yahei','simhei',Arial,sans-serif;
    font-weight: normal;
}
nav{position: static;}
.affix {
    position: fixed;
}

#overview {
    margin-top: 30pt;
	padding: 2em;
	color: #EEE;
    background-color:#1F8DD6;
	white-space: pre-line;
}

#overview~#localNav{margin-top: 0;}
section h1{
	padding-bottom: 0.5em;
	border-bottom: 0.75pt solid #CCC;
}
.docs-example:before,
.docs-example ~ pre:before
{
    background-color: #F5F5F5;
    border: 1px solid #DDDDDD;
    color: #CCCCCC;
    content: "Example";
    display: block;
    font-weight: bold;
    padding: 2px 7px;
    width: 4em;
    margin-bottom: 0.25em;
}
.docs-example ~ pre:before {
    content: "MarkUp";
    margin: -4em 0 2em -1em;
}
.docs-example ~ pre{margin-top:4em; overflow: visible;padding: 1em;}
.notify{margin-top:1em;padding: 1em;}
@media screen and (min-width: 440pt) {
    #localNav{
        padding-right: 1em;
    }
    #mainNav {
        position: fixed;
        z-index: 100;
    }
}