@charset "UTF-8";

/* =========================================================
   Layout 2 Columns
========================================================= */

/* 1.container
----------------------------------------------- */
#container {
  width: 1120px;
  margin: 0 auto;
  /*background-color: #ffffff;*/
  /*padding: 0px 20px;*/
}

/* 2.wrapper
----------------------------------------------- */
#wrapper {
  float: left;
  clear: both;
  width: 100%;
  margin: 0px 0px 0px 0px;
}

/* 3.content(center column)
----------------------------------------------- */
#content {
  float: left;
  width: 100%;
  margin-right: -320px;
  margin-bottom: 50px;
}

#contentBody {
  padding-right: 330px;
}


/* 4.menu(left column)
----------------------------------------------- */
#menu {
  float: right;
  width: 320px;
  margin-bottom: 50px;
}

/* 5.pieces
----------------------------------------------- */
#main .pieceSeparator {
  margin: 10px 0;
}

/* 6.Responsive Layout
----------------------------------------------- */
@media screen and (max-width: 640px) {
  #container {
    width: auto;
    overflow: hidden;
  }
  #content {
    width: 100%;
  }
  #header {
    width: 100%;
    overflow: hidden;
  }
  #contentBody {
    padding: 0px;
  }
  #wrapper, #links, #menu {
    float: none;
    width: auto;
  }
}