article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{background:#fff;color:#000;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:.67em 0}
h2{font-size:1.5em;margin:.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:.83em;margin:1.67em 0}
h6{font-size:.67em;margin:2.33em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
mark{background:#ff0;color:#000}
p,pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}

html,button,input,select,textarea{color:#222}
body{font-size:1em;line-height:1.4;font-family:"droid-serif",droid-serif,serif;font-weight:400;font-size:18px;line-height:1.4;color:#333}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
hr{width:20%;margin:50px auto 40px auto;border:1px solid #dededc}
img{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}
#container{font-size:22px;line-height:1.45;padding-top: 200px; margin:auto;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.contain{max-width:700px;margin:auto}
h1,h2,h3,h4,h5,h6{font-family:"source-sans-pro",source-sans-pro,sans-serif;margin:0}
.intro{font-style:italic}
h1{margin-bottom:-10px;font-size:2.4em;line-height:1;font-weight:700;letter-spacing:-1px}
h2{font-size:1.2em;line-height:1.2}
a{color:#3482a9; text-decoration: none;}
a:hover{color: #0193dc; text-decoration: underline;}
.stickem-container p,.stickem-container h2{margin-left:200px}
.side-image{position:relative;width:400px;margin:0 0 20px -230px;border-top:0;padding-top:0;float:left;text-align:right}
.stickem-container{position:relative}
.stickit{position:fixed;top:0}
.stickit-end{bottom:0;position:absolute;left:0}
.grid-container{margin:auto;width:960px}
.grid-container .one-of-four,.grid-container .two-of-four,.grid-container .three-of-four,.grid-container .four-of-four{width:20%;display:block;float:left;margin:0 20px;text-align:center}
.grid-container p{text-align:left;font-style:italic;font-size:.8em;margin-top:0}
.grid-image{width:200px;border-top:0;padding-top:0;text-align:right}
.goodbad{text-align:center;width:50px;height:50px;margin:20px auto;display:block}
.ties{height:430px}
.made-by{position:relative;width:160px;margin-left:-230px;margin-top:25px;border-top:0;padding-top:0;float:left;text-align:right}
.made-by .person{padding-bottom:5px;border-bottom:1px solid #dededc;margin-bottom:5px;font-family:"source-sans-pro",source-sans-pro,sans-serif}
.made-by .person .name{font-weight:600}
.made-by .person .role{font-weight:300;font-style:italic;font-family:"source-sans-pro",source-sans-pro,sans-serif}
 .inspire{text-align: center; margin:10px 0;font-size:.5em;font-style:italic}
 .made-by .inspire{text-align: right;}
.sections{position:relative;width:140px;margin-left:-210px;margin-top:0;border-top:0;padding-top:0;float:left;text-align:right;font-family:"source-sans-pro",source-sans-pro,sans-serif}
.sections .jump-to{font-size:18px;font-weight:700; color:#444;}
.sections .jump a{font-size:14px;padding-bottom:1px;border-bottom:1px dotted #eee;margin-bottom:1px;color:#888;display:block; text-decoration: none;}
.sections .jump a:hover{text-decoration:none; color: #000;}
.sections .dark-mode {cursor:pointer; margin-top: 24px; font-size:14px;padding-bottom:1px;border-bottom:1px dotted #eee;margin-bottom:1px;color:#888;display:block; text-decoration: none;}
.sections .dark-mode:hover{text-decoration:none; color: #000;}
body.dark .sections .dark-mode {font-weight: bold;}
body.dark {background: #333; color: #eee;}
body.dark a {color: #FFEB00;} body.dark a:hover{color: #FFF796;}
body.dark .sections .jump-to {color: #fff;}
body.dark .sections .jump a {color: #fff;}
body.dark .sections .dark-mode {color: #fff;}
.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}
.ir:before{content:"";display:block;width:0;height:150%}
.hidden{display:none !important;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
.bottom{font-size:.7em;text-align:center;margin:2em 0}
.bottom a{padding-bottom:5px;cursor:pointer; text-decoration: none;}
.bottom a:hover{text-decoration:none;border-bottom:1px dotted #4f4f48}
@media only screen and (max-width:1200px){#container{font-size:20px;line-height:1.45;padding-top:180px;}
h1{text-align:center}
.made-by{position:inherit;width:auto;margin-left:0;margin-top:25px;float:none;text-align:center}
.made-by .person{padding-bottom:5px;border-bottom:0;margin-bottom:5px;display:none}
.made-by .person .name{display:inline;margin-left:5px}
.made-by .person .role{display:inline;font-style:normal}
.made-by .inspire{margin:10px 0;font-style:italic;text-align: center;}
.sections{position:inherit;width:auto;margin-left:0;margin-top:0;margin-bottom:25px;float:none;text-align:center}
.sections .jump{display:inline}
.sections .jump:after{content:" • ";font-size:.7em}
.sections .jump:last-child:after{content:""}
.sections .jump a{display:inline}
.side-image{position:inherit;margin:auto auto 20px auto;float:none;width:15em;display:block}
.stickem-container p,.stickem-container h2{margin-left:0}
}
@media only screen and (max-width:960px){#container{font-size:18px;line-height:1.45;padding-top:160px;}
.grid-container{width:100%}
.grid-container .one-of-four,.grid-container .two-of-four,.grid-container .three-of-four,.grid-container .four-of-four{width:20%;display:block;float:left;margin:0 12%;text-align:center}
.grid-container p{min-width:180px;margin:0 auto}
.grid-container .one-of-four,.grid-container .two-of-four{margin-bottom:50px}
.grid-container .three-of-four{width:20%;clear:both}
.goodbad{margin:20px 80px}
}
@media only screen and (max-width:700px){#container{font-size:17px;line-height:1.45;padding-top:140px;}
p,h2{padding:0 10px}
.sections{padding:0 10px}
}
@media only screen and (max-width:600px){#container{font-size:16px;line-height:1.45;padding-top:100px;}
.grid-container{width:100%}
.grid-container .one-of-four,.grid-container .two-of-four,.grid-container .three-of-four,.grid-container .four-of-four{width:100%;display:block;float:none;margin:0 auto;text-align:center;clear:both}
.grid-container p{max-width:200px;margin:0 auto}
.grid-container .one-of-four,.grid-container .two-of-four{margin-bottom:50px}
.goodbad{margin:20px auto}
}
@media print{*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
pre,blockquote{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
tr,img{page-break-inside:avoid}
img{max-width:100% !important}
@page{margin:.5cm}
p,h2,h3{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
}