nav, article, header, footer, figure, section, aside { display:block; }
html {
  margin:0;
  padding:0;
  font:76% 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
  line-height:1.8;
  color:#444444;
  background:#ffffff url(../assets/body-bg.png) fixed;
  cursor:default;
  overflow-y:scroll;
}
*+html { overflow-x:hidden; }
body {
  margin:0;
  padding:3em 0;
  font-size:1.1em;
}
h1, h2, h3, h4, h5, h6 {
  margin:1.4em 0 0;
  font-weight:bold;
  color:#666666;
}
h1, h2, aside h3 {
  font-family:GaramondItalic, 'Palatino Linotype', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
  font-weight:normal;
  line-height:1.4;
  text-shadow:1px 1px 3px #cbcbcb;
  color:#83b834;
}
h1 { font-size:3.5em; }
h1:first-child { margin-top:0; }
h2 { font-size:2.5em; }
h3 { font-size:1.4em; }
h4 { font-size:1.2em; }
h5 { font-size:1.1em; }
h6 { font-size:1.0em; }
p {
  margin:1.3em 0;
  text-indent:1.5em;
}
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, ul + p, ol + p, dl + p, blockquote + p, pre + p, div + p, img + p { text-indent:0; }
ul, ol, dl { margin:1.5em 0; }
ul, ol { padding:0 0 0 3em; }
ul { list-style:square; }
li dl { margin:0 0 0 1.5em; }
dt {
  font-weight:bold;
  font-style:normal;
}
dd { margin:0 0 0 1.5em; }
dd + dt { margin-top:.8em; }
aside code { font-style:normal; }
aside h3 {
  position:absolute;
  top:-25px;
  left:-25px;
  width:500px;
  height:50px;
  margin:0;
  text-align:right;
  font-size:2em;
  line-height:1;
}
aside h3 + p {
  margin-top:0;
  text-indent:35px;
}
aside {
  font-family:'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
  margin:6em auto 0 auto;
  width:475px;
  padding:1em 0;
  font-size:.92em;
  border:dotted #888888;
  border-width:1px 0;
  position:relative;
  text-align:justify;
}
aside.note h3 { background:url(../assets/aside-note.png) no-repeat; }
em { font-style:italic; }
strong {
  font-weight:bold;
  font-style:normal;
}
code {
  background:#eeeeee;
  border:1px solid #dddddd;
  padding:0 3px;
  white-space:pre;
  font-size:.9em;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}
