* {margin:0; padding:0;}
body {
background:#CCF;
font:100% arial,"trebuchet ms",tahoma;
height: 100%;
}
html {
height: 100%;
overflow-y:scroll; /*keep scrollbar position present if FF at all times*/
}
#wrapper {
min-height:100%;
background:#E8E8F4;
}
#header {
position:fixed;
left:0; top:0;
z-index:2;
width:100%;
height:100px;
border-bottom: 1px solid #000;
background:#F2E74D;/*#BCC5E1;*//*#8293C3;*/
text-align:left;
}
#content {
padding:105px 210px 65px 0;/*padding to protect content from sliding under fixed elements.*/
margin-left:20px;
min-height:0;/*IE7 haslayout if needed*/
}
#fixed {
position:fixed;
width:180px;
right:0;
top:101px;/*header height*/
bottom:21px; /*footer height*/
border-left: 1px solid #000;
background:#BCC5E1;
overflow:auto; /*give insurance for text acessability at smaller viewport heights*/
}
#footer {
position:fixed;
left:0; bottom:0;
z-index:2;
width:100%;
height:20px;
border-top: 1px solid #000;
background:#8293C3;
text-align:right;
}
/*=== Demo Typography ===*/
h2 {margin:0 .5em 0; padding-top:.2em;}
h3 {margin:0 .5em .5em; padding-top:.5em;}
p {margin:0 .7em .7em}
.scroll{margin-bottom:2em;}
.last{padding-bottom:.7em;}