@import 'screen.css';
/* ------------------------- Body */
body {
  background: #58585a;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0 10px;
}
/* ------------------------- Frame */
#frame {
  margin: 6.667em auto 0 auto; /* 80px auto 0 auto */
  padding: 0;
  color: #666;
  width: 79.167em; /* 950px */
  text-align: left;
}
/* ------------------------- Content */
#content {
  width: 100%;
  overflow: hidden;
}
/* ------------------------- Content > Main */
#main {
  float: left;
  width: 43.75em; /* 525px */
  margin: 0 1.25em 0 0; /* 0 15px 0 0 */
  padding: 0;
  background: #fff;
}
#main .inner {
  height: 28.333em; /* 340px (400px - 60px) */
  padding: 2.5em; /* 30px */
  margin: 0;
  background: none;
  color: #777;
}
#main p {
  font-size: 1.1em;
}
/* ------------------------- Content > Side */
#side {
  float: left;
  width: 34.167em; /* 410px */
  background: #fff;
}
#side .inner {
  height: 30em; /* 360px (400px - 40px) */
  padding: 0.833em; /* 10px */
  margin: 0.833em; /* 10px */
  background: #c1d72d url('../img/common/side_bg.png') no-repeat right bottom;
}
#side ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#side ul li {
  padding: 0;
  margin: 0;
  color: #fff;
  font-size: 2.5em;
}
/* ------------------------- Footer */
#footer {
  padding: 2.5em 0 0 0; /* 30px 0 0 0 */
  color: #aaa;
}
/* ------------------------- Section: Home */
#logo img {
  display: block;
  margin-bottom: 2em; /* 24px */
  width: 29.417em; /* 353px */
  height: 8.833em; /* 106px */
}
/* ------------------------- Misc */
ul {
  list-style-type: square;
}
.nospacing {
  padding: 0;
  margin: 0;
}
.novspacing {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.center {
  text-align: center;
}
a:focus, a:hover {
  color: #666;
}
h1 {
  font-size: 1.6em;
  margin-bottom: 0.167em; /* 2px */
  color: #333;
}
#tidy {
  display: none;
}