pre code .tip {
  margin:0;
  float:right;
  position:relative;
  right:-30px;
  font-family:'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
  padding-right:30px;
  text-indent:0;
  -moz-border-radius-topright:0;
  -webkit-border-top-right-radius:0;
  border-top-right-radius:0;
  -moz-border-radius-bottomright:0;
  -webkit-border-bottom-right-radius:0;
  border-bottom-right-radius:0;
}
pre code {
  font-family:Monaco, monospace;
  display:block;
  width:100%;
  position:relative;
  left:-30px;
  padding:10px 30px;
  background:#f0f8e7 url(../assets/fade-bottom.png) repeat-x bottom;
  border:solid #cbcbcb;
  border-width:1px 0;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  border-radius:0;
}
abbr { cursor:help; }
ins {
  text-decoration:none;
  border-top:1px solid #cbcbcb;
}
q { font-style:italic; }
th {
  font-weight:bold;
  text-align:left;
}
a img { border:0; }
a {
  color:#444444;
  text-decoration:none;
  display:inline-block;
  text-indent:0;
  border-bottom:1px solid #888888;
}
a { display:inline; }
a:visited {
  color:#888888;
  border-color:#cbcbcb;
}
a:hover {
  text-decoration:none;
  border:0;
}
a[rel~="external"] {
  padding:0 13px 0 0;
  background:url(../assets/icon-external.png) no-repeat right center;
}
input, select, textarea {
  font:1em 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
  color:inherit;
}
textarea { height:100px; }
input[type="submit"], button[type="submit"], a.button {
  background:#b9dc84;
  background:#b9dc84 url(../assets/arrow-right-button.png) no-repeat right center;
  vertical-align:middle;
  text-align:center;
  padding:2px 32px 3px 10px;
  text-shadow:1px 1px 1px #eeeeee;
  border:0;
  cursor:pointer;
  color:#444444;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}
a.button {
  display:inline-block;
  text-decoration:none;
}
input[type="submit"]:hover, button[type="submit"]:hover, a.button:hover { background-color:#cbe6a4; }
form > div {
  clear:both;
  margin:10px 0 0 0;
  overflow:hidden;
  display:inline-block;
}
form > div { display:block; }
form div.field label {
  float:left;
  width:134px;
  margin:0 15px 0 0;
  text-align:right;
}
form div.field input, form div.field textarea, form div.field select {
  width:220px;
  background:url(../assets/body-bg-faded.png) fixed;
  border:1px solid #cbcbcb;
}
table { border-collapse:collapse; }
caption {
  text-transform:uppercase;
  letter-spacing:.1em;
}
td, th, caption {
  vertical-align:top;
  padding:3px 6px;
}
ul {
  padding-left:1.5em;
  list-style:none;
}
li { margin:.5em 0; }
ul li {
  padding:0 0 0 22px;
  background:url(../assets/arrow-right.png) no-repeat left .4em;
}
ul.check li {
  padding:0 0 0 25px;
  background:url(../assets/icon-bullet-checkmark.png) no-repeat left .25em;
}
div.figure {
  padding:10px;
  border:3px solid #b9dc84;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}
div.figure img { display:block; }
div.figure p {
  text-align:center;
  font-family:Georgia, 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
  font-style:italic;
  font-size:.85em;
  font-weight:bold;
  color:#888888;
  padding:0 20px;
  text-indent:0;
}
p.fin {
  margin:3.5em 0 0;
  text-align:center;
  font-style:italic;
  color:#888888;
  text-indent:0;
}
em.required {
  border-bottom:2px solid #fa9654;
  font-style:normal;
}
i.optional {
  border-bottom:2px solid #e2f1cd;
  font-style:normal;
}
i.default { border-bottom:2px solid #cbcbcb; }
b.param { font-family:Monaco, monospace; }
span.info {
  border-bottom:1px dotted;
  border-color:inherit;
  cursor:help;
}
.testcase {
  font-family:'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
  font-size:.92em;
  border:1px dotted #888888;
  padding:1em;
}
.tip-wrap, .video-tip, .likes-tip, .section-tip { display:none; }
.tip {
  background:#c45206;
  padding:2px 5px;
  color:#ffffff;
  font-size:.9em;
  max-width:200px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}
.video-tip .tip { opacity:.8; }
#mooverview {
  position:fixed;
  top:0;
  left:0;
  width:190px;
  height:100%;
  border:0;
}
html[data-overview="true"] > body { width:750px; }
html[data-overview="true"] > body > .overlay {
  position:absolute;
  top:0;
  left:0;
}
html[data-overview="true"] > body > .overlay .rect {
  border:solid #666666;
  border-width:4px 3px;
  position:relative;
  opacity:.8;
  z-index:99999;
}
html[data-overview="true"] {
  overflow-x:hidden;
  height:0;
  visibility:hidden;
}
.expand-trigger {
  border:0;
  background:none;
  color:#cbcbcb;
  cursor:pointer;
  padding:0;
}
.expand-trigger:hover, .expand-trigger:focus, .expand-trigger:active {
  outline:0;
  color:#666666;
}
.expand-trigger::-moz-focus-inner { border:0; }
.checkbox-widget .checkbox {
  display:inline-block;
  width:17px;
  height:17px;
  vertical-align:bottom;
  margin:0 5px 0 0;
  background:no-repeat center;
  border:1px solid rgba(255,255,255,.15);
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}
.checkbox-widget .label {
  display:inline-block;
  vertical-align:middle;
}
.checkbox-widget {
  display:inline-block;
  margin:3px 0;
  width:100%;
}
.checkbox-widget[data-checked="true"] .checkbox { background-image:url(../assets/player-checked.png); }
dl.propdef.widgetized .propdef-caption .wrapper, dl.propdef.widgetized dl .propdef-caption .wrapper {
  background:#e2f1cd;
  display:inline-block;
  padding:0 .5em;
  -moz-border-radius-topleft:4px;
  -webkit-border-top-left-radius:4px;
  border-top-left-radius:4px;
  -moz-border-radius-topright:4px;
  -webkit-border-top-right-radius:4px;
  border-top-right-radius:4px;
}
dl.propdef.widgetized .propdef-caption code, dl.propdef.widgetized dl .propdef-caption code {
  background:transparent;
  border:0;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  border-radius:0;
}
dl.propdef.widgetized .propdef-caption, dl.propdef.widgetized dl .propdef-caption {
  display:table-caption;
  margin:0;
  white-space:nowrap;
  text-align:right;
  text-indent:0;
}
dl.propdef.widgetized div.group, dl.propdef.widgetized dl div.group { display:table-row; }
dl.propdef.widgetized dt, dl.propdef.widgetized dd, dl.propdef.widgetized dl dt, dl.propdef.widgetized dl dd {
  display:table-cell;
  padding:.5em;
  border-top:1px dotted #dddddd;
}
dl.propdef.widgetized > div.group > :first-child, dl.propdef.widgetized dl > div.group > :first-child { padding-left:1em; }
dl.propdef.widgetized > div.group > :last-child, dl.propdef.widgetized dl > div.group > :last-child { padding-right:1em; }
dl.propdef.widgetized div.group:first-of-type > dt, dl.propdef.widgetized div.group:first-of-type > dd, dl.propdef.widgetized dl div.group:first-of-type > dt, dl.propdef.widgetized dl div.group:first-of-type > dd { border:0; }
dl.propdef.widgetized dt, dl.propdef.widgetized dl dt { text-align:right; }
dl.propdef.widgetized, dl.propdef.widgetized dl {
  display:table;
  width:100%;
  border:1px solid #dddddd;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  -moz-border-radius-topright:0;
  -webkit-border-top-right-radius:0;
  border-top-right-radius:0;
}
dl.propdef {
  font-size:.9em;
  font-family:'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
}
.addthis a.addthis_button { border:0; }
.addthis {
  display:block;
  margin:2em 0 0 0;
}
a.section {
  font:.5em 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
  border:0;
  margin:0 0 0 .3em;
  display:none;
  color:#888888;
}
h2:hover a.section { display:inline; }
a.collapsible {
  font:.5em 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
  border:0;
  margin:0 0 0 1em;
  cursor:pointer;
  color:#888888;
  display:none;
}
h2[data-collapsible="collapsed"] a.collapsible { display:inline; }
h2:hover a.collapsible { display:inline; }
.global-collapsible a {
  display:block;
  border:0;
  cursor:pointer;
  color:#666666;
  text-shadow:1px 1px 3px #888888;
}
.global-collapsible {
  position:fixed;
  padding:2px 3px 5px 3px;
  font-size:1.5em;
  line-height:1;
  background:#cbe6a4;
  -moz-border-radius-topright:4px;
  -webkit-border-top-right-radius:4px;
  border-top-right-radius:4px;
  -moz-border-radius-bottomright:4px;
  -webkit-border-bottom-right-radius:4px;
  border-bottom-right-radius:4px;
}
.section-tip .tip {
  background:#000000;
  max-width:300px;
  padding:.5em .8em;
  font-size:.7em;
  opacity:.8;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  border-radius:0;
}
#outer {
  width:750px;
  margin:0 auto;
}
#skip-to-content a { text-indent:-9999em; }
#skip-to-content {
  position:absolute;
  top:5px;
  left:10px;
  text-indent:-9999em;
}
#logo img { display:block; }
#logo {
  margin:0 0 2em 35px;
  text-indent:-9999em;
}
#inner > .top, #inner > .bottom {
  height:15px;
  font-size:1px;
  line-height:0;
}
#inner > .top { background:url(../assets/main-bg-top.png) no-repeat; }
#inner > .bottom { background:url(../assets/main-bg-bottom.png) no-repeat; }
#main {
  padding:20px 40px 0;
  background:url(../assets/main-bg-middle.png) repeat-y;
  display:inline-block;
}
#main { display:block; }
#content {
  clear:both;
  display:inline-block;
  padding:25px 0 0;
  border-top:1px dotted #cbcbcb;
  font-family:Georgia, 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
}
#content { display:block; }
#footer a {
  color:#aaaaaa;
  text-decoration:none;
  border-color:#aaaaaa;
}
#footer {
  margin:3em 0 0;
  padding:10px 0;
  color:#aaaaaa;
  border-top:1px solid #dddddd;
  font-size:.8em;
  clear:both;
  text-indent:0;
}
#nav-wrapper {
  margin:0 0 30px;
  display:inline-block;
}
#nav-wrapper { display:block; }
#nav-wrapper:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
#nav p span, #theme p span, #language p span {
  display:block;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  border-radius:0;
  -moz-border-radius-topleft:4px;
  -webkit-border-top-left-radius:4px;
  border-top-left-radius:4px;
  -moz-border-radius-topright:4px;
  -webkit-border-top-right-radius:4px;
  border-top-right-radius:4px;
}
#nav p, #theme p, #language p {
  position:absolute;
  left:-9999em;
  bottom:100%;
  margin:0;
  width:100%;
  font-weight:normal;
  text-align:center;
  text-indent:0;
}
#nav ul *, #theme ul *, #language ul * { float:left; }
#nav ul li, #theme ul li, #language ul li {
  margin:0 0 5px;
  padding:0;
  background:none;
}
#nav ul a, #theme ul a, #language ul a {
  font-size:1.05em;
  padding:3px 12px;
  color:#444444;
  background:#b9dc84;
  text-decoration:none;
  text-transform:uppercase;
  text-shadow:1px 1px 1px #eeeeee;
  border:0;
  border-right:1px solid;
  border-left:1px solid;
}
#nav ul li:first-child a, #theme ul li:first-child a, #language ul li:first-child a {
  border-left:0;
  -moz-border-radius-topleft:4px;
  -webkit-border-top-left-radius:4px;
  border-top-left-radius:4px;
  -moz-border-radius-bottomleft:4px;
  -webkit-border-bottom-left-radius:4px;
  border-bottom-left-radius:4px;
}
#nav ul li:last-child a, #theme ul li:last-child a, #language ul li:last-child a {
  border-right:0;
  -moz-border-radius-topright:4px;
  -webkit-border-top-right-radius:4px;
  border-top-right-radius:4px;
  -moz-border-radius-bottomright:4px;
  -webkit-border-bottom-right-radius:4px;
  border-bottom-right-radius:4px;
}
#nav ul, #theme ul, #language ul {
  overflow:hidden;
  display:inline-block;
  margin:0;
  padding:0;
}
#nav ul, #theme ul, #language ul { display:block; }
#nav, #theme, #language {
  float:left;
  margin:0;
  position:relative;
}
#nav ul a {
  border-right-color:#a5d260;
  border-left-color:#cbe6a4;
}
#nav ul li.active a { background:#b9dc84 url(../assets/running-indicator.png) no-repeat center bottom; }
#nav ul li a:hover, #nav ul li a:focus, #nav ul li a:active, #nav ul li.active a:hover, #nav ul li.active a:focus, #nav ul li.active a:active {
  background-color:#cbe6a4;
  outline:0;
}
#language ul a, #theme ul a {
  padding-top:28px;
  background:transparent no-repeat center bottom;
  border-right-color:#aaaaaa;
  border-left-color:#dddddd;
  outline:0;
}
#language ul li, #theme ul li { background:#cbcbcb no-repeat center 40%; }
#language ul li.active a, #theme ul li.active a { background-image:url(../assets/running-indicator.png); }
#language ul li:first-child, #language ul li:first-child a, #theme ul li:first-child, #theme ul li:first-child a {
  -moz-border-radius-topleft:0;
  -webkit-border-top-left-radius:0;
  border-top-left-radius:0;
  -moz-border-radius-bottomleft:4px;
  -webkit-border-bottom-left-radius:4px;
  border-bottom-left-radius:4px;
}
#language ul li:last-child, #language ul li:last-child a, #theme ul li:last-child, #theme ul li:last-child a {
  -moz-border-radius-topright:0;
  -webkit-border-top-right-radius:0;
  border-top-right-radius:0;
  -moz-border-radius-bottomright:4px;
  -webkit-border-bottom-right-radius:4px;
  border-bottom-right-radius:4px;
}
#language ul li:hover, #language ul li.active:hover, #theme ul li:hover, #theme ul li.active:hover {
  background-color:#dddddd;
  outline:0;
}
#language:hover p, #theme:hover p { left:0; }
#language, #theme {
  float:right;
  margin-top:-25px;
}
#language li.english { background-image:url(../assets/icon-flag-en.png); }
#language li.dutch { background-image:url(../assets/icon-flag-nl.png); }
#theme li.light { background-image:url(../assets/icon-light.png); }
#theme li.dark { background-image:url(../assets/icon-dark.png); }
#theme {
  margin-right:15px;
  margin-left:15px;
}
#toc ul, #toc li, #toc a {
  float:left;
  margin:0;
  padding:0;
  background:none;
  border:0;
}
#toc li { margin:0 1em 0 0; }
#toc a:visited { color:#666666; }
#toc a:hover, #toc a:focus { text-decoration:underline; }
#toc a {
  padding:0 0 0 20px;
  background:url(../assets/arrow-right.png) no-repeat left center;
  text-decoration:none;
  color:#666666;
}
#toc .tip {
  position:absolute;
  right:10000%;
  top:-.2em;
  white-space:nowrap;
  z-index:1;
}
#toc {
  clear:both;
  list-style:none;
  margin:5px 0 0;
  padding:0;
  float:left;
  width:100%;
  position:relative;
  background:#ffffff;
  font-size:.9em;
}
*+html #toc a { white-space:nowrap; }
#toc:hover div.tip { right:102%; }
#toc:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
#disqus_thread #dsq-comments-title h3 { margin:2em 0 0; }
html[data-page-id="home"] #content {
  border:0;
  padding:0;
}
html[data-page-id="home"] h1 { display:none; }
html[data-page-id="home"] #promo .expand-trigger {
  position:absolute;
  top:6px;
  right:6px;
}
html[data-page-id="home"] #promo h2 {
  color:#aaaaaa;
  margin:0;
  padding:6px 0;
  text-align:center;
  text-shadow:none;
}
html[data-page-id="home"] #promo .showcase li .description p { text-indent:0; }
html[data-page-id="home"] #promo .showcase li .description {
  position:absolute;
  right:7px;
  top:10px;
  width:160px;
  max-height:120px;
  overflow-y:auto;
  overflow-x:hidden;
  padding:5px 10px;
  background:#666666;
  color:#ffffff;
  opacity:.7;
  font-size:.8em;
  z-index:10;
  font-family:'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}
