html,body,header,nav,section,footer,h1,h2,h3,div,p,ul,ol,li{margin:0;padding:0}section,footer{padding:5px 10px}html{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #777), color-stop(100%, #333));background:-webkit-linear-gradient(#777, #333);background:-moz-linear-gradient(#777, #333);background:-o-linear-gradient(#777, #333);background:linear-gradient(#777777,#333333);background-attachment:fixed;height:100%}body{background:#FFF;font-family:Verdana, sans-serif;font-size:15px;max-width:850px;margin:0 auto;border-left:1px solid black;border-right:1px solid black}@media (min-width: 1020px){body{max-width:1000px}}#header{background-color:#afa965;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fffad2), color-stop(100%, #afa965));background-image:-webkit-linear-gradient(#fffad2, #afa965);background-image:-moz-linear-gradient(#fffad2, #afa965);background-image:-o-linear-gradient(#fffad2, #afa965);background-image:linear-gradient(#fffad2,#afa965);border-bottom:1px solid #523f25}#header a{color:black;text-decoration:none}.logo{display:block;float:left;width:145px;height:140px;margin:5px 25px;background:url(https://s3hub-26970d107940297a9dae7a83104f92a9d30730d0d6103f4385a508b86.s3.amazonaws.com/images/logo.png);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;-ms-transform-origin:0 0 0;-o-transform-origin:0 0 0;transform-origin:0 0 0;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}@media (max-width: 850px){.logo{-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;-ms-transform-origin:0 0 0;-o-transform-origin:0 0 0;transform-origin:0 0 0;-webkit-transform:scale(0.3);-moz-transform:scale(0.3);-ms-transform:scale(0.3);-o-transform:scale(0.3);transform:scale(0.3);margin:5px 12px}.logo-container{display:block;float:left;width:80px;height:65px}}@media (min-width: 1020px){.logo{margin-left:60px}}h1{font-family:Arial, sans-serif;font-weight:bold;padding:12px 0 0;font-size:6em;letter-spacing:0.05em;text-shadow:0 0 20px rgba(255,255,20,0.5)}@media (max-width: 850px){h1{padding:9px 0 0;font-size:1.9em}}br{clear:both}nav{padding:0;margin:0;margin-left:30px}@media (max-width: 850px){nav{margin-left:10px}}@media (min-width: 1020px){nav{margin-left:70px}}#nav-list{float:left;width:100%;padding:0;margin:-20px 0 0;list-style:none}@media (max-width: 850px){#nav-list{margin:-10px 0 0}}#nav-list li{float:left;margin:0;padding:0 0 10px;line-height:normal}#nav-list a{font-family:monospace;float:left;dispay:block;font-size:0.9em;padding:6px 12px;margin:0 30px 0 0;color:#000;letter-spacing:0.1em;text-decoration:none;border:1px solid #248;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:2px 3px 4px rgba(0,0,0,0.4);-moz-box-shadow:2px 3px 4px rgba(0,0,0,0.4);box-shadow:2px 3px 4px rgba(0,0,0,0.4);background:#719fd5}#nav-list a:hover{background:#9be0ff}@media (max-width: 850px){#nav-list a{font-size:0.8em;padding:8px 8px;margin-right:13px}}#nav-list.news #nav-news a,#nav-list.music #nav-music a,#nav-list.writings #nav-writings a,#nav-list.software #nav-software a,#nav-list.images #nav-images a,#nav-list.about #nav-about a{border:1px solid #482;background:#96d4a1}#nav-list.news #nav-news a:hover,#nav-list.music #nav-music a:hover,#nav-list.writings #nav-writings a:hover,#nav-list.software #nav-software a:hover,#nav-list.images #nav-images a:hover,#nav-list.about #nav-about a:hover{background:#acd4b0}section{background-color:#FFF;padding:0 10px 20px;min-height:300px;max-width:600px;margin-left:auto;margin-right:auto}@media (min-width: 1020px){section{max-width:850px}}section *{max-width:600px}@media (max-width: 620px){section *{max-width:300px}}@media (min-width: 1020px){section *{max-width:850px}}section pre{color:#004;background-color:#ddd;border:1px solid #bbb;width:100%;overflow:auto;margin:0 0 20px;padding:5px}@media (max-width: 620px){section pre{max-width:95%}}section li pre{margin:0}section table,section div{margin-bottom:20px}section img{display:block;margin-bottom:20px}section li img{margin-top:10px}@media (max-width: 620px){section li img{max-width:90%}}section img.inline{display:inline;margin:0}section img.diagram{height:500px;width:auto;margin:0 auto}section .with-sidebar{float:left;max-width:380px;margin-right:20px}h2{font-family:Helvetica;color:#263a4c;font-size:1.8em;letter-spacing:0.1em;word-spacing:0.2em;border-bottom:4px #ddd double;margin:20px 0;padding-bottom:15px;text-shadow:1px 2px 2px rgba(18,53,78,0.35)}h2 a{color:#263a4c;font-size:0.75em;opacity:0.75}@media (max-width: 620px){h2{margin:10px 0;padding-bottom:10px}}h2:nth-of-type(n+2){border-bottom:none}h3{margin:10px 0;padding-top:30px}h3:first-child,h2+h3{padding-top:0}hr{border:0;border-bottom:4px #ddd double;margin-bottom:20px;clear:both}p{line-height:1.4em;letter-spacing:normal;display:block;margin-bottom:20px}.right{text-align:right}ul,ol{margin-left:1.35em;margin-bottom:20px}ol{margin-left:2em}li{line-height:1.7em;margin-bottom:16px}li ul,li ol{margin-top:10px}table{margin-bottom:10px}th{vertical-align:top;text-align:left}.music th{padding-right:10px}.music th::after{content:':'}audio{height:36px;display:block;margin:0 0 10px;padding:0}.gallery{margin-top:30px}.gallery img{display:inline;vertical-align:middle;width:96px;margin:10px}@media (max-width: 850px){.gallery img{width:70px}}footer{border-top:1px solid black;border-bottom:1px solid black;padding:10 20px;font-size:75%;background-color:#bbb}.license{text-align:center}.license span{display:block;width:88px;height:31px;background:url(https://s3hub-26970d107940297a9dae7a83104f92a9d30730d0d6103f4385a508b86.s3.amazonaws.com/images/somerights20.png);margin:5px auto}.license a{text-decoration:none;color:#555}b{font-weight:normal;text-decoration:underline}dfn{margin:0 0 20px;display:block}blockquote{margin:0 0 20px;padding:10px;border:1px dotted gray;background:#f8f8ff;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;word-spacing:0.2em}blockquote p{margin-bottom:0px}dl{max-width:600px;display:block;margin:0;padding:0}dl dt{font-size:1.1em;font-weight:bolder;display:block;margin:50px 0 10px}dl dt:first-child{margin-top:20px}dl dd{margin:10px 0 0 5px;display:block}.youtube-player{frameborder:0;width:290px;height:170px;margin-bottom:20px;max-width:none}@media (min-width: 768px){.youtube-player{width:640px;height:385px}}@media (min-width: 1020px){.youtube-player{width:853px;height:480px}}code{white-space:pre}@media (max-width: 620px){code{max-width:95%;white-space:pre-wrap}}em code{font-style:normal}code.max-window{background-color:#e8e8e8;padding:0 6px}pre.max-window{background-color:#e8e8e8;border:0}code.max-error{background-color:#f0c4c4;padding:0 6px}code.max-warning{background-color:#eecfa7;padding:0 6px}pre.max-window code{margin-left:-5px;display:block}pre.max-doc{background-color:#f9f9fe}textarea{width:100%;margin-bottom:20px;font-family:monospace}textarea.patcher{width:450px;height:160px}@media (max-width: 620px){textarea.patcher{width:200px}}img.patcher{border:1px solid #ddd;border-radius:6px;padding:16px;max-height:400px;margin:20px 20px 30px}@media (max-width: 620px){img.patcher{max-width:220px;margin-left:20px;margin-right:20px}}.patcher{box-shadow:3px 4px 16px rgba(0,0,0,0.4)}img.shadowed-screenshot{margin:-35px -55px}@media (max-width: 620px){img.shadowed-screenshot{margin:-15px -25px}}.shadow{box-shadow:3px 4px 16px rgba(0,0,0,0.4)}.download-link{display:block;text-decoration:none;margin:40px 0;text-align:center}.download-link span{background-color:#f0f0f0;padding:12px 18px;border:1px solid gray;border-radius:12px;box-shadow:2px 3px 7px #888}.download-link span:hover{background-color:#70b3ff}.article-date{font-family:Fixed, monospace}@media (max-width: 620px){.title-backlink{white-space:pre}.title-backlink:after{content:'\000A'}}.processing-logo{display:block;float:left;margin-right:10px}a.processing{float:left;margin:0 10px 25px;text-align:center}a.processing img{display:block;margin:0;width:120px}@media (min-width: 768px){a.processing{margin-right:40px}}.processing-sketch{width:100%}.processing-sketch *{text-align:center;margin:0 auto}.processing-sketch h2{border:0}.processing-sketch canvas{display:block;margin-bottom:10px}