/* auto-generated by lessc, DO NOT EDIT MANUALLY, edit style.less instead and run ./compile-css.sh  */

@import url(../fontsead3.html?v20140123);
* {
  font-family: 'Source Sans Pro', sans-serif;
  margin: 0px;
  padding: 0px;
}
body a {
  text-decoration: none;
}
body #severeError {
  color: black;
  font-weight: bold;
  padding: 10px;
  background-color: white;
  border-color: red;
  border-style: solid;
  border-width: 4px;
  margin-bottom: 5px;
}
body .fullscreen #severeError {
  position: absolute;
  left: 0;
  top: 0;
  margin: 15px;
}
body #screenshots .imgbox {
  width: 320px;
  height: 300px;
  font-size: 11px;
  text-align: center;
  float: left;
  margin: 0px 15px 8px 15px;
}
body #screenshots .imgbox > a:first-child > img {
  width: 320px;
  height: auto;
  border: 0px;
  margin-bottom: 7px;
  box-shadow: 5px 5px 10px grey;
}
body #screenshots .imgbox > a:last-of-type {
  line-height: 21px;
}
body #screenshots .imgboxcontainer ~ * {
  clear: both;
}
body #textContent {
  max-width: 856px;
  margin: 60px auto 70px auto;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 100px;
  color: #111111;
}
body #textContent p {
  margin-bottom: 10px;
}
body #textContent .headlines {
  color: #444444;
  margin-top: 30px;
  margin-bottom: 10px;
}
body #textContent h1 {
  color: #444444;
  margin-top: 30px;
  margin-bottom: 10px;
}
body #textContent h2 {
  color: #444444;
  margin-top: 30px;
  margin-bottom: 10px;
}
body #textContent ul,
body #textContent ol {
  margin-left: 30px;
  margin-right: 60px;
  margin-bottom: 10px;
}
body #textContent ul li,
body #textContent ol li {
  margin-bottom: 5px;
}
body #textContent tt {
  background-color: #eee;
  font-family: monospace;
}
body #textContent .errorMarker {
  padding-bottom: 2px;
  background-image: url("../squiggle.html");
  background-repeat: repeat-x;
  background-position: left bottom;
  vertical-align: text-top;
}
body #textContent .oldInformation {
  color: #777777;
}
body #textContent .oldInformation a {
  color: #98a6f3;
}
body #textContent .langVariants {
  color: #808080;
}
body #textContent .maintainerNeeded {
  background-color: #ffff95;
}
body #languageContent {
  max-width: 900px;
  margin: 60px auto 70px auto;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 100px;
  color: #111111;
}
body #languageContent p {
  margin-bottom: 10px;
}
body #languageContent .headlines {
  color: #444444;
  margin-top: 30px;
  margin-bottom: 10px;
}
body #languageContent h1 {
  color: #444444;
  margin-top: 30px;
  margin-bottom: 10px;
}
body #languageContent h2 {
  color: #444444;
  margin-top: 30px;
  margin-bottom: 10px;
}
body #languageContent ul,
body #languageContent ol {
  margin-left: 30px;
  margin-right: 60px;
  margin-bottom: 10px;
}
body #languageContent ul li,
body #languageContent ol li {
  margin-bottom: 5px;
}
body #languageContent tt {
  background-color: #eee;
  font-family: monospace;
}
body #languageContent .errorMarker {
  padding-bottom: 2px;
  background-image: url("../squiggle.html");
  background-repeat: repeat-x;
  background-position: left bottom;
  vertical-align: text-top;
}
body #languageContent .oldInformation {
  color: #777777;
}
body #languageContent .oldInformation a {
  color: #98a6f3;
}
body #languageContent .langVariants {
  color: #808080;
}
body #languageContent .maintainerNeeded {
  background-color: #ffff95;
}
body #textOrLanguageContent {
  margin: 60px auto 70px auto;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 100px;
  color: #111111;
}
body #textOrLanguageContent p {
  margin-bottom: 10px;
}
body #textOrLanguageContent .headlines {
  color: #444444;
  margin-top: 30px;
  margin-bottom: 10px;
}
body #textOrLanguageContent h1 {
  color: #444444;
  margin-top: 30px;
  margin-bottom: 10px;
}
body #textOrLanguageContent h2 {
  color: #444444;
  margin-top: 30px;
  margin-bottom: 10px;
}
body #textOrLanguageContent ul,
body #textOrLanguageContent ol {
  margin-left: 30px;
  margin-right: 60px;
  margin-bottom: 10px;
}
body #textOrLanguageContent ul li,
body #textOrLanguageContent ol li {
  margin-bottom: 5px;
}
body #textOrLanguageContent tt {
  background-color: #eee;
  font-family: monospace;
}
body #textOrLanguageContent .errorMarker {
  padding-bottom: 2px;
  background-image: url("../squiggle.html");
  background-repeat: repeat-x;
  background-position: left bottom;
  vertical-align: text-top;
}
body #textOrLanguageContent .oldInformation {
  color: #777777;
}
body #textOrLanguageContent .oldInformation a {
  color: #98a6f3;
}
body #textOrLanguageContent .langVariants {
  color: #808080;
}
body #textOrLanguageContent .maintainerNeeded {
  background-color: #ffff95;
}
body #editor_controls {
  padding: 20px;
  background-color: #ebebeb;
}
body #editor_controls .dropdown {
  float: left;
  display: block;
  width: 66%;
}
body #editor_controls .submit {
  float: right;
  text-align: right;
  display: block;
  width: 34%;
}
body #editor_controls .submit input {
  border: 0px;
  color: #fff;
  font-size: 18px;
  padding: 7px 20px;
  background-color: #761AD8;
  cursor: pointer;
}
body #editor_controls .submit input:hover,
body #editor_controls .submit input:active {
  background-color: #4A0C8C;
  -webkit-transition: all 0.2s linear;
}
body #editor_controls .submit input:disabled {
  background-color: #98a6f3;
  cursor: default;
}
body.fullscreen {
  overflow: hidden;
}
body a[href] {
  /*color: #1a36d8;*/
}
body a[href] img {
  border: 0px;
}
body .alt_lang_message {
  padding: 10px 0px;
  font-size: 12px;
  text-align: center;
  color: #735c01;
  background-color: #fee68a;
}
body .alt_lang_message a {
  color: #403301;
}
body .warning {
  padding: 10px;
  font-size: 12px;
  text-align: center;
  color: black;
  background-color: #fee68a;
  border-style: dashed;
  border-width: 2px;
  border-color: red;
}
body .unmaintainedWarning {
  padding: 5px;
  font-size: 16px;
  color: black;
  background-color: #fee68a;
  border: 2px solid red;
}
body #languageInfo {
  font-size: 16px;
}
body #header {
  width: 100%;
  background-color: #fff;
}
body #header #container {
  width: 900px;
  margin: 14px auto;
}
body #header #container #logo {
  margin-left: 20px;
  margin-right: 80px;
  width: 34px;
  float: left;
}
body #header #container #nav {
  position: relative;
  top: 6px;
  float: left;
}
body #header #container #nav a {
  font-size: 18px;
  color: #000;
  text-decoration: none;
  font-weight: 600;
  margin-right: 30px;
}
body #header #container #nav a.active,
body #header #container #nav a:hover {
  color: #1a36d8;
}
body #header #container #social {
  position: relative;
  top: 4px;
  float: right;
  margin-right: 10px;
}
body #header #container #social a {
  margin-left: 10px;
  float: right;
  display: block;
  width: 30px;
  height: 30px;
  background-image: url(../facebook-twitter-github.html);
  background-position: 20px 20px;
}
body #header #container #social a:hover {
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5;
  -webkit-transition: all 0.2s linear;
}
body #header #container #social a.facebook {
  background-position: -4px 34px;
}
body #header #container #social a.twitter {
  background-position: -44px -42px;
}
body #header #container #social a.github {
  background-position: -84px -42px;
}
body #stage {
  display: block;
  width: 100%;
  background-size: cover;
}
body #stage .inner {
  /*idth: 950px;*/
  margin: 0px auto;
  padding: 10px 0px;
}
body #stage .inner #image {
  text-align: right;
  float: right;
  width: 70%;
}
body #stage .inner #image img {
  -moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}