html[data-page-id="home"] #promo .showcase li {
  margin:0;
  padding:0;
  position:relative;
  background:none;
}
html[data-page-id="home"] #promo .showcase {
  margin:0;
  padding:0;
  border:1px solid #444444;
  background:#000000;
}
html[data-page-id="home"] #promo .links ul * { float:left; }
html[data-page-id="home"] #promo .links ul li {
  margin:0 0 5px;
  padding:0;
  background:none;
}
html[data-page-id="home"] #promo .links ul a:hover, html[data-page-id="home"] #promo .links ul a:focus {
  background-color:#cbe6a4;
  outline:0;
}
html[data-page-id="home"] #promo .links ul a {
  border:0;
  border-right:1px solid #a5d260;
  border-left:1px solid #cbe6a4;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  border-radius:0;
}
html[data-page-id="home"] #promo .links ul li:first-child a {
  border-left:0;
  -moz-border-radius-bottomleft:4px;
  -webkit-border-bottom-left-radius:4px;
  border-bottom-left-radius:4px;
}
html[data-page-id="home"] #promo .links ul li:last-child a {
  border-right:0;
  -moz-border-radius-bottomright:4px;
  -webkit-border-bottom-right-radius:4px;
  border-bottom-right-radius:4px;
}
html[data-page-id="home"] #promo .links ul {
  float:right;
  overflow:hidden;
  display:inline-block;
  margin:0;
  padding:0;
}
html[data-page-id="home"] #promo .links ul { display:block; }
html[data-page-id="home"] #promo .links {
  position:absolute;
  right:0;
  top:100%;
  width:100%;
  margin:0;
  padding:0;
}
html[data-page-id="home"] #promo .showcase img { display:block; }
html[data-page-id="home"] #promo {
  margin:0 0 5em 0;
  position:relative;
  padding:0px 6px 6px;
  background:#000000;
  -moz-border-radius-topleft:4px;
  -webkit-border-top-left-radius:4px;
  border-top-left-radius:4px;
  -moz-border-radius-bottomleft:4px;
  -webkit-border-bottom-left-radius:4px;
  border-bottom-left-radius:4px;
  -moz-border-radius-topright:4px;
  -webkit-border-top-right-radius:4px;
  border-top-right-radius:4px;
}
html[data-page-id="home"] #promo.contracted h2 {
  font-size:1em;
  font-family:'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
  color:#ffffff;
  text-align:left;
  padding:6px 0 0;
}
html[data-page-id="home"] #promo.contracted {
  margin-bottom:2em;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}
