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)
135 background-repeat: no-repeat;
136 background-position: left top;
137 margin: 0 10px 2px 0;
144 background-repeat: no-repeat;
145 background-position: left top;
146 margin: 0 0 2px 10px;
152 background-repeat: no-repeat;
153 background-position: center top;
156 // hack so that vertical margins are only between siblings for the most part
160 article > :first-child,
161 section > :first-child,
169 fieldset > :last-child,
170 article > :last-child,
171 section > :last-child,