@import '/css/font.css';
@import '/css/color.css';
body {
  width: 100%;
  *zoom: 1;
}
body:before,
body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}
p {
  margin-bottom: 1em;
}
#canvas {
  max-width: 960px;
  margin: 0 auto;
  overflow: hidden;
}
/* =branding */
h1#branding {
  padding-top: .7em;
  margin-bottom: 0;
  font-weight: normal;
  font-size: 1.75em;
  text-align: left;
  font-family: Base9_SmallCaps;
  letter-spacing: .08em;
}
#logo img {
  padding: .7em;
  vertical-align: middle;
  height: 4.50em;
}
#masthead {
  padding-top: .7em;
  height: 6em;
}
span#janux {
  padding-right: .2em;
  color: #cccccc;
}
span#people {
  color: #77804d;
}
header#top {
  margin-bottom: 1em;
}
#logo {
  display: inline;
  float: left;
  width: 14.58333333%;
  margin: 0 1.04166667%;
}
#masthead {
  display: inline;
  float: left;
  width: 81.25%;
  margin: 0 1.04166667%;
}
#maincolumn {
  display: inline;
  float: left;
  width: 81.25%;
  margin: 0 1.04166667%;
}
#sidebar {
  display: inline;
  float: left;
  width: 14.58333333%;
  margin: 0 1.04166667%;
}
#canvas {
  max-width: 960px;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #logo,
  #sidebar {
    display: inline;
    float: left;
    width: 22.91666667%;
    margin: 0 1.04166667%;
  }
  #masthead,
  #maincolumn {
    display: inline;
    float: left;
    width: 72.91666667%;
    margin: 0 1.04166667%;
  }
}
@media screen and (max-width: 380px) {
  #maincolumn,
  #sidebar {
    display: inline;
    float: left;
    width: 97.91666667%;
    margin: 0 1.04166667%;
    margin-bottom: 1em;
  }
}
