4 @site-gutter-width: 18px;
5 @site-main-body-width: @site-width - 2*@site-gutter-width - @nav-width;
8 @site-header-color: #ddf;
10 @site-body-color: #fff;
11 @site-window-color: #eee;
12 @site-footer-color: #ddf;
13 @site-gutter-color: #fff;
15 header, hgroup, section, footer, aside, nav, article, figure, img {
23 background: @site-window-color;
24 font: 14px "Verdana", sans-serif;
29 background: @nav-color;
32 -moz-box-shadow: 2px 2px 15px #777;
33 -webkit-box-shadow: 2px 2px 15px #777;
34 box-shadow: 2px 2px 13px #777;
40 background: @site-header-color;
46 width: @nav-width - 2*@nav-padding;
47 padding: @nav-padding;
48 background: @nav-color;
59 text-decoration: none;
66 width: @site-main-body-width;
67 padding: @site-gutter-width @site-gutter-width 3*@site-gutter-width @site-gutter-width;
68 background: @site-body-color;
73 width: @site-width - 2*@site-gutter-width;
74 padding: @site-gutter-width;
76 background: @site-footer-color;
81 border: 2px solid red;
113 border: 1px dotted black;
114 padding: 0 15px 15px 15px;
123 border: 2px solid red;
129 // floating images (from pastable example code on admin_images)
136 background-repeat: no-repeat;
137 background-position: left top;
138 margin: 0 10px 2px 0;
147 background-repeat: no-repeat;
148 background-position: left top;
149 margin: 0 0 2px 10px;
156 background-repeat: no-repeat;
157 background-position: center top;
160 // hack so that vertical margins are only between siblings for the most part
164 article > :first-child,
165 section > :first-child,
173 fieldset > :last-child,
174 article > :last-child,
175 section > :last-child,