html[data-page-id="home"] #about {
  clear:left;
  float:left;
  margin:0 0 3em 0;
  width:390px;
  background:url(../assets/box-bg-about.png) no-repeat top right;
}
html[data-page-id="home"] #expertise {
  float:right;
  width:230px;
  margin:0 0 3em 20px;
  padding:0 0 30px 30px;
  background:url(../assets/box-curl-bl.png) no-repeat left bottom;
}
html[data-page-id="home"] #likes h2, html[data-page-id="home"] #likes .menu li {
  font-size:1em;
  font-family:'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
  color:#fcc7a3;
  margin:0;
  text-shadow:1px 1px 0 #444444;
}
html[data-page-id="home"] #likes .wrapper > div {
  float:left;
  width:33.333333%;
  font-size:.9em;
}
html[data-page-id="home"] #likes .wrapper > div > div ul {
  margin:0;
  padding:0;
}
html[data-page-id="home"] #likes .wrapper > div > div li {
  display:inline;
  background:none;
  margin:0 1ex 0 0;
  padding:0;
}
html[data-page-id="home"] #likes .wrapper > div > div li:after {
  content:'/';
  opacity:.3;
  padding:0 0 0 1.3ex;
}
html[data-page-id="home"] #likes .wrapper > div > div li:last-child { margin:0; }
html[data-page-id="home"] #likes .wrapper > div > div li:last-child:after { content:none; }
html[data-page-id="home"] #likes .wrapper > div > div a:visited { border-color:#666666; }
html[data-page-id="home"] #likes .wrapper > div > div a { color:#eeeeee; }
html[data-page-id="home"] #likes .wrapper > div > div { padding:.5em; }
html[data-page-id="home"] #likes code {
  background:transparent;
  border:0;
  padding:0;
}
html[data-page-id="home"] #likes {
  clear:both;
  overflow:hidden;
  margin:3em 0;
  background:#c45206;
  color:#eeeeee;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}
