@font-face {
  font-family: "vegur bold";
  src: url("../fonts/vegur-bold.svg#vb") format("svg"), url("../fonts/vegur-bold.otf") format("opentype");
}

@font-face {
  font-family: "helvetica neue light";
  src: url("../fonts/helvetica_neue-light.svg#hnl") format("svg"), url("../fonts/helvetica_neue-light.ttf") format("truetype");
}

/* line 23 */
a, blockquote, body, footer, h1, h2, h3, h4, header, hgroup, html, li, ol, p, section, small, menu {
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

/* line 33 */
footer, header, hgroup, section, small, menu {
  display: block;
}

/* line 36 */
h1, h2, h3, h4, p, li {
  margin-bottom: 13px;
}

/* line 39 */
p {
  line-height: 20.15px;
}

/* line 42 */
body, blockquote a {
  font-family: "helvetica neue", helvetica, arial, freesans, "liberation sans", "numbus sans l", sans-serif;
}

/* line 45 */
body {
  background: #3f79c3;
  color: gray;
  font-size: 13px;
  text-rendering: optimizeLegibility;
  -webkit-text-stroke: 1px transparent;
}

/* line 53 */
#header h1, a {
  color: #3f79c3;
}

/* line 56 */
a {
  border-bottom: 1px solid;
  outline: 0;
  padding-bottom: 1px;
  text-decoration: none;
}
/* line 61 */
a:hover {
  color: #31619e;
}
/* line 63 */
a:hover, a:focus {
  border-bottom: 0;
}
/* line 65 */
a:active {
  color: #333333;
}

/* line 68 */
ol {
  list-style: none;
}

/* line 71 */
.clear, .clearfix:after {
  clear: both;
}

/* line 74 */
.clearfix:after {
  content: "";
  display: block;
}

/* line 78 */
.wrapper {
  margin: 0 auto;
  width: 700px;
}

/* line 82 */
h2, h4, blockquote p {
  font-family: "helvetica neue light", helvetica, arial, freesans, "liberation sans", "numbus sans l", sans-serif;
}

/* line 85 */
#header {
  border-top: 6px solid #3f79c3;
  padding: 40px 0 0;
  text-align: right;
}
/* line 89 */
#header h1 {
  font-family: "vegur bold", geneva, tahoma, "dejavu sans condensed", sans-serif;
  font-size: 55px;
  margin: 0 0 -8px;
}
/* line 94 */
#header h1 a {
  border: 0;
  padding: 0;
}

/* line 98 */
h2, h4 {
  letter-spacing: 0.015em;
}

/* line 101 */
h2 {
  color: #595959;
  font-size: 17px;
  margin: 0;
}

/* line 106 */
h3 {
  letter-spacing: 0.05em;
  margin: 20px 0 60px;
}

/* line 110 */
h4 {
  border-bottom: 1px solid #e6e6e6;
  color: #595959;
  font-size: 19px;
  padding: 0 0 5px;
}

/* line 116 */
blockquote {
  margin-bottom: 70px;
}
/* line 118 */
blockquote p {
  font-size: 21px;
  line-height: 1.4;
}

/* line 122 */
li {
  border-right: 1px solid #f2f2f2;
  float: left;
  height: 25px;
  line-height: 21px;
  margin: 0 10px 45px 0;
  padding: 0 10px 0 0;
}
/* line 129 */
li:last-child {
  border: 0;
}

/* line 132 */
#footer {
  background: url("../images/footer.png") 0 0 repeat-x;
  padding: 35px 0;
}

/* line 136 */
small {
  color: white;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-align: center;
}

/* line 144 */
#content {
  background: white;
  padding: 0 0 40px;
}

/* line 1, ./src/stylesheets/./_articles.sass */
.back, .note, article menu {
  font-size: 11px;
}

/* line 4, ./src/stylesheets/./_articles.sass */
.back {
  left: 0;
  padding: 5px 10px 6px;
  position: absolute;
  top: -118px;
  white-space: nowrap;
}
/* line 10, ./src/stylesheets/./_articles.sass */
.back, .back:hover, .back:focus, .back:active {
  border: 1px solid #e6e6e6;
}

/* line 13, ./src/stylesheets/./_articles.sass */
.example_area {
  border: dashed #e6e6e6;
  border-width: 1px 0;
  margin: 0 0 13px;
  padding: 15px;
}

