/* From git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:'Roboto Mono',monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:0.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}

/* Layout */
*{
  box-sizing:border-box;
}
main{
  overflow:auto;
  width:960px;
  margin:0 auto;
}
header nav{
  max-width:960px;
  margin:0 auto;
  padding:10px 15px;
}
footer{
  padding:15px;
  max-width:480px;
  margin:0 auto;
}
article{
  float:right;
  width:75%;
  padding:0 15px;
}
aside{
  float:left;
  width:25%;
  margin-top:40px;
  padding:0 15px;
}
p, blockquote{
  margin-right:6em;
}
ol, ul, .lead{
  margin-right:4em;
}
@media only screen and (max-width:960px){
  p, blockquote{
    margin-right:10em;
  }
  ol, ul{
    margin-right:8em;
  }
  header, footer{
    max-width:100%;
    margin:0;
  }
  main, article, aside{
    width:100%;
  }
  .extra-content{
    display:none;
  }
  aside{
    margin-top:0;
  }
}
@media only screen and (max-width:720px){
  p, ol, ul, .lead, blockquote{
    margin-right:0;
  }
}
@media only screen and (min-width:720px){
  .small-content{
    display:none;
  }
}

aside p{
  margin-right:0;
}

/* Style */
html{
  font-family:'Roboto',sans-serif;
  line-height:1.5em;
  color:#292f33;
}
header{
  background-color:#dbd9d6;
  font-size:90%;
}
header nav ul{
  padding:0;
  margin:0;
  list-style:none;
  font-weight:bold;
}
header nav ul li {
  display:inline;
  color:#555;
  margin-right:1em;
  padding:10px 0;
}
.here {
  padding-bottom:4px;
  border-bottom:4px solid #ce3262;
}
header nav ul li:first-child{
  float:right;
  margin-right:0;
  padding:0;
}
header nav ul li a, header nav ul li a:visited{
  color:#555;
}
header nav ul li a:hover{
  text-decoration:none;
  color:#555;
  padding-bottom:4px;
  border-bottom:4px solid #ce3262;
  transition: all 300ms ease-out;
}
footer{
  color:#666;
  font-size:smaller;
}
footer a, footer a:visited{
  color:inherit;
}
aside{
  font-size:smaller;
  line-height:1.2em;
}
aside h2{
  margin:1.6em 0 0.4em 0;
  font-size:110%;
  font-weight:bold;
}
aside h2:first-child{
  margin-top:0em;
}
@media only screen and (max-width:960px){
  aside{
    padding-top: 1em;
    font-size:100%;
    line-height:1.2em;
  }
  aside h2{
    font-weight:lighter;
    font-size:180%;
  }
  aside h2:first-child{
    margin-top:1em;
  }
}
img{
  max-width:100%;
}
a img{
-webkit-transition:all 0.5s ease;
transition:all 0.5s ease;
}
a img:hover{
-webkit-transform:scale(0.95);
transform:scale(0.95):
}
h1{
  font-size:215%;
  font-weight:lighter;
  line-height:1.15em;
  margin-bottom:0;
}
.tagline{
  font-family:monospace;
  color:#777;
}
h2{
  margin:1em 0 0.5em 0;
  font-size:170%;
  line-height:1.2em;
  font-weight:lighter;
}
h3{
  margin-top:1.5em;
  line-height:1.2em;
  font-size:130%;
  font-weight:lighter;
  font-style:italic;
}
h4{
  margin:0;
  font-size:100%;
  font-weight:bold;
}
a{
  text-decoration:none;
  color:#00758d;
}
a:visited{
  color:#bb8888;
}
a:hover{
  text-decoration:underline;
  color:#00758d;
}
h2 a{
  color:#292f33;
}
h2 a:visited{
  color:#292f33;
}
h2 a:hover{
  color:#292f33;
}
ol, ul{
  padding-left:2em;
}
ol.index, ul.index{
  padding-left:0;
  line-height:1.2em;
  list-style:none;
}
ol.none, ul.none{
  line-height:1.2em;
  list-style:none;
  padding:0;
  margin:0;
}
ol.toc, ul.toc{
  line-height:1em;
  list-style:none;
  padding-left:0;
}
ol.toc > li > a:before, ul.toc > li > a:before{
  content:"»\00a0";
}
li{
  padding:.3em 0em;
}
li p:first-child{
  margin-top:0;
}
pre{
  -moz-tab-size:4; /* Firefox 4+ */
  -o-tab-size:4; /* Opera 11.5 & 12.1 only */
  tab-size:4; /* Chrome 21+, Safari 6.1+, Opera 15+ */
  font-size:90%;
  display:block;
  overflow-x:auto;
  margin:1.5em 0;
  padding:1em 1.5em;
  border:1px solid #c4c5c0;
  border-radius:4px;
}
code{
  font-size:100%;
}
pre code{
  background:white;
  font-size:100%;
  padding:0;
}
blockquote{
  display:block;
  margin-left:0;
  padding:0.2em 0 0.2em 1.2em;
  border-left:4px solid #00acd7;
}
blockquote.warning{
  border-left:4px solid #ce3262;
}
blockquote.math{}

