[role="banner"] [role="navigation"] ul:before, #content:before, [role="contentinfo"]:before, [role="banner"] [role="navigation"]:before, #posts li:before, .comment header:before, [role="banner"] [role="navigation"] ul:after, #content:after, [role="contentinfo"]:after, [role="banner"] [role="navigation"]:after, #posts li:after, .comment header:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }

  [role="banner"] [role="navigation"] ul:after, #content:after, [role="contentinfo"]:after, [role="banner"] [role="navigation"]:after, #posts li:after, .comment header:after {
    clear: both; }

#container #container-inner,
#container #header-inner,
#container #content-inner,
#container #footer-inner {
  width: auto; }

  @media (min-width: 930px) {
    #container #container-inner,
    #container #header-inner,
    #container #content-inner,
    #container #footer-inner {
      width: 930px;
      margin-right: auto;
      margin-left: auto; }
}

  [role="banner"] [role="navigation"] {
    padding: 0 1em; }
  [role="banner"] [role="navigation"] ul {
      display: none; 
}
  @media (min-width: 930px) {
      [role="banner"] [role="navigation"] ul {
        display: block; }
      [role="banner"] [role="navigation"] select {
        display: none; } 
}

[role="navigation"] ul {
  padding-left: 0; }
[role="navigation"] ul li {
    padding-right: 1.618em; 
}

#content {
  margin: 1.618em 1em 0; }


  @media (min-width: 930px) {
    #content {
      margin-right: auto;
      margin-left: auto; }
      #content [role="main"],
      #content .related {
        float: left;
        min-height: 1px; }
      #content [role="main"] {
        width: 590px;
        padding-left: 35px; }
      #content .related {
        width: 255px;
        padding-left: 50px;
        margin-top: 0; }
}

[role="navigation"] ul {
    margin: 10px 0 0; }
[role="navigation"] ul li {
      display: inline-block; }

[role="banner"]#header {
  background-size: contain; }
[role="banner"] #header-inner {
  position: relative;
  padding: 35px 0 0; }
[role="banner"] #header-content {
  width: auto;
  min-height: 150px;
  margin: 1.618em 1em; }
  @media (min-width: 930px) {
    [role="banner"] #header-content {
      margin: 1.618em 2%; }
}

[role="banner"] [role="navigation"] {
  position: absolute;
  top: 0;
  height: 35px;
  line-height: 35px;
  margin: 0; }

  @media (min-width: 930px) {
    [role="banner"] [role="navigation"] {
      width: 100%;
      padding: 0; }
    [role="banner"] [role="navigation"] ul {
        margin: 0 2%; }
    [role="banner"] [role="navigation"] ul li {
          float: left;
          padding: 0; }
    [role="banner"] [role="navigation"] a {
        display: block;
        padding: 0 1em 0 0;
        text-decoration: none; }
}

.hidden {
  display: none; }