div.wiki-wrapper {
  display: table;
  width: 100%;

  section.wiki-body {
    @extend .clearfix;
    @extend .content;
    position: relative;


    header {
      @extend .topbar;
      height:46px;
      @include box-shadow(inset 0 1px 0 white);

      &:empty {
        display: none !important;
        border-bottom: 0;
      }

      a {
        @extend .block-link;
      }

      p {
        float: left;
        margin-bottom: 0;
        color: darken($cream, 55%);
        line-height: 46px;
        padding-left: lh();
      }

      ul {
        float: right;
        list-style: none;

        li {
          float: left;

          input[type="button"] {
            @extend .block-link;
            background-color: darken($cream, 5%);
            background-position: 12px center;
            background-repeat: no-repeat;
            border: 0;
            border-left: 1px solid darken(#f6efd4, 20%);
            @include border-radius(0);
            @include box-shadow(inset 1px 0 0 lighten(#f6efd4, 5%));
            color: darken($cream, 80%);
            display: block;
            font-weight: normal;
            font-size: 12px;
            letter-spacing: 1px;
            line-height: 46px;
            margin: 0;
            padding: 0 lh() 0 38px;
            text-shadow: none;
            text-transform: uppercase;
            @include transition();

            &.view {
              background-image: url('/static/images/sequence-nav/view.png');
            }

            &.history {
              background-image:  url('/static/images/sequence-nav/history.png');
            }

            &.edit {
              background-image:  url('/static/images/sequence-nav/edit.png');
            }

            &:hover {
              background-color: transparent;
            }
          }
        }
      }
    }

     h2.wiki-title {
        @include box-sizing(border-box);
        display: inline-block;
        float: left;
        margin-bottom: 15px;
        margin-top: 0;
        padding-right: flex-gutter(9);
        vertical-align: top;
        width: flex-grid(2.5, 9);

        @media screen and (max-width:900px) {
          display: block;
          width: auto;
          border-right: 0;
        }

        @media print {
          display: block;
          width: auto;
          border-right: 0;
        }
      }

    p {
      line-height: 1.6em;
    }

    section.results {
      @include box-sizing(border-box);
      display: inline-block;
      border-left: 1px dashed #ddd;
      float: left;
      padding-left: 10px;
      width: flex-grid(6.5, 9);

      @media screen and (max-width:900px) {
        border: 0;
        display: block;
        padding-left: 0;
        width: 100%;
        width: auto;
      }

      @media print {
        display: block;
        width: auto;
        padding: 0;

        canvas, img {
          page-break-inside: avoid;
        }
      }

      ul.article-list {
        margin-left: 15px;
        width: 100%;

        @media screen and (max-width:900px) {
          margin-left: 0px;
        }

        li {
          list-style: none;
          margin: 0;
          padding: 10px 0;
          border-bottom: 1px solid #eee;

          &:last-child {
            border-bottom: 0;
          }
          h3 {
            font-size: 18px;
            font-weight: normal;
          }
        }
      }
    }

  }
}
