body {
    background-image: url('../images/C-thru.gif');
	background-color: #ffdead;
	color: #800;
}

.wrapper {
  height: 100%;
  display: table;
  width: 90%;
  margin: auto;
  text-align: center;
  background-color: #fff;
}

.header {
  width: 100%;
  height: 20px;
  background-color: #ffdead;
  margin-bottom:  10px;
}

.main {
  height: 100%;
  display: table;
  width: 100%;
}

.box {
  display: table-cell;
}

.sidebar {
  width: 200px;
  background: #CAF1CA;
}

.content + .sidebar {
  position: relative;
  left: -100%;
  height: 100%;
  .inner {
    position: relative;
    left: 400px;
    min-height: 100%;
    background: green;
  }
}
.inner {
  min-height: 100%;
}

.content {
  position: relative;
  left: 200px;
}

.footer {
  display: table-row;
  height:1px;
  background: green;
  color: @beige;
}

/*====== Ignore section below ======*/

@orange: #BD4932;
@yellow: #FFD34E;
@green: #105B63;
@beige: #FFFAD5;


/* Basic Style*/
* { margin:0; padding:0;}
html, body { height: 100%; }
button { padding: 5px 10px;position:fixed;bottom: 50px;right:0px;left:0px;margin:auto; width: 200px; display: block; -webkit-appearance: none;background: @orange; outline: none;  border: 2px solid #DB9E36; color: @yellow; border-radius: 10px; box-shadow: 0 2px 3px rgba(0,0,0,0.5);cursor: pointer;}
button:active {border-color: @beige; color:@beige;}<?php

?>