/* -------------------------------------------------------------- CSS Framework [daveyrendle@hotmail.com] * Screen & Projection Styles * This is the main CSS-file for the framework. Include this in the of every page. -------------------------------------------------------------- */ @import "reset.css"; @import "content.css"; @import "forms.css"; /* =STRUCTURE -------------------------------------------------------------- */ body { margin: 20px 0 20px 0; /*background: #EEE url(../img/body-bg.gif);*/ background: #bdd1cc; } div#container { margin: 0 auto; width: 961px; overflow: hidden; background: white; /*border: 1px solid #999;*/ padding: 15px; } div#banner { margin: 0; width: 940px; float: left; clear: both; border-top: 1px solid #CCC; /*border-bottom: 1px solid #CCC;*/ padding: 10px 10px 0 10px; } div#content { width: 100%; margin: 0 0 1px 0; float: left; clear: both; border-top: 2px solid #CCC; border-bottom: 2px solid #CCC; } div#content-primary, div#content-secondary, div#content-tertiary { float: left; padding: 20px; } /* =2COL WIDE NARROW -------------------------------------------------------------- */ body.wn div#content { background: url(../img/bg-wn.gif) repeat-y; } body.wn div#content-primary { width: 685px; } body.wn div#content-secondary { width: 195px; } body.wn div#content-tertiary { display: none; } /* =3COL WIDE NARROW NARROW -------------------------------------------------------------- */ body.wnn div#content { background: url(../img/bg-wnn.gif) repeat-y; } body.wnn div#content-primary { width: 449px; } body.wnn div#content-secondary, body.wnn div#content-tertiary { width: 195px; } body.wnn div#content-secondary { border-right: 1px solid #CCC; } /* =3COL NARROW WIDE NARROW -------------------------------------------------------------- */ body.nwn div#content { background: url(../img/bg-nwn.gif) repeat-y; } body.nwn div#content-primary, body.nwn div#content-tertiary { width: 195px; } body.nwn div#content-secondary { width: 449px; border-right: 1px solid #CCC; } /* =2COL WIDE MEDIUM -------------------------------------------------------------- */ body.wm div#content { background: url(../img/bg-wm.gif) repeat-y; } body.wm div#content-primary { width: 532px; } body.wm div#content-secondary { width: 346px; } body.wm div#content-tertiary { display: none; } /* =2COL NARROW WIDE -------------------------------------------------------------- */ body.nw div#content { background: url(../img/bg-nw.gif) repeat-y; } body.nw div#content-primary { width: 683px; float: right; } body.nw div#content-secondary { width: 195px; float: left; } body.nw div#content-tertiary { display: none; }