blockquote p{
  margin-left:0;
  margin-right:0;
}

blockquote p:first-child{
  margin-top:0;
}

blockquote p:last-child{
  margin-bottom:0;
}

blockquote ul:first-child{
  margin:0;
}

table{
  margin:1em 0;
  width:100%;
  border-collapse:collapse;
}
th, td{
  border-bottom:1px solid lightgray;
  padding:.6em;
}
th{
  border-bottom:2px solid darkgray;
  text-align:left;
}
table.white code{
  background:white;
}
table.column th, table.column td{
  border-left:2em solid white;
  border-right:2em solid white;
  padding-left:0;
}
.button, summary.answer{
  display:inline-block;
  cursor:pointer;
  padding:0.2em 1.2em;
  color:white;
  background-color:#00acd7;
  border:1px solid #00acd7;
  border-radius:3px;
}
.button:hover{
  color:white;
  background-color:#00bce7;
  text-decoration:none;
}
summary.answer{
  color:white;
  margin:1em 0;
}
summary.answer:hover{
  background-color:#00bce7;
}
a.button:visited{
  color:white;
}
summary.answer:focus{
  outline-style:none;
}
details.answer{
  margin:1em 0;
}  
.comment{
  color:#999;
}
.lead{
  font-weight:normal;
  color:#777;
  font-size:130%;
  line-height:1.3em;
}
.tag{
  color:darkgray;
  background-color:white;
  border:1px solid lightgray;
  border-radius:4px;
  padding:0.1em 0.5em;
  font-family:monospace;
  font-size:small;
}
.quote-source{
  display:block;
  margin-top:1em;
}
.quote-source:before{
  content:"– ";
}
.quicklink a{
  background-color:white;
  border:1px solid lightgray;
  border-radius:4px;
  margin-left:1em;
  padding:0.1em 0.5em;
  font-weight:normal;
  font-size:small;
}
.article-series{
  list-style-type:none;
  padding:0;
}
.article-series li.current{
  font-weight:bold;    
}
.reference{
  margin:1em 0;
}
.source, .author{
  margin:0.2em 0;
  font-style:italic;
  color:grey;
  font-size:smaller;
}
.desc {
  color:grey;
  line-height:1.4em;
  margin:0.2em 0;
}
ul.pagina{
  padding:0;
  margin:0;
  list-style:none;
  font-weight:bold;
}
ul.pagina li{
  display:inline;
  margin-right:0.5em;
  padding:0;
}

ul.pagina li a, ul.pagina li a:visited{
  font-weight:bold;
}
ul.pagina li a:hover{
  text-decoration:underline;
}