html,body 
{
min-height: 100%;
  padding: 0;
  margin: 0;
}

#wrapper {
  padding:0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

header
{
    height:30px;
    width:100%;
    background-color:white;
    border-bottom-color:black;
    border-bottom-style:solid;
    border-bottom-width:1px;
    display: inline-block;
    
}

header .left
{
    text-align:left;
    overflow: hidden; 
    display: inline-block;
    padding:5px;
}
header .right
{
    text-align:right;
    float:right;
    overflow: hidden; 
    display: inline-block;
    padding:2px;
}

.site
{
    height:100%;
    width:100%;
}

.site .left 
{
    /*background-color:whitesmoke;*/
    height:100%;
    width:100%;
    border-right-style:solid;
    border-right-color:black;
    border-right-width:1px;
}

.site.right
{
    background-color:white;
    height:100%;
    width:100%;
}