/*
Base Layout CSS: Defines the base layout for the DNAe system
Used to create a baseline footer which floats at the lower of the page content, and the bottom of the visible page
To create a layout with a base footer: ...
To create a layout with an inline footer:
*/
/* BASE */
html, body {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
}
/* PAGE; Full Height, Centered */
body {
text-align: center;
}
div#page_shell {
position: relative;
min-height: 100%; /* full height */
/* content width */
margin: 0px auto;
text-align: center; /* ie */
}
* html div#page_shell {
height: 100%; /* full height ie */
}
div#page, div#page_inline {
position: relative;
zoom: 1; /* fix "hasLayout" dissapearing ie bug */
}
div#page {
padding-bottom: 3em; /* footer + margin */
}
.content {
position: relative;
margin: auto;
text-align: left;
/*width: */
}
/* FOOTER */
div#footer { /* Page Base */
position: relative;
height: 2em;
overflow: hidden;
margin: 0px auto;
margin-top: -2em;
text-align: center; /* ie */
letter-spacing: 0px;
}
div#footer_inline { /* Inline */
position: relative;
text-align: left;
}
div.footer_text {
text-align: center;
}
div.footer_left {
position: absolute;
top: 0px; left: 2px;
}
div.footer_right {
position: absolute;
top: 0px; right: 2px;
}