html[data-page-id="home"] #likes.active .menu li:hover {
  color:#fcc7a3;
  background-image:url(../assets/arrow-right-quote.png);
}
html[data-page-id="home"] #likes.active .menu li {
  margin:0;
  padding:.5em 25px .5em .8em;
  text-align:right;
  background:#994004 url(../assets/arrow-right-quote-faded.png) no-repeat 98% center;
  cursor:pointer;
  position:relative;
  color:#feebde;
}
html[data-page-id="home"] #likes.active .menu li:first-child {
  -moz-border-radius-topleft:4px;
  -webkit-border-top-left-radius:4px;
  border-top-left-radius:4px;
}
html[data-page-id="home"] #likes.active .menu li:last-child .corner {
  display:block;
  position:absolute;
  right:-5px;
  bottom:0;
  width:5px;
  height:5px;
  background:url(../assets/home-likes-corner.png) no-repeat;
}
html[data-page-id="home"] #likes.active .menu li:last-child {
  -moz-border-radius-bottomleft:4px;
  -webkit-border-bottom-left-radius:4px;
  border-bottom-left-radius:4px;
}
html[data-page-id="home"] #likes.active .menu li.active:hover { color:#feebde; }
html[data-page-id="home"] #likes.active .menu li.active {
  background-color:#c45206;
  background-image:url(../assets/arrow-right-quote.png);
  cursor:default;
}
html[data-page-id="home"] #likes.active .menu {
  float:left;
  margin:0;
  padding:0;
}
html[data-page-id="home"] #likes.active .wrapper > div > div { padding:.5em 1.5em; }
html[data-page-id="home"] #likes.active .wrapper > div {
  position:absolute;
  width:100%;
  top:0;
  left:0;
}
html[data-page-id="home"] #likes.active .wrapper {
  background:#622802 url(../assets/shadow-border-right.png) repeat-y;
  overflow:hidden;
  position:relative;
  -moz-border-radius-topright:4px;
  -webkit-border-top-right-radius:4px;
  border-top-right-radius:4px;
  -moz-border-radius-bottomright:4px;
  -webkit-border-bottom-right-radius:4px;
  border-bottom-right-radius:4px;
}
html[data-page-id="home"] #likes.active {
  background:transparent;
  position:relative;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  border-radius:0;
}
html[data-page-id="home"] .likes-tip .tip {
  background:#000000;
  max-width:300px;
  padding:.5em .8em;
  font-size:.7em;
  opacity:.8;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  border-radius:0;
}
html[data-page-id="home"] #previous-work a { border:0; }
html[data-page-id="home"] #previous-work ul li {
  margin:0;
  padding:0;
  background:none;
}
html[data-page-id="home"] #previous-work ul li.selected a { background-color:#b9dc84; }
html[data-page-id="home"] #previous-work ul a:hover, html[data-page-id="home"] #previous-work ul a:focus { background-color:#e2f1cd; }
html[data-page-id="home"] #previous-work ul a {
  background-color:#cbe6a4;
  text-decoration:none;
  display:block;
  text-align:center;
  padding:.2em 10px .2em 10px;
  border-top:1px solid #e2f1cd;
  border-bottom:1px solid #b9dc84;
  outline:0;
  color:#444444;
}
html[data-page-id="home"] #previous-work ul li:first-child a {
  border-top:0;
  -moz-border-radius-topleft:4px;
  -webkit-border-top-left-radius:4px;
  border-top-left-radius:4px;
  -moz-border-radius-topright:4px;
  -webkit-border-top-right-radius:4px;
  border-top-right-radius:4px;
}
html[data-page-id="home"] #previous-work ul li:last-child a { border-bottom:0; }
html[data-page-id="home"] #previous-work ul {
  margin:0;
  padding:0;
}
html[data-page-id="home"] #previous-work .thumb span {
  font-weight:bold;
  font-size:1.4em;
  display:block;
  text-align:center;
}
html[data-page-id="home"] #previous-work .thumb img { display:block; }
html[data-page-id="home"] #previous-work .thumb {
  display:block;
  padding:9px 7px;
  background:#000000;
  color:#aaaaaa;
  text-decoration:none;
  overflow:hidden;
  -moz-border-radius-bottomleft:4px;
  -webkit-border-bottom-left-radius:4px;
  border-bottom-left-radius:4px;
}
html[data-page-id="home"] #previous-work .more {
  float:right;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  border-radius:0;
  -moz-border-radius-bottomleft:4px;
  -webkit-border-bottom-left-radius:4px;
  border-bottom-left-radius:4px;
  -moz-border-radius-bottomright:4px;
  -webkit-border-bottom-right-radius:4px;
  border-bottom-right-radius:4px;
}
html[data-page-id="home"] #previous-work .large img { display:block; }
html[data-page-id="home"] #previous-work .large {
  position:absolute;
  left:227px;
  top:-50px;
  background:#000000;
  padding:9px 7px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}
