body {
  background: url(/static/images/global-background-marble.png) #d9d9d9 fixed;
  margin-bottom: 8em; }

  body > header {
    z-index: 5;
    position: relative; }
    body > header > nav.navbar {
      background: #121212 url(/static/images/debut_dark.png) fixed;
      box-shadow: inset 0 -1px 1px -1px rgba(255, 255, 255, 0.5), inset 0 2em 3em -2em rgba(255,
            255, 255, 0.2), 0 0 3px rgba(0, 0, 0, 0.9);
      border-bottom: 1px solid #444; }
      body > header > nav.navbar > ul.global-nav {
        margin: 0;
        padding: 0;
        list-style: none;
        color: #eee; }
        body > header > nav.navbar > ul.global-nav > li {
          display: inline-block; }
          body > header > nav.navbar > ul.global-nav > li.nav-search {
            float: right;
            font-size: 0.83em;
            height: 2.60241em;
            line-height: 2.60241em;
            padding: 0 0.5em; }
            body > header > nav.navbar > ul.global-nav > li.nav-auth {
              float: right; }
              body > header > nav.navbar > ul.global-nav > li > a,
              body > header > nav.navbar > ul.global-nav > li > .not-a-link {
                display: block;
                padding: 0.33em 1em;
                line-height: 1.5; }
                body > header > nav.navbar > ul.global-nav > li > a:hover {
                  background: rgba(197, 147, 147, 0.25); }
                  body > header > nav.navbar > ul.global-nav > li > .selected {
                    box-shadow: inset 0 -0.5em 0.5em -0.5em gray;
                    background: url(/static/images/debut_dark.png) fixed #505050;
                    box-shadow: inset 0 0.25em 0.33em rgba(0, 0, 0, 0.4); }
                    body > header > nav.navbar > ul.global-nav > li > .selected:hover {
                      background: #505050; }
        body > header > nav.navbar > ul.global-nav a {
          text-decoration: none;
          color: #f4f4f4; }
          body > header > nav.navbar > ul.global-nav a:visited,
          body > header > nav.navbar > ul.global-nav a:hover,
          body > header > nav.navbar > ul.global-nav a:visited:hover {
            color: #f4f4f4; }

.ad {
  position: relative;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); }
  .ad > a:only-of-type {
    display: block; }
    .ad::before {
      display: block;
      font-size: 0.5em;
      line-height: 1;
      position: absolute;
      top: -1em;
      content: 'advertisement';
      opacity: 0.4; }

.ad-728x90 {
  width: 728px;
  height: 90px;
  margin: 0 auto;
  padding: 0; }
  body > .ad-728x90 {
    margin: 1em auto; }

.ad-160x600 {
  width: 160px;
  height: 600px;
  margin: 0 auto;
  padding: 0; }

  .ad-300x250 {
    width: 300px;
    height: 250px;
    margin: 0 auto;
    padding: 0; }

    main {
      position: relative;
      width: 90%;
      min-width: 990px;
      margin: 1em auto; }

      .tile {
        margin: 1em 0;
        border: 1px solid #cbcbcb;
        border-radius: 0.5em;
        box-shadow: 1px 1px 3px rgba(128, 128, 128, 0.3);
        background: #fefefe; }
        .tile .tile {
          background: #faa; }
          .tile > p, .tile > section {
            margin: 1rem; }
            .tile > header h1 {
              font-size: 2em;
              margin: 1rem;
              padding-bottom: 0.5rem;
              color: #969696;
              font-weight: normal;
              border-bottom: 1px solid #eaeaea; }
              .tile > header > p {
                margin: 1rem 1rem 0; }
                .tile > header > p + h1 {
                  margin-top: 0; }
            .tile > header nav {
              float: right;
              margin: 0.5rem;
              padding: 0; }
              .tile > header nav > ul {
                list-style: none;
                margin: 0;
                padding: 0; }
                .tile > header nav > ul > li {
                  display: inline-block;
                  margin: 0 0.5em; }
        .tile section h1 {
          font-size: 1.5rem;
          padding-bottom: 0.25rem;
          border-bottom: 1px solid whitesmoke;
          color: #969696;
          font-weight: normal; }
          .tile section h2, .tile section section h1 {
            font-size: 1.33rem;
            padding-bottom: 0.25rem;
            border-bottom: 1px dotted #f6f6f6;
            color: #a6a6a6;
            font-weight: normal; }

pre.pastebin {
  margin: 1em 0;
  padding: 0.75em;
  white-space: pre-wrap;
  border: 1px solid #999;
  background: white;
  box-shadow: 0 0 3px #ccc; }

  textarea {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }

    a {
      color: #595959; }
      a:hover {
        color: #3e3e3e; }
        a:visited {
          color: #474747; }
          a:visited:hover {
            color: #323232; }

input[type=search] {
  padding-left: 0.5em;
  padding-right: 0.5em;
  border-radius: 1em; }

  p {
    margin-top: 0; }

    .image-capped {
      max-width: 200px;
      max-height: 200px; }

      ul.inline-list {
        margin: 0;
        padding: 0; }
        ul.inline-list > li {
          display: inline-block; }
          ul.inline-list > li::before {
            content: "• ";
            margin: 0 0.33em; }
            ul.inline-list > li:first-child::before {
              content: none; }

.activity-feed {
  margin: 0;
  padding: 0;
  list-style: none; }
  .activity-feed li {
    background: #fcfcfc;
    margin: 1em 0;
    box-shadow: 1px 1px 2px #ccc; }
    .activity-feed li .-header {
      padding: 0.5em;
      background: white; }
      .activity-feed li .-timestamp {
        font-size: 0.8em;
        float: right; }
        .activity-feed li .-title {
          font-size: 1.2em;
          font-family: serif; }
          .activity-feed li .-body {
            padding: 1em; }
            .activity-feed li .-body pre {
              white-space: pre-wrap;
              border-left: 3px solid #e8e8e8;
              padding-left: 0.5em; }

.media {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }

  .media-inset {
    margin-right: 1em; }

    .media-body {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1; }

      .media-body--with-footer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; }

        .media-body-main {
          -webkit-box-flex: 1;
          -webkit-flex: 1;
          -moz-box-flex: 1;
          -moz-flex: 1;
          -ms-flex: 1;
          flex: 1; }

          form.inline {
            display: inline-block; }

            table.table-pretty > tbody > tr {
              border-bottom: 1px solid #e0e0e0; }
              table.table-pretty > tbody > tr:last-child {
                border-bottom: none; }
                table.table-pretty > tbody > tr:nth-child(2n) {
                  background: rgba(128, 128, 128, 0.1); }
                  table.table-pretty > tbody > tr:hover {
                    background: rgba(71, 112, 235, 0.1); }

.unheader {
  font-size: 1rem;
  margin-left: 1em;
  font-weight: normal;
  color: #444; }

  .front-page-layout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }
    .front-page-layout .front-page-main {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      min-width: -webkit-min-content; }
      .front-page-layout .front-page-sidebar {
        -webkit-box-flex: none;
        -webkit-flex: none;
        -moz-box-flex: none;
        -moz-flex: none;
        -ms-flex: none;
        flex: none;
        width: 320px; }

.markup dl dt {
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  width: 12em;
  float: left;
  color: #969696;
  text-align: right; }
  .markup dl dt::before {
    content: '';
    display: block;
    clear: left; }
    .markup dl dt::after {
      content: ':'; }
      .markup dl dd {
        margin: 0.5em 0; }