/* jonesandco.co.nz v1 - 20 August 2009 - Erwin Raaphorst - erwin@ilook.co.nz */ @import 'skel.css'; /*[REM-START] * * Default Layout * * 3 columns - Left/Centre/Right * Total content width: 960px (1024x768 usable area) * Left col width: 150px * Centre col width: 660px * Right col width: 150px * Header height: 140px * Footer height: 30px * [REM-END]*/ body{ min-width:960px; } #wrapper{ width:960px; } #wrapper #outer{ margin-left:150px;width:660px; } * html #wrapper #outer{ width:690px; w\idth:660px; } #wrapper #float-wrap, #wrapper #center{ width:660px;} /* Left Col */ #left{ width:150px; margin-left:-150px; } *>html #left{ width:150px; } #container-left{ /* \*/ width:150px; } /* Right Col */ #right{ width:150px; margin-right:-150px; } /* \*/ *>html #right{ width:150px; margin-right:-150px; mar\gin-right:-150px; } #container-right{ /* \*/ width:150px; } /* Headers */ #header{ height:295px; /*overflow:hidden;*/ } #subheader{ width:960px; height:240px; padding-top:20px; } #clearheadercenter, #clearheaderleft, #clearheaderright{ height:295px; } /* Footers */ #footer{ height:140px; margin-top:-140px; } #subfooter{ width:960px; height:140px; } #clearfootercenter, #clearfooterleft, #clearfooterright{ height:140px; } /*[REM-START] * * Left Layout * * 2 columns - Left/Centre * - Body class must be set as follows: * Total content width: 960px (1024x768 usable area) * Left col width: 270px * Centre col width: 690px * Right col width: 0px (can be removed from page altogether) * Header height: 140px * Footer height: 30px * * Notes: * - Primary content area is always in centre container (shown first in source) * - These settings will override the settings in Default Layout above, and contained in the layout/skel files * - If you do not use this layout, you can remove all the styles. * [REM-END]*/ body.l #wrapper #outer{ margin-left:270px; width:690px; } * html body.l #wrapper #outer{ width:690px; w\idth:690px; } body.l #wrapper #float-wrap, body.l #wrapper #center{ width:690px;} /* Left Col */ body.l #left{ width:270px; margin-left:-270px; } *>html body.l #left{ width:270px; } body.l #container-left{ /* \*/ width:270px; } /* Right Col */ body.l #right{ width:0; margin-right:0; display:none; } /* \*/ *>html body.l #right{ width:0; margin-right:0; mar\gin-right:0; display:none; } body.l #container-right{ /* \*/ width:0; } /*[REM-START] * * Right Layout * * 2 columns - Centre/Right * - Body class must be set as follows: * Total content width: 960x (1024x768 usable area) * Left col width: 0px (can be removed from page altogether) * Centre col width: 754px * Right col width: 250px * Header height: 140px * Footer height: 30px * * Notes: * - Primary content area is always in centre container (shown first in source) * - These settings will override the settings in Default Layout above, and contained in the layout/skel files * - If you do not use this layout, you can remove all the styles. * [REM-END]*/ body.r #wrapper #outer{ margin-left:0;width:570px; } * html body.r #wrapper #outer{ width:570px; w\idth:570px; } body.r #wrapper #float-wrap, body.r #wrapper #center{ width:570px; } /* Left Col */ body.r #left{ width:0; margin-left:0; display:none; } *>html body.r #left{ width:0; display:none; } body.r #container-left{ /* \*/ width:0; display:none; } /* Right Col */ body.r #right{ width:320px; margin-right:-390px; padding-left:70px; } /* \*/ *>html body.r #right{ width:390px; margin-right:-390px; mar\gin-right:-390px; } body.r #container-right{ /* \*/ width:320px; } /*[REM-START] * * Full Layout * * 1 column - Centre * - Body class must be set as follows: * Total content width: 1004px (1024x768 usable area) * Left col width: 0px (can be removed from page altogether) * Centre col width: 990px * Right col width: 0px * Header height: 140px * Footer height: 30px * * Notes: * - Primary content area is always in centre container (shown first in source) * - These settings will override the settings in Default Layout above, and contained in the layout/skel files * - If you do not use this layout, you can remove all the styles. * [REM-END]*/ body.f #wrapper #outer{ margin-left:0;width:960px; } * html body.f #wrapper #outer{ width:960px; w\idth:960px; } body.f #wrapper #float-wrap, body.f #wrapper #center{ width:960px;} /* Left Col */ body.f #left{ width:0; margin-left:0; display:none; } *>html body.f #left{ width:0; display:none; } body.f #container-left{ /* \*/ width:0; display:none; } /* Right Col */ body.f #right{ width:0; margin-right:0; display:none; } /* \*/ *>html body.f #right{ width:0; margin-right:0; mar\gin-right:0; display:none; } body.f #container-right{ /* \*/ width:0; display:none; }