html[data-page-id="home"] #previous-work {
  float:left;
  width:234px;
  margin:0 0 40px 0;
  clear:left;
  position:relative;
}
html[data-page-id="home"] #contact form div.controls {
  position:absolute;
  bottom:0;
  right:0;
  z-index:-1;
}
html[data-page-id="home"] #contact form { position:relative; }
html[data-page-id="home"] #contact .disabled p {
  background:#000000;
  padding:1em;
}
html[data-page-id="home"] #contact .disabled {
  position:absolute;
  top:-10px;
  bottom:-10px;
  left:-10px;
  right:-10px;
  background:#ffffff;
  opacity:.6;
  margin:0;
  color:#ffffff;
  font-size:1.5em;
  text-align:center;
  border:3px solid #b9dc84;
  padding:90px 0 0;
}
html[data-page-id="home"] #contact #contact-options li {
  padding:0 0 0 25px;
  background-position:left .25em;
}
html[data-page-id="home"] #contact #contact-options li.email { background-image:url(../assets/icon-bullet-email.png); }
html[data-page-id="home"] #contact #contact-options li.msn span { color:#999999; }
html[data-page-id="home"] #contact #contact-options li.msn { background-image:url(../assets/icon-bullet-msn.png); }
html[data-page-id="home"] #contact #contact-options li.irc { background-image:url(../assets/icon-bullet-chat.png); }
html[data-page-id="home"] #contact #contact-options li.form { background-image:url(../assets/icon-bullet-form.png); }
html[data-page-id="home"] #contact {
  float:right;
  width:374px;
  margin:0 0 30px 20px;
  padding:0 0 30px 30px;
  border-left:1px dotted #aaaaaa;
  background:url(../assets/box-bg-message.png) no-repeat top right;
}
html[data-page-id="home"] #hosting {
  overflow:hidden;
  clear:left;
}
html[data-page-id="code"] #code li h2 { margin:1.6em 0 .8em; }
html[data-page-id="code"] #code li img {
  float:left;
  margin:0 1em 0 0;
  padding:9px 7px;
  background:#888888;
  display:block;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}