/* line 19, ./src/stylesheets/./_articles.sass */
article {
  position: relative;
}
/* line 21, ./src/stylesheets/./_articles.sass */
article h1 {
  font-family: "helvetica neue light", helvetica, arial, freesans, "liberation sans", "numbus sans l", sans-serif;
  font-size: 34px;
  color: #595959;
  margin-bottom: 15px;
}
/* line 27, ./src/stylesheets/./_articles.sass */
article h2 {
  border-bottom: 2px solid #ebebeb;
  font-size: 21px;
  margin: 40px 0 25px;
  padding: 0 0 5px;
}
/* line 32, ./src/stylesheets/./_articles.sass */
article header {
  margin-bottom: 30px;
}
/* line 34, ./src/stylesheets/./_articles.sass */
article footer {
  border: 1px solid #e6e6e6;
  margin-top: 50px;
  padding: 25px 40px 13px;
}
/* line 38, ./src/stylesheets/./_articles.sass */
article footer h2 {
  border: 0;
  margin: 0;
}
/* line 41, ./src/stylesheets/./_articles.sass */
article footer p, article footer h2 {
  color: #999999;
}
/* line 43, ./src/stylesheets/./_articles.sass */
article time em, article menu {
  font-weight: bold;
}
/* line 45, ./src/stylesheets/./_articles.sass */
article pre i, article pre b, article time em {
  font-style: normal;
}
/* line 47, ./src/stylesheets/./_articles.sass */
article time {
  border: dotted #e6e6e6;
  border-width: 1px 0;
  display: block;
  color: #737373;
  padding: 7px 0 8px;
}
/* line 53, ./src/stylesheets/./_articles.sass */
article time em {
  color: #db0000;
  padding-left: 5px;
}
/* line 56, ./src/stylesheets/./_articles.sass */
article time del {
  color: #cccccc;
}
/* line 58, ./src/stylesheets/./_articles.sass */
article blockquote {
  border: 1px dashed #ededed;
  margin: 0 0 35px;
  padding: 25px 40px 0;
}
/* line 62, ./src/stylesheets/./_articles.sass */
article blockquote p {
  font-size: 13px;
  font-family: "helvetica neue", helvetica, arial, freesans, "liberation sans", "numbus sans l", sans-serif;
  color: #a1a1a1;
  margin: 0 0 25px;
}
/* line 68, ./src/stylesheets/./_articles.sass */
article blockquote .note {
  display: block;
  margin-top: -10px;
}
/* line 71, ./src/stylesheets/./_articles.sass */
article pre {
  background: #f7f7f7;
  border: 1px solid #d9d9d9;
  color: #404040;
  font-size: 11px;
  letter-spacing: -0.05em;
  line-height: 1.2;
  margin: 25px 0;
  overflow: auto;
  padding: 15px;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
  width: 666px;
}
/* line 83, ./src/stylesheets/./_articles.sass */
article pre.left, article pre.right {
  margin: 10px 0 25px;
  min-height: 285px;
  width: 44%;
}
/* line 87, ./src/stylesheets/./_articles.sass */
article pre.left {
  float: left;
}
/* line 89, ./src/stylesheets/./_articles.sass */
article pre.right {
  float: right;
}
/* line 91, ./src/stylesheets/./_articles.sass */
article pre p {
  color: #3d76fd;
  display: inline;
  font-style: italic;
  line-height: 1;
  margin: 0;
  padding: 0;
}
/* line 98, ./src/stylesheets/./_articles.sass */
article pre i {
  color: #776df6;
}
/* line 100, ./src/stylesheets/./_articles.sass */
article pre b {
  color: black;
}
/* line 102, ./src/stylesheets/./_articles.sass */
article pre u {
  color: #d21e08;
  text-decoration: none;
}
/* line 105, ./src/stylesheets/./_articles.sass */
article pre span {
  color: #007a04;
}
/* line 107, ./src/stylesheets/./_articles.sass */
article menu {
  background: #fafafa;
  line-height: 1.2;
  margin: 25px 0 -25px;
  padding: 11px 15px 10px;
  text-shadow: 1px 1px 0 white;
}
/* line 113, ./src/stylesheets/./_articles.sass */
article menu a {
  margin: 0 6px;
}
/* line 115, ./src/stylesheets/./_articles.sass */
article menu a.selected {
  border: 0;
  color: gray;
}

@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) {
  /* line 3, ./src/stylesheets/./_mobile.sass */
  * {
    -webkit-box-shadow: none !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -webkit-user-select: none;
    text-shadow: none !important;
  }

  /* line 11, ./src/stylesheets/./_mobile.sass */
  body {
    -webkit-text-stroke: 0 black;
  }
}

@media only screen and (max-device-width: 480px) {
  /* line 15, ./src/stylesheets/./_mobile.sass */
  .wrapper, article pre {
    width: auto;
  }

  /* line 17, ./src/stylesheets/./_mobile.sass */
  .wrapper {
    padding: 0 20px;
  }

  /* line 20, ./src/stylesheets/./_mobile.sass */
  #header h1 {
    font-size: 44px;
    margin-bottom: -3px;
  }
  /* line 23, ./src/stylesheets/./_mobile.sass */
  #header h2 {
    font-size: 14px;
  }

  /* line 25, ./src/stylesheets/./_mobile.sass */
  section {
    margin-bottom: 20px;
  }
  /* line 27, ./src/stylesheets/./_mobile.sass */
  section li {
    margin-bottom: 5px;
  }

  /* line 29, ./src/stylesheets/./_mobile.sass */
  article pre {
    white-space: pre-wrap;
  }

  /* line 31, ./src/stylesheets/./_mobile.sass */
  .back {
    top: -175px;
  }
}