/* Geometry */
/* Colors */
/* Layout */
html, body {
  font-family: arial, helvetica, sans-serif;
  font-size: 95%; }

body {
  background-color: #fff;
  padding: 0;
  margin: 0; }

#navi {
  width: 100%;
  min-width: 1050px;
  float: left;
  clear: left;
  background-color: #1F5082;
  border-bottom: 1px #06111b solid; }

#bar {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px; }

#navi .link {
  float: left;
  padding: 0;
  padding-right: 0.8em;
  margin: 0; }

#navi .link a {
  text-decoration: none;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #eee;
  display: block;
  font-weight: bold;
  padding-left: 0.45em;
  padding-right: 0.45em; }

#navi .follow {
  float: right;
  padding: 0;
  padding-right: 0.8em;
  margin: 0; }

#navi .follow .head {
  text-decoration: none;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #eee;
  display: block;
  color: #bbbbbb; }

#navi .follow a {
  text-decoration: none;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #eee;
  display: block;
  color: #e1e1e1; }

#navi .link a:hover {
  text-decoration: underline; }

#navi .follow a:hover {
  text-decoration: underline; }

#top {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  clear: both; }

#rightbar {
  float: right;
  width: 290px;
  margin-top: 10em;
  margin-left: 3em;
  margin-bottom: 2em; }

.rightbox {
  border: 1px #E4D97C solid;
  background-color: #f1ebbb;
  padding: 1em;
  margin-bottom: 1.5em; }

#fork {
  text-align: center; }

#fork a {
  color: #504a11;
  font-size: 170%; }

#twitter {
  text-align: center; }

#twitter a {
  color: #504a11;
  font-size: 120%; }

#why .title {
  margin-top: 0; }

#why .title, #learn-more .title {
  color: #504a11;
  font-size: 170%; }

#why dt {
  padding-left: 0em;
  margin-left: 0; }

#why dd {
  padding-left: 0;
  margin-left: 0; }

h1#mypy-heading {
  font-size: 400%;
  color: #1F5082;
  padding-top: 0.6em;
  padding-bottom: 0.7em;
  margin-top: 0;
  margin-bottom: 0; }

.front-sample {
  float: left;
  margin-right: 2em; }

.sample-header {
  font-weight: bold; }

#features {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px; }

#learn-more {
  margin-top: 2em;
  margin-left: -1em;
  margin-right: -1em;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.8em;
  border: 1px #E4D97C solid;
  background-color: #f1ebbb; }

#learn-more .title {
  margin-top: .5em; }

#footer {
  float: right;
  width: 100%;
  color: #606060;
  padding-top: 3em;
  padding-bottom: 3em;
  text-align: center;
  font-size: 90%; }

.clear {
  clear: both; }

.clear-left {
  clear: left; }

/* Formatting */
h1, h2, h3 {
  font-weight: normal;
  font-family: "Bitstream Vera Sans", sans-serif;
  /*font-family: Georgia, "Bitstream Vera Serif", Palatino, serif;*/
  /*border-bottom: 1px #888 dotted;*/ }

h1 {
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 170%;
  font-weight: normal;
  color: #21558a; }

h1.first {
  font-size: 300%;
  padding-top: 0.9em;
  margin-bottom: 0.8em; }

h2 {
  font-size: 145%;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  color: #0E2768; }

h3 {
  font-size: 120%; }

a:link {
  color: #0000c0; }

a:visited {
  color: #602070; }

a:hover {
  color: #5050c0; }

.features li {
  padding-top: 0.3em;
  padding-bottom: 0.3em; }

p.features {
  margin-left: 2em; }

dt {
  font-weight: bold;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 1em; }

dd {
  margin-left: 1em; }

.small {
  font-size: 80%; }

ul li {
  margin-top: 0.5em;
  margin-bottom: 0.5em; }

li .list-title {
  font-weight: bold; }

.char {
  vertical-align: baseline; }

.adr {
  white-space: nowrap; }

.hid {
  display: none; }

.note {
  border: 1px solid #777;
  font-style: italic;
  padding: 1em;
  margin-top: 1.5em;
  margin-bottom: 1.5em; }

/* Page-specific styles */
#news dt {
  font-weight: bold;
  font-size: 105%;
  padding-top: 0.5em; }

#news dd {
  margin-left: 1em;
  margin-top: 0.5em; }

#news dd .news-info {
  color: #777777;
  margin-top: 8px;
  font-size: 90%; }

#right ul {
  padding-left: 2em; }

.question {
  font-size: 120%;
  font-weight: bold;
  margin-top: 1.5em;
  margin-bottom: 1.5em; }

#footer a, #footer a:visited {
  text-decoration: none;
  color: #358; }

#footer a:hover {
  text-decoration: underline; }

.float-sample {
  float: left;
  width: 430px; }

.float-sample-r {
  float: right;
  width: 430px; }

.float-sample pre.ex {
  margin-top: 0; }

.float-sample-r pre.ex {
  margin-top: 0; }

.sample-head {
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 1em; }

.sample-legend {
  position: relative;
  top: 2.5em; }

.ex-left {
  float: left;
  width: 48%;
  font-size: 95%; }

.ex-right {
  float: right;
  width: 48%;
  font-size: 95%; }

p.dev-status {
  font-style: italic; }

/* Syntax highlighting */
pre {
  font-family: 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', 'Monaco', Courier, monospace !important;
  font-style: normal; }

pre.ex {
  margin-top: 1.3em;
  margin-bottom: 1.3em;
  color: #3c3c3c;
  padding: 0.9em;
  background-color: #eeeeee;
  border: 1px solid #dddddd;
  font-size: 95%; }

.note pre.ex:last-child {
  margin-bottom: 0.5em; }

.kw {
  color: #5c5ca0; }

.pr {
  color: #5c5ca0; }

.co span.pr {
  color: #32923c; }

.co span.kw {
  color: #32923c; }

.st {
  color: #771818; }

.co {
  color: #32923c;
  font-style: italic; }

.error {
  color: red;
  font-style: italic; }

.hili {
  background-color: #dfdfdf; }

@media screen and (max-device-width: 480px) {
  .ex-left {
    width: 90%; }

  .ex-right {
    width: 90%;
    float: left; } }

/*# sourceMappingURL=site.css.map */