#main{position:absolute;top:70px;left:0;right:0;bottom:0;background:#dfe9f0}
#footer{position:absolute;bottom:0;left:0;margin:0 0 10px 20px}
#docs{position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;-webkit-overflow-scrolling:touch}
#docs>article{margin:40px 20px;padding:20px;min-height:60%;box-shadow:2px 6px 16px rgba(0,0,0,0.5);background:#fff;max-width:700px}
#docs>article:first-child{border:none}
.code-demo:hover{margin-left:-12px;border-left:solid 4px #08c;padding-left:8px}
.hll{background-color:#ffc}
.c{color:#998;font-style:italic}
.err{color:#a61717;background-color:#e3d2d2}
.k{color:#000;font-weight:bold}
.o{color:#000;font-weight:bold}
.cm{color:#998;font-style:italic}
.cp{color:#999;font-weight:bold;font-style:italic}
.c1{color:#998;font-style:italic}
.cs{color:#999;font-weight:bold;font-style:italic}
.gd{color:#000;background-color:#fdd}
.ge{color:#000;font-style:italic}
.gr{color:#a00}
.gh{color:#999}
.gi{color:#000;background-color:#dfd}
.go{color:#888}
.gp{color:#555}
.gs{font-weight:bold}
.gu{color:#aaa}
.gt{color:#a00}
.kc{color:#000;font-weight:bold}
.kd{color:#000;font-weight:bold}
.kn{color:#000;font-weight:bold}
.kp{color:#000;font-weight:bold}
.kr{color:#000;font-weight:bold}
.kt{color:#458;font-weight:bold}
.m{color:#099}
.s{color:#d01040}
.na{color:#008080}
.nb{color:#0086b3}
.nc{color:#458;font-weight:bold}
.no{color:#008080}
.nd{color:#3c5d5d;font-weight:bold}
.ni{color:#800080}
.ne{color:#900;font-weight:bold}
.nf{color:#900;font-weight:bold}
.nl{color:#900;font-weight:bold}
.nn{color:#555}
.nt{color:#000080}
.nv{color:#008080}
.ow{color:#000;font-weight:bold}
.w{color:#bbb}
.mf{color:#099}
.mh{color:#099}
.mi{color:#099}
.mo{color:#099}
.sb{color:#d01040}
.sc{color:#d01040}
.sd{color:#d01040}
.s2{color:#d01040}
.se{color:#d01040}
.sh{color:#d01040}
.si{color:#d01040}
.sx{color:#d01040}
.sr{color:#009926}
.s1{color:#d01040}
.ss{color:#990073}
.bp{color:#999}
.vc{color:#008080}
.vg{color:#008080}
.vi{color:#008080}
.il{color:#099}