/*** Defines the basics of a three column layout, where the specifics can be overriden in theme specific styles *******/
.three-col-layout > .three-col-main {
  float: left;
  width: 100%;
  position: relative;
  z-index: 2;
}

.three-col-layout > .three-col-left {
  float: left;
  width: 25%;
  margin-right: -25%;
  position: relative;
  z-index: 3;
}

.three-col-layout.sidebar-left > .three-col-main > .three-col-main-inner,
.three-col-layout.two-sidebars > .three-col-main > .three-col-main-inner {
  margin-left: 25%;
}

.three-col-layout > .three-col-right {
  float: right;
  width: 25%;
  margin-left: -25%;
  position: relative;
  z-index: 3;
}

.three-col-layout.sidebar-right > .three-col-main > .three-col-main-inner,
.three-col-layout.two-sidebars > .three-col-main > .three-col-main-inner {
  margin-right: 25%;
}