html {

height: 100%;

} body {

position: relative;
max-width: 64em;
min-height: 100%;
margin: 0 auto;
padding: 0;

}

global-header, body > article, body > section {

padding: 0.01ex 1em;

}

global-header {

background: $global-header-background;
h1 a {
  text-decoration: none;
  color: inherit;
}

} .site-sections {

margin: 0 -1em;
ul {
  @include clearfix;
  list-style-type: none;
  margin-bottom: 3ex;
  padding: 0;
  background: $global-nav-background;
}
li {
  float: left;
  &:first-child {
    border-left: 2px solid $global-nav-shadow;
  }
  &:last-child {
    border-right: 2px solid $global-nav-highlight;
  }
}
a, strong {
  display: inline-block;
  padding: 1ex 1em;
  border-left: 2px solid $global-nav-highlight;
  border-right: 2px solid $global-nav-shadow;
}
a {
  text-decoration: none;
  color: $global-nav-color;
  &:hover, &:active {
    background: $global-nav-hover-background;
  }
}
strong {
  font-weight: normal;
  color: $global-nav-current-color;
  background: $global-nav-current-background;
}

}

body > article, body > section {

position: relative;
margin-bottom: 2ex;
article, section {
  border-top: 2px dotted $section-border-color;
  &:first-child {
    border-top: 0;
  }
}

}

global-footer {

@include clearfix;
background: $global-footer-background;
font-size: .9em;
text-align: center;
.site-links, .contact, .copyright {
  padding: 1ex 1em;
}

} .site-links {

h1 {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
li {
  display: inline;
  &:before {
    content: ' | ';
  }
  &:first-child:before {
    content: '';
  }
}

} .contact {

color: $global-footer-color;
h1, address {
  display: inline;
  font-size: 1em;
  font-style: normal;
}
h1:after {
  content: ':';
}
a {
  color: inherit;
}
.name, .street, .city, .state, .zip {
  &:after {
    content: ',';
  }
}

} .copyright {

margin: 0;
font-size: .9em;
color: $global-footer-copyright-color;

}

.breadcrumbs {

position: absolute;
top: -3ex;
left: 1em;
ul, li {
  list-item-type: none;
  display: inline;
  margin: 0;
  padding: 0;
}
ul {
  font-size: .7em;
}
li:before {
  content: ' > ';
}
li:first-child:before {
  content: '';
}
strong {
  font-weight: normal;
}

}

.assets-list {

@include clearfix;
list-style-type: none;
padding: 1.75ex 1em;
background: $assets-background;
li {
  display: block;
  float: left;
  margin-left: 1em;
  &:first-child {
    margin-left: 0;
  }
}

}