@charset "UTF-8";
b, strong {
  font-family: Ubuntu !important;
  font-weight: normal; }

html, body {
  height: 100%; }

body {
  margin: 0;
  padding: 0;
  font-family: UbuntuLight, helvetiva, arial, sans-serif;
  background-color: darkgray; }

#page {
  color: #333;
  min-height: 100%;
  position: relative;
  max-width: 100em;
  margin: 0 auto;
  border-right: 1px solid silver;
  border-left: 1px solid silver;
  background-color: rgba(0, 0, 0, 0.02); }

#pageHeader {
  position: relative;
  margin-bottom: 2em; }
  #pageHeader h1 {
    font-family: UbuntuBold;
    font-size: 200%;
    color: rgba(0, 0, 0, 0.2);
    z-index: -999;
    top: 0px;
    left: 0.9rem;
    margin: 0;
    padding: 0; }
    #pageHeader h1 span {
      display: block;
      font-size: 40%; }
  #pageHeader a {
    color: inherit;
    text-decoration: none; }
    #pageHeader a:hover {
      text-decoration: none; }

main {
  width: 100%;
  padding-bottom: 3em; }
  main article {
    display: block;
    overflow: visible;
    margin: 0 1em 0 1em; }

#gallery-text {
  margin-bottom: 1em; }

footer {
  border-top: 1px solid #999;
  font-size: smaller;
  margin: 0 5% 1em 5%;
  padding-top: 1ex;
  text-align: center;
  width: 90%; }
  footer a {
    color: inherit;
    text-decoration: none; }

#admin-btns {
  display: none; }

nav li {
  position: relative; }
  nav li span {
    display: none; }
  nav li.current:before {
    content: "►";
    color: red;
    position: absolute;
    left: -2.5ex; }
  nav li.injected-before-last {
    margin-bottom: 1em; }
  nav li.injected-after-first {
    margin-top: 1ex; }

@media (max-width: 600px) {
  figure {
    margin: 1px; }
    figure img {
      height: 4em; }

  #blocker {
    display: none; } }
@media (min-width: 1000px) {
  #admin-btns {
    display: block; }

  #pageHeader h1 {
    margin-right: 0; }

  main {
    display: table;
    margin-top: 1em; }
    main nav, main article {
      vertical-align: top;
      display: table-cell; }
    main nav {
      padding: 0 1em;
      min-width: 10em;
      position: relative;
      width: auto;
      z-index: 0; }
      main nav ul {
        position: relative;
        list-style-type: none;
        border-radius: 2px;
        padding: 1ex !important;
        background: rgba(250, 235, 215, 0.9);
        transform: none; }
      main nav li {
        margin: 0;
        padding: 0;
        font-size: 100%; }
        main nav li span {
          display: inline; }
        main nav li b {
          display: none; }
        main nav li.current {
          font-weight: bold; }
          main nav li.current:before {
            content: ""; }
      main nav a {
        display: block;
        padding: 0.5ex;
        color: inherit;
        text-decoration: none;
        text-align: right; }
      main nav #button, main nav input {
        display: none; }
    main article {
      width: 90%;
      padding-right: 1em; }
      main article h1 {
        margin-top: -0.2ex;
        font-size: 130%; }
    main #gallery-text {
      margin: 0 1ex 1ex 0;
      width: auto;
      max-width: 25em;
      float: left;
      padding: 1em;
      border: 1px solid gray;
      background-color: rgba(200, 200, 200, 0.5);
      border-radius: 2px;
      box-sizing: border-box; } }
b, strong, h1, h2, h3, h4, h5, h6 {
  font-family: Ubuntu !important;
  font-weight: normal; }

h1, h2 {
  font-size: 100%; }

h1 {
  font-family: UbuntuMedium; }

a:hover, a:active {
  text-decoration: underline; }

article.page {
  margin: 0 1em; }

.clearfix {
  clear: both; }

/* TODO: others to select? */

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