body #stage .inner #editor {
  float: left;
  width: 100%;
}
body #stage .inner #editor form#checkform {
  position: relative;
}
body #stage .inner #editor form#checkform .fullscreen-toggle {
  position: absolute;
  right: 18px;
  bottom: 115px;
  text-align: right;
}
body #stage .inner #editor form#checkform .fullscreen-toggle a {
  width: 18px;
  height: 18px;
  margin-left: -20px;
  display: inline-block;
  overflow: hidden;
  position: absolute;
  background-image: url(../fullscreen-toggle2.html);
}
body #stage .inner #editor form#checkform.fullscreen {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
body #stage .inner #editor form#checkform.fullscreen .fullscreen-toggle a {
  position: fixed;
  bottom: 100px;
  right: 20px;
  margin: 0px!important;
  background-image: url(../fullscreen-toggle1.html);
}
body #stage .inner #editor #handle {
  display: block;
  height: 24px;
  width: 100%;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
body #stage .inner #editor #handle #feedbackMessage {
  padding-top: 2px;
  color: green;
  text-align: center;
  font-weight: bold;
}
body #stage .inner #editor .window {
  background-color: #fff;
  border: 1px solid #ccc;
}
body #stage .inner #editor .inner {
  padding: 0px;
  margin: 0px;
  width: 95%;
}
body #stage .inner #editor .inner #checktext {
  height: 270px;
}
body #stage .inner #editor .inner #checktext_path_row {
  display: none;
}
body #stage .inner #editor .inner .message {
  display: none;
  padding: 10px;
  font-size: 11px;
  color: #735c01;
  background-color: #fee68a;
}
body #stage .inner #editor .inner .message a {
  color: #403301;
}
body #stage .inner #editor .languageHomepage {
  color: #111111;
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 0px;
  padding-bottom: 15px;
  background-color: #ebebeb;
}
body #stage .inner #editor .languageHomepage a {
  text-decoration: none;
}
body #stage .inner #text {
  float: left;
  width: 35%;
}
body #stage .inner #text p {
  font-weight: 300;
  line-height: 40px;
  color: #fff;
  font-size: 2em;
}
body #stage .inner #text p strong {
  font-weight: 600;
}
body #stage .inner #text p.small {
  line-height: 30px;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 30px;
  font-size: 22px;
}
body #stage .inner #text p a:hover {
  color: #d9d9d9;
}
body #stage .inner #text p a:before {
  content: "→\00a0";
  /* \00a0 = non-breaking space */
}
body #stage .inner #text p a {
  text-decoration: none;
  color: white;
}
body #plugins {
  width: 900px;
  margin: 60px auto 70px auto;
}
body #plugins h2 {
  font-size: 36px;
  font-weight: 400;
  color: #000;
  margin: 0px;
  margin-bottom: 20px;
}
body #plugins #list {
  margin-top: 20px;
}
body #plugins #list ul {
  margin-left: 20px;
  margin-right: 60px;
  float: left;
}
body #plugins #list ul li {
  margin-bottom: 5px;
  color: #1a36d8;
}
body #download {
  width: 900px;
  margin: 30px auto 70px auto;
}
body #download h2 {
  font-size: 36px;
  font-weight: 400;
  color: #000;
  margin: 0px;
  margin-bottom: 20px;
}
body #download p.small {
  font-size: 13px;
}
body #download .button_container {
  float: left;
}
body #download .button_container :hover {
  -moz-opacity: 0.985;
  filter: alpha(opacity=85);
  opacity: 0.85;
}
body #download .button_container .inner_button {
  background-color: #fdd743;
  margin: 0px 20px 20px 0px;
  display: block;
}
body #download .button_container .inner_button .title {
  color: #000;
  font-size: 20px;
  padding: 20px;
}
body #download .button_container .inner_button .meta {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.6);
  background-color: #fee275;
  padding: 8px 20px;
}
body #actions {
  background-color: #373737;
  padding: 30px 0px;
}
body #actions .actions-inner {
  margin: 0px auto;
  width: 900px;
}
body #actions .actions-inner #license_info {
  height: 80px;
  display: block;
  width: 50%;
  float: left;
  background-image: url(../github-logo.html);
  background-position: 0px 50%;
  background-repeat: no-repeat;
}
body #actions .actions-inner #license_info .inner {
  padding-left: 65px;
  color: #fff;
}
body #actions .actions-inner #license_info .inner h2 {
  font-weight: 400;
  font-size: 18px;
}
body #actions .actions-inner #license_info .inner p {
  margin-top: 10px;
  font-size: 15px;
  font-weight: 200;
  color: rgba(255, 255, 255, 0.8);
}
body #actions .actions-inner #license_info .inner p a {
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.8);
}
body #actions .actions-inner #newsletter_reg {
  height: 80px;
  display: block;
  width: 45%;
  float: right;
  background-image: url(../email-symbol.html);
  background-position: 0px 50%;
  background-repeat: no-repeat;
}
body #actions .actions-inner #newsletter_reg .inner {
  padding-left: 65px;
  color: #fff;
}
body #actions .actions-inner #newsletter_reg .inner h2 {
  font-weight: 400;
  font-size: 18px;
}
body #actions .actions-inner #newsletter_reg .inner p {
  margin-top: 10px;
  font-size: 15px;
  font-weight: 200;
  color: rgba(255, 255, 255, 0.4);
}
body #actions .actions-inner #newsletter_reg .inner input {
  font-size: 15px;
  padding: 5px 10px;
  border: 0px;
}
body #actions .actions-inner #newsletter_reg .inner input[type=submit] {
  background-color: #1a36d8;
  color: #fff;
}
body #footer {
  padding: 30px 0px;
  background-color: #ebebeb;
  color: #777777;
  display: block;
  font-size: 13px;
  text-align: center;
}
body #footer span {
  display: inline-block;
  margin: 0px 10px;
}
body #footer span a {
  color: #777;
  text-decoration: none;
  border-bottom: 1px solid rgba(119, 119, 119, 0.3);
}
body #footer span a:hover {
  border-bottom: 1px solid #777777;
}
@media (max-width: 945px) {
  #header #container {
    width: 680px!important;
  }
  #stage .inner {
    padding: 30px 0px!important;
    width: 95%!important;
  }
  #stage .inner #editor {
    width: 100% !important;
  }
  #stage .inner #text {
    width: 100%!important;
  }
  #download {
    margin: 30px auto!important;
    width: 80%!important;
  }
  #download h2 {
    font-size: 27px;
  }
  #download .button_container {
    overflow: hidden;
    width: 50%!important;
  }
  #actions .actions-inner {
    width: 80%!important;
    margin: 0px auto!important;
  }
  #actions .actions-inner #license_info,
  #actions .actions-inner #newsletter_reg {
    width: 100%!important;
    height: auto!important;
  }
  #actions .actions-inner #license_info {
    margin-bottom: 25px;
  }
}
@media (max-width: 750px) {
  #header {
    /*#social {
      display: none;
    }*/
  }
  #header #container {
    width: 100%!important;
  }
  #header #container #logo {
    margin: 10px 0px!important;
    width: 100%!important;
    text-align: center!important;
  }
  #header #container #logo a {
    width: 100%!important;
  }
  #header #container #logo a img {
    text-align: center!important;
  }
  #header #logo {
    float: none!important;
  }
  #header #nav {
    float: none!important;
    margin-bottom: 20px;
    text-align: center!important;
  }
  #header #nav a {
    font-size: 18px!important;
    margin: 0px 5px 0px 5px!important;
  }
  #stage #text p {
    font-size: 22px!important;
    line-height: 30px!important;
  }
  #stage #text p.small {
    font-size: 17px!important;
    line-height: 23px!important;
  }
}
@media (max-width: 650px) {
  #download {
    margin: 30px auto!important;
    width: 80%!important;
  }
  #download .button_container {
    width: 100%!important;
  }
  #download .button_container .inner_button {
    margin: 0px 0px 10px 0px!important;
  }
  #download .button_container .title {
    padding: 10px!important;
    font-size: 15px!important;
    height: auto!important;
  }
  #download .button_container .meta {
    font-size: 13px!important;
    padding: 5px 10px!important;
  }
}
@media (max-width: 400px) {
  #header #nav a {
    font-size: 15px!important;
  }
}
@media (max-width: 450px) {
  body #editor_controls .dropdown {
    width: 100%;
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    height: 40px;
  }
  body #editor_controls {
    padding: 20px 10px;
  }
  .dk_container {
    width: 150px;
  }
  .dk_container a {
    width: 80px !important;
  }
  body #editor_controls .submit {
    padding-top: 10px !important;
    float: left;
  }
}
@media (max-width: 400px) {
  #header #nav a {
    font-size: 15px!important;
  }
}
@media (max-width: 361px) {
  body #editor_controls .dropdown {
    width: 100%;
  }
  .dk_container {
    width: 130px !important;
  }
  .dk_container a {
    width: 80px !important;
  }
}