html[data-page-id="code"] #code li {
  padding:0;
  background:none;
  overflow:hidden;
  display:inline-block;
}
html[data-page-id="code"] #code li { display:block; }
html[data-page-id="code"] #code li:first-child h2 { margin-top:0; }
html[data-page-id="code"] #code {
  list-style:none;
  padding:0;
}
html[data-page-id^="code~"] img.logo {
  display:block;
  margin:0 auto;
}
html[data-page-id^="articles~"] h1, html[data-page-id^="code~"] h1 {
  text-align:center;
  width:85%;
  margin:0 auto;
}
html[data-page-id^="articles~"] h2, html[data-page-id^="code~"] h2 { clear:both; }
html[data-page-id^="articles~"] #lede, html[data-page-id^="code~"] #lede {
  font-family:Georgia, 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
  margin-bottom:4em;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  text-indent:0;
  width:70%;
  padding:0 0 5.5em 0;
  background:url(../assets/divider.png) no-repeat center bottom;
}
html[data-page-id^="articles~"] #pub-details a, html[data-page-id^="code~"] #pub-details a {
  font-style:normal;
  text-decoration:none;
  border:0;
  color:inherit;
}
html[data-page-id^="articles~"] #pub-details, html[data-page-id^="code~"] #pub-details {
  text-align:center;
  color:#aaaaaa;
  font-style:italic;
  margin:0;
  text-indent:0;
}
html[data-page-id^="articles~"] #footnotes, html[data-page-id^="articles~"] #comments, html[data-page-id^="code~"] #footnotes, html[data-page-id^="code~"] #comments {
  margin:4em 0 0;
  padding:5.5em 0 0;
  background:url(../assets/divider.png) no-repeat center top;
}
html[data-page-id^="articles~"] #comments > h2:first-child, html[data-page-id^="code~"] #comments > h2:first-child { text-align:center; }
html[data-page-id^="articles~"] #footnotes a[href^="#footnote-source"], html[data-page-id^="code~"] #footnotes a[href^="#footnote-source"] {
  text-decoration:none;
  border:0;
}
html[data-page-id^="articles~"] #updates dt, html[data-page-id^="code~"] #updates dt {
  font-style:italic;
  font-weight:normal;
}
html[data-page-id^="articles~"] #updates dd, html[data-page-id^="code~"] #updates dd {
  background:url(../assets/arrow-right.png) no-repeat left .4em;
  padding:0 0 0 22px;
}
html[data-page-id^="articles~"] #updates, html[data-page-id^="code~"] #updates { margin:2em 0 0; }
html[data-page-id="articles"] [id^="index"] img { vertical-align:middle; }
html[data-page-id="articles"] [id^="index"] span { color:#888888; }
html[data-page-id="articles~float-containment"] div.figure {
  float:right;
  margin:0 0 2em 3em;
}
html[data-page-id="articles~float-containment"] div.figure#figure-1 { width:318px; }
html[data-page-id="sitemap"] #sitemap ul { margin-top:0; }
html[data-page-id="code~moovie"] #video > .wrapper { position:relative; }
html[data-page-id="code~moovie"] #video p { text-indent:0; }
html[data-page-id="code~moovie"] #video .debug, html[data-page-id="code~moovie"] #video .debug tr, html[data-page-id="code~moovie"] #video .debug p { background:#dddddd; }
html[data-page-id="code~moovie"] #video .debug table {
  width:100%;
  border-spacing:5px;
}
html[data-page-id="code~moovie"] #video .debug td:first-child { width:1px; }
html[data-page-id="code~moovie"] #video .debug td + td { font-weight:bold; }
html[data-page-id="code~moovie"] #video .debug p {
  border-top:1px dotted #888888;
  margin:5px 0 0;
  padding:10px 5px 5px;
  text-indent:0;
}
html[data-page-id="code~moovie"] #video .debug {
  font:.75em Monaco, monospace;
  width:198px;
  padding:10px;
  border:1px solid #aaaaaa;
  position:absolute;
  left:-235px;
  top:-5px;
  color:#444444;
  overflow:hidden;
}
html[data-page-id="code~moovie"] #video video {
  background:black;
  display:block;
  width:100%;
  height:250px;
}
html[data-page-id="code~moovie"] #video .captions p i, html[data-page-id="code~moovie"] #video .captions p em, html[data-page-id="code~moovie"] #video .captions p cite { font-family:OfficinaSansBookItalic, 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; }
html[data-page-id="code~moovie"] #video .captions p {
  font-size:1.3em;
  font-family:OfficinaSansBook, 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
  display:inline;
  padding:.2em 0;
  text-shadow:0 0 5px #000000, 0 0 5px #000000, 0 0 5px #000000, 0 0 10px #000000, 0 0 10px #000000;
  line-height:1;
}
html[data-page-id="code~moovie"] #video .captions span.off-screen i, html[data-page-id="code~moovie"] #video .captions span.off-screen em, html[data-page-id="code~moovie"] #video .captions span.off-screen cite {
  font-family:OfficinaSansBook, 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
  font-style:normal;
}
html[data-page-id="code~moovie"] #video .captions span.off-screen { font-family:OfficinaSansBookItalic, 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; }
html[data-page-id="code~moovie"] #video .captions {
  position:absolute;
  bottom:35px;
  left:10%;
  right:10%;
  text-align:center;
}
html[data-page-id="code~moovie"] #video .captions.top {
  top:5px;
  bottom:auto;
}
html[data-page-id="code~moovie"] #video .overlay .wrapper div {
  line-height:70px;
  text-shadow:1px 1px 3px rgba(0,0,0,.6);
}
html[data-page-id="code~moovie"] #video .overlay .wrapper .play, html[data-page-id="code~moovie"] #video .overlay .wrapper .replay, html[data-page-id="code~moovie"] #video .overlay .wrapper .paused { cursor:pointer; }
html[data-page-id="code~moovie"] #video .overlay .wrapper .play:hover, html[data-page-id="code~moovie"] #video .overlay .wrapper .replay:hover, html[data-page-id="code~moovie"] #video .overlay .wrapper .paused:hover { opacity:.6; }
html[data-page-id="code~moovie"] #video .overlay .wrapper {
  position:absolute;
  top:50%;
  left:50%;
  width:200px;
  height:70px;
  margin-top:-35px;
  margin-left:-100px;
  background:#a5d260;
  color:#000000;
  font-size:2em;
  text-align:center;
  border:4px solid #ffffff;
  opacity:.8;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
}
html[data-page-id="code~moovie"] #video .overlay {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:rgba(0,0,0,.5);
  color:#ffffff;
}
html[data-page-id="code~moovie"] #video .video-title {
  position:absolute;
  top:5px;
  right:20px;
  padding:3px;
  font-size:1.6em;
  text-shadow:2px 2px 5px rgba(0,0,0,.5);
}
html[data-page-id="code~moovie"] #video .panels > div {
  display:table;
  width:100%;
  height:100%;
}
html[data-page-id="code~moovie"] #video .panels .heading {
  font:2.2em GaramondItalic, 'Palatino Linotype', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
  border-bottom:1px dotted #888888;
  margin:0 0 6px 0;
  padding:0 0 .3em 0;
  color:#b9dc84;
}
html[data-page-id="code~moovie"] #video .panels .heading + dl, html[data-page-id="code~moovie"] #video .panels .heading + ol, html[data-page-id="code~moovie"] #video .panels .heading + ul { margin-top:0; }
html[data-page-id="code~moovie"] #video .panels li { margin:0; }
html[data-page-id="code~moovie"] #video .panels .about { background:url(../assets/code/moovie/moovie.png) no-repeat bottom right; }
html[data-page-id="code~moovie"] #video .panels .playlist > div { display:table-row; }
html[data-page-id="code~moovie"] #video .panels .playlist > div + div { height:100%; }
html[data-page-id="code~moovie"] #video .panels .playlist ol.playlist li {
  white-space:nowrap;
  padding:0 5px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}
html[data-page-id="code~moovie"] #video .panels .playlist ol.playlist li:hover { background:#994004; }
html[data-page-id="code~moovie"] #video .panels .playlist ol.playlist li.active { background:rgba(255,255,255,.2); }
html[data-page-id="code~moovie"] #video .panels .playlist ol.playlist .label:hover {
  text-decoration:underline;
  cursor:pointer;
}
html[data-page-id="code~moovie"] #video .panels .playlist ol.playlist {
  overflow-y:auto;
  overflow-x:hidden;
}
html[data-page-id="code~moovie"] #video .panels {
  position:absolute;
  top:5px;
  bottom:5px;
  left:5px;
  right:5px;
  background:rgba(0,0,0,.8);
  padding:10px;
  font-size:.8em;
  border:1px solid rgba(255,255,255,.25);
  overflow:hidden;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}
