html{background:#2c72c7;background:linear-gradient(#235a9e,#2c72c7);background-attachment:fixed;color:#ccc}
body{margin:0;padding:0 1em;font-family:sans-serif}
#page{max-width:70em;margin:0 auto;min-height:100%}
#header{margin:0 -1em;padding:1em}
#header h2{color:#fff;margin:0;cursor:default}
#header a{color:white;text-decoration:none}
#header img{margin:0;padding:0;border:0}
#links{height:24px;margin:0;padding:0;float:right}
#links li{margin-left:12px;list-style-type:none;float:left}
#links img{height:24px;width:24px;border:0}
#projects{padding:0 .5em 0 1em;margin:0 -1em 1em -1em;list-style-type:none;cursor:default;text-align:justify}
#projects li{padding:0 .5em 0 0;margin:0;display:inline-block;white-space:nowrap;text-transform:uppercase}
#projects a{color:white;text-decoration:none}
#projects a:hover{text-decoration:underline}
#banner{text-align:center}
#banner img{height:auto;width:auto;max-width:95%;border-radius:.25em}
#main{color:#000;padding:0}
#main a{color:#235A9E;text-decoration:none}
#main a:hover{text-decoration:underline}
#main a:visited{color:#122F53}
#main h1{margin:0;margin-bottom:.5em;padding:0;text-align:center}
#contentswrapper{margin-right:-22em;width:100%;float:left}
#contents{background-color:#fff;border-radius:.25em;padding:0;padding-bottom:1em;margin-right:22em}
#contents h3{text-align:center;font-weight:normal;margin:0;padding:0}
#contents h4{margin-bottom:0}
#contents ul{margin-top:0;margin-bottom:0}
#contents img{border:0}
#contents .title{padding:1em;margin-bottom:0;text-align:center}
.title img{vertical-align:middle;padding-right:4px}
.code{margin:0 2em 1em 2em;padding:.5em;border:1px dashed #ccc;background:#eee;font-family:monospace}
#sections{list-style-type:none;margin:0;padding:.25em 0 .25em 0;text-align:center;cursor:default}
#sections li{display:inline-block}
#main #sections li a{color:#444;background-color:#dedede;padding:.25em 1em;text-decoration:none;border-radius:.25em}
#main #sections li a:hover{background-color:#f1f1f1;text-decoration:none}
#main #sections li a.selected{color:#fff;background-color:#2c72c7}
.section{background-color:#fff;margin:0;padding:1em 1em 0 1em}
.section.hidden{display:none}
.row{float:left}
.row h4{margin:0;padding:0}
.thumbnail{display:inline;float:left;position:relative;overflow:hidden;margin-right:4px}
.thumbnail img{position:absolute}
#releasenotes ul{margin:0;padding:0}
.newsitem{margin-left:0;padding-left:0;padding-top:.5em;padding-bottom:1em;list-style:none}
.newsitem ul{list-style:disc}
.newsitem li{margin-left:1.5em}
.newsitem .date{color:gray;font-style:italic;font-size:small;margin-left:0;margin-bottom:.5em;list-style:none}
#sidebar{width:21em;padding:0;margin-right:0;float:right}
#sidebar h2{text-align:center;margin:0;padding:0}
#sidebar h3{text-align:center;font-weight:normal;margin:0;padding:0}
#tipjar{border-radius:.25em;padding:1em;margin-bottom:1em}
#tipjar ul{list-style-type:none;margin:0;padding:.25em 0 .25em 0;text-align:center;cursor:default;margin-bottom:1em;margin-top:-1.5em}
#tipjar li{display:inline-block;margin-top:1.1em}
#tipjar .buttonlinks a{background:#235a9e;color:white;padding:.25em .5em;border-radius:.25em;font-weight:bold;text-decoration:none;transition:all .2s ease-in-out}
#tipjar .buttonlinks a:hover{background:#2c72c7;color:white;text-decoration:none}
#tipjar .buttonlinks a:visited{color:white}
#download{border-radius:.25em;padding:1em}
#download .date{color:gray;font-style:italic;font-size:small;text-align:center;margin-top:0;margin-bottom:1em}
.version{font-size:larger;text-align:center;margin-bottom:0}
.expander{background:url("images.png");background-position:0 0;width:16px;height:16px;margin:0;padding:0;float:right}
.expander:hover{background-position:0 -16px}
.expander:active{background-position:0 -32px}
.expanded{background:url("images.png");background-position:0 -32px;width:16px;height:16px;margin:0;padding:0;float:right}
.expanded:hover{background-position:0 -16px}
.expanded:active{background-position:0 -32px}
.selection{margin-bottom:.75rem}
.oslink{background:#235a9e;color:white !important;padding:.25em .75em;border-radius:.25em;font-weight:bold;text-decoration:none;transition:all .2s ease-in-out}
.oslink:hover{background:#2c72c7;color:white;text-decoration:none !important}
.oslink:visited{color:white}
.selection p{margin-bottom:0;margin-top:0}
.ostitle{font-size:larger}
.osversion{font-size:smaller;margin-left:1em;margin-right:16px;padding:0;color:#666}
.details{display:block;overflow:auto;color:#666;margin-left:1em;margin-right:0;margin-bottom:0;margin-top:0;font-size:smaller}
.shasum{font-family:monospace}
.tip{text-align:center;padding-left:1em;padding-right:1em;margin:0}
.tip p{margin-top:2em;padding-bottom:0}
.button{cursor:pointer;font-size:larger;font-weight:bold;color:white;background:#00aa00;background:linear-gradient(#00cc00,#007700);padding:.25em 1em;border:2px solid #007700;border-top:2px solid #00ff00;border-radius:.5em;box-shadow:0 2px .25em black;text-shadow:black 0 1px 2px}
.button:hover{background:#00cc00;background:linear-gradient(#00ee00,#009900);border:2px solid #009900;border-top:2px solid #00ff00}
.button:active{background:#009900;background:linear-gradient(#007700,#00cc00);border:2px solid #007700;border-top:2px solid #00cc00}
#relatedlinks h4{margin-bottom:.5em}
#relatedlinks ul{list-style-type:none;padding:0;margin:0;margin-bottom:-0.5em}
#relatedlinks li{padding-left:1em;padding-bottom:.5em}
#relatedlinks p{margin-left:1em}
#relatedlinks pre{overflow:auto;margin-left:1em}
#footer{padding:.5em;padding-top:1em;text-align:center}
#footer p{margin:0}
#footer a{color:white;text-decoration:none}
#footer a:hover{text-decoration:underline}
@media screen and (max-width:46em){body{padding:0}
#page{max-width:100%}
#banner img{border-radius:0}
#header{margin:0}
#projects{display:none}
#contentswrapper{margin-right:0}
#contents{margin-right:0;border-radius:0}
#sections{display:none}
#sidebar{clear:left;width:100%;margin:0;padding:0}
#download{padding-top:1em;border-radius:0}
#contents h3,#sidebar h3{font-weight:bold}
.section.hidden{display:block}
#footer{margin-bottom:0}
}
@media only screen and (min-resolution:2dppx){.expander{background:url("images-2x.png");background-size:16px 48px}
.expanded{background:url("images-2x.png");background-size:16px 48px}
}
@media only screen and (min-resolution:3dppx){.expander{background:url("images-3x.png");background-size:16px 48px}
.expanded{background:url("images-3x.png");background-size:16px 48px}
}
