/*========== 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: 20;
  position: relative;
  clear: both;
}
#header {
  width: 100%;
  padding: 0;
  z-index: 10;
  position: relative;
  clear: both;
}
#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;
  right: 0;
  margin: 0 15px;
  z-index: 10;
}
#secondary-menu {
  margin-top: -30px;
  margin-bottom: 30px;
}

#breadcrumb {
  width: 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: 30px 0;
  min-height: 50px;
  overflow: hidden;
}

/*---- 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 (max-width: 982px) {
  .banner-main-container .region-wrapper {
	width: 100%;
  }
  .banner-main-container .region-wrapper-inner,
  .banner-main-container .region-padding {
	padding: 0;
  }
  .banner-area .banner-main-container #menu-bar {
	margin: 0;
  }
}