html[data-page-id="code~moovie"] #video .controls > .wrapper > * {
  display:table-cell;
  vertical-align:middle;
  width:13px;
  background:none no-repeat center;
}
html[data-page-id="code~moovie"] #video .controls > .wrapper > .current-time, html[data-page-id="code~moovie"] #video .controls > .wrapper > .duration {
  font:monospace;
  width:4ex;
  overflow:hidden;
}
html[data-page-id="code~moovie"] #video .controls > .wrapper > .play { background-image:url(../assets/player-play.png); }
html[data-page-id="code~moovie"] #video .controls > .wrapper > .play.paused { background-image:url(../assets/player-pause.png); }
html[data-page-id="code~moovie"] #video .controls > .wrapper > .stop { background-image:url(../assets/player-stop.png); }
html[data-page-id="code~moovie"] #video .controls > .wrapper > .volume .mute { background-image:url(../assets/player-volume.png); }
html[data-page-id="code~moovie"] #video .controls > .wrapper > .volume .mute.muted { background-image:url(../assets/player-muted.png); }
html[data-page-id="code~moovie"] #video .controls > .wrapper > .previous { background-image:url(../assets/player-previous.png); }
html[data-page-id="code~moovie"] #video .controls > .wrapper > .next { background-image:url(../assets/player-next.png); }
html[data-page-id="code~moovie"] #video .controls > .wrapper > .settings { background-image:url(../assets/player-settings.png); }
html[data-page-id="code~moovie"] #video .controls > .wrapper > .more { background-image:url(../assets/player-more.png); }
html[data-page-id="code~moovie"] #video .controls > .wrapper > .close { background-image:url(../assets/player-close.png); }
html[data-page-id="code~moovie"] #video .controls > .wrapper > * > .wrapper .popup > * {
  width:13px;
  height:13px;
  margin:10px 0;
}
html[data-page-id="code~moovie"] #video .controls > .wrapper > * > .wrapper .popup {
  position:absolute;
  bottom:100%;
  margin:0 0 12px 0;
  background:rgba(0,0,0,.8);
  padding:0 7px;
  left:-9px;
  border:1px solid rgba(255,255,255,.15);
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}
html[data-page-id="code~moovie"] #video .controls > .wrapper > * > .wrapper { position:relative; }
html[data-page-id="code~moovie"] #video .controls > .wrapper .progress .wrapper .bar {
  width:100%;
  height:8px;
  background:#ffffff;
  opacity:.7;
}
html[data-page-id="code~moovie"] #video .controls > .wrapper .progress .wrapper .buffered {
  position:absolute;
  left:0;
  bottom:0;
  top:0;
  background:rgba(0,255,0,.5);
  z-index:-1;
}
html[data-page-id="code~moovie"] #video .controls > .wrapper .progress .wrapper .time div {
  background:rgba(0,0,0,.7);
  border:1px solid rgba(255,255,255,.7);
  line-height:1;
  padding:5px;
  font-size:.9em;
  position:relative;
  left:-50%;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}
html[data-page-id="code~moovie"] #video .controls > .wrapper .progress .wrapper .time {
  position:absolute;
  left:0;
  top:-33px;
  padding:0 0 5px 1.5px;
  background:url(../assets/player-progress-time-arrow.png) no-repeat left bottom;
}
html[data-page-id="code~moovie"] #video .controls > .wrapper .progress .wrapper .slider {
  position:absolute;
  width:10px;
  height:10px;
  background:#b9dc84;
  top:-3px;
  left:-7px;
  border:2px solid #ffffff;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
}
html[data-page-id="code~moovie"] #video .controls > .wrapper .progress { width:auto; }
html[data-page-id="code~moovie"] #video .controls > .wrapper .volume .mute {
  width:13px;
  height:13px;
}
html[data-page-id="code~moovie"] #video .controls > .wrapper .volume .wrapper .popup .bar {
  height:100%;
  background:#ffffff;
  opacity:.7;
  width:8px;
  margin:0 auto;
}
html[data-page-id="code~moovie"] #video .controls > .wrapper .volume .wrapper .popup .slider {
  position:absolute;
  width:10px;
  height:10px;
  background:#b9dc84;
  top:6px;
  left:50%;
  margin:0;
  margin-left:-7px;
  border:2px solid #ffffff;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
}
html[data-page-id="code~moovie"] #video .controls > .wrapper .volume .wrapper .popup {
  height:50px;
  padding:13px 9px;
  margin-bottom:5px;
}
html[data-page-id="code~moovie"] #video .controls > .wrapper .more .wrapper .popup .about { background-image:url(../assets/player-about.png); }
html[data-page-id="code~moovie"] #video .controls > .wrapper .more .wrapper .popup .info { background-image:url(../assets/player-info.png); }
html[data-page-id="code~moovie"] #video .controls > .wrapper .more .wrapper .popup .playlist { background-image:url(../assets/player-playlist.png); }
html[data-page-id="code~moovie"] #video .controls > .wrapper {
  display:table;
  width:100%;
  border-spacing:10px 5px;
  opacity:.9;
  background:rgba(0,0,0,.5);
}
html[data-page-id="code~moovie"] #video .controls {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  font-size:.9em;
}
html[data-page-id="code~moovie"] #video {
  background:#000000;
  border:5px solid #222222;
  padding:30px;
  position:relative;
  color:#ffffff;
}