/*========== Basic Layout Styles ===========*/

html,
body,
#page  {
  height: 100%;
}
#page-wrapper {
  min-height: 100%;
}
.region-wrapper {
  width: 100%;
  margin: 0 auto;
}
.region-wrapper .region-wrapper-inner {
  padding: 0 10px;
}
.region-wrapper .region-padding {
  padding: 0 15px;
}
.working-area {
  padding: 0 25px;
  margin: 0 auto;
  position: relative;
}
#top-bar {
  width: 100%;
  z-index: 200;
  position: relative;
  clear: both;
}
#header {
  width: 100%;
  padding: 0;
  z-index: 210;
  position: relative;
  clear: both;
}
#navigation {
  margin: 0;
  padding: 10px 0;
  clear: none;
  float: left;
  display: block;
  position: relative;
}
#header #navigation {
  padding: 25px 0;
  float: right;
}
#menu-bar {
  width: 100%;
}
#banner-area {
  width: 100%;
  margin-bottom: 30px;
  clear: both;
  text-align: center;
}
body.banner-area .banner-main-container .region-padding {
  position: relative;
  min-height: 80px;
}
.banner-area .banner-main-container #menu-bar {
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 100;
}
#breadcrumb {
  position: absolute;
  top: 0;
  left: 15px;
  text-align: left;
  z-index: 100;
}
#messages {
  margin: 0 0 30px 0;
}
#sidebar-first, #sidebar-second {
  display: inline;
  float: left;
  width: 100%;
}
.sidebar .block {
  margin: 0 0 30px 0;
}
#featured {
  padding: 50px 0;
  margin: -30px 0 30px 0;
}
#highlighted .block {
  margin-bottom: 30px;
  overflow: hidden;
}
.region-content .block {
  padding: 0;
  margin: 0 0 30px 0;
  float: left;
  width: 100%;
}
#postscript-bottom .block {
  padding: 0;
  margin: 0 0 30px 0;
  float: left;
  width: 100%;
}
#footer-wrapper {
  padding: 15px 0;
  min-height: 50px;
  overflow: hidden;
}

/*--- custom margin setting for school page ---*/
body.node-type-language-school #banner-area {
  margin-bottom: 0px;
}
body.node-type-language-school #highlighted .block {
  margin-bottom: 20px;
}

/*---- center the content ---*/
h1#page-title, #postscript-bottom .block, #content .block h2.block-title {
  text-align: center;
}
body.page-node-edit h1#page-title, body.page-node-edit #content .block,
body.page-user h1#page-title, body.page-user #content .block {
  text-align: left;
}

@media all and (min-width: 981px) {
  .banner-area .banner-main-container #menu-bar {
    bottom: 15px;
  }
}