Share this diff
1238 lines added. 201 lines deleted.
1/* 1/*
2Theme Name: Twenty Eleven 2Theme Name: Twenty Eleven
3Theme URI: http://wordpress.org/extend/themes/twentyeleven 3Theme URI: http://wordpress.org/extend/themes/twentyeleven
4Author: the WordPress team 4Author: the WordPress team
5Author URI: http://wordpress.org/ 5Author URI: http://wordpress.org/
6Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats. 6Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
7Version: 1.4 7Version: 1.4
8License: GNU General Public License v2 or later 8License: GNU General Public License v2 or later
9License URI: http://www.gnu.org/licenses/gpl-2.0.html 9License URI: http://www.gnu.org/licenses/gpl-2.0.html
10Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready 10Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
11Text Domain: twentyeleven 11Text Domain: twentyeleven
12*/ 12*/
13 13
14/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html 14/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
15-------------------------------------------------------------- */ 15-------------------------------------------------------------- */
16 16
17html, body, div, span, applet, object, iframe, 17html, body, div, span, applet, object, iframe,
18h1, h2, h3, h4, h5, h6, p, blockquote, pre, 18h1, h2, h3, h4, h5, h6, p, blockquote, pre,
19a, abbr, acronym, address, big, cite, code, 19a, abbr, acronym, address, big, cite, code,
20del, dfn, em, font, ins, kbd, q, s, samp, 20del, dfn, em, font, ins, kbd, q, s, samp,
21small, strike, strong, sub, sup, tt, var, 21small, strike, strong, sub, sup, tt, var,
22dl, dt, dd, ol, ul, li, 22dl, dt, dd, ol, ul, li,
23fieldset, form, label, legend, 23fieldset, form, label, legend,
24table, caption, tbody, tfoot, thead, tr, th, td { 24table, caption, tbody, tfoot, thead, tr, th, td {
25 border: 0; 25 border: 0;
26 font-family: inherit; 26 font-family: inherit;
27 font-size: 100%; 27 font-size: 100%;
28 font-style: inherit; 28 font-style: inherit;
29 font-weight: inherit; 29 font-weight: inherit;
30 margin: 0; 30 margin: 0;
31 outline: 0; 31 outline: 0;
32 padding: 0; 32 padding: 0;
33 vertical-align: baseline; 33 vertical-align: baseline;
34} 34}
35:focus {/* remember to define focus styles! */ 35:focus {/* remember to define focus styles! */
36 outline: 0; 36 outline: 0;
37} 37}
38body { 38body {
39 background: #fff; 39 background: #fff;
40 line-height: 1; 40 line-height: 1;
 41 font-family:Calibri,"Century Gothic",Arial,Helvetica,sans-serif;
41} 42}
42ol, ul { 43ol, ul {
43 list-style: none; 44 list-style: none;
44} 45}
45table {/* tables still need 'cellspacing="0"' in the markup */ 46table {/* tables still need 'cellspacing="0"' in the markup */
46 border-collapse: separate; 47 border-collapse: separate;
47 border-spacing: 0; 48 border-spacing: 0;
48} 49}
49caption, th, td { 50caption, th, td {
50 font-weight: normal; 51 font-weight: normal;
51 text-align: left; 52 text-align: left;
52} 53}
53blockquote:before, blockquote:after, 54blockquote:before, blockquote:after,
54q:before, q:after { 55q:before, q:after {
55 content: ""; 56 content: "";
56} 57}
57blockquote, q { 58blockquote, q {
58 quotes: "" ""; 59 quotes: "" "";
59} 60}
60a img { 61a img {
61 border: 0; 62 border: 0;
62} 63}
63article, aside, details, figcaption, figure, 64article, aside, details, figcaption, figure,
64footer, header, hgroup, menu, nav, section { 65footer, header, hgroup, menu, nav, section {
65 display: block; 66 display: block;
66} 67}
67 68
68 69
69/* =Structure 70/* =Structure
70----------------------------------------------- */ 71----------------------------------------------- */
71 72
72body { 73body {
73 padding: 0 2em;74 background: url(images/background.png) left top repeat-x fixed !important;
74} 75}
75#page { 76#page {
76 margin: 2em auto;77 margin: 0 auto;
77 max-width: 1000px;78 width: 968px;
78} 79}
79#branding hgroup { 80#branding hgroup {
80 margin: 0 7.6%;81
81} 82}
82#access div { 83#access div {
83 margin: 0 7.6%;84 margin: 0;
84} 85}
85#primary { 86#primary {
86 float: left;87 margin: 0 15px;
87 margin: 0 -26.4% 0 0;88 width: auto;
88 width: 100%;  
89} 89}
90#content { 90#content {
91 margin: 0 34% 0 7.6%;91 margin: 0 15px;
92 width: 58.4%;92 width: auto;
93} 93}
94#secondary { 94#secondary {
95 float: right; 95 float: right;
96 margin-right: 7.6%; 96 margin-right: 7.6%;
97 width: 18.8%; 97 width: 18.8%;
98} 98}
99 99
100/* Singular */ 100/* Singular */
101.singular #primary { 101.singular #primary {
102 margin: 0;102 margin: 0 15px;
 103 position: relative;
 104 width: 938px;
103} 105}
104.singular #content, 106.singular #content,
105.left-sidebar.singular #content { 107.left-sidebar.singular #content {
106 margin: 0 7.6%;108 margin: 0 15px;
107 position: relative; 109 position: relative;
108 width: auto;110 width: 938px;
109} 111}
110.singular .entry-header, 112.singular .entry-header,
111.singular .entry-content, 113.singular .entry-content,
112.singular footer.entry-meta, 114.singular footer.entry-meta,
113.singular #comments-title { 115.singular #comments-title {
114 margin: 0 auto;116 /*margin: 0 auto;
115 width: 68.9%;117 width: 68.9%;*/
116} 118}
117 119
118/* Attachments */ 120/* Attachments */
119.singular .image-attachment .entry-content { 121.singular .image-attachment .entry-content {
120 margin: 0 auto; 122 margin: 0 auto;
121 width: auto; 123 width: auto;
122} 124}
123.singular .image-attachment .entry-description { 125.singular .image-attachment .entry-description {
124 margin: 0 auto; 126 margin: 0 auto;
125 width: 68.9%; 127 width: 68.9%;
126} 128}
127 129
128/* Showcase */ 130/* Showcase */
129.page-template-showcase-php #primary, 131.page-template-showcase-php #primary,
130.left-sidebar.page-template-showcase-php #primary { 132.left-sidebar.page-template-showcase-php #primary {
131 margin: 0; 133 margin: 0;
132} 134}
133.page-template-showcase-php #content, 135.page-template-showcase-php #content,
134.left-sidebar.page-template-showcase-php #content { 136.left-sidebar.page-template-showcase-php #content {
135 margin: 0 7.6%; 137 margin: 0 7.6%;
136 width: auto; 138 width: auto;
137} 139}
138.page-template-showcase-php section.recent-posts { 140.page-template-showcase-php section.recent-posts {
139 float: right; 141 float: right;
140 margin: 0 0 0 31%; 142 margin: 0 0 0 31%;
141 width: 69%; 143 width: 69%;
142} 144}
143.page-template-showcase-php #main .widget-area { 145.page-template-showcase-php #main .widget-area {
144 float: left; 146 float: left;
145 margin: 0 -22.15% 0 0; 147 margin: 0 -22.15% 0 0;
146 width: 22.15%; 148 width: 22.15%;
147} 149}
148 150
149/* error404 */ 151/* error404 */
150.error404 #primary { 152.error404 #primary {
151 float: none; 153 float: none;
152 margin: 0; 154 margin: 0;
153} 155}
154.error404 #primary #content { 156.error404 #primary #content {
155 margin: 0 7.6%; 157 margin: 0 7.6%;
156 width: auto; 158 width: auto;
157} 159}
158 160
159/* Alignment */ 161/* Alignment */
160.alignleft { 162.alignleft {
161 display: inline; 163 display: inline;
162 float: left; 164 float: left;
163 margin-right: 1.625em; 165 margin-right: 1.625em;
164} 166}
165.alignright { 167.alignright {
166 display: inline; 168 display: inline;
167 float: right; 169 float: right;
168 margin-left: 1.625em; 170 margin-left: 1.625em;
169} 171}
170.aligncenter { 172.aligncenter {
171 clear: both; 173 clear: both;
172 display: block; 174 display: block;
173 margin-left: auto; 175 margin-left: auto;
174 margin-right: auto; 176 margin-right: auto;
175} 177}
176 178
177/* Right Content */ 179/* Right Content */
178.left-sidebar #primary { 180.left-sidebar #primary {
179 float: right; 181 float: right;
180 margin: 0 0 0 -26.4%; 182 margin: 0 0 0 -26.4%;
181 width: 100%; 183 width: 100%;
182} 184}
183.left-sidebar #content { 185.left-sidebar #content {
184 margin: 0 7.6% 0 34%;186 /*margin: 0 7.6% 0 34%;
185 width: 58.4%;187 width: 58.4%;*/
186} 188}
187.left-sidebar #secondary { 189.left-sidebar #secondary {
188 float: left;190 /*float: left;
189 margin-left: 7.6%; 191 margin-left: 7.6%;
190 margin-right: 0; 192 margin-right: 0;
191 width: 18.8%;193 width: 18.8%;*/
192} 194}
193 195
194/* One column */ 196/* One column */
195.one-column #page { 197.one-column #page {
196 max-width: 690px;198 margin: 0 auto;
 199 width: 968px;
197} 200}
198.one-column #content { 201.one-column #content {
199 margin: 0 7.6%;202 margin: 0 auto;
200 width: auto;203 width: 908px;
201} 204}
202.one-column #nav-below { 205.one-column #nav-below {
203 border-bottom: 1px solid #ddd; 206 border-bottom: 1px solid #ddd;
204 margin-bottom: 1.625em; 207 margin-bottom: 1.625em;
205} 208}
206.one-column #secondary { 209.one-column #secondary {
207 float: none; 210 float: none;
208 margin: 0 7.6%; 211 margin: 0 7.6%;
209 width: auto; 212 width: auto;
210} 213}
211/* Simplify the showcase template */ 214/* Simplify the showcase template */
212.one-column .page-template-showcase-php section.recent-posts { 215.one-column .page-template-showcase-php section.recent-posts {
213 float: none; 216 float: none;
214 margin: 0; 217 margin: 0;
215 width: 100%; 218 width: 100%;
216} 219}
217.one-column .page-template-showcase-php #main .widget-area { 220.one-column .page-template-showcase-php #main .widget-area {
218 float: none;221 float: none;
219 margin: 0;222 margin: 0;
220 width: auto;223 width: auto;
221} 224}
222.one-column .page-template-showcase-php .other-recent-posts { 225.one-column .page-template-showcase-php .other-recent-posts {
223 border-bottom: 1px solid #ddd; 226 border-bottom: 1px solid #ddd;
224} 227}
225/* Simplify the showcase template when small feature */ 228/* Simplify the showcase template when small feature */
226.one-column section.featured-post .attachment-small-feature { 229.one-column section.featured-post .attachment-small-feature {
227 border: none; 230 border: none;
228 display: block; 231 display: block;
229 height: auto; 232 height: auto;
230 max-width: 60%; 233 max-width: 60%;
231 position: static; 234 position: static;
232} 235}
233.one-column article.feature-image.small { 236.one-column article.feature-image.small {
234 margin: 0 0 1.625em; 237 margin: 0 0 1.625em;
235 padding: 0; 238 padding: 0;
236} 239}
237.one-column article.feature-image.small .entry-title { 240.one-column article.feature-image.small .entry-title {
238 font-size: 20px; 241 font-size: 20px;
239 line-height: 1.3em; 242 line-height: 1.3em;
240} 243}
241.one-column article.feature-image.small .entry-summary { 244.one-column article.feature-image.small .entry-summary {
242 height: 150px; 245 height: 150px;
243 overflow: hidden; 246 overflow: hidden;
244 padding: 0; 247 padding: 0;
245 text-overflow: ellipsis; 248 text-overflow: ellipsis;
246} 249}
247.one-column article.feature-image.small .entry-summary a { 250.one-column article.feature-image.small .entry-summary a {
248 left: -9%; 251 left: -9%;
249} 252}
250/* Remove the margin on singular articles */ 253/* Remove the margin on singular articles */
251.one-column.singular .entry-header, 254.one-column.singular .entry-header,
252.one-column.singular .entry-content, 255.one-column.singular .entry-content,
253.one-column.singular footer.entry-meta, 256.one-column.singular footer.entry-meta,
254.one-column.singular #comments-title { 257.one-column.singular #comments-title {
255 width: 100%; 258 width: 100%;
256} 259}
257/* Simplify the pullquotes and pull styles */ 260/* Simplify the pullquotes and pull styles */
258.one-column.singular blockquote.pull { 261.one-column.singular blockquote.pull {
259 margin: 0 0 1.625em; 262 margin: 0 0 1.625em;
260} 263}
261.one-column.singular .pull.alignleft { 264.one-column.singular .pull.alignleft {
262 margin: 0 1.625em 0 0; 265 margin: 0 1.625em 0 0;
263} 266}
264.one-column.singular .pull.alignright { 267.one-column.singular .pull.alignright {
265 margin: 0 0 0 1.625em; 268 margin: 0 0 0 1.625em;
266} 269}
267.one-column.singular .entry-meta .edit-link a { 270.one-column.singular .entry-meta .edit-link a {
268 position: absolute; 271 position: absolute;
269 left: 0; 272 left: 0;
270 top: 40px; 273 top: 40px;
271} 274}
272.one-column.singular #author-info { 275.one-column.singular #author-info {
273 margin: 2.2em -8.8% 0; 276 margin: 2.2em -8.8% 0;
274 padding: 20px 8.8%; 277 padding: 20px 8.8%;
275} 278}
276/* Make sure we have room for our comment avatars */ 279/* Make sure we have room for our comment avatars */
277.one-column .commentlist > li.comment { 280.one-column .commentlist > li.comment {
278 margin-left: 102px; 281 margin-left: 102px;
279 width: auto; 282 width: auto;
280} 283}
281/* Make sure the logo and search form don't collide */ 284/* Make sure the logo and search form don't collide */
282.one-column #branding #searchform { 285.one-column #branding #searchform {
283 right: 40px;286 position: absolute;
284 top: 4em;287 top: 64px;
 288 right: 0;
285} 289}
286/* Talking avatars take up too much room at this size */ 290/* Talking avatars take up too much room at this size */
287.one-column .commentlist > li.comment { 291.one-column .commentlist > li.comment {
288 margin-left: 0; 292 margin-left: 0;
289} 293}
290.one-column .commentlist > li.comment .comment-meta, 294.one-column .commentlist > li.comment .comment-meta,
291.one-column .commentlist > li.comment .comment-content { 295.one-column .commentlist > li.comment .comment-content {
292 margin-right: 85px; 296 margin-right: 85px;
293} 297}
294.one-column .commentlist .avatar { 298.one-column .commentlist .avatar {
295 background: transparent; 299 background: transparent;
296 display: block; 300 display: block;
297 padding: 0; 301 padding: 0;
298 top: 1.625em; 302 top: 1.625em;
299 left: auto; 303 left: auto;
300 right: 1.625em; 304 right: 1.625em;
301} 305}
302.one-column .commentlist .children .avatar { 306.one-column .commentlist .children .avatar {
303 background: none; 307 background: none;
304 padding: 0; 308 padding: 0;
305 position: absolute; 309 position: absolute;
306 top: 2.2em; 310 top: 2.2em;
307 left: 2.2em; 311 left: 2.2em;
308} 312}
309.one-column #respond { 313.one-column #respond {
310 width: auto; 314 width: auto;
311} 315}
312 316
313 317
314/* =Global 318/* =Global
315----------------------------------------------- */ 319----------------------------------------------- */
316 320
317body, input, textarea {321body, input, textarea, select {
318 color: #373737; 322 color: #373737;
319 font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;323 font: 15px "Carme", Times;
320 font-weight: 300; 324 font-weight: 300;
321 line-height: 1.625; 325 line-height: 1.625;
322} 326}
323body { 327body {
324 background: #e2e2e2; 328 background: #e2e2e2;
325} 329}
326#page { 330#page {
327 background: #fff; 331 background: #fff;
328} 332}
329 333
330/* Headings */ 334/* Headings */
331h1,h2,h3,h4,h5,h6 {335h1,h2,h3,h4 {
332 clear: both; 336 clear: both;
333} 337}
 338h6 {
 339 margin: 0 0 8px;
 340}
334hr { 341hr {
335 background-color: #ccc; 342 background-color: #ccc;
336 border: 0; 343 border: 0;
337 height: 1px; 344 height: 1px;
338 margin-bottom: 1.625em; 345 margin-bottom: 1.625em;
339} 346}
340 347
341/* Text elements */ 348/* Text elements */
342p { 349p {
343 margin-bottom: 1.625em;350 margin-bottom: 8px;
 351 font-size: 12px;
 352 line-height: 18px;
 353 color: #222;
344} 354}
345ul, ol { 355ul, ol {
346 margin: 0 0 1.625em 2.5em;356 margin: 0 0 10px 20px;
 357 font-size: 12px;
347} 358}
348ul { 359ul {
349 list-style: square;360 list-style: none;
350} 361}
351ol { 362ol {
352 list-style-type: decimal; 363 list-style-type: decimal;
353} 364}
354ol ol { 365ol ol {
355 list-style: upper-alpha; 366 list-style: upper-alpha;
356} 367}
357ol ol ol { 368ol ol ol {
358 list-style: lower-roman; 369 list-style: lower-roman;
359} 370}
360ol ol ol ol { 371ol ol ol ol {
361 list-style: lower-alpha; 372 list-style: lower-alpha;
362} 373}
363ul ul, ol ol, ul ol, ol ul { 374ul ul, ol ol, ul ol, ol ul {
364 margin-bottom: 0; 375 margin-bottom: 0;
365} 376}
366dl { 377dl {
367 margin: 0 1.625em; 378 margin: 0 1.625em;
368} 379}
369dt { 380dt {
370 font-weight: bold; 381 font-weight: bold;
371} 382}
372dd { 383dd {
373 margin-bottom: 1.625em; 384 margin-bottom: 1.625em;
374} 385}
375strong { 386strong {
376 font-weight: bold; 387 font-weight: bold;
377} 388}
378cite, em, i { 389cite, em, i {
379 font-style: italic; 390 font-style: italic;
380} 391}
381blockquote { 392blockquote {
382 font-family: Georgia, "Bitstream Charter", serif; 393 font-family: Georgia, "Bitstream Charter", serif;
383 font-style: italic; 394 font-style: italic;
384 font-weight: normal; 395 font-weight: normal;
385 margin: 0 3em; 396 margin: 0 3em;
386} 397}
387blockquote em, blockquote i, blockquote cite { 398blockquote em, blockquote i, blockquote cite {
388 font-style: normal; 399 font-style: normal;
389} 400}
390blockquote cite { 401blockquote cite {
391 color: #666; 402 color: #666;
392 font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; 403 font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
393 font-weight: 300; 404 font-weight: 300;
394 letter-spacing: 0.05em; 405 letter-spacing: 0.05em;
395 text-transform: uppercase; 406 text-transform: uppercase;
396} 407}
397pre { 408pre {
398 background: #f4f4f4; 409 background: #f4f4f4;
399 font: 13px "Courier 10 Pitch", Courier, monospace; 410 font: 13px "Courier 10 Pitch", Courier, monospace;
400 line-height: 1.5; 411 line-height: 1.5;
401 margin-bottom: 1.625em; 412 margin-bottom: 1.625em;
402 overflow: auto; 413 overflow: auto;
403 padding: 0.75em 1.625em; 414 padding: 0.75em 1.625em;
404} 415}
405code, kbd, samp, var { 416code, kbd, samp, var {
406 font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; 417 font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
407} 418}
408abbr, acronym, dfn { 419abbr, acronym, dfn {
409 border-bottom: 1px dotted #666; 420 border-bottom: 1px dotted #666;
410 cursor: help; 421 cursor: help;
411} 422}
412address { 423address {
413 display: block;424 margin: 0;
414 margin: 0 0 1.625em;425 background: #efefef;
 426 padding:10px;
 427 font-size:11px;
 428 display:inline-block;
 429float:left;
415} 430}
416ins { 431ins {
417 background: #fff9c0; 432 background: #fff9c0;
418 text-decoration: none; 433 text-decoration: none;
419} 434}
420sup, 435sup,
421sub { 436sub {
422 font-size: 10px; 437 font-size: 10px;
423 height: 0; 438 height: 0;
424 line-height: 1; 439 line-height: 1;
425 position: relative; 440 position: relative;
426 vertical-align: baseline; 441 vertical-align: baseline;
427} 442}
428sup { 443sup {
429 bottom: 1ex; 444 bottom: 1ex;
430} 445}
431sub { 446sub {
432 top: .5ex; 447 top: .5ex;
433} 448}
434 449
435/* Forms */ 450/* Forms */
436input[type=text], 451input[type=text],
437input[type=password], 452input[type=password],
438textarea {453textarea,
439 background: #fafafa;454select {
440 -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);455 background: #FAFAFA;
441 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);456 -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
442 box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);457 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
443 border: 1px solid #ddd;458 box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
444 color: #888;459 border: 1px solid #BEBEBE;
 460 color: #888;
445} 461}
 462select:focus,
446input[type=text]:focus, 463input[type=text]:focus,
447textarea:focus { 464textarea:focus {
448 color: #373737; 465 color: #373737;
449} 466}
450textarea { 467textarea {
451 padding-left: 3px; 468 padding-left: 3px;
452 width: 98%; 469 width: 98%;
453} 470}
 471select,
454input[type=text] { 472input[type=text] {
455 padding: 3px; 473 padding: 3px;
456} 474}
457input#s { 475input#s {
458 background: url(images/search.png) no-repeat 5px 6px;476 background: url(images/search.png) no-repeat 5px 6px;
459 -moz-border-radius: 2px;477 -moz-border-radius: 2px;
460 border-radius: 2px;478 border-radius: 2px;
461 font-size: 14px;479 font-size: 11px;
462 height: 22px;480 height: 20px;
463 line-height: 1.2em;481 line-height: 1.2em;
464 padding: 4px 10px 4px 28px;482 padding: 4px 10px 4px 28px;
465} 483}
466input#searchsubmit { 484input#searchsubmit {
467 display: none;485 display: none;
468} 486}
469 487
470/* Links */ 488/* Links */
471a { 489a {
472 color: #1982d1; 490 color: #1982d1;
473 text-decoration: none; 491 text-decoration: none;
474} 492}
475a:focus, 493a:focus,
476a:active, 494a:active,
477a:hover { 495a:hover {
478 text-decoration: underline; 496 text-decoration: underline;
479} 497}
480 498
481/* Assistive text */ 499/* Assistive text */
482.assistive-text { 500.assistive-text {
 501 display: none;
483 position: absolute !important; 502 position: absolute !important;
484 clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ 503 clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
485 clip: rect(1px, 1px, 1px, 1px); 504 clip: rect(1px, 1px, 1px, 1px);
486} 505}
487#access a.assistive-text:active, 506#access a.assistive-text:active,
488#access a.assistive-text:focus { 507#access a.assistive-text:focus {
489 background: #eee; 508 background: #eee;
490 border-bottom: 1px solid #ddd; 509 border-bottom: 1px solid #ddd;
491 color: #1982d1; 510 color: #1982d1;
492 clip: auto !important; 511 clip: auto !important;
493 font-size: 12px; 512 font-size: 12px;
494 position: absolute; 513 position: absolute;
495 text-decoration: underline; 514 text-decoration: underline;
496 top: 0; 515 top: 0;
497 left: 7.6%; 516 left: 7.6%;
498} 517}
499 518
500 519
501/* =Header 520/* =Header
502----------------------------------------------- */ 521----------------------------------------------- */
503 522
504#branding { 523#branding {
505 border-top: 2px solid #bbb;524 padding: 5px 0 0;
506 padding-bottom: 10px;525 position: relative;
507 position: relative;526 z-index: 9999;
508 z-index: 9999;  
509} 527}
510#site-title { 528#site-title {
511 margin-right: 270px;529
512 padding: 3.65625em 0 0;  
513} 530}
514#site-title a { 531#site-title a {
515 color: #111;532 color: #111;
516 font-size: 30px;533 font-size: 30px;
517 font-weight: bold;534 text-decoration: none;
518 line-height: 36px;535 background: url(images/ebo.gif) left top no-repeat;
519 text-decoration: none;536 text-indent: -9999px !important;
 537 height: 86px !important;
 538 width: 149px !important;
 539 display: block;
 540 margin: 5px 15px 10px;
520} 541}
521#site-title a:hover, 542#site-title a:hover,
522#site-title a:focus, 543#site-title a:focus,
523#site-title a:active { 544#site-title a:active {
524 color: #1982d1; 545 color: #1982d1;
525} 546}
526#site-description { 547#site-description {
527 color: #7a7a7a;548 display: none;
528 font-size: 14px;  
529 margin: 0 270px 3.65625em 0;  
530} 549}
531#branding img { 550#branding img {
532 height: auto;551 height: auto;
533 margin-bottom: -7px;552 margin: 10px 14px 5px;
534 width: 100%;553 width: 940px;
 554}
 555div.header_advert {
 556 width: 450px !important;
 557 height: 100px;
 558 margin: 2px 0;
 559 background: #ddd;
 560 position: absolute;
 561 left: 200px;
 562 top: 2px;
 563 background: url(images/header-ad.jpg) left top no-repeat;
 564}
 565div.header_advert a {
 566 display: block;
 567 width: 450px;
 568 height: 100px;
 569 text-indent: -9999px;
 570}
 571
 572ul.account_navigation {
 573 list-style-type: none;
 574 padding: 0;
 575 margin: 0;
 576 position: absolute;
 577 right: 20px;
 578 top: 5px;
 579}
 580ul.account_navigation li {
 581 float: left;
 582 margin: 0;
 583 padding: 0 0 0 10px;
 584}
 585ul.account_navigation li a {
 586 color: #777;
 587}
 588
 589
 590/******************************************** home page carousel */
 591.promo_slider{
 592
 593}
 594div.promo_slider_wrapper {
 595
 596}
 597div#carousel div.promo_slider_nav {
 598 background:none !important;
 599}
 600
 601div#carousel div.promo_slider_nav span span {
 602 display:block;
 603 float:left;
 604 text-indent:-9999px;
 605 width:12px;
 606 height:12px;
 607 border:1px solid #ccc;
 608 margin:2px;
 609}
 610div#carousel div.promo_slider_nav span span.current {
 611 background:#ccc;
 612}
 613
 614div#carousel div.promo_slider_nav b {
 615 display:none;
 616}
 617div#carousel div.promo_slider_nav span.pointer {
 618 float:left;
 619 display:block;
 620 color:#ccc;
 621 margin: 0 2px;
 622}
 623
 624
 625
 626div#carousel {
 627width:940px;
 628height:292px;
 629padding:0;
 630margin:10px 15px;
 631float:left;
 632clear:left;
 633background:url(images/carousel-bg.png) left top no-repeat;
 634}
 635
 636
 637
 638div#ad-slot-1,
 639div#ad-slot-2,
 640div#ad-slot-3 {
 641 width:305px !important;
 642 height:120px !important;
 643
 644}
 645
 646div#ad-slot-1 div.panel,
 647div#ad-slot-2 div.panel,
 648div#ad-slot-3 div.panel {
 649 width:305px;
 650 height:120px;
 651}
 652
 653/***************************************************************** header shopping basket */
 654#branding div.widget-area {
 655 width: 300px;
 656 position: absolute;
 657 right: 0;
 658 top: 30px;
 659}
 660aside#mp_cart_widget-2 {
 661 width: 300px;
 662}
 663aside#mp_cart_widget-2 div.custom_text {
 664 float: left;
 665}
 666
 667aside#mp_cart_widget-2 div.mp_cart_actions_widget {
 668 width: 95px;
 669 padding: 0 !important;
 670 float: left;
 671}
 672
 673div#mp_cart_actions_widget a.mp_store_link {
 674 display: none;
 675}
 676div.mp_cart_empty {
 677 float: left;
 678 width: 168px !important;
 679 border: 1px solid #BEBEBE;
 680 font-size: 11px;
 681 -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
 682 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
 683 box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
 684 color: #888;
 685 -moz-border-radius: 2px;
 686 border-radius: 2px;
 687 padding: 4px 5px 4px 30px;
 688 background: url(images/empty-cart.gif) 6px 8px no-repeat;
 689}
 690aside#mp_cart_widget-2 h3 {
 691 display: none;
 692}
 693aside#mp_cart_widget-2 a.mp_empty_cart {
 694 display: none;
 695}
 696aside#mp_cart_widget-2 thead,
 697aside#mp_cart_widget-2 td {
 698 /*display: none;*/
 699}
 700aside#mp_cart_widget-2 table.mp_cart_contents_widget {
 701 /*position: absolute;
 702 right: 115px;
 703 top: 20px;*/
 704 float: left;
 705 width: 205px;
 706 border: 1px solid #BEBEBE;
 707 font-size: 11px;
 708 -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
 709 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
 710 box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
 711 color: #888;
 712 -moz-border-radius: 2px;
 713 border-radius: 2px;
 714}
 715aside#mp_cart_widget-2 table.mp_cart_contents_widget thead th{
 716 padding: 5px;
 717}
 718
 719aside#mp_cart_widget-2 table.mp_cart_contents_widget thead th.basket_label {
 720 color: #BEBEBE;
 721}
 722aside#mp_cart_widget-2 table.mp_cart_contents_widget thead th.basket_subtotal,
 723aside#mp_cart_widget-2 table.mp_cart_contents_widget thead th.basket_items {
 724 color: #000;
 725}
 726
 727aside#mp_cart_widget-2 td.mp_cart_subtotal_lbl,
 728aside#mp_cart_widget-2 td.mp_cart_col_total {
 729 display: block !important;
 730 border: 0;
 731 float: left;
 732}
 733aside#mp_cart_widget-2 a.mp_checkout_link {
 734 border: 1px solid #BEBEBE;
 735 width: 94px;
 736 height: 23px;
 737 background: #D3D1D1 !important;
 738 color: #232323;
 739 text-transform: uppercase;
 740 padding: 5px 0 0 !important;
 741 font-weight: normal !important;
 742 display: block;
 743 text-align: center;
 744}
 745aside#mp_cart_widget-2 a.mp_checkout_link:hover {
 746 text-decoration: none !important;
535} 747}
536 748
537 749
538/* =Menu 750/* =Menu
539-------------------------------------------------------------- */ 751-------------------------------------------------------------- */
540 752
541#access { 753#access {
542 background: #222; /* Show a solid color for older browsers */754 background: url(images/nav-bg.png) left top repeat-x;
543 background: -moz-linear-gradient(#252525, #0a0a0a);  
544 background: -o-linear-gradient(#252525, #0a0a0a);  
545 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */  
546 background: -webkit-linear-gradient(#252525, #0a0a0a);  
547 -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px; 755 -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
548 -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;756 -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
549 box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;757 box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
550 clear: both;758 clear: both;
551 display: block;759 display: block;
552 float: left;760 float: left;
553 margin: 0 auto 6px;761 margin: 0;
554 width: 100%;762 width: 966px;
 763 text-transform: uppercase;
 764 border-right: 1px solid #767676;
 765 border-left: 1px solid #767676;
 766 border-top: 1px solid #767676;
555} 767}
556#access ul { 768#access ul {
557 font-size: 13px;769 font-size: 13px;
558 list-style: none;770 list-style: none;
559 margin: 0 0 0 -0.8125em;771 margin: 0;
560 padding-left: 0;772 padding-left: 0;
561} 773}
562#access li { 774#access li {
563 float: left;775 float: left;
564 position: relative;776 position: relative;
 777 padding: 0 2px 0 0;
 778 background: url(images/nav-div.png) right top no-repeat;
 779}
 780#access li#menu-item-28 {
 781 background: none !important;
 782 padding: 0 !important;
 783 width: 81px;
 784 text-align: center;
 785}
 786#access li#menu-item-17 a {
 787 width: 39px;
 788 padding: 0;
 789 text-indent: -9999px;
 790 background: url(images/nav-home.png) left top repeat-x;
 791}
 792#access li#menu-item-17 a:hover {
 793 background: url(images/nav-home.png) left bottom repeat-x;
 794}
 795
 796/*
 797 Hide menu items until category is ready!
 798*/
 799/* LIVING */
 800#menu-item-98,#menu-item-197,#menu-item-101 { display:none; }
 801/* DINING */
 802#menu-item-115,#menu-item-117 { display:none; }
 803/* BEDROOM */
 804#menu-item-123,#menu-item-124,#menu-item-126,#menu-item-198 { display:none; }
 805/* WELLNESS */
 806/*#menu-item-21 ul { display:none!important; }*/
 807/* KITCHEN */
 808#menu-item-109,#menu-item-110,#menu-item-111 { display:none; }
 809/* STUDY */
 810#menu-item-200,#menu-item-201,#menu-item-202 { display:none; }
 811/* ENTERTAINMENT */
 812#menu-item-209 { display:none!important; }
 813/* OUTDOOR */
 814#menu-item-27 ul { display:none!important; }
 815/* GIFTS */
 816#menu-item-219,#menu-item-221,
 817#menu-item-225,#menu-item-226,#menu-item-227,#menu-item-228 { display:none; }
 818
 819#lumebox-popup {
 820display:none;
565} 821}
 822
566#access a { 823#access a {
567 color: #eee;824 color: #FFF;
568 display: block;825 display: block;
569 line-height: 3.333em;826 line-height: 42px;
570 padding: 0 1.2125em;827 padding: 0 8px 0 7px;
571 text-decoration: none;828 text-decoration: none;
572} 829}
573#access ul ul { 830#access ul ul {
574 -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);831 -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
575 -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); 832 -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
576 box-shadow: 0 3px 3px rgba(0,0,0,0.2);833 box-shadow: 0 3px 3px rgba(0,0,0,0.2);
577 display: none;834 display: none;
578 float: left;835 float: left;
579 margin: 0;836 margin: 0;
580 position: absolute;837 position: absolute;
581 top: 3.333em;838 top: 42px;
582 left: 0;839 left: 0;
583 width: 188px;840 width: 188px;
584 z-index: 99999;841 z-index: 9999;
 842}
 843#access ul ul li {
 844 background: none !important;
585} 845}
586#access ul ul ul { 846#access ul ul ul {
587 left: 100%;847 left: 100%;
588 top: 0;848 top: 0;
589} 849}
590#access ul ul a { 850#access ul ul a {
591 background: #f9f9f9;851 background: #f9f9f9;
592 border-bottom: 1px dotted #ddd;852 border-bottom: 1px dotted #ddd;
593 color: #444;853 color: #444;
594 font-size: 13px;854 font-size: 13px;
595 font-weight: normal;855 font-weight: normal;
596 height: auto;856 height: auto;
597 line-height: 1.4em;857 line-height: 1.4em;
598 padding: 10px 10px;858 padding: 10px 10px;
599 width: 168px;859 width: 168px;
600} 860}
601#access li:hover > a, 861#access li:hover > a,
602#access ul ul :hover > a, 862#access ul ul :hover > a,
603#access a:focus { 863#access a:focus {
604 background: #efefef;864 background: #efefef;
605} 865}
606#access li:hover > a, 866#access li:hover > a,
607#access a:focus { 867#access a:focus {
608 background: #f9f9f9; /* Show a solid color for older browsers */868 background: #f9f9f9; /* Show a solid color for older browsers */
609 background: -moz-linear-gradient(#f9f9f9, #e5e5e5);869 background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
610 background: -o-linear-gradient(#f9f9f9, #e5e5e5);870 background: -o-linear-gradient(#f9f9f9, #e5e5e5);
611 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */871 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
612 background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);872 background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
613 color: #373737;873 color: #373737;
614} 874}
615#access ul li:hover > ul { 875#access ul li:hover > ul {
616 display: block;876 display: block;
617} 877}
618#access .current-menu-item > a, 878#access .current-menu-item > a,
619#access .current-menu-ancestor > a, 879#access .current-menu-ancestor > a,
620#access .current_page_item > a, 880#access .current_page_item > a,
621#access .current_page_ancestor > a { 881#access .current_page_ancestor > a {
622 font-weight: bold;882 color: #000;
 883 background: #f9f9f9;
623} 884}
624 885
625/* Search Form */ 886/* Search Form */
626#branding #searchform { 887#branding #searchform {
627 position: absolute;888 position: absolute;
628 top: 3.8em;889 top: 64px;
629 right: 7.6%;890 right: 0;
630 text-align: right;  
631} 891}
632#branding #searchform div { 892#branding #searchform div {
633 margin: 0;893 margin: 0;
634} 894}
 895/*
 896 site search box (header)
 897*/
635#branding #s { 898#branding #s {
636 float: right;899 float: left;
637 -webkit-transition-duration: 400ms;900 width: 164px;
638 -webkit-transition-property: width, background;  
639 -webkit-transition-timing-function: ease;  
640 -moz-transition-duration: 400ms;  
641 -moz-transition-property: width, background;  
642 -moz-transition-timing-function: ease;  
643 -o-transition-duration: 400ms;  
644 -o-transition-property: width, background;  
645 -o-transition-timing-function: ease;  
646 width: 72px;  
647} 901}
648#branding #s:focus { 902#branding #s:focus {
649 background-color: #f9f9f9;903 background-color: #f9f9f9;
650 width: 196px;904 width: 164px;
651} 905}
652#branding #searchsubmit { 906#branding #searchsubmit {
653 display: none;907 border: 1px solid #BEBEBE;
 908 width: 96px;
 909 height: 30px;
 910 background: #D3D1D1 !important;
 911 color: #000;
 912 padding: 5px 0 !important;
 913 text-align: center;
 914 text-transform: uppercase;
 915 float: left;
 916 font-size: 11px !important;
 917 font-weight: normal !important;
 918 display: block;
 919 text-align: center;
 920 cursor: pointer;
654} 921}
655#branding .only-search #searchform { 922#branding .only-search #searchform {
656 top: 5px;923 top: 5px;
657 z-index: 1;924 z-index: 1;
658} 925}
659#branding .only-search #s { 926#branding .only-search #s {
660 background-color: #666;927 background-color: #666;
661 border-color: #000;928 border-color: #000;
662 color: #222;929 color: #222;
663} 930}
664#branding .only-search #s, 931#branding .only-search #s,
665#branding .only-search #s:focus { 932#branding .only-search #s:focus {
666 width: 85%;933 width: 85%;
667} 934}
668#branding .only-search #s:focus { 935#branding .only-search #s:focus {
669 background-color: #bbb;936 background-color: #bbb;
670} 937}
671#branding .with-image #searchform { 938#branding .with-image #searchform {
672 top: auto;939 top: auto;
673 bottom: -27px;940 bottom: -27px;
674 max-width: 195px;941 max-width: 195px;
675} 942}
676#branding .only-search + #access div { 943#branding .only-search + #access div {
677 padding-right: 205px;944 padding-right: 205px;
 945}
 946/* =Forms
 947----------------------------------------------- */
 948div#content form {
 949 position: relative;
 950}
 951div#content form ul {
 952 list-style-type: none;
 953 margin: 10px 0;
 954 padding: 0;
 955 float: left !important;
 956 float: none; /* fix ie */
 957 clear: left;
 958}
 959div#content form ul li {
 960 padding: 2px 0;
 961 margin: 0;
 962 position: relative;
 963 float: left;
 964 clear: left;
 965}
 966div#content form.wpcf7-form {
 967
 968}
 969div.wpcf7-validation-errors {
 970 margin: 10px 0 0 0 !important;
 971 border: 1px solid #ff0000 !important;
 972 font-size: 13px;
 973 width: 481px;
 974 text-align: center;
 975 padding: 12px 10px;
 976}
 977div.wpcf7-mail-sent-ok {
 978 margin: 10px 0 0 0 !important;
 979 border: 1px solid #339933 !important;
 980 font-size: 13px;
 981 width: 481px;
 982 text-align: center;
 983 padding: 12px 10px;
 984}
 985
 986div#content form ul li label {
 987 float: left;
 988 width: 190px;
 989 background: #FAFAFA;
 990 border: 1px solid #F2F2F2;
 991 padding: 3px 0 0 10px;
 992 height: 22px;
 993}
 994div#content form ul li label em {
 995 font-style: normal;
 996 color: #BEBEBE;
 997}
 998div#content form input.wpcf7-submit {
 999 background: none repeat scroll 0 0 #D3D1D1 !important;
 1000 border: 1px solid #BEBEBE;
 1001 color: #000;
 1002 display: block;
 1003 float: left;
 1004 font-size: 11px !important;
 1005 font-weight: normal !important;
 1006 height: 30px;
 1007 padding: 5px 0 !important;
 1008 text-align: center;
 1009 text-transform: uppercase;
 1010 width: 96px;
 1011 margin: 10px 0 0 202px;
 1012 cursor: pointer;
 1013}
 1014div#content form textarea {
 1015 padding: 3px;
 1016 width: 299px;
 1017 height: 180px;
 1018}
 1019
 1020div#content form ul li span {
 1021 float: left;
 1022 position: relative;
 1023 width: 600px;
 1024}
 1025div#content form ul li span input {
 1026 float: left;
 1027}
 1028
 1029div#content form ul li span span {
 1030 float: left;
 1031 width: 240px;
 1032 margin: 3px 0 0 10px;
 1033 font-size: 12px;
 1034 padding: 0 0 0 30px;
 1035 background: url(images/form-error.gif) left 2px no-repeat;
 1036}
 1037div#content form div {
 1038 float: left;
 1039 clear: left;
 1040}
 1041
 1042div.staff {
 1043 float: left;
 1044 width: 430px;
 1045 height: 160px;
 1046 padding: 5px 10px;
 1047 font-size: 12px;
 1048 position: relative;
 1049}
 1050div.staff strong {
 1051 text-transform: uppercase;
 1052 font-weight: normal;
 1053 letter-spacing: 2px;
 1054 font-size: 14px;
 1055 margin: 10px 0 -15px;
 1056display:block;
 1057}
 1058div.staff em {
 1059 font-style:normal;
 1060color:#999;
 1061}
 1062
 1063/* Newsletter sign up form */
 1064div.signup {
 1065 float: right;
 1066 width: 280px;
 1067 font-size: 11px;
 1068}
 1069div.signup td, div.signup table {
 1070 border: 0 !important;
 1071padding:2px 1px 0 0;
 1072margin:0 !important;
 1073}
 1074div.signup p {
 1075 margin: 0 0 0 50px;
 1076 font-size: 10px !important;
 1077}
 1078
 1079div.signup label {
 1080color:#999;
 1081 text-transform: uppercase;
 1082width:40px;
 1083}
 1084
 1085div.signup input.input-submit {
 1086 background: none repeat scroll 0 0 #D3D1D1 !important;
 1087 border: 1px solid #BEBEBE;
 1088 color: #000000;
 1089 display: block;
 1090 float: left;
 1091 font-size: 11px !important;
 1092 font-weight: normal !important;
 1093 height: 30px;
 1094 padding: 5px 0 !important;
 1095 text-align: center;
 1096 text-transform: uppercase;
 1097 width: 96px;
 1098 cursor: pointer;
 1099 margin: 2px 0 0 50px;
 1100}
 1101div.home_column_left {
 1102 float:left;
 1103 width:240px;
 1104}
 1105div.home_column_right {
 1106 float:left;
 1107 width:300px;
 1108}
 1109div.home_column_centre {
 1110 float:left;
 1111 width:340px;
 1112 padding: 0 0 0 20px;
 1113}
 1114div#alo_easymail_widget_feedback {
 1115margin:2px 0 2px 50px;
 1116font-size:10px;
 1117color:#666;
 1118}
 1119
 1120div.hfeed h1.entry-title {
 1121 font-size:14px !important;
 1122 text-transform:uppercase;
 1123 font-weight:normal;
678} 1124}
679  
680 1125
681/* =Content 1126/* =Content
682----------------------------------------------- */ 1127----------------------------------------------- */
683 1128
684#main { 1129#main {
685 clear: both;1130 clear: both;
686 padding: 1.625em 0 0;1131 padding: 0 0;
687} 1132}
688.page-title { 1133.page-title {
689 color: #666;1134 color: #666;
690 font-size: 10px;1135 font-size: 10px;
691 font-weight: 500;1136 font-weight: 500;
692 letter-spacing: 0.1em;1137 letter-spacing: 0.1em;
693 line-height: 2.6em;1138 line-height: 2.6em;
694 margin: 0 0 2.6em;1139 margin: 0 0 2.6em;
695 text-transform: uppercase;1140 text-transform: uppercase;
696} 1141}
697.page-title a { 1142.page-title a {
698 font-size: 12px;1143 font-size: 12px;
699 font-weight: bold;1144 font-weight: bold;
700 letter-spacing: 0;1145 letter-spacing: 0;
701 text-transform: none;1146 text-transform: none;
702} 1147}
703.hentry, 1148.hentry,
704.no-results { 1149.no-results {
705 border-bottom: 1px solid #ddd;1150 border-bottom: 1px solid #ddd;
706 margin: 0 0 1.625em;1151 margin: 0;
707 padding: 0 0 1.625em;1152 padding: 0;
708 position: relative;1153 position: relative;
709} 1154}
710.hentry:last-child, 1155.hentry:last-child,
711.no-results { 1156.no-results {
712 border-bottom: none;1157 border-bottom: none;
713} 1158}
714.blog .sticky .entry-header .entry-meta { 1159.blog .sticky .entry-header .entry-meta {
715 clip: rect(1px 1px 1px 1px); /* IE6, IE7 */1160 clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
716 clip: rect(1px, 1px, 1px, 1px);1161 clip: rect(1px, 1px, 1px, 1px);
717 position: absolute !important;1162 position: absolute !important;
718} 1163}
719.entry-title, 1164.entry-title,
720.entry-header .entry-meta { 1165.entry-header .entry-meta {
721 padding-right: 76px;1166 padding-right: 76px;
722} 1167}
723.entry-title { 1168.entry-title {
724 clear: both;1169 clear: both;
725 color: #222;1170 color: #222;
726 font-size: 26px;1171 font-size: 26px;
727 font-weight: bold;1172 font-weight: bold;
728 line-height: 1.5em;1173 line-height: 1.5em;
729 padding-bottom: .3em;1174 padding-bottom: 0.3em;
730 padding-top: 15px;1175 padding-top: 15px;
731} 1176}
732.entry-title, 1177.entry-title,
733.entry-title a { 1178.entry-title a {
734 color: #222; 1179 color: #222;
735 text-decoration: none; 1180 text-decoration: none;
736} 1181}
737.entry-title a:hover, 1182.entry-title a:hover,
738.entry-title a:focus, 1183.entry-title a:focus,
739.entry-title a:active { 1184.entry-title a:active {
740 color: #1982d1; 1185 color: #1982d1;
741} 1186}
742.entry-meta { 1187.entry-meta {
743 color: #666; 1188 color: #666;
744 clear: both; 1189 clear: both;
745 font-size: 12px; 1190 font-size: 12px;
746 line-height: 18px; 1191 line-height: 18px;
747} 1192}
748.entry-meta a { 1193.entry-meta a {
749 font-weight: bold; 1194 font-weight: bold;
750} 1195}
751.single-author .entry-meta .by-author { 1196.single-author .entry-meta .by-author {
752 display: none; 1197 display: none;
753} 1198}
754.entry-content, 1199.entry-content,
755.entry-summary { 1200.entry-summary {
756 padding: 1.625em 0 0;1201 padding: 10px 0 0;
757} 1202}
 1203
 1204div#mp_product_list {
 1205 font-size: 11px;
 1206 margin: 0 -10px 20px -5px;
 1207 float: left;
 1208 clear: left;
 1209 width: 920px;
 1210}
 1211div#mp_product_list div.hentry {
 1212 float: left;
 1213 width: 174px;
 1214 margin: 10px 5px;
 1215 padding: 0 !important;
 1216 border: 0;
 1217 position: relative;
 1218 height: 390px;
 1219 border-bottom: 1px dotted #ddd;
 1220 background: #f2f2f2;
 1221}
 1222
 1223div#mp_product_list div.hentry div.mp_product_content {
 1224 height: 255px;
 1225 width: 152px;
 1226 margin: 0;
 1227 padding: 0 11px 12px;
 1228 border-bottom: 1px dotted #ddd;
 1229 font-size: 10px;
 1230}
 1231
 1232div#mp_product_list div.hentry div.mp_product_content a {
 1233 display: block;
 1234 position: relative;
 1235 margin: 0 -11px 4px -6px;
 1236 height: 164px;
 1237 width: 150px;
 1238}
 1239
 1240div#mp_product_list div.hentry div.mp_product_meta {
 1241 display: block;
 1242 position: relative;
 1243 float: left;
 1244 height: 72px;
 1245 margin: 0;
 1246}
 1247
 1248.mp_product_name a {
 1249 color: #222;
 1250
 1251}
 1252h3.mp_product_name {
 1253 line-height: 14px !important;
 1254 height: 44px;
 1255 padding: 5px 11px 0;
 1256background:#eee;
 1257border-bottom:1px solid #e2e2e2;
 1258margin: 0 0 4px;
 1259}
 1260
 1261div#mp_product_list div.hentry div.mp_product_content a.mp_product_more_link {
 1262 display: none;
 1263}
 1264
 1265div#mp_product_list div.hentry div.mp_product_content a img {
 1266 margin: 0!important;
 1267}
 1268
 1269span.mp_product_price {
 1270 display: block;
 1271 padding: 12px 0 0 17px;
 1272 font-weight: normal;
 1273 color: #CFAA52;
 1274 font-size: 14px;
 1275}
 1276span.mp_product_from_price {
 1277 display: block;
 1278 padding: 0;
 1279 margin: -4px 0 0;
 1280 font-weight: normal;
 1281 color: #CFAA52;
 1282 font-size: 14px;
 1283}
 1284
 1285
 1286
 1287div#mp_product_list form.mp_buy_form {
 1288 position: absolute;
 1289 bottom: 0;
 1290 padding: 0 17px 10px !important;
 1291 margin: 0;
 1292 background: none !important;
 1293 border: 0 !important;
 1294 width: 130px !important;
 1295}
 1296
 1297article form.mp_buy_form {
 1298 background: #FBFBFB;
 1299 border-top: 1px dotted #DDD;
 1300 float: left;
 1301 clear: left;
 1302 padding: 4px 20px;
 1303 width: 866px;
 1304 margin: 10px 0 0;
 1305}
 1306
 1307article form.mp_buy_form input.mp_button_addcart {
 1308 float: right;
 1309}
 1310#order_id {
 1311 float: left;
 1312}
 1313#user_pass {
 1314 padding: 3px;
 1315}
 1316#order-id-submit {
 1317 float: left;
 1318 margin: 0 0 0 10px !important;
 1319 height: 27px !important;
 1320}
 1321#mp_login_submit {
 1322 margin: 10px 0 !important;
 1323 width: 169px !important;
 1324}
 1325#order-id-submit,
 1326#mp_login_submit,
 1327form.mp_buy_form input.mp_button_addcart {
 1328 background: #D3D1D1 !important;
 1329 border: 1px solid #BEBEBE;
 1330 color: #232323;
 1331 display: block;
 1332 font-size: 12px;
 1333 font-weight: normal !important;
 1334 height: 28px;
 1335 margin: 0;
 1336 padding: 3px 4px !important;
 1337 text-align: center;
 1338 text-transform: uppercase;
 1339 width: 130px;
 1340 cursor: pointer;
 1341}
 1342form.mp_buy_form a.mp_link_buynow {
 1343 background: #D3D1D1 !important;
 1344 border: 1px solid #BEBEBE;
 1345 color: #232323;
 1346 display: block;
 1347 font-size: 12px;
 1348 font-weight: normal !important;
 1349 margin: 0;
 1350 padding: 3px 2px !important;
 1351 text-align: center;
 1352 text-transform: uppercase;
 1353 width: 124px;
 1354}
 1355
 1356div.mp_product_categories {
 1357 float: left;
 1358 border-top: 1px dotted #DDD;
 1359 padding: 8px 20px;
 1360 width: 866px;
 1361 text-align: right;
 1362 font-size: 11px;
 1363 letter-spacing: 1px;
 1364 text-transform: uppercase;
 1365}
 1366
758.entry-content h1, 1367.entry-content h1,
759.entry-content h2, 1368.entry-content h2,
760.comment-content h1, 1369.comment-content h1,
761.comment-content h2 { 1370.comment-content h2 {
762 color: #000;1371 color: #222;
763 font-weight: bold;1372 font-weight: normal;
764 margin: 0 0 .8125em;1373 margin: 0 0 12px;
 1374 font-size: 22px;
 1375 border-bottom: 2px dotted #ddd;
765} 1376}
766.entry-content h3, 1377.entry-content h3,
767.comment-content h3 { 1378.comment-content h3 {
768 font-size: 10px; 1379 font-size: 10px;
769 letter-spacing: 0.1em; 1380 letter-spacing: 0.1em;
770 line-height: 2.6em; 1381 line-height: 2.6em;
771 text-transform: uppercase; 1382 text-transform: uppercase;
772} 1383}
 1384/*
 1385H5 for brochure/specification downloads
 1386*/
 1387.entry-content h5 {
 1388/*float:right;
 1389position:absolute;
 1390left:0;
 1391bottom:0;*/
 1392display:inline-block;
 1393 clear: none !important;
 1394 font-size: 11px;
 1395 margin: 8px 0;
 1396}
 1397.entry-content h5 a {
 1398 display: block;
 1399 padding: 5px 30px 5px 50px;
 1400 text-transform: uppercase;
 1401 border: 1px solid #ddd;
 1402 background: url(images/pdf-download.png) left top no-repeat;
 1403}
 1404.entry-content h5 a:hover {
 1405 text-decoration: none !important;
 1406 border: 1px solid #bbb;
 1407}
 1408
 1409/*
 1410 overview snippets
 1411*/
 1412div.page-list {
 1413 position: relative;
 1414 margin: 0 -20px;
 1415}
 1416div.page-list div.page-list-ext-item {
 1417 border-top: 1px dotted #DDD;
 1418 /*width: 430px;*/
 1419 float: left;
 1420 margin: 10px 20px;
 1421 clear: none !important;
 1422 padding: 10px 0 0;
 1423 height: 70px;
 1424}
 1425div.page-list div.page-list-ext-item h3 {
 1426 line-height: 14px;
 1427 padding: 2px 0 4px;
 1428}
 1429div.page-list div.page-list-ext-item h3 a {
 1430 font-size: 14px;
 1431}
 1432div.page-list div.page-list-ext-item div.page-list-ext-item-content {
 1433 font-size: 11px;
 1434}
 1435div.page-list-ext-image a img {
 1436 height: 60px !important;
 1437 width: auto !important;
 1438 padding: 6px;
 1439 border: 1px solid #DDD;
 1440}
 1441
773.entry-content table, 1442.entry-content table,
774.comment-content table { 1443.comment-content table {
775 border-bottom: 1px solid #ddd; 1444 border-bottom: 1px solid #ddd;
776 margin: 0 0 1.625em; 1445 margin: 0 0 1.625em;
777 width: 100%; 1446 width: 100%;
778} 1447}
779.entry-content th, 1448.entry-content th,
780.comment-content th { 1449.comment-content th {
781 color: #666; 1450 color: #666;
782 font-size: 10px; 1451 font-size: 10px;
783 font-weight: 500; 1452 font-weight: 500;
784 letter-spacing: 0.1em; 1453 letter-spacing: 0.1em;
785 line-height: 2.6em; 1454 line-height: 2.6em;
786 text-transform: uppercase; 1455 text-transform: uppercase;
787} 1456}
788.entry-content td, 1457.entry-content td,
789.comment-content td { 1458.comment-content td {
790 border-top: 1px solid #ddd;1459 border-top: 1px solid #ddd;
791 padding: 6px 10px 6px 0;1460 padding: 4px 8px 4px 0;
 1461}
 1462td.mp_cart_col_product_table a {
 1463 display: inline-block;
 1464 color: #373737;
 1465}
 1466td.mp_cart_col_updatecart {
 1467 padding: 0 0 0 4px !important;
 1468 border-top:0;
 1469}
 1470td.mp_cart_col_updatecart input {
 1471 background: #D3D1D1 !important;
 1472 border: 1px solid #BEBEBE;
 1473 color: #232323;
 1474 display: block;
 1475 font-weight: normal !important;
 1476 height: 28px;
 1477 margin: 6px 0 -3px;
 1478 padding: 3px 4px !important;
 1479 text-align: center;
 1480 text-transform: uppercase;
 1481 width: 130px;
 1482 font-size: 12px;
 1483}
 1484#coupon-link,
 1485td.mp_cart_remove_coupon a {
 1486 background: #D3D1D1 !important;
 1487 border: 1px solid #BEBEBE;
 1488 color: #232323;
 1489 display: block;
 1490 text-align: center;
 1491 font-weight: normal !important;
 1492 padding: 3px 2px !important;
 1493 font-size: 9px;
 1494
 1495 width: 124px;
 1496 margin: 0 0 0 4px;
 1497}
 1498td.mp_cart_remove_coupon,
 1499td.empty {
 1500 border: 0;
 1501}
 1502div#coupon-code input.apply {
 1503 background: #D3D1D1 !important;
 1504 border: 1px solid #BEBEBE;
 1505 padding: 4px 2px 3px;
 1506 text-align: center;
 1507 text-transform: uppercase;
 1508 font-size: 12px;
 1509 margin: 0 0 0 2px;
 1510 float: right;
 1511
 1512}
 1513div#mp_cart_updated_msg {
 1514 background: #1A1006;
 1515 text-transform: uppercase;
 1516 color: #B09637;
 1517 margin: 0 0 10px;
 1518 padding: 3px 10px;
 1519}
 1520
 1521
 1522.entry-content td.mp_cart_col_product_table {
 1523 width: 560px;
 1524}
 1525.entry-content td.mp_cart_col_thumb {
 1526 width: 80px;
 1527}
 1528.entry-content td.mp_cart_col_thumb a {
 1529 display: inline-block;
 1530 width: 56px;
 1531 height: 56px;
 1532}
 1533.entry-content td.mp_cart_col_total,
 1534.entry-content td.mp_cart_col_subtotal,
 1535.entry-content td.mp_cart_col_discount,
 1536.entry-content td.mp_cart_col_tax,
 1537.entry-content td.mp_cart_col_price {
 1538 width: 100px;
 1539 background: #FAFAFA;
 1540 padding: 0 4px;
 1541 border-left: 1px solid #EBEBEB;
 1542 border-right: 1px solid #EBEBEB;
 1543}
 1544.entry-content td.mp_cart_col_quant {
 1545 padding: 0 0 0 4px;
 1546}
 1547
 1548.entry-content td.mp_cart_discount_lbl,
 1549.entry-content td.mp_cart_col_discount,
 1550.entry-content td.mp_cart_col_tax,
 1551.entry-content td.mp_cart_tax_lbl {
 1552 font-size: 12px;
 1553 color: #999;
 1554
 1555}
 1556.entry-content td.mp_cart_discount_lbl,
 1557.entry-content td.mp_cart_baskettotal_lbl,
 1558.entry-content td.mp_cart_subtotal_lbl,
 1559.entry-content td.mp_cart_tax_lbl {
 1560 text-align: right;
 1561 padding-right: 8px;
 1562}
 1563.entry-content td.mp_cart_discount_lbl,
 1564.entry-content td.mp_cart_baskettotal_lbl,
 1565.entry-content td.mp_cart_tax_lbl {
 1566 border: 0!important;
 1567}
 1568td.mp_cart_col_quant label {
 1569 font-size: 10px;
 1570 text-transform: uppercase;
 1571}
 1572.entry-content td.mp_cart_col_thumb img {
 1573 margin: 0 !important;
 1574 margin-bottom: 0 !important;
 1575 height: 50px;
 1576}
 1577table.mp_cart_contents th {
 1578 padding-left: 4px;
 1579 color: #000;
 1580}
 1581p.mp_cart_direct_checkout {
 1582 margin: -15px -7px 0 0;
 1583 padding: 0 0 10px;
 1584 float: right;
 1585}
 1586a.mp_cart_direct_checkout_link {
 1587 width: 250px;
 1588 height: 40px;
 1589 background: url(images/checkout-now.png) left top no-repeat;
 1590 display: block;
 1591 text-indent: -9999px;
 1592 float: right;
 1593}
 1594input#mp_payment_confirm {
 1595 width: 250px;
 1596 height: 40px;
 1597 background: url(images/checkout-payment.png) left top no-repeat;
 1598 display: block;
 1599 text-indent: -9999px;
 1600 float: right;
 1601 border: 0;
 1602}
 1603input#mp_shipping_submit {
 1604 width: 250px;
 1605 height: 40px;
 1606 background: url(images/checkout-continue.png) left top no-repeat;
 1607 display: block;
 1608 text-indent: -9999px;
 1609 float: right;
 1610 border: 0;
 1611}
 1612
 1613table.mp_cart_shipping td {
 1614 padding: 3px 0 3px 8px;
 1615}
 1616table.mp_cart_shipping td.form_label {
 1617 background: #FAFAFA;
 1618 border-right: 1px solid #EBEBEB;
 1619 text-align: right;
 1620 padding: 3px 8px 3px 0;
 1621 width: 180px;
 1622}
 1623table.mp_cart_shipping td input {
 1624 width: 350px !important;
 1625}
 1626table.mp_cart_shipping td select {
 1627 width: 358px !important;
 1628
 1629}
 1630table.mp_cart_shipping td textarea {
 1631 height: 100px;
 1632 width: 353px !important;
 1633}
 1634
 1635div.mp_checkout_error {
 1636 float: right;
 1637 width: 345px;
 1638 margin: 5px 0 0;
 1639 text-align: left;
 1640 text-transform: uppercase;
 1641 font-size: 11px;
 1642 color: #990000;
 1643}
 1644div.mp_checkout_error_membership {
 1645 position:absolute;
 1646 bottom:110px;
 1647 right:70px;
 1648 width: 345px;
 1649 margin: 5px 0 0;
 1650 text-align: left;
 1651 text-transform: uppercase;
 1652 font-size: 11px;
 1653 color: #990000;
792} 1654}
 1655
 1656
793.entry-content #s { 1657.entry-content #s {
794 width: 75%; 1658 width: 75%;
795} 1659}
796.comment-content ul, 1660.comment-content ul,
797.comment-content ol { 1661.comment-content ol {
798 margin-bottom: 1.625em; 1662 margin-bottom: 1.625em;
799} 1663}
800.comment-content ul ul, 1664.comment-content ul ul,
801.comment-content ol ol, 1665.comment-content ol ol,
802.comment-content ul ol, 1666.comment-content ul ol,
803.comment-content ol ul { 1667.comment-content ol ul {
804 margin-bottom: 0; 1668 margin-bottom: 0;
805} 1669}
806dl.gallery-item { 1670dl.gallery-item {
807 margin: 0; 1671 margin: 0;
808} 1672}
809.page-link { 1673.page-link {
810 clear: both; 1674 clear: both;
811 display: block; 1675 display: block;
812 margin: 0 0 1.625em; 1676 margin: 0 0 1.625em;
813} 1677}
814.page-link a { 1678.page-link a {
815 background: #eee; 1679 background: #eee;
816 color: #373737; 1680 color: #373737;
817 margin: 0; 1681 margin: 0;
818 padding: 2px 3px; 1682 padding: 2px 3px;
819 text-decoration: none; 1683 text-decoration: none;
820} 1684}
821.page-link a:hover { 1685.page-link a:hover {
822 background: #888; 1686 background: #888;
823 color: #fff; 1687 color: #fff;
824 font-weight: bold; 1688 font-weight: bold;
825} 1689}
826.page-link span { 1690.page-link span {
827 margin-right: 6px; 1691 margin-right: 6px;
828} 1692}
829.entry-meta .edit-link a, 1693.entry-meta .edit-link a,
830.commentlist .edit-link a { 1694.commentlist .edit-link a {
831 background: #eee; 1695 background: #eee;
832 -moz-border-radius: 3px; 1696 -moz-border-radius: 3px;
833 border-radius: 3px; 1697 border-radius: 3px;
834 color: #666; 1698 color: #666;
835 float: right; 1699 float: right;
836 font-size: 12px; 1700 font-size: 12px;
837 line-height: 1.5em; 1701 line-height: 1.5em;
838 font-weight: 300; 1702 font-weight: 300;
839 text-decoration: none; 1703 text-decoration: none;
840 padding: 0 8px; 1704 padding: 0 8px;
841} 1705}
842.entry-meta .edit-link a:hover, 1706.entry-meta .edit-link a:hover,
843.commentlist .edit-link a:hover { 1707.commentlist .edit-link a:hover {
844 background: #888; 1708 background: #888;
845 color: #fff; 1709 color: #fff;
846} 1710}
847.entry-content .edit-link { 1711.entry-content .edit-link {
848 clear: both;1712 clear: both;
849 display: block;1713 display: block;
 1714}
 1715
 1716div.list_column {
 1717 margin: 0 0 20px;
 1718 position: relative;
 1719 float: left;
 1720 clear: left;
 1721}
 1722/* site map elements */
 1723div.list_column ul {
 1724 list-style-type: square;
 1725 padding: 0 0 0 25px;
 1726 margin: 0;
 1727}
 1728div.list_column ul li{
 1729 float: left;
 1730 width: 250px;
 1731}
 1732div.list_column ul li ul.children li{
 1733 height:auto !important;
 1734}
 1735div.list_column ul li ul {
 1736 list-style-type: none;
 1737 margin: 5px 15px 10px 0;
 1738 padding: 10px 0 0;
 1739 font-size: 11px;
 1740 font-weight: normal;
 1741}
 1742div.list_column ul li a {
 1743 color: #222;
 1744}
 1745div.list_column ul li,
 1746div.list_column ul li a {
 1747 font-weight: normal !important;
 1748}
 1749ul#mp_category_list li.product_category ul li.cat-item {
 1750 height:auto !important;
850} 1751}
851 1752
852/* Images */ 1753/* Images */
853.entry-content img, 1754.entry-content img,
854.comment-content img, 1755.comment-content img,
855.widget img { 1756.widget img {
856 max-width: 97.5%; /* Fluid images for posts, comments, and widgets */1757 /*max-width: 97.5%;*/
 1758 /* Fluid images for posts, comments, and widgets */
857} 1759}
858img[class*="align"], 1760img[class*="align"],
859img[class*="wp-image-"], 1761img[class*="wp-image-"],
860img[class*="attachment-"] { 1762img[class*="attachment-"] {
861 height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ 1763 height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
862} 1764}
863img.size-full, 1765img.size-full,
864img.size-large { 1766img.size-large {
865 max-width: 97.5%; 1767 max-width: 97.5%;
866 width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */ 1768 width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
867 height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ 1769 height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
868} 1770}
869.entry-content img.wp-smiley { 1771.entry-content img.wp-smiley {
870 border: none; 1772 border: none;
871 margin-bottom: 0; 1773 margin-bottom: 0;
872 margin-top: 0; 1774 margin-top: 0;
873 padding: 0; 1775 padding: 0;
874} 1776}
875img.alignleft, 1777img.alignleft,
876img.alignright, 1778img.alignright,
877img.aligncenter { 1779img.aligncenter {
878 margin-bottom: 1.625em; 1780 margin-bottom: 1.625em;
879} 1781}
880p img, 1782p img,
881.wp-caption { 1783.wp-caption {
882 margin-top: 0.4em; 1784 margin-top: 0.4em;
883} 1785}
884.wp-caption { 1786.wp-caption {
885 background: #eee; 1787 background: #eee;
886 margin-bottom: 1.625em; 1788 margin-bottom: 1.625em;
887 max-width: 96%; 1789 max-width: 96%;
888 padding: 9px; 1790 padding: 9px;
889} 1791}
890.wp-caption img { 1792.wp-caption img {
891 display: block; 1793 display: block;
892 margin: 0 auto; 1794 margin: 0 auto;
893 max-width: 98%; 1795 max-width: 98%;
894} 1796}
895.wp-caption .wp-caption-text, 1797.wp-caption .wp-caption-text,
896.gallery-caption { 1798.gallery-caption {
897 color: #666; 1799 color: #666;
898 font-family: Georgia, serif; 1800 font-family: Georgia, serif;
899 font-size: 12px; 1801 font-size: 12px;
900} 1802}
901.wp-caption .wp-caption-text { 1803.wp-caption .wp-caption-text {
902 margin-bottom: 0.6em; 1804 margin-bottom: 0.6em;
903 padding: 10px 0 5px 40px; 1805 padding: 10px 0 5px 40px;
904 position: relative; 1806 position: relative;
905} 1807}
906.wp-caption .wp-caption-text:before { 1808.wp-caption .wp-caption-text:before {
907 color: #666; 1809 color: #666;
908 content: '\2014'; 1810 content: '\2014';
909 font-size: 14px; 1811 font-size: 14px;
910 font-style: normal; 1812 font-style: normal;
911 font-weight: bold; 1813 font-weight: bold;
912 margin-right: 5px; 1814 margin-right: 5px;
913 position: absolute; 1815 position: absolute;
914 left: 10px; 1816 left: 10px;
915 top: 7px; 1817 top: 7px;
916} 1818}
917#content .gallery { 1819#content .gallery {
918 margin: 0 auto 1.625em;1820 margin: 0 20px 10px 0;
 1821 padding: 0;
 1822 width: 315px;
 1823 float: left;
 1824 clear: left;
919} 1825}
920#content .gallery a img { 1826#content .gallery a img {
921 border: none;1827 border: none;
 1828 width: 95px !important;
 1829 height: 95px !important;
 1830 padding: 3px !important;
 1831}
 1832
 1833
 1834a.mp_product_image_link {
 1835 display: block;
 1836 float: left;
 1837}
 1838a.mp_product_image_link img {
 1839 margin: 0 20px 0 0 !important;
922} 1840}
 1841
923img#wpstats { 1842img#wpstats {
924 display: block; 1843 display: block;
925 margin: 0 auto 1.625em; 1844 margin: 0 auto 1.625em;
926} 1845}
927#content .gallery-columns-4 .gallery-item { 1846#content .gallery-columns-4 .gallery-item {
928 width: 23%; 1847 width: 23%;
929 padding-right: 2%; 1848 padding-right: 2%;
930} 1849}
931#content .gallery-columns-4 .gallery-item img { 1850#content .gallery-columns-4 .gallery-item img {
932 width: 100%; 1851 width: 100%;
933 height: auto; 1852 height: auto;
934} 1853}
935 1854
936/* Image borders */ 1855/* Image borders */
937img[class*="align"], 1856img[class*="align"],
938img[class*="wp-image-"], 1857img[class*="wp-image-"],
939#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */ 1858#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
940 border: 1px solid #ddd; 1859 border: 1px solid #ddd;
941 padding: 6px; 1860 padding: 6px;
 1861 background:#fff;
942} 1862}
943.wp-caption img { 1863.wp-caption img {
944 border-color: #eee; 1864 border-color: #eee;
945} 1865}
946a:focus img[class*="align"], 1866a:focus img[class*="align"],
947a:hover img[class*="align"], 1867a:hover img[class*="align"],
948a:active img[class*="align"], 1868a:active img[class*="align"],
949a:focus img[class*="wp-image-"], 1869a:focus img[class*="wp-image-"],
950a:hover img[class*="wp-image-"], 1870a:hover img[class*="wp-image-"],
951a:active img[class*="wp-image-"], 1871a:active img[class*="wp-image-"],
952#content .gallery .gallery-icon a:focus img, 1872#content .gallery .gallery-icon a:focus img,
953#content .gallery .gallery-icon a:hover img, 1873#content .gallery .gallery-icon a:hover img,
954#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */ 1874#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
955 background: #eee; 1875 background: #eee;
956 border-color: #bbb; 1876 border-color: #bbb;
957} 1877}
958.wp-caption a:focus img, 1878.wp-caption a:focus img,
959.wp-caption a:active img, 1879.wp-caption a:active img,
960.wp-caption a:hover img {/* ... including captioned images! */ 1880.wp-caption a:hover img {/* ... including captioned images! */
961 background: #fff; 1881 background: #fff;
962 border-color: #ddd; 1882 border-color: #ddd;
963} 1883}
964 1884
965/* Make sure embeds and iframes fit their containers */ 1885/* Make sure embeds and iframes fit their containers */
966embed, 1886embed,
967iframe, 1887iframe,
968object { 1888object {
969 max-width: 100%; 1889 max-width: 100%;
970} 1890}
971 1891
972/* Password Protected Posts */ 1892/* Password Protected Posts */
973.post-password-required .entry-header .comments-link { 1893.post-password-required .entry-header .comments-link {
974 margin: 1.625em 0 0; 1894 margin: 1.625em 0 0;
975} 1895}
976.post-password-required input[type=password] { 1896.post-password-required input[type=password] {
977 margin: 0.8125em 0; 1897 margin: 0.8125em 0;
978} 1898}
979.post-password-required input[type=password]:focus { 1899.post-password-required input[type=password]:focus {
980 background: #f7f7f7; 1900 background: #f7f7f7;
981} 1901}
982 1902
983/* Author Info */ 1903/* Author Info */
984#author-info { 1904#author-info {
985 font-size: 12px; 1905 font-size: 12px;
986 overflow: hidden; 1906 overflow: hidden;
987} 1907}
988.singular #author-info { 1908.singular #author-info {
989 background: #f9f9f9; 1909 background: #f9f9f9;
990 border-top: 1px solid #ddd; 1910 border-top: 1px solid #ddd;
991 border-bottom: 1px solid #ddd; 1911 border-bottom: 1px solid #ddd;
992 margin: 2.2em -35.6% 0 -35.4%; 1912 margin: 2.2em -35.6% 0 -35.4%;
993 padding: 20px 35.4%; 1913 padding: 20px 35.4%;
994} 1914}
995.archive #author-info { 1915.archive #author-info {
996 border-bottom: 1px solid #ddd; 1916 border-bottom: 1px solid #ddd;
997 margin: 0 0 2.2em; 1917 margin: 0 0 2.2em;
998 padding: 0 0 2.2em; 1918 padding: 0 0 2.2em;
999} 1919}
1000#author-avatar { 1920#author-avatar {
1001 float: left; 1921 float: left;
1002 margin-right: -78px; 1922 margin-right: -78px;
1003} 1923}
1004#author-avatar img { 1924#author-avatar img {
1005 background: #fff; 1925 background: #fff;
1006 -moz-border-radius: 3px; 1926 -moz-border-radius: 3px;
1007 border-radius: 3px; 1927 border-radius: 3px;
1008 -webkit-box-shadow: 0 1px 2px #bbb; 1928 -webkit-box-shadow: 0 1px 2px #bbb;
1009 -moz-box-shadow: 0 1px 2px #bbb; 1929 -moz-box-shadow: 0 1px 2px #bbb;
1010 box-shadow: 0 1px 2px #bbb; 1930 box-shadow: 0 1px 2px #bbb;
1011 padding: 3px; 1931 padding: 3px;
1012} 1932}
1013#author-description { 1933#author-description {
1014 float: left; 1934 float: left;
1015 margin-left: 108px; 1935 margin-left: 108px;
1016} 1936}
1017#author-description h2 { 1937#author-description h2 {
1018 color: #000; 1938 color: #000;
1019 font-size: 15px; 1939 font-size: 15px;
1020 font-weight: bold; 1940 font-weight: bold;
1021 margin: 5px 0 10px; 1941 margin: 5px 0 10px;
1022} 1942}
1023 1943
1024/* Comments link */ 1944/* Comments link */
1025.entry-header .comments-link a { 1945.entry-header .comments-link a {
1026 background: #eee url(images/comment-bubble.png) no-repeat; 1946 background: #eee url(images/comment-bubble.png) no-repeat;
1027 color: #666; 1947 color: #666;
1028 font-size: 13px; 1948 font-size: 13px;
1029 font-weight: normal; 1949 font-weight: normal;
1030 line-height: 35px; 1950 line-height: 35px;
1031 overflow: hidden; 1951 overflow: hidden;
1032 padding: 0 0 0; 1952 padding: 0 0 0;
1033 position: absolute; 1953 position: absolute;
1034 top: 1.5em; 1954 top: 1.5em;
1035 right: 0; 1955 right: 0;
1036 text-align: center; 1956 text-align: center;
1037 text-decoration: none; 1957 text-decoration: none;
1038 width: 43px; 1958 width: 43px;
1039 height: 36px; 1959 height: 36px;
1040} 1960}
1041.entry-header .comments-link a:hover, 1961.entry-header .comments-link a:hover,
1042.entry-header .comments-link a:focus, 1962.entry-header .comments-link a:focus,
1043.entry-header .comments-link a:active { 1963.entry-header .comments-link a:active {
1044 background-color: #1982d1; 1964 background-color: #1982d1;
1045 color: #fff; 1965 color: #fff;
1046 color: rgba(255,255,255,0.8); 1966 color: rgba(255,255,255,0.8);
1047} 1967}
1048.entry-header .comments-link .leave-reply { 1968.entry-header .comments-link .leave-reply {
1049 visibility: hidden; 1969 visibility: hidden;
1050} 1970}
1051 1971
1052/* 1972/*
1053Post Formats Headings 1973Post Formats Headings
1054To hide the headings, display: none the ".entry-header .entry-format" selector, 1974To hide the headings, display: none the ".entry-header .entry-format" selector,
1055and remove the padding rules below. 1975and remove the padding rules below.
1056*/ 1976*/
1057.entry-header .entry-format { 1977.entry-header .entry-format {
1058 color: #666; 1978 color: #666;
1059 font-size: 10px; 1979 font-size: 10px;
1060 font-weight: 500; 1980 font-weight: 500;
1061 letter-spacing: 0.1em; 1981 letter-spacing: 0.1em;
1062 line-height: 2.6em; 1982 line-height: 2.6em;
1063 position: absolute; 1983 position: absolute;
1064 text-transform: uppercase; 1984 text-transform: uppercase;
1065 top: -5px; 1985 top: -5px;
1066} 1986}
1067.entry-header hgroup .entry-title { 1987.entry-header hgroup .entry-title {
1068 padding-top: 15px; 1988 padding-top: 15px;
1069} 1989}
1070article.format-aside .entry-content, 1990article.format-aside .entry-content,
1071article.format-link .entry-content, 1991article.format-link .entry-content,
1072article.format-status .entry-content { 1992article.format-status .entry-content {
1073 padding: 20px 0 0; 1993 padding: 20px 0 0;
1074} 1994}
1075article.format-status .entry-content { 1995article.format-status .entry-content {
1076 min-height: 65px; 1996 min-height: 65px;
1077} 1997}
1078.recent-posts .entry-header .entry-format { 1998.recent-posts .entry-header .entry-format {
1079 display: none; 1999 display: none;
1080} 2000}
1081.recent-posts .entry-header hgroup .entry-title { 2001.recent-posts .entry-header hgroup .entry-title {
1082 padding-top: 0; 2002 padding-top: 0;
1083} 2003}
1084 2004
1085/* Singular content styles for Posts and Pages */ 2005/* Singular content styles for Posts and Pages */
1086.singular .hentry { 2006.singular .hentry {
1087 border-bottom: none; 2007 border-bottom: none;
1088 padding: 4.875em 0 0; 2008 padding: 4.875em 0 0;
1089 position: relative; 2009 position: relative;
1090} 2010}
1091.singular.page .hentry { 2011.singular.page .hentry {
1092 padding: 3.5em 0 0;2012 padding: 0;
1093} 2013}
1094.singular .entry-title { 2014.singular .entry-title {
1095 color: #000;2015 color: #000;
1096 font-size: 36px;2016 font-size: 19px;
1097 font-weight: bold;2017 line-height: 24px;
1098 line-height: 48px;2018 font-weight: normal;
1099} 2019}
1100.singular .entry-title, 2020.singular .entry-title,
1101.singular .entry-header .entry-meta { 2021.singular .entry-header .entry-meta {
1102 padding-right: 0; 2022 padding-right: 0;
1103} 2023}
1104.singular .entry-header .entry-meta { 2024.singular .entry-header .entry-meta {
1105 position: absolute; 2025 position: absolute;
1106 top: 0; 2026 top: 0;
1107 left: 0; 2027 left: 0;
1108} 2028}
1109blockquote.pull { 2029blockquote.pull {
1110 font-size: 21px; 2030 font-size: 21px;
1111 font-weight: bold; 2031 font-weight: bold;
1112 line-height: 1.6125em; 2032 line-height: 1.6125em;
1113 margin: 0 0 1.625em; 2033 margin: 0 0 1.625em;
1114 text-align: center; 2034 text-align: center;
1115} 2035}
1116.singular blockquote.pull { 2036.singular blockquote.pull {
1117 margin: 0 -22.25% 1.625em; 2037 margin: 0 -22.25% 1.625em;
1118} 2038}
1119.pull.alignleft { 2039.pull.alignleft {
1120 margin: 0 1.625em 0 0; 2040 margin: 0 1.625em 0 0;
1121 text-align: right; 2041 text-align: right;
1122} 2042}
1123.singular .pull.alignleft { 2043.singular .pull.alignleft {
1124 margin: 0 1.625em 0 -22.25%; 2044 margin: 0 1.625em 0 -22.25%;
1125} 2045}
1126.pull.alignright { 2046.pull.alignright {
1127 margin: 0 0 0 1.625em; 2047 margin: 0 0 0 1.625em;
1128 text-align: left; 2048 text-align: left;
1129} 2049}
1130blockquote.pull.alignleft, 2050blockquote.pull.alignleft,
1131blockquote.pull.alignright { 2051blockquote.pull.alignright {
1132 width: 33%; 2052 width: 33%;
1133} 2053}
1134.singular .pull.alignright { 2054.singular .pull.alignright {
1135 margin: 0 -22.25% 0 1.625em; 2055 margin: 0 -22.25% 0 1.625em;
1136} 2056}
1137.singular blockquote.pull.alignleft, 2057.singular blockquote.pull.alignleft,
1138.singular blockquote.pull.alignright { 2058.singular blockquote.pull.alignright {
1139 width: 33%; 2059 width: 33%;
1140} 2060}
1141.singular .entry-meta .edit-link a { 2061.singular .entry-meta .edit-link a {
1142 bottom: auto; 2062 bottom: auto;
1143 left: 50px; 2063 left: 50px;
1144 position: absolute; 2064 position: absolute;
1145 right: auto; 2065 right: auto;
1146 top: 80px; 2066 top: 80px;
1147} 2067}
1148 2068
1149 2069
1150/* =Aside 2070/* =Aside
1151----------------------------------------------- */ 2071----------------------------------------------- */
1152 2072
1153.format-aside .entry-title, 2073.format-aside .entry-title,
1154.format-aside .entry-header .comments-link { 2074.format-aside .entry-header .comments-link {
1155 display: none; 2075 display: none;
1156} 2076}
1157.singular .format-aside .entry-title { 2077.singular .format-aside .entry-title {
1158 display: block; 2078 display: block;
1159} 2079}
1160.format-aside .entry-content { 2080.format-aside .entry-content {
1161 padding: 0; 2081 padding: 0;
1162} 2082}
1163.singular .format-aside .entry-content { 2083.singular .format-aside .entry-content {
1164 padding: 1.625em 0 0; 2084 padding: 1.625em 0 0;
1165} 2085}
1166 2086
1167 2087
1168/* =Link 2088/* =Link
1169----------------------------------------------- */ 2089----------------------------------------------- */
1170 2090
1171.format-link .entry-title, 2091.format-link .entry-title,
1172.format-link .entry-header .comments-link { 2092.format-link .entry-header .comments-link {
1173 display: none; 2093 display: none;
1174} 2094}
1175.singular .format-link .entry-title { 2095.singular .format-link .entry-title {
1176 display: block; 2096 display: block;
1177} 2097}
1178.format-link .entry-content { 2098.format-link .entry-content {
1179 padding: 0; 2099 padding: 0;
1180} 2100}
1181.singular .format-link .entry-content { 2101.singular .format-link .entry-content {
1182 padding: 1.625em 0 0; 2102 padding: 1.625em 0 0;
1183} 2103}
1184 2104
1185 2105
1186/* =Gallery 2106/* =Gallery
1187----------------------------------------------- */ 2107----------------------------------------------- */
1188 2108
1189.format-gallery .gallery-thumb { 2109.format-gallery .gallery-thumb {
1190 float: left; 2110 float: left;
1191 display: block; 2111 display: block;
1192 margin: .375em 1.625em 0 0; 2112 margin: .375em 1.625em 0 0;
1193} 2113}
1194 2114
1195 2115
1196/* =Status 2116/* =Status
1197----------------------------------------------- */ 2117----------------------------------------------- */
1198 2118
1199.format-status .entry-title, 2119.format-status .entry-title,
1200.format-status .entry-header .comments-link { 2120.format-status .entry-header .comments-link {
1201 display: none; 2121 display: none;
1202} 2122}
1203.singular .format-status .entry-title { 2123.singular .format-status .entry-title {
1204 display: block; 2124 display: block;
1205} 2125}
1206.format-status .entry-content { 2126.format-status .entry-content {
1207 padding: 0; 2127 padding: 0;
1208} 2128}
1209.singular .format-status .entry-content { 2129.singular .format-status .entry-content {
1210 padding: 1.625em 0 0; 2130 padding: 1.625em 0 0;
1211} 2131}
1212.format-status img.avatar { 2132.format-status img.avatar {
1213 -moz-border-radius: 3px; 2133 -moz-border-radius: 3px;
1214 border-radius: 3px; 2134 border-radius: 3px;
1215 -webkit-box-shadow: 0 1px 2px #ccc; 2135 -webkit-box-shadow: 0 1px 2px #ccc;
1216 -moz-box-shadow: 0 1px 2px #ccc; 2136 -moz-box-shadow: 0 1px 2px #ccc;
1217 box-shadow: 0 1px 2px #ccc; 2137 box-shadow: 0 1px 2px #ccc;
1218 float: left; 2138 float: left;
1219 margin: 4px 10px 2px 0; 2139 margin: 4px 10px 2px 0;
1220 padding: 0; 2140 padding: 0;
1221} 2141}
1222 2142
1223 2143
1224/* =Quote 2144/* =Quote
1225----------------------------------------------- */ 2145----------------------------------------------- */
1226 2146
1227.format-quote blockquote { 2147.format-quote blockquote {
1228 color: #555; 2148 color: #555;
1229 font-size: 17px; 2149 font-size: 17px;
1230 margin: 0; 2150 margin: 0;
1231} 2151}
1232 2152
1233 2153
1234/* =Image 2154/* =Image
1235----------------------------------------------- */ 2155----------------------------------------------- */
1236 2156
1237.indexed.format-image .entry-header { 2157.indexed.format-image .entry-header {
1238 min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */ 2158 min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */
1239} 2159}
1240.indexed.format-image .entry-content { 2160.indexed.format-image .entry-content {
1241 padding-top: 0.5em; 2161 padding-top: 0.5em;
1242} 2162}
1243.indexed.format-image .entry-content p { 2163.indexed.format-image .entry-content p {
1244 margin: 1em 0; 2164 margin: 1em 0;
1245} 2165}
1246.indexed.format-image .entry-content p:first-child, 2166.indexed.format-image .entry-content p:first-child,
1247.indexed.format-image .entry-content p:first-child a, 2167.indexed.format-image .entry-content p:first-child a,
1248.indexed.format-image .entry-content p:first-child img { 2168.indexed.format-image .entry-content p:first-child img {
1249 display: block; 2169 display: block;
1250 margin: 0; 2170 margin: 0;
1251} 2171}
1252.indexed.format-image .entry-content .wp-caption .wp-caption-text { 2172.indexed.format-image .entry-content .wp-caption .wp-caption-text {
1253 margin: 0; 2173 margin: 0;
1254 padding-bottom: 1em; 2174 padding-bottom: 1em;
1255} 2175}
1256.indexed.format-image footer.entry-meta { 2176.indexed.format-image footer.entry-meta {
1257 background: #ddd; 2177 background: #ddd;
1258 overflow: hidden; 2178 overflow: hidden;
1259 padding: 4%; 2179 padding: 4%;
1260 max-width: 96%; 2180 max-width: 96%;
1261} 2181}
1262.indexed.format-image div.entry-meta { 2182.indexed.format-image div.entry-meta {
1263 display: inline-block; 2183 display: inline-block;
1264 float: left; 2184 float: left;
1265 width: 35%; 2185 width: 35%;
1266} 2186}
1267.indexed.format-image div.entry-meta + div.entry-meta { 2187.indexed.format-image div.entry-meta + div.entry-meta {
1268 float: none; 2188 float: none;
1269 width: 65%; 2189 width: 65%;
1270} 2190}
1271.indexed.format-image .entry-meta span.cat-links, 2191.indexed.format-image .entry-meta span.cat-links,
1272.indexed.format-image .entry-meta span.tag-links, 2192.indexed.format-image .entry-meta span.tag-links,
1273.indexed.format-image .entry-meta span.comments-link { 2193.indexed.format-image .entry-meta span.comments-link {
1274 display: block; 2194 display: block;
1275} 2195}
1276.indexed.format-image footer.entry-meta a { 2196.indexed.format-image footer.entry-meta a {
1277 color: #444; 2197 color: #444;
1278} 2198}
1279.indexed.format-image footer.entry-meta a:hover { 2199.indexed.format-image footer.entry-meta a:hover {
1280 color: #fff; 2200 color: #fff;
1281} 2201}
1282#content .indexed.format-image img { 2202#content .indexed.format-image img {
1283 border: none; 2203 border: none;
1284 max-width: 100%; 2204 max-width: 100%;
1285 padding: 0; 2205 padding: 0;
1286} 2206}
1287.indexed.format-image .wp-caption { 2207.indexed.format-image .wp-caption {
1288 background: #111; 2208 background: #111;
1289 margin-bottom: 0; 2209 margin-bottom: 0;
1290 max-width: 96%; 2210 max-width: 96%;
1291 padding: 2% 2% 0; 2211 padding: 2% 2% 0;
1292} 2212}
1293.indexed.format-image .wp-caption .wp-caption-text { 2213.indexed.format-image .wp-caption .wp-caption-text {
1294 color: #ddd; 2214 color: #ddd;
1295} 2215}
1296.indexed.format-image .wp-caption .wp-caption-text:before { 2216.indexed.format-image .wp-caption .wp-caption-text:before {
1297 color: #444; 2217 color: #444;
1298} 2218}
1299.indexed.format-image a:hover img { 2219.indexed.format-image a:hover img {
1300 opacity: 0.8; 2220 opacity: 0.8;
1301} 2221}
1302 2222
1303 2223
1304/* =error404 2224/* =error404
1305----------------------------------------------- */ 2225----------------------------------------------- */
1306 2226
1307.error404 #main #searchform { 2227.error404 #main #searchform {
1308 background: #f9f9f9; 2228 background: #f9f9f9;
1309 border: 1px solid #ddd; 2229 border: 1px solid #ddd;
1310 border-width: 1px 0; 2230 border-width: 1px 0;
1311 margin: 0 -8.9% 1.625em; 2231 margin: 0 -8.9% 1.625em;
1312 overflow: hidden; 2232 overflow: hidden;
1313 padding: 1.625em 8.9%; 2233 padding: 1.625em 8.9%;
1314} 2234}
1315.error404 #main #s { 2235.error404 #main #s {
1316 width: 95%; 2236 width: 95%;
1317} 2237}
1318.error404 #main .widget { 2238.error404 #main .widget {
1319 clear: none; 2239 clear: none;
1320 float: left; 2240 float: left;
1321 margin-right: 3.7%; 2241 margin-right: 3.7%;
1322 width: 30.85%; 2242 width: 30.85%;
1323} 2243}
1324.error404 #main .widget_archive { 2244.error404 #main .widget_archive {
1325 margin-right: 0; 2245 margin-right: 0;
1326} 2246}
1327.error404 #main .widget_tag_cloud { 2247.error404 #main .widget_tag_cloud {
1328 float: none; 2248 float: none;
1329 margin-right: 0; 2249 margin-right: 0;
1330 width: 100%; 2250 width: 100%;
1331} 2251}
1332.error404 .widgettitle { 2252.error404 .widgettitle {
1333 font-size: 10px; 2253 font-size: 10px;
1334 letter-spacing: 0.1em; 2254 letter-spacing: 0.1em;
1335 line-height: 2.6em; 2255 line-height: 2.6em;
1336 text-transform: uppercase; 2256 text-transform: uppercase;
1337} 2257}
1338 2258
1339 2259
1340/* =Showcase 2260/* =Showcase
1341----------------------------------------------- */ 2261----------------------------------------------- */
1342 2262
1343h1.showcase-heading { 2263h1.showcase-heading {
1344 color: #666; 2264 color: #666;
1345 font-size: 10px; 2265 font-size: 10px;
1346 font-weight: 500; 2266 font-weight: 500;
1347 letter-spacing: 0.1em; 2267 letter-spacing: 0.1em;
1348 line-height: 2.6em; 2268 line-height: 2.6em;
1349 text-transform: uppercase; 2269 text-transform: uppercase;
1350} 2270}
1351 2271
1352/* Intro */ 2272/* Intro */
1353article.intro { 2273article.intro {
1354 background: #f9f9f9; 2274 background: #f9f9f9;
1355 border-bottom: none; 2275 border-bottom: none;
1356 margin: -1.855em -8.9% 1.625em; 2276 margin: -1.855em -8.9% 1.625em;
1357 padding: 0 8.9%; 2277 padding: 0 8.9%;
1358} 2278}
1359article.intro .entry-title { 2279article.intro .entry-title {
1360 display: none; 2280 display: none;
1361} 2281}
1362article.intro .entry-content { 2282article.intro .entry-content {
1363 color: #111; 2283 color: #111;
1364 font-size: 16px; 2284 font-size: 16px;
1365 padding: 1.625em 0 0.625em; 2285 padding: 1.625em 0 0.625em;
1366} 2286}
1367article.intro .edit-link a { 2287article.intro .edit-link a {
1368 background: #aaa; 2288 background: #aaa;
1369 -moz-border-radius: 3px; 2289 -moz-border-radius: 3px;
1370 border-radius: 3px; 2290 border-radius: 3px;
1371 color: #fff; 2291 color: #fff;
1372 font-size: 12px; 2292 font-size: 12px;
1373 padding: 0 8px; 2293 padding: 0 8px;
1374 position: absolute; 2294 position: absolute;
1375 top: 30px; 2295 top: 30px;
1376 right: 20px; 2296 right: 20px;
1377 text-decoration: none; 2297 text-decoration: none;
1378} 2298}
1379article.intro .edit-link a:hover, 2299article.intro .edit-link a:hover,
1380article.intro .edit-link a:focus, 2300article.intro .edit-link a:focus,
1381article.intro .edit-link a:active { 2301article.intro .edit-link a:active {
1382 background: #777; 2302 background: #777;
1383} 2303}
1384 2304
1385/* Featured post */ 2305/* Featured post */
1386section.featured-post { 2306section.featured-post {
1387 float: left; 2307 float: left;
1388 margin: -1.625em -8.9% 1.625em; 2308 margin: -1.625em -8.9% 1.625em;
1389 padding: 1.625em 8.9% 0; 2309 padding: 1.625em 8.9% 0;
1390 position: relative; 2310 position: relative;
1391 width: 100%; 2311 width: 100%;
1392} 2312}
1393section.featured-post .hentry { 2313section.featured-post .hentry {
1394 border: none; 2314 border: none;
1395 color: #666; 2315 color: #666;
1396 margin: 0; 2316 margin: 0;
1397} 2317}
1398section.featured-post .entry-meta { 2318section.featured-post .entry-meta {
1399 clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ 2319 clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
1400 clip: rect(1px, 1px, 1px, 1px); 2320 clip: rect(1px, 1px, 1px, 1px);
1401 position: absolute !important; 2321 position: absolute !important;
1402} 2322}
1403 2323
1404/* Small featured post */ 2324/* Small featured post */
1405section.featured-post .attachment-small-feature { 2325section.featured-post .attachment-small-feature {
1406 float: right; 2326 float: right;
1407 height: auto; 2327 height: auto;
1408 margin: 0 -8.9% 1.625em 0; 2328 margin: 0 -8.9% 1.625em 0;
1409 max-width: 59%; 2329 max-width: 59%;
1410 position: relative; 2330 position: relative;
1411 right: -15px; 2331 right: -15px;
1412} 2332}
1413section.featured-post.small { 2333section.featured-post.small {
1414 padding-top: 0; 2334 padding-top: 0;
1415} 2335}
1416section.featured-post .attachment-small-feature:hover, 2336section.featured-post .attachment-small-feature:hover,
1417section.featured-post .attachment-small-feature:focus, 2337section.featured-post .attachment-small-feature:focus,
1418section.featured-post .attachment-small-feature:active { 2338section.featured-post .attachment-small-feature:active {
1419 opacity: .8; 2339 opacity: .8;
1420} 2340}
1421article.feature-image.small { 2341article.feature-image.small {
1422 float: left; 2342 float: left;
1423 margin: 0 0 1.625em; 2343 margin: 0 0 1.625em;
1424 width: 45%; 2344 width: 45%;
1425} 2345}
1426article.feature-image.small .entry-title { 2346article.feature-image.small .entry-title {
1427 line-height: 1.2em; 2347 line-height: 1.2em;
1428} 2348}
1429article.feature-image.small .entry-summary { 2349article.feature-image.small .entry-summary {
1430 color: #555; 2350 color: #555;
1431 font-size: 13px; 2351 font-size: 13px;
1432} 2352}
1433article.feature-image.small .entry-summary p a { 2353article.feature-image.small .entry-summary p a {
1434 background: #222; 2354 background: #222;
1435 color: #eee; 2355 color: #eee;
1436 display: block; 2356 display: block;
1437 left: -23.8%; 2357 left: -23.8%;
1438 padding: 9px 26px 9px 85px; 2358 padding: 9px 26px 9px 85px;
1439 position: relative; 2359 position: relative;
1440 text-decoration: none; 2360 text-decoration: none;
1441 top: 20px; 2361 top: 20px;
1442 width: 180px; 2362 width: 180px;
1443 z-index: 1; 2363 z-index: 1;
1444} 2364}
1445article.feature-image.small .entry-summary p a:hover { 2365article.feature-image.small .entry-summary p a:hover {
1446 background: #1982d1; 2366 background: #1982d1;
1447 color: #eee; 2367 color: #eee;
1448 color: rgba(255,255,255,0.8); 2368 color: rgba(255,255,255,0.8);
1449} 2369}
1450 2370
1451/* Large featured post */ 2371/* Large featured post */
1452section.feature-image.large { 2372section.feature-image.large {
1453 border: none; 2373 border: none;
1454 max-height: 288px; 2374 max-height: 288px;
1455 padding: 0; 2375 padding: 0;
1456 width: 100%; 2376 width: 100%;
1457} 2377}
1458section.feature-image.large .showcase-heading { 2378section.feature-image.large .showcase-heading {
1459 display: none; 2379 display: none;
1460} 2380}
1461section.feature-image.large .hentry { 2381section.feature-image.large .hentry {
1462 border-bottom: none; 2382 border-bottom: none;
1463 left: 9%; 2383 left: 9%;
1464 margin: 1.625em 9% 0 0; 2384 margin: 1.625em 9% 0 0;
1465 position: absolute; 2385 position: absolute;
1466 top: 0; 2386 top: 0;
1467} 2387}
1468article.feature-image.large .entry-title a { 2388article.feature-image.large .entry-title a {
1469 background: #222; 2389 background: #222;
1470 background: rgba(0,0,0,0.8); 2390 background: rgba(0,0,0,0.8);
1471 -moz-border-radius: 3px; 2391 -moz-border-radius: 3px;
1472 border-radius: 3px; 2392 border-radius: 3px;
1473 color: #fff; 2393 color: #fff;
1474 display: inline-block; 2394 display: inline-block;
1475 font-weight: 300; 2395 font-weight: 300;
1476 padding: .2em 20px; 2396 padding: .2em 20px;
1477} 2397}
1478section.feature-image.large:hover .entry-title a, 2398section.feature-image.large:hover .entry-title a,
1479section.feature-image.large .entry-title:hover a { 2399section.feature-image.large .entry-title:hover a {
1480 background: #eee; 2400 background: #eee;
1481 background: rgba(255,255,255,0.8); 2401 background: rgba(255,255,255,0.8);
1482 color: #222; 2402 color: #222;
1483} 2403}
1484article.feature-image.large .entry-summary { 2404article.feature-image.large .entry-summary {
1485 display: none; 2405 display: none;
1486} 2406}
1487section.feature-image.large img { 2407section.feature-image.large img {
1488 display: block; 2408 display: block;
1489 height: auto; 2409 height: auto;
1490 max-width: 117.9%; 2410 max-width: 117.9%;
1491 padding: 0 0 6px; 2411 padding: 0 0 6px;
1492} 2412}
1493 2413
1494/* Featured Slider */ 2414/* Featured Slider */
1495.featured-posts { 2415.featured-posts {
1496 border-bottom: 1px solid #ddd; 2416 border-bottom: 1px solid #ddd;
1497 display: block; 2417 display: block;
1498 height: 328px; 2418 height: 328px;
1499 margin: 1.625em -8.9% 20px; 2419 margin: 1.625em -8.9% 20px;
1500 max-width: 1000px; 2420 max-width: 1000px;
1501 padding: 0; 2421 padding: 0;
1502 position: relative; 2422 position: relative;
1503 overflow: hidden; 2423 overflow: hidden;
1504} 2424}
1505.featured-posts .showcase-heading { 2425.featured-posts .showcase-heading {
1506 padding-left: 8.9%; 2426 padding-left: 8.9%;
1507} 2427}
1508.featured-posts section.featured-post { 2428.featured-posts section.featured-post {
1509 background: #fff; 2429 background: #fff;
1510 height: 288px; 2430 height: 288px;
1511 left: 0; 2431 left: 0;
1512 margin: 0; 2432 margin: 0;
1513 position: absolute; 2433 position: absolute;
1514 top: 30px; 2434 top: 30px;
1515 width: auto; 2435 width: auto;
1516} 2436}
1517.featured-posts section.featured-post.large { 2437.featured-posts section.featured-post.large {
1518 max-width: 100%; 2438 max-width: 100%;
1519 overflow: hidden; 2439 overflow: hidden;
1520} 2440}
1521.featured-posts section.featured-post { 2441.featured-posts section.featured-post {
1522 -webkit-transition-duration: 200ms; 2442 -webkit-transition-duration: 200ms;
1523 -webkit-transition-property: opacity, visibility; 2443 -webkit-transition-property: opacity, visibility;
1524 -webkit-transition-timing-function: ease; 2444 -webkit-transition-timing-function: ease;
1525 -moz-transition-duration: 200ms; 2445 -moz-transition-duration: 200ms;
1526 -moz-transition-property: opacity, visibility; 2446 -moz-transition-property: opacity, visibility;
1527 -moz-transition-timing-function: ease; 2447 -moz-transition-timing-function: ease;
1528} 2448}
1529.featured-posts section.featured-post { 2449.featured-posts section.featured-post {
1530 opacity: 0; 2450 opacity: 0;
1531 visibility: hidden; 2451 visibility: hidden;
1532} 2452}
1533.featured-posts #featured-post-1 { 2453.featured-posts #featured-post-1 {
1534 opacity: 1; 2454 opacity: 1;
1535 visibility: visible; 2455 visibility: visible;
1536} 2456}
1537.featured-post .feature-text:after, 2457.featured-post .feature-text:after,
1538.featured-post .feature-image.small:after { 2458.featured-post .feature-image.small:after {
1539 content: ' '; 2459 content: ' ';
1540 background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ 2460 background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
1541 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ 2461 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
1542 background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ 2462 background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
1543 background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */ 2463 background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
1544 background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ 2464 background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
1545 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ 2465 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
1546 background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */ 2466 background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
1547 width: 100%; 2467 width: 100%;
1548 height: 45px; 2468 height: 45px;
1549 position: absolute; 2469 position: absolute;
1550 top: 230px; 2470 top: 230px;
1551} 2471}
1552.featured-post .feature-image.small:after { 2472.featured-post .feature-image.small:after {
1553 top: 253px; 2473 top: 253px;
1554} 2474}
1555#content .feature-slider { 2475#content .feature-slider {
1556 top: 5px; 2476 top: 5px;
1557 right: 8.9%; 2477 right: 8.9%;
1558 overflow: visible; 2478 overflow: visible;
1559 position: absolute; 2479 position: absolute;
1560} 2480}
1561.feature-slider ul { 2481.feature-slider ul {
1562 list-style-type: none; 2482 list-style-type: none;
1563 margin: 0; 2483 margin: 0;
1564} 2484}
1565.feature-slider li { 2485.feature-slider li {
1566 float: left; 2486 float: left;
1567 margin: 0 6px; 2487 margin: 0 6px;
1568} 2488}
1569.feature-slider a { 2489.feature-slider a {
1570 background: #3c3c3c; 2490 background: #3c3c3c;
1571 background: rgba(60,60,60,0.9); 2491 background: rgba(60,60,60,0.9);
1572 -moz-border-radius: 12px; 2492 -moz-border-radius: 12px;
1573 border-radius: 12px; 2493 border-radius: 12px;
1574 -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5); 2494 -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
1575 -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5); 2495 -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
1576 box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5); 2496 box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
1577 display: block; 2497 display: block;
1578 width: 14px; 2498 width: 14px;
1579 height: 14px; 2499 height: 14px;
1580} 2500}
1581.feature-slider a.active { 2501.feature-slider a.active {
1582 background: #1982d1; 2502 background: #1982d1;
1583 -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8); 2503 -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
1584 -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8); 2504 -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
1585 box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8); 2505 box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
1586 cursor: default; 2506 cursor: default;
1587 opacity: 0.5; 2507 opacity: 0.5;
1588} 2508}
1589 2509
1590/* Recent Posts */ 2510/* Recent Posts */
1591section.recent-posts { 2511section.recent-posts {
1592 padding: 0 0 1.625em; 2512 padding: 0 0 1.625em;
1593} 2513}
1594section.recent-posts .hentry { 2514section.recent-posts .hentry {
1595 border: none; 2515 border: none;
1596 margin: 0; 2516 margin: 0;
1597} 2517}
1598section.recent-posts .other-recent-posts { 2518section.recent-posts .other-recent-posts {
1599 border-bottom: 1px solid #ddd; 2519 border-bottom: 1px solid #ddd;
1600 list-style: none; 2520 list-style: none;
1601 margin: 0; 2521 margin: 0;
1602} 2522}
1603section.recent-posts .other-recent-posts li { 2523section.recent-posts .other-recent-posts li {
1604 padding: 0.3125em 0; 2524 padding: 0.3125em 0;
1605 position: relative; 2525 position: relative;
1606} 2526}
1607section.recent-posts .other-recent-posts .entry-title { 2527section.recent-posts .other-recent-posts .entry-title {
1608 border-top: 1px solid #ddd; 2528 border-top: 1px solid #ddd;
1609 font-size: 17px; 2529 font-size: 17px;
1610} 2530}
1611section.recent-posts .other-recent-posts a[rel="bookmark"] { 2531section.recent-posts .other-recent-posts a[rel="bookmark"] {
1612 color: #373737; 2532 color: #373737;
1613 float: left; 2533 float: left;
1614 max-width: 84%; 2534 max-width: 84%;
1615} 2535}
1616section.recent-posts .other-recent-posts a[rel="bookmark"]:after { 2536section.recent-posts .other-recent-posts a[rel="bookmark"]:after {
1617 content: '-'; 2537 content: '-';
1618 color: transparent; 2538 color: transparent;
1619 font-size: 11px; 2539 font-size: 11px;
1620} 2540}
1621section.recent-posts .other-recent-posts a[rel="bookmark"]:hover { 2541section.recent-posts .other-recent-posts a[rel="bookmark"]:hover {
1622} 2542}
1623section.recent-posts .other-recent-posts .comments-link a, 2543section.recent-posts .other-recent-posts .comments-link a,
1624section.recent-posts .other-recent-posts .comments-link > span { 2544section.recent-posts .other-recent-posts .comments-link > span {
1625 border-bottom: 2px solid #999; 2545 border-bottom: 2px solid #999;
1626 bottom: -2px; 2546 bottom: -2px;
1627 color: #444; 2547 color: #444;
1628 display: block; 2548 display: block;
1629 font-size: 10px; 2549 font-size: 10px;
1630 font-weight: 500; 2550 font-weight: 500;
1631 line-height: 2.76333em; 2551 line-height: 2.76333em;
1632 padding: 0.3125em 0 0.3125em 1em; 2552 padding: 0.3125em 0 0.3125em 1em;
1633 position: absolute; 2553 position: absolute;
1634 right: 0; 2554 right: 0;
1635 text-align: right; 2555 text-align: right;
1636 text-transform: uppercase; 2556 text-transform: uppercase;
1637 z-index: 1; 2557 z-index: 1;
1638} 2558}
1639section.recent-posts .other-recent-posts .comments-link > span { 2559section.recent-posts .other-recent-posts .comments-link > span {
1640 border-color: #bbb; 2560 border-color: #bbb;
1641 color: #888; 2561 color: #888;
1642} 2562}
1643section.recent-posts .other-recent-posts .comments-link a:hover { 2563section.recent-posts .other-recent-posts .comments-link a:hover {
1644 color: #1982d1; 2564 color: #1982d1;
1645 border-color: #1982d1; 2565 border-color: #1982d1;
1646} 2566}
1647section.recent-posts .other-recent-posts li:after { 2567section.recent-posts .other-recent-posts li:after {
1648 clear: both; 2568 clear: both;
1649 content: '.'; 2569 content: '.';
1650 display: block; 2570 display: block;
1651 height: 0; 2571 height: 0;
1652 visibility: hidden; 2572 visibility: hidden;
1653} 2573}
1654 2574
1655 2575
1656/* =Attachments 2576/* =Attachments
1657----------------------------------------------- */ 2577----------------------------------------------- */
1658 2578
1659.image-attachment div.attachment { 2579.image-attachment div.attachment {
1660 background: #f9f9f9; 2580 background: #f9f9f9;
1661 border: 1px solid #ddd; 2581 border: 1px solid #ddd;
1662 border-width: 1px 0; 2582 border-width: 1px 0;
1663 margin: 0 -8.9% 1.625em; 2583 margin: 0 -8.9% 1.625em;
1664 overflow: hidden; 2584 overflow: hidden;
1665 padding: 1.625em 1.625em 0; 2585 padding: 1.625em 1.625em 0;
1666 text-align: center; 2586 text-align: center;
1667} 2587}
1668.image-attachment div.attachment img { 2588.image-attachment div.attachment img {
1669 display: block; 2589 display: block;
1670 height: auto; 2590 height: auto;
1671 margin: 0 auto 1.625em; 2591 margin: 0 auto 1.625em;
1672 max-width: 100%; 2592 max-width: 100%;
1673} 2593}
1674.image-attachment div.attachment a img { 2594.image-attachment div.attachment a img {
1675 border-color: #f9f9f9; 2595 border-color: #f9f9f9;
1676} 2596}
1677.image-attachment div.attachment a:focus img, 2597.image-attachment div.attachment a:focus img,
1678.image-attachment div.attachment a:hover img, 2598.image-attachment div.attachment a:hover img,
1679.image-attachment div.attachment a:active img { 2599.image-attachment div.attachment a:active img {
1680 border-color: #ddd; 2600 border-color: #ddd;
1681 background: #fff; 2601 background: #fff;
1682} 2602}
1683.image-attachment .entry-caption p { 2603.image-attachment .entry-caption p {
1684 font-size: 10px; 2604 font-size: 10px;
1685 letter-spacing: 0.1em; 2605 letter-spacing: 0.1em;
1686 line-height: 2.6em; 2606 line-height: 2.6em;
1687 margin: 0 0 2.6em; 2607 margin: 0 0 2.6em;
1688 text-transform: uppercase; 2608 text-transform: uppercase;
1689} 2609}
1690 2610
1691 2611
1692/* =Navigation 2612/* =Navigation
1693-------------------------------------------------------------- */ 2613-------------------------------------------------------------- */
1694 2614
1695#content nav { 2615#content nav {
1696 clear: both; 2616 clear: both;
1697 overflow: hidden; 2617 overflow: hidden;
1698 padding: 0 0 1.625em; 2618 padding: 0 0 1.625em;
1699} 2619}
1700#content nav a { 2620#content nav a {
1701 font-size: 12px; 2621 font-size: 12px;
1702 font-weight: bold; 2622 font-weight: bold;
1703 line-height: 2.2em; 2623 line-height: 2.2em;
1704} 2624}
1705#nav-above { 2625#nav-above {
1706 padding: 0 0 1.625em; 2626 padding: 0 0 1.625em;
1707} 2627}
1708#nav-above { 2628#nav-above {
1709 display: none; 2629 display: none;
1710} 2630}
1711.paged #nav-above { 2631.paged #nav-above {
1712 display: block; 2632 display: block;
1713} 2633}
1714.nav-previous { 2634.nav-previous {
1715 float: left; 2635 float: left;
1716 width: 50%; 2636 width: 50%;
1717} 2637}
1718.nav-next { 2638.nav-next {
1719 float: right; 2639 float: right;
1720 text-align: right; 2640 text-align: right;
1721 width: 50%; 2641 width: 50%;
1722} 2642}
1723#content nav .meta-nav { 2643#content nav .meta-nav {
1724 font-weight: normal; 2644 font-weight: normal;
1725} 2645}
1726 2646
1727/* Singular navigation */ 2647/* Singular navigation */
1728#nav-single { 2648#nav-single {
1729 float: right; 2649 float: right;
1730 position: relative; 2650 position: relative;
1731 top: -0.3em; 2651 top: -0.3em;
1732 text-align: right; 2652 text-align: right;
1733 z-index: 1; 2653 z-index: 1;
1734} 2654}
1735#nav-single .nav-previous, 2655#nav-single .nav-previous,
1736#nav-single .nav-next { 2656#nav-single .nav-next {
1737 width: auto; 2657 width: auto;
1738} 2658}
1739#nav-single .nav-next { 2659#nav-single .nav-next {
1740 padding-left: .5em; 2660 padding-left: .5em;
1741} 2661}
1742#nav-single .nav-previous { 2662#nav-single .nav-previous {
1743 padding-right: .5em; 2663 padding-right: .5em;
1744} 2664}
1745 2665
1746 2666
1747/* =Widgets 2667/* =Widgets
1748----------------------------------------------- */ 2668----------------------------------------------- */
1749 2669
1750.widget-area { 2670.widget-area {
1751 font-size: 12px; 2671 font-size: 12px;
1752} 2672}
1753.widget { 2673.widget {
1754 clear: both; 2674 clear: both;
1755 margin: 0 0 2.2em; 2675 margin: 0 0 2.2em;
1756} 2676}
1757.widget-title { 2677.widget-title {
1758 color: #666; 2678 color: #666;
1759 font-size: 10px; 2679 font-size: 10px;
1760 font-weight: 500; 2680 font-weight: 500;
1761 letter-spacing: 0.1em; 2681 letter-spacing: 0.1em;
1762 line-height: 2.6em; 2682 line-height: 2.6em;
1763 text-transform: uppercase; 2683 text-transform: uppercase;
1764} 2684}
1765.widget ul { 2685.widget ul {
1766 font-size: 15px; 2686 font-size: 15px;
1767 margin: 0; 2687 margin: 0;
1768} 2688}
1769.widget ul ul { 2689.widget ul ul {
1770 margin-left: 1.5em; 2690 margin-left: 1.5em;
1771} 2691}
1772.widget ul li { 2692.widget ul li {
1773 color: #777; 2693 color: #777;
1774 font-size: 13px; 2694 font-size: 13px;
1775} 2695}
1776.widget a { 2696.widget a {
1777 font-weight: bold; 2697 font-weight: bold;
1778 text-decoration: none; 2698 text-decoration: none;
1779} 2699}
1780.widget a:hover, 2700.widget a:hover,
1781.widget a:focus, 2701.widget a:focus,
1782.widget a:active { 2702.widget a:active {
1783 text-decoration: underline; 2703 text-decoration: underline;
1784} 2704}
1785 2705
1786/* Search Widget */ 2706/* Search Widget */
1787.widget_search form { 2707.widget_search form {
1788 margin: 0 0 1.625em; 2708 margin: 0 0 1.625em;
1789} 2709}
1790.widget_search #s { 2710.widget_search #s {
1791 width: 77%; 2711 width: 77%;
1792} 2712}
1793.widget_search #searchsubmit { 2713.widget_search #searchsubmit {
1794 background: #ddd; 2714 background: #ddd;
1795 border: 1px solid #ccc; 2715 border: 1px solid #ccc;
1796 -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09); 2716 -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
1797 -moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09); 2717 -moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
1798 box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09); 2718 box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
1799 color: #888; 2719 color: #888;
1800 font-size: 13px; 2720 font-size: 13px;
1801 line-height: 25px; 2721 line-height: 25px;
1802 position: relative; 2722 position: relative;
1803 top: -2px; 2723 top: -2px;
1804} 2724}
1805.widget_search #searchsubmit:active { 2725.widget_search #searchsubmit:active {
1806 background: #1982d1; 2726 background: #1982d1;
1807 border-color: #0861a5; 2727 border-color: #0861a5;
1808 -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1); 2728 -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
1809 -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1); 2729 -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
1810 box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1); 2730 box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
1811 color: #bfddf3; 2731 color: #bfddf3;
1812} 2732}
1813 2733
1814/* Ephemera Widget */ 2734/* Ephemera Widget */
1815section.ephemera ol, 2735section.ephemera ol,
1816.widget_twentyeleven_ephemera ol { 2736.widget_twentyeleven_ephemera ol {
1817 list-style: square; 2737 list-style: square;
1818 margin: 5px 0 0; 2738 margin: 5px 0 0;
1819} 2739}
1820.widget_twentyeleven_ephemera .widget-entry-title { 2740.widget_twentyeleven_ephemera .widget-entry-title {
1821 font-size: 15px; 2741 font-size: 15px;
1822 font-weight: bold; 2742 font-weight: bold;
1823 padding: 0; 2743 padding: 0;
1824} 2744}
1825.widget_twentyeleven_ephemera .comments-link a, 2745.widget_twentyeleven_ephemera .comments-link a,
1826.widget_twentyeleven_ephemera .comments-link > span { 2746.widget_twentyeleven_ephemera .comments-link > span {
1827 color: #666; 2747 color: #666;
1828 display: block; 2748 display: block;
1829 font-size: 10px; 2749 font-size: 10px;
1830 font-weight: 500; 2750 font-weight: 500;
1831 line-height: 2.76333em; 2751 line-height: 2.76333em;
1832 text-transform: uppercase; 2752 text-transform: uppercase;
1833} 2753}
1834section.ephemera .entry-title .comments-link a:hover, 2754section.ephemera .entry-title .comments-link a:hover,
1835.widget_twentyeleven_ephemera .entry-title .comments-link a:hover { 2755.widget_twentyeleven_ephemera .entry-title .comments-link a:hover {
1836} 2756}
1837section.ephemera .entry-title a span { 2757section.ephemera .entry-title a span {
1838 color: #29628d; 2758 color: #29628d;
1839} 2759}
1840 2760
1841/* Twitter */ 2761/* Twitter */
1842.widget_twitter li { 2762.widget_twitter li {
1843 list-style-type: none; 2763 list-style-type: none;
1844 margin-bottom: 14px; 2764 margin-bottom: 14px;
1845} 2765}
1846.widget_twitter .timesince { 2766.widget_twitter .timesince {
1847 display: block; 2767 display: block;
1848 font-size: 11px; 2768 font-size: 11px;
1849 margin-right: -10px; 2769 margin-right: -10px;
1850 text-align: right; 2770 text-align: right;
1851} 2771}
1852 2772
1853/* Widget Image */ 2773/* Widget Image */
1854.widget_image img { 2774.widget_image img {
1855 border: 0; 2775 border: 0;
1856 padding: 0; 2776 padding: 0;
1857 height: auto; 2777 height: auto;
1858 max-width: 100%; 2778 max-width: 100%;
1859} 2779}
1860 2780
1861/* Calendar Widget */ 2781/* Calendar Widget */
1862 2782
1863.widget_calendar #wp-calendar { 2783.widget_calendar #wp-calendar {
1864 color: #555; 2784 color: #555;
1865 width: 95%; 2785 width: 95%;
1866 text-align: center; 2786 text-align: center;
1867} 2787}
1868.widget_calendar #wp-calendar caption, 2788.widget_calendar #wp-calendar caption,
1869.widget_calendar #wp-calendar td, 2789.widget_calendar #wp-calendar td,
1870.widget_calendar #wp-calendar th { 2790.widget_calendar #wp-calendar th {
1871 text-align: center; 2791 text-align: center;
1872} 2792}
1873.widget_calendar #wp-calendar caption { 2793.widget_calendar #wp-calendar caption {
1874 font-size: 11px; 2794 font-size: 11px;
1875 font-weight: 500; 2795 font-weight: 500;
1876 padding: 5px 0 3px 0; 2796 padding: 5px 0 3px 0;
1877 text-transform: uppercase; 2797 text-transform: uppercase;
1878} 2798}
1879.widget_calendar #wp-calendar th { 2799.widget_calendar #wp-calendar th {
1880 background: #f4f4f4; 2800 background: #f4f4f4;
1881 border-top: 1px solid #ccc; 2801 border-top: 1px solid #ccc;
1882 border-bottom: 1px solid #ccc; 2802 border-bottom: 1px solid #ccc;
1883 font-weight: bold; 2803 font-weight: bold;
1884} 2804}
1885.widget_calendar #wp-calendar tfoot td { 2805.widget_calendar #wp-calendar tfoot td {
1886 background: #f4f4f4; 2806 background: #f4f4f4;
1887 border-top: 1px solid #ccc; 2807 border-top: 1px solid #ccc;
1888 border-bottom: 1px solid #ccc; 2808 border-bottom: 1px solid #ccc;
1889} 2809}
1890 2810
1891 2811
1892/* =Comments 2812/* =Comments
1893----------------------------------------------- */ 2813----------------------------------------------- */
1894 2814
1895#comments-title { 2815#comments-title {
1896 color: #666; 2816 color: #666;
1897 font-size: 10px; 2817 font-size: 10px;
1898 font-weight: 500; 2818 font-weight: 500;
1899 line-height: 2.6em; 2819 line-height: 2.6em;
1900 padding: 0 0 2.6em; 2820 padding: 0 0 2.6em;
1901 text-transform: uppercase; 2821 text-transform: uppercase;
1902} 2822}
1903.nopassword, 2823.nopassword,
1904.nocomments { 2824.nocomments {
1905 color: #aaa; 2825 color: #aaa;
1906 font-size: 24px; 2826 font-size: 24px;
1907 font-weight: 100; 2827 font-weight: 100;
1908 margin: 26px 0; 2828 margin: 26px 0;
1909 text-align: center; 2829 text-align: center;
1910} 2830}
1911.commentlist { 2831.commentlist {
1912 list-style: none; 2832 list-style: none;
1913 margin: 0 auto; 2833 margin: 0 auto;
1914 width: 68.9%; 2834 width: 68.9%;
1915} 2835}
1916.content .commentlist, 2836.content .commentlist,
1917.page-template-sidebar-page-php .commentlist { 2837.page-template-sidebar-page-php .commentlist {
1918 width: 100%; /* reset the width for the one-column and sidebar page layout */ 2838 width: 100%; /* reset the width for the one-column and sidebar page layout */
1919} 2839}
1920.commentlist > li.comment { 2840.commentlist > li.comment {
1921 background: #f6f6f6; 2841 background: #f6f6f6;
1922 border: 1px solid #ddd; 2842 border: 1px solid #ddd;
1923 -moz-border-radius: 3px; 2843 -moz-border-radius: 3px;
1924 border-radius: 3px; 2844 border-radius: 3px;
1925 margin: 0 0 1.625em; 2845 margin: 0 0 1.625em;
1926 padding: 1.625em; 2846 padding: 1.625em;
1927 position: relative; 2847 position: relative;
1928} 2848}
1929.commentlist .pingback { 2849.commentlist .pingback {
1930 margin: 0 0 1.625em; 2850 margin: 0 0 1.625em;
1931 padding: 0 1.625em; 2851 padding: 0 1.625em;
1932} 2852}
1933.commentlist .children { 2853.commentlist .children {
1934 list-style: none; 2854 list-style: none;
1935 margin: 0; 2855 margin: 0;
1936} 2856}
1937.commentlist .children li.comment { 2857.commentlist .children li.comment {
1938 background: #fff; 2858 background: #fff;
1939 border-left: 1px solid #ddd; 2859 border-left: 1px solid #ddd;
1940 -moz-border-radius: 0 3px 3px 0; 2860 -moz-border-radius: 0 3px 3px 0;
1941 border-radius: 0 3px 3px 0; 2861 border-radius: 0 3px 3px 0;
1942 margin: 1.625em 0 0; 2862 margin: 1.625em 0 0;
1943 padding: 1.625em; 2863 padding: 1.625em;
1944 position: relative; 2864 position: relative;
1945} 2865}
1946.commentlist .children li.comment .fn { 2866.commentlist .children li.comment .fn {
1947 display: block; 2867 display: block;
1948} 2868}
1949.comment-meta .fn { 2869.comment-meta .fn {
1950 font-style: normal; 2870 font-style: normal;
1951} 2871}
1952.comment-meta { 2872.comment-meta {
1953 color: #666; 2873 color: #666;
1954 font-size: 12px; 2874 font-size: 12px;
1955 line-height: 2.2em; 2875 line-height: 2.2em;
1956} 2876}
1957.commentlist .children li.comment .comment-meta { 2877.commentlist .children li.comment .comment-meta {
1958 line-height: 1.625em; 2878 line-height: 1.625em;
1959 margin-left: 50px; 2879 margin-left: 50px;
1960} 2880}
1961.commentlist .children li.comment .comment-content { 2881.commentlist .children li.comment .comment-content {
1962 margin: 1.625em 0 0; 2882 margin: 1.625em 0 0;
1963} 2883}
1964.comment-meta a { 2884.comment-meta a {
1965 font-weight: bold; 2885 font-weight: bold;
1966} 2886}
1967.comment-meta a:focus, 2887.comment-meta a:focus,
1968.comment-meta a:active, 2888.comment-meta a:active,
1969.comment-meta a:hover { 2889.comment-meta a:hover {
1970} 2890}
1971.commentlist .avatar { 2891.commentlist .avatar {
1972 -moz-border-radius: 3px; 2892 -moz-border-radius: 3px;
1973 border-radius: 3px; 2893 border-radius: 3px;
1974 -webkit-box-shadow: 0 1px 2px #ccc; 2894 -webkit-box-shadow: 0 1px 2px #ccc;
1975 -moz-box-shadow: 0 1px 2px #ccc; 2895 -moz-box-shadow: 0 1px 2px #ccc;
1976 box-shadow: 0 1px 2px #ccc; 2896 box-shadow: 0 1px 2px #ccc;
1977 left: -102px; 2897 left: -102px;
1978 padding: 0; 2898 padding: 0;
1979 position: absolute; 2899 position: absolute;
1980 top: 0; 2900 top: 0;
1981} 2901}
1982.commentlist > li:before { 2902.commentlist > li:before {
1983 content: url(images/comment-arrow.png); 2903 content: url(images/comment-arrow.png);
1984 left: -21px; 2904 left: -21px;
1985 position: absolute; 2905 position: absolute;
1986} 2906}
1987.commentlist > li.pingback:before { 2907.commentlist > li.pingback:before {
1988 content: ''; 2908 content: '';
1989} 2909}
1990.commentlist .children .avatar { 2910.commentlist .children .avatar {
1991 background: none; 2911 background: none;
1992 -webkit-box-shadow: none; 2912 -webkit-box-shadow: none;
1993 -moz-box-shadow: none; 2913 -moz-box-shadow: none;
1994 box-shadow: none; 2914 box-shadow: none;
1995 left: 2.2em; 2915 left: 2.2em;
1996 padding: 0; 2916 padding: 0;
1997 top: 2.2em; 2917 top: 2.2em;
1998} 2918}
1999a.comment-reply-link { 2919a.comment-reply-link {
2000 background: #eee; 2920 background: #eee;
2001 -moz-border-radius: 3px; 2921 -moz-border-radius: 3px;
2002 border-radius: 3px; 2922 border-radius: 3px;
2003 color: #666; 2923 color: #666;
2004 display: inline-block; 2924 display: inline-block;
2005 font-size: 12px; 2925 font-size: 12px;
2006 padding: 0 8px; 2926 padding: 0 8px;
2007 text-decoration: none; 2927 text-decoration: none;
2008} 2928}
2009a.comment-reply-link:hover, 2929a.comment-reply-link:hover,
2010a.comment-reply-link:focus, 2930a.comment-reply-link:focus,
2011a.comment-reply-link:active { 2931a.comment-reply-link:active {
2012 background: #888; 2932 background: #888;
2013 color: #fff; 2933 color: #fff;
2014} 2934}
2015a.comment-reply-link > span { 2935a.comment-reply-link > span {
2016 display: inline-block; 2936 display: inline-block;
2017 position: relative; 2937 position: relative;
2018 top: -1px; 2938 top: -1px;
2019} 2939}
2020 2940
2021/* Post author highlighting */ 2941/* Post author highlighting */
2022.commentlist > li.bypostauthor { 2942.commentlist > li.bypostauthor {
2023 background: #ddd; 2943 background: #ddd;
2024 border-color: #d3d3d3; 2944 border-color: #d3d3d3;
2025} 2945}
2026.commentlist > li.bypostauthor .comment-meta { 2946.commentlist > li.bypostauthor .comment-meta {
2027 color: #575757; 2947 color: #575757;
2028} 2948}
2029.commentlist > li.bypostauthor .comment-meta a:focus, 2949.commentlist > li.bypostauthor .comment-meta a:focus,
2030.commentlist > li.bypostauthor .comment-meta a:active, 2950.commentlist > li.bypostauthor .comment-meta a:active,
2031.commentlist > li.bypostauthor .comment-meta a:hover { 2951.commentlist > li.bypostauthor .comment-meta a:hover {
2032} 2952}
2033.commentlist > li.bypostauthor:before { 2953.commentlist > li.bypostauthor:before {
2034 content: url(images/comment-arrow-bypostauthor.png); 2954 content: url(images/comment-arrow-bypostauthor.png);
2035} 2955}
2036 2956
2037/* Post Author threaded comments */ 2957/* Post Author threaded comments */
2038.commentlist .children > li.bypostauthor { 2958.commentlist .children > li.bypostauthor {
2039 background: #ddd; 2959 background: #ddd;
2040 border-color: #d3d3d3; 2960 border-color: #d3d3d3;
2041} 2961}
2042 2962
2043/* sidebar-page.php comments */ 2963/* sidebar-page.php comments */
2044/* Make sure we have room for our comment avatars */ 2964/* Make sure we have room for our comment avatars */
2045.page-template-sidebar-page-php .commentlist > li.comment, 2965.page-template-sidebar-page-php .commentlist > li.comment,
2046.page-template-sidebar-page-php.commentlist .pingback { 2966.page-template-sidebar-page-php.commentlist .pingback {
2047 margin-left: 102px; 2967 margin-left: 102px;
2048 width: auto; 2968 width: auto;
2049} 2969}
2050/* And a full-width comment form */ 2970/* And a full-width comment form */
2051.page-template-sidebar-page-php #respond { 2971.page-template-sidebar-page-php #respond {
2052 width: auto; 2972 width: auto;
2053} 2973}
2054 2974
2055/* Comment Form */ 2975/* Comment Form */
2056#respond { 2976#respond {
2057 background: #ddd; 2977 background: #ddd;
2058 border: 1px solid #d3d3d3; 2978 border: 1px solid #d3d3d3;
2059 -moz-border-radius: 3px; 2979 -moz-border-radius: 3px;
2060 border-radius: 3px; 2980 border-radius: 3px;
2061 margin: 0 auto 1.625em; 2981 margin: 0 auto 1.625em;
2062 padding: 1.625em; 2982 padding: 1.625em;
2063 position: relative; 2983 position: relative;
2064 width: 68.9%; 2984 width: 68.9%;
2065} 2985}
2066#respond input[type="text"], 2986#respond input[type="text"],
2067#respond textarea { 2987#respond textarea {
2068 background: #fff; 2988 background: #fff;
2069 border: 4px solid #eee; 2989 border: 4px solid #eee;
2070 -moz-border-radius: 5px; 2990 -moz-border-radius: 5px;
2071 border-radius: 5px; 2991 border-radius: 5px;
2072 -webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); 2992 -webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
2073 -moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); 2993 -moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
2074 box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); 2994 box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
2075 position: relative; 2995 position: relative;
2076 padding: 10px; 2996 padding: 10px;
2077 text-indent: 80px; 2997 text-indent: 80px;
2078} 2998}
2079#respond .comment-form-author, 2999#respond .comment-form-author,
2080#respond .comment-form-email, 3000#respond .comment-form-email,
2081#respond .comment-form-url, 3001#respond .comment-form-url,
2082#respond .comment-form-comment { 3002#respond .comment-form-comment {
2083 position: relative; 3003 position: relative;
2084} 3004}
2085#respond .comment-form-author label, 3005#respond .comment-form-author label,
2086#respond .comment-form-email label, 3006#respond .comment-form-email label,
2087#respond .comment-form-url label, 3007#respond .comment-form-url label,
2088#respond .comment-form-comment label { 3008#respond .comment-form-comment label {
2089 background: #eee; 3009 background: #eee;
2090 -webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8); 3010 -webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
2091 -moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8); 3011 -moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
2092 box-shadow: 1px 2px 2px rgba(204,204,204,0.8); 3012 box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
2093 color: #555; 3013 color: #555;
2094 display: inline-block; 3014 display: inline-block;
2095 font-size: 13px; 3015 font-size: 13px;
2096 left: 4px; 3016 left: 4px;
2097 min-width: 60px; 3017 min-width: 60px;
2098 padding: 4px 10px; 3018 padding: 4px 10px;
2099 position: relative; 3019 position: relative;
2100 top: 40px; 3020 top: 40px;
2101 z-index: 1; 3021 z-index: 1;
2102} 3022}
2103#respond input[type="text"]:focus, 3023#respond input[type="text"]:focus,
2104#respond textarea:focus { 3024#respond textarea:focus {
2105 text-indent: 0; 3025 text-indent: 0;
2106 z-index: 1; 3026 z-index: 1;
2107} 3027}
2108#respond textarea { 3028#respond textarea {
2109 resize: vertical; 3029 resize: vertical;
2110 width: 95%; 3030 width: 95%;
2111} 3031}
2112#respond .comment-form-author .required, 3032#respond .comment-form-author .required,
2113#respond .comment-form-email .required { 3033#respond .comment-form-email .required {
2114 color: #bd3500; 3034 color: #bd3500;
2115 font-size: 22px; 3035 font-size: 22px;
2116 font-weight: bold; 3036 font-weight: bold;
2117 left: 75%; 3037 left: 75%;
2118 position: absolute; 3038 position: absolute;
2119 top: 45px; 3039 top: 45px;
2120 z-index: 1; 3040 z-index: 1;
2121} 3041}
2122#respond .comment-notes, 3042#respond .comment-notes,
2123#respond .logged-in-as { 3043#respond .logged-in-as {
2124 font-size: 13px; 3044 font-size: 13px;
2125} 3045}
2126#respond p { 3046#respond p {
2127 margin: 10px 0; 3047 margin: 10px 0;
2128} 3048}
2129#respond .form-submit { 3049#respond .form-submit {
2130 float: right; 3050 float: right;
2131 margin: -20px 0 10px; 3051 margin: -20px 0 10px;
2132} 3052}
2133#respond input#submit { 3053#respond input#submit {
2134 background: #222; 3054 background: #222;
2135 border: none; 3055 border: none;
2136 -moz-border-radius: 3px; 3056 -moz-border-radius: 3px;
2137 border-radius: 3px; 3057 border-radius: 3px;
2138 -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); 3058 -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
2139 -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); 3059 -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
2140 box-shadow: 0px 1px 2px rgba(0,0,0,0.3); 3060 box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
2141 color: #eee; 3061 color: #eee;
2142 cursor: pointer; 3062 cursor: pointer;
2143 font-size: 15px; 3063 font-size: 15px;
2144 margin: 20px 0; 3064 margin: 20px 0;
2145 padding: 5px 42px 5px 22px; 3065 padding: 5px 42px 5px 22px;
2146 position: relative; 3066 position: relative;
2147 left: 30px; 3067 left: 30px;
2148 text-shadow: 0 -1px 0 rgba(0,0,0,0.3); 3068 text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
2149} 3069}
2150#respond input#submit:active { 3070#respond input#submit:active {
2151 background: #1982d1; 3071 background: #1982d1;
2152 color: #bfddf3; 3072 color: #bfddf3;
2153} 3073}
2154#respond #cancel-comment-reply-link { 3074#respond #cancel-comment-reply-link {
2155 color: #666; 3075 color: #666;
2156 margin-left: 10px; 3076 margin-left: 10px;
2157 text-decoration: none; 3077 text-decoration: none;
2158} 3078}
2159#respond .logged-in-as a:hover, 3079#respond .logged-in-as a:hover,
2160#respond #cancel-comment-reply-link:hover { 3080#respond #cancel-comment-reply-link:hover {
2161 text-decoration: underline; 3081 text-decoration: underline;
2162} 3082}
2163.commentlist #respond { 3083.commentlist #respond {
2164 margin: 1.625em 0 0; 3084 margin: 1.625em 0 0;
2165 width: auto; 3085 width: auto;
2166} 3086}
2167#reply-title { 3087#reply-title {
2168 color: #373737; 3088 color: #373737;
2169 font-size: 24px; 3089 font-size: 24px;
2170 font-weight: bold; 3090 font-weight: bold;
2171 line-height: 30px; 3091 line-height: 30px;
2172} 3092}
2173#cancel-comment-reply-link { 3093#cancel-comment-reply-link {
2174 color: #888; 3094 color: #888;
2175 display: block; 3095 display: block;
2176 font-size: 10px; 3096 font-size: 10px;
2177 font-weight: normal; 3097 font-weight: normal;
2178 line-height: 2.2em; 3098 line-height: 2.2em;
2179 letter-spacing: 0.05em; 3099 letter-spacing: 0.05em;
2180 position: absolute; 3100 position: absolute;
2181 right: 1.625em; 3101 right: 1.625em;
2182 text-decoration: none; 3102 text-decoration: none;
2183 text-transform: uppercase; 3103 text-transform: uppercase;
2184 top: 1.1em; 3104 top: 1.1em;
2185} 3105}
2186#cancel-comment-reply-link:focus, 3106#cancel-comment-reply-link:focus,
2187#cancel-comment-reply-link:active, 3107#cancel-comment-reply-link:active,
2188#cancel-comment-reply-link:hover { 3108#cancel-comment-reply-link:hover {
2189 color: #ff4b33; 3109 color: #ff4b33;
2190} 3110}
2191#respond label { 3111#respond label {
2192 line-height: 2.2em; 3112 line-height: 2.2em;
2193} 3113}
2194#respond input[type=text] { 3114#respond input[type=text] {
2195 display: block; 3115 display: block;
2196 height: 24px; 3116 height: 24px;
2197 width: 75%; 3117 width: 75%;
2198} 3118}
2199#respond p { 3119#respond p {
2200 font-size: 12px; 3120 font-size: 12px;
2201} 3121}
2202p.comment-form-comment { 3122p.comment-form-comment {
2203 margin: 0; 3123 margin: 0;
2204} 3124}
2205.form-allowed-tags { 3125.form-allowed-tags {
2206 display: none;3126 display: none;
2207} 3127}
2208 3128
2209 3129
2210/* =Footer 3130/* =Footer
2211----------------------------------------------- */ 3131----------------------------------------------- */
2212 3132
2213#colophon { 3133#colophon {
2214 clear: both;3134 clear: both;
 3135 width: 938px;
 3136 height: 120px;
 3137 padding: 10px 0;
 3138 border: 1px solid #9F9F9F;
 3139 margin: 20px 15px 0;
 3140}
 3141#colophon div.footer_link_panel {
 3142 float: left;
 3143 width: 150px;
 3144 height: 105px;
 3145 margin: 10px 0 10px 20px;
 3146}
 3147#colophon div h4 {
 3148 font-size: 16px !important;
 3149 color: #2A2A2A;
 3150}
 3151#colophon div h4 a {
 3152 color: #2A2A2A;
 3153}
 3154#colophon div ul {
 3155 font-size: 12px;
 3156 list-style-type: none;
 3157 margin: 0;
 3158 padding: 0;
 3159
 3160}
 3161#colophon div ul li a {
 3162 color: #4C4C4C;
 3163 padding: 0 0 0 5px;
 3164}
 3165
 3166#colophon div.footer_grey_box {
 3167 background: #D3D1D1;
 3168 color: #4D4D4D;
 3169 float: left;
 3170 width: 220px;
 3171 height: 90px;
 3172 padding: 15px;
 3173}
 3174#colophon div.footer_grey_box p {
 3175 margin: 50px 0 0;
 3176 font-size: 15px !important;
2215} 3177}
2216#supplementary { 3178#supplementary {
2217 border-top: 1px solid #ddd;3179 padding: 0;
2218 padding: 1.625em 7.6%;3180 overflow: hidden;
2219 overflow: hidden;3181 width: 100%;
 3182}
 3183#supplementary h3 {
 3184 display: none;
 3185}
 3186ul.ads {
 3187 position: relative;
 3188 margin: 0 15px;
 3189 float: left;
 3190 padding: 0;
 3191 width: 968px;
 3192}
 3193ul.ads li {
 3194 float: left;
 3195 width: 305px;
 3196 margin: 0 12px 0 0 !important;
 3197 padding: 0 !important;
 3198 list-style-type: none;
 3199}
 3200ul.ads li div.promo_slider_wrapper {
 3201 margin:0 !important;
 3202}
 3203#supplementary div aside {
 3204 margin: 0;
 3205 padding: 0;
 3206}
 3207#supplementary div aside div {
 3208 width: 100%;
 3209 float: left;
 3210}
 3211
 3212div#footer_extra {
 3213 position: relative;
 3214 background: #fff;
 3215 width: 903px;
 3216 float: left;
 3217 margin: 0;
 3218 padding: 15px 15px 0 50px;
 3219}
 3220div#footer_extra p {
 3221 float: left;
 3222 color: #999;
 3223 margin-bottom: 5px !important;
 3224}
 3225div#footer_extra p a {
 3226 color: #999;
 3227 padding: 5px 0 0 28px;
 3228 height: 25px;
 3229 display: inline-block;
 3230 margin: -10px 20px 0 0;
 3231}
 3232div#footer_extra p a.fb {
 3233 background: url(images/footer-facebook.gif) left top no-repeat;
 3234 margin: -10px 20px 0 200px;
 3235}
 3236div#footer_extra p a.tw {
 3237 background: url(images/footer-twitter.gif) left top no-repeat;
 3238}
 3239div#credit {
 3240 width: 100%;
 3241 float: left;
 3242 clear: left;
 3243 position: relative;
 3244 margin: 10px 0 10px;
 3245}
 3246div#credit p {
 3247 width: 914px;
 3248 margin: 0 auto;
 3249 position: relative;
 3250 text-align: right;
 3251 padding: 0 54px 0 0;
 3252 color: #999;
 3253 font-size: 11px;
 3254}
 3255div#credit p a {
 3256 color: #999;
2220} 3257}
2221 3258
2222/* Two Footer Widget Areas */ 3259/* Two Footer Widget Areas */
2223#supplementary.two .widget-area { 3260#supplementary.two .widget-area {
2224 float: left; 3261 float: left;
2225 margin-right: 3.7%; 3262 margin-right: 3.7%;
2226 width: 48.1%; 3263 width: 48.1%;
2227} 3264}
2228#supplementary.two .widget-area + .widget-area { 3265#supplementary.two .widget-area + .widget-area {
2229 margin-right: 0; 3266 margin-right: 0;
2230} 3267}
2231 3268
2232/* Three Footer Widget Areas */ 3269/* Three Footer Widget Areas */
2233#supplementary.three .widget-area { 3270#supplementary.three .widget-area {
2234 float: left; 3271 float: left;
2235 margin-right: 3.7%; 3272 margin-right: 3.7%;
2236 width: 30.85%; 3273 width: 30.85%;
2237} 3274}
2238#supplementary.three .widget-area + .widget-area + .widget-area { 3275#supplementary.three .widget-area + .widget-area + .widget-area {
2239 margin-right: 0; 3276 margin-right: 0;
2240} 3277}
2241 3278
2242/* Site Generator Line */ 3279/* Site Generator Line */
2243#site-generator { 3280#site-generator {
2244 background: #f9f9f9; 3281 background: #f9f9f9;
2245 border-top: 1px solid #ddd; 3282 border-top: 1px solid #ddd;
2246 color: #666; 3283 color: #666;
2247 font-size: 12px; 3284 font-size: 12px;
2248 line-height: 2.2em; 3285 line-height: 2.2em;
2249 padding: 2.2em 0.5em; 3286 padding: 2.2em 0.5em;
2250 text-align: center; 3287 text-align: center;
2251} 3288}
2252#site-generator a { 3289#site-generator a {
2253 color: #555; 3290 color: #555;
2254 font-weight: bold; 3291 font-weight: bold;
2255} 3292}
2256 3293
2257 3294
2258/* =Responsive Structure 3295/* =Responsive Structure
2259----------------------------------------------- */ 3296----------------------------------------------- */
2260 3297
2261@media (max-width: 800px) { 3298@media (max-width: 800px) {
2262 /* Simplify the basic layout */ 3299 /* Simplify the basic layout */
2263 #main #content { 3300 #main #content {
2264 margin: 0 7.6%; 3301 margin: 0 7.6%;
2265 width: auto; 3302 width: auto;
2266 } 3303 }
2267 #nav-below { 3304 #nav-below {
2268 border-bottom: 1px solid #ddd; 3305 border-bottom: 1px solid #ddd;
2269 margin-bottom: 1.625em; 3306 margin-bottom: 1.625em;
2270 } 3307 }
2271 #main #secondary { 3308 #main #secondary {
2272 float: none; 3309 float: none;
2273 margin: 0 7.6%; 3310 margin: 0 7.6%;
2274 width: auto; 3311 width: auto;
2275 } 3312 }
2276 /* Simplify the showcase template */ 3313 /* Simplify the showcase template */
2277 .page-template-showcase-php .featured-posts { 3314 .page-template-showcase-php .featured-posts {
2278 min-height: 280px; 3315 min-height: 280px;
2279 } 3316 }
2280 .featured-posts section.featured-post { 3317 .featured-posts section.featured-post {
2281 height: auto; 3318 height: auto;
2282 } 3319 }
2283 .page-template-showcase-php section.recent-posts { 3320 .page-template-showcase-php section.recent-posts {
2284 float: none; 3321 float: none;
2285 margin: 0; 3322 margin: 0;
2286 width: 100%; 3323 width: 100%;
2287 } 3324 }
2288 .page-template-showcase-php #main .widget-area { 3325 .page-template-showcase-php #main .widget-area {
2289 float: none; 3326 float: none;
2290 margin: 0; 3327 margin: 0;
2291 width: auto; 3328 width: auto;
2292 } 3329 }
2293 .page-template-showcase-php .other-recent-posts { 3330 .page-template-showcase-php .other-recent-posts {
2294 border-bottom: 1px solid #ddd; 3331 border-bottom: 1px solid #ddd;
2295 } 3332 }
2296 /* Simplify the showcase template when small feature */ 3333 /* Simplify the showcase template when small feature */
2297 section.featured-post .attachment-small-feature, 3334 section.featured-post .attachment-small-feature,
2298 .one-column section.featured-post .attachment-small-feature { 3335 .one-column section.featured-post .attachment-small-feature {
2299 border: none; 3336 border: none;
2300 display: block; 3337 display: block;
2301 float: left; 3338 float: left;
2302 height: auto; 3339 height: auto;
2303 margin: 0.625em auto 1.025em; 3340 margin: 0.625em auto 1.025em;
2304 max-width: 30%; 3341 max-width: 30%;
2305 position: static; 3342 position: static;
2306 } 3343 }
2307 article.feature-image.small { 3344 article.feature-image.small {
2308 float: right; 3345 float: right;
2309 margin: 0 0 1.625em; 3346 margin: 0 0 1.625em;
2310 width: 64%; 3347 width: 64%;
2311 } 3348 }
2312 .one-column article.feature-image.small .entry-summary { 3349 .one-column article.feature-image.small .entry-summary {
2313 height: auto; 3350 height: auto;
2314 } 3351 }
2315 article.feature-image.small .entry-summary p a { 3352 article.feature-image.small .entry-summary p a {
2316 left: 0; 3353 left: 0;
2317 padding-left: 20px; 3354 padding-left: 20px;
2318 padding-right: 20px; 3355 padding-right: 20px;
2319 width: auto; 3356 width: auto;
2320 } 3357 }
2321 /* Remove the margin on singular articles */ 3358 /* Remove the margin on singular articles */
2322 .singular .entry-header, 3359 .singular .entry-header,
2323 .singular .entry-content, 3360 .singular .entry-content,
2324 .singular footer.entry-meta, 3361 .singular footer.entry-meta,
2325 .singular #comments-title { 3362 .singular #comments-title {
2326 width: 100%; 3363 width: 100%;
2327 } 3364 }
2328 /* Simplify the pullquotes and pull styles */ 3365 /* Simplify the pullquotes and pull styles */
2329 .singular blockquote.pull { 3366 .singular blockquote.pull {
2330 margin: 0 0 1.625em; 3367 margin: 0 0 1.625em;
2331 } 3368 }
2332 .singular .pull.alignleft { 3369 .singular .pull.alignleft {
2333 margin: 0 1.625em 0 0; 3370 margin: 0 1.625em 0 0;
2334 } 3371 }
2335 .singular .pull.alignright { 3372 .singular .pull.alignright {
2336 margin: 0 0 0 1.625em; 3373 margin: 0 0 0 1.625em;
2337 } 3374 }
2338 .singular .entry-meta .edit-link a { 3375 .singular .entry-meta .edit-link a {
2339 left: 0; 3376 left: 0;
2340 position: absolute; 3377 position: absolute;
2341 top: 40px; 3378 top: 40px;
2342 } 3379 }
2343 .singular #author-info { 3380 .singular #author-info {
2344 margin: 2.2em -8.8% 0; 3381 margin: 2.2em -8.8% 0;
2345 padding: 20px 8.8%; 3382 padding: 20px 8.8%;
2346 } 3383 }
2347 /* Make sure we have room for our comment avatars */ 3384 /* Make sure we have room for our comment avatars */
2348 .commentlist { 3385 .commentlist {
2349 width: 100%; 3386 width: 100%;
2350 } 3387 }
2351 .commentlist > li.comment, 3388 .commentlist > li.comment,
2352 .commentlist .pingback { 3389 .commentlist .pingback {
2353 margin-left: 102px; 3390 margin-left: 102px;
2354 width: auto; 3391 width: auto;
2355 } 3392 }
2356 /* And a full-width comment form */ 3393 /* And a full-width comment form */
2357 #respond { 3394 #respond {
2358 width: auto; 3395 width: auto;
2359 } 3396 }
2360 /* No need to float footer widgets at this size */ 3397 /* No need to float footer widgets at this size */
2361 #colophon #supplementary .widget-area { 3398 #colophon #supplementary .widget-area {
2362 float: none; 3399 float: none;
2363 margin-right: 0; 3400 margin-right: 0;
2364 width: auto; 3401 width: auto;
2365 } 3402 }
2366 /* No need to float 404 widgets at this size */ 3403 /* No need to float 404 widgets at this size */
2367 .error404 #main .widget { 3404 .error404 #main .widget {
2368 float: none; 3405 float: none;
2369 margin-right: 0; 3406 margin-right: 0;
2370 width: auto; 3407 width: auto;
2371 } 3408 }
2372 3409
2373} 3410}
2374@media (max-width: 650px) { 3411@media (max-width: 650px) {
2375 /* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */ 3412 /* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
2376 body, input, textarea { 3413 body, input, textarea {
2377 font-size: 13px; 3414 font-size: 13px;
2378 } 3415 }
2379 #site-title a { 3416 #site-title a {
2380 font-size: 24px; 3417 font-size: 24px;
2381 } 3418 }
2382 #site-description { 3419 #site-description {
2383 font-size: 12px; 3420 font-size: 12px;
2384 } 3421 }
2385 #access ul { 3422 #access ul {
2386 font-size: 12px; 3423 font-size: 12px;
2387 } 3424 }
2388 article.intro .entry-content { 3425 article.intro .entry-content {
2389 font-size: 12px; 3426 font-size: 12px;
2390 } 3427 }
2391 .entry-title { 3428 .entry-title {
2392 font-size: 21px; 3429 font-size: 21px;
2393 } 3430 }
2394 .featured-post .entry-title { 3431 .featured-post .entry-title {
2395 font-size: 14px; 3432 font-size: 14px;
2396 } 3433 }
2397 .singular .entry-title { 3434 .singular .entry-title {
2398 font-size: 28px; 3435 font-size: 28px;
2399 } 3436 }
2400 .entry-meta { 3437 .entry-meta {
2401 font-size: 12px; 3438 font-size: 12px;
2402 } 3439 }
2403 blockquote { 3440 blockquote {
2404 margin: 0; 3441 margin: 0;
2405 } 3442 }
2406 blockquote.pull { 3443 blockquote.pull {
2407 font-size: 17px; 3444 font-size: 17px;
2408 } 3445 }
2409 /* Reposition the site title and description slightly */ 3446 /* Reposition the site title and description slightly */
2410 #site-title { 3447 #site-title {
2411 padding: 5.30625em 0 0; 3448 padding: 5.30625em 0 0;
2412 } 3449 }
2413 #site-title, 3450 #site-title,
2414 #site-description { 3451 #site-description {
2415 margin-right: 0; 3452 margin-right: 0;
2416 } 3453 }
2417 /* Make sure the logo and search form don't collide */ 3454 /* Make sure the logo and search form don't collide */
2418 #branding #searchform { 3455 #branding #searchform {
2419 top: 1.625em !important; 3456 top: 1.625em !important;
2420 } 3457 }
2421 /* Floated content doesn't work well at this size */ 3458 /* Floated content doesn't work well at this size */
2422 .alignleft, 3459 .alignleft,
2423 .alignright { 3460 .alignright {
2424 display: block; 3461 display: block;
2425 float: none; 3462 float: none;
2426 margin-left: 0; 3463 margin-left: 0;
2427 margin-right: 0; 3464 margin-right: 0;
2428 } 3465 }
2429 /* Make sure the post-post navigation doesn't collide with anything */ 3466 /* Make sure the post-post navigation doesn't collide with anything */
2430 #nav-single { 3467 #nav-single {
2431 display: block; 3468 display: block;
2432 position: static; 3469 position: static;
2433 } 3470 }
2434 .singular .hentry { 3471 .singular .hentry {
2435 padding: 1.625em 0 0; 3472 padding: 1.625em 0 0;
2436 } 3473 }
2437 .singular.page .hentry { 3474 .singular.page .hentry {
2438 padding: 1.625em 0 0; 3475 padding: 1.625em 0 0;
2439 } 3476 }
2440 /* Talking avatars take up too much room at this size */ 3477 /* Talking avatars take up too much room at this size */
2441 .commentlist > li.comment, 3478 .commentlist > li.comment,
2442 .commentlist > li.pingback { 3479 .commentlist > li.pingback {
2443 margin-left: 0 !important; 3480 margin-left: 0 !important;
2444 } 3481 }
2445 .commentlist .avatar { 3482 .commentlist .avatar {
2446 background: transparent; 3483 background: transparent;
2447 display: block; 3484 display: block;
2448 padding: 0; 3485 padding: 0;
2449 position: static; 3486 position: static;
2450 } 3487 }
2451 .commentlist .children .avatar { 3488 .commentlist .children .avatar {
2452 background: none; 3489 background: none;
2453 left: 2.2em; 3490 left: 2.2em;
2454 padding: 0; 3491 padding: 0;
2455 position: absolute; 3492 position: absolute;
2456 top: 2.2em; 3493 top: 2.2em;
2457 } 3494 }
2458 /* Use the available space in the smaller comment form */ 3495 /* Use the available space in the smaller comment form */
2459 #respond input[type="text"] { 3496 #respond input[type="text"] {
2460 width: 95%; 3497 width: 95%;
2461 } 3498 }
2462 #respond .comment-form-author .required, 3499 #respond .comment-form-author .required,
2463 #respond .comment-form-email .required { 3500 #respond .comment-form-email .required {
2464 left: 95%; 3501 left: 95%;
2465 } 3502 }
2466 #content .gallery-columns-3 .gallery-item { 3503 #content .gallery-columns-3 .gallery-item {
2467 width: 31%; 3504 width: 31%;
2468 padding-right: 2%; 3505 padding-right: 2%;
2469 } 3506 }
2470 #content .gallery-columns-3 .gallery-item img { 3507 #content .gallery-columns-3 .gallery-item img {
2471 width: 100%; 3508 width: 100%;
2472 height: auto; 3509 height: auto;
2473 } 3510 }
2474 3511
2475} 3512}
2476@media (max-width: 450px) { 3513@media (max-width: 450px) {
2477 #content .gallery-columns-2 .gallery-item { 3514 #content .gallery-columns-2 .gallery-item {
2478 width: 45%; 3515 width: 45%;
2479 padding-right: 4%; 3516 padding-right: 4%;
2480 } 3517 }
2481 #content .gallery-columns-2 .gallery-item img { 3518 #content .gallery-columns-2 .gallery-item img {
2482 width: 100%; 3519 width: 100%;
2483 height: auto; 3520 height: auto;
2484 } 3521 }
2485 3522
2486} 3523}
2487@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { 3524@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
2488 body { 3525 body {
2489 padding: 0; 3526 padding: 0;
2490 } 3527 }
2491 #page { 3528 #page {
2492 margin-top: 0; 3529 margin-top: 0;
2493 } 3530 }
2494 #branding { 3531 #branding {
2495 border-top: none; 3532 border-top: none;
2496 } 3533 }
2497 3534
2498} 3535}
2499 3536
2500 3537
2501/* =Print 3538/* =Print
2502----------------------------------------------- */ 3539----------------------------------------------- */
2503 3540
2504@media print { 3541@media print {
2505 body { 3542 body {
2506 background: none !important; 3543 background: none !important;
2507 font-size: 10pt; 3544 font-size: 10pt;
2508 } 3545 }
2509 footer.entry-meta a[rel=bookmark]:link:after, 3546 footer.entry-meta a[rel=bookmark]:link:after,
2510 footer.entry-meta a[rel=bookmark]:visited:after { 3547 footer.entry-meta a[rel=bookmark]:visited:after {
2511 content: " [" attr(href) "] "; /* Show URLs */ 3548 content: " [" attr(href) "] "; /* Show URLs */
2512 } 3549 }
2513 #page { 3550 #page {
2514 clear: both !important; 3551 clear: both !important;
2515 display: block !important; 3552 display: block !important;
2516 float: none !important; 3553 float: none !important;
2517 max-width: 100%; 3554 max-width: 100%;
2518 position: relative !important; 3555 position: relative !important;
2519 } 3556 }
2520 #branding { 3557 #branding {
2521 border-top: none !important; 3558 border-top: none !important;
2522 padding: 0; 3559 padding: 0;
2523 } 3560 }
2524 #branding hgroup { 3561 #branding hgroup {
2525 margin: 0; 3562 margin: 0;
2526 } 3563 }
2527 #site-title a { 3564 #site-title a {
2528 font-size: 21pt; 3565 font-size: 21pt;
2529 } 3566 }
2530 #site-description { 3567 #site-description {
2531 font-size: 10pt; 3568 font-size: 10pt;
2532 } 3569 }
2533 #branding #searchform { 3570 #branding #searchform {
2534 display: none; 3571 display: none;
2535 } 3572 }
2536 #branding img { 3573 #branding img {
2537 display: none; 3574 display: none;
2538 } 3575 }
2539 #access { 3576 #access {
2540 display: none; 3577 display: none;
2541 } 3578 }
2542 #main { 3579 #main {
2543 border-top: none; 3580 border-top: none;
2544 box-shadow: none; 3581 box-shadow: none;
2545 } 3582 }
2546 #primary { 3583 #primary {
2547 float: left; 3584 float: left;
2548 margin: 0; 3585 margin: 0;
2549 width: 100%; 3586 width: 100%;
2550 } 3587 }
2551 #content { 3588 #content {
2552 margin: 0; 3589 margin: 0;
2553 width: auto; 3590 width: auto;
2554 } 3591 }
2555 .singular #content { 3592 .singular #content {
2556 margin: 0; 3593 margin: 0;
2557 width: 100%; 3594 width: 100%;
2558 } 3595 }
2559 .singular .entry-header .entry-meta { 3596 .singular .entry-header .entry-meta {
2560 position: static; 3597 position: static;
2561 } 3598 }
2562 .entry-meta .edit-link a { 3599 .entry-meta .edit-link a {
2563 display: none; 3600 display: none;
2564 } 3601 }
2565 #content nav { 3602 #content nav {
2566 display: none; 3603 display: none;
2567 } 3604 }
2568 .singular .entry-header, 3605 .singular .entry-header,
2569 .singular .entry-content, 3606 .singular .entry-content,
2570 .singular footer.entry-meta, 3607 .singular footer.entry-meta,
2571 .singular #comments-title { 3608 .singular #comments-title {
2572 margin: 0; 3609 margin: 0;
2573 width: 100%; 3610 width: 100%;
2574 } 3611 }
2575 .singular .hentry { 3612 .singular .hentry {
2576 padding: 0; 3613 padding: 0;
2577 } 3614 }
2578 .entry-title, 3615 .entry-title,
2579 .singular .entry-title { 3616 .singular .entry-title {
2580 font-size: 21pt; 3617 font-size: 21pt;
2581 } 3618 }
2582 .entry-meta { 3619 .entry-meta {
2583 font-size: 10pt; 3620 font-size: 10pt;
2584 } 3621 }
2585 .entry-header .comments-link { 3622 .entry-header .comments-link {
2586 display: none; 3623 display: none;
2587 } 3624 }
2588 .page-link { 3625 .page-link {
2589 display: none; 3626 display: none;
2590 } 3627 }
2591 .singular #author-info { 3628 .singular #author-info {
2592 background: none; 3629 background: none;
2593 border-bottom: none; 3630 border-bottom: none;
2594 border-top: none; 3631 border-top: none;
2595 margin: 2.2em 0 0; 3632 margin: 2.2em 0 0;
2596 padding: 0; 3633 padding: 0;
2597 } 3634 }
2598 #respond { 3635 #respond {
2599 display: none; 3636 display: none;
2600 } 3637 }
2601 .widget-area { 3638 .widget-area {
2602 display: none; 3639 display: none;
2603 } 3640 }
2604 #colophon { 3641 #colophon {
2605 display: none; 3642 display: none;
2606 } 3643 }
2607 3644
2608 /* Comments */ 3645 /* Comments */
2609 .commentlist > li.comment { 3646 .commentlist > li.comment {
2610 background: none; 3647 background: none;
2611 border: 1px solid #ddd; 3648 border: 1px solid #ddd;
2612 -moz-border-radius: 3px 3px 3px 3px; 3649 -moz-border-radius: 3px 3px 3px 3px;
2613 border-radius: 3px 3px 3px 3px; 3650 border-radius: 3px 3px 3px 3px;
2614 margin: 0 auto 1.625em; 3651 margin: 0 auto 1.625em;
2615 padding: 1.625em; 3652 padding: 1.625em;
2616 position: relative; 3653 position: relative;
2617 width: auto; 3654 width: auto;
2618 } 3655 }
2619 .commentlist .avatar { 3656 .commentlist .avatar {
2620 height: 39px; 3657 height: 39px;
2621 left: 2.2em; 3658 left: 2.2em;
2622 top: 2.2em; 3659 top: 2.2em;
2623 width: 39px; 3660 width: 39px;
2624 } 3661 }
2625 .commentlist li.comment .comment-meta { 3662 .commentlist li.comment .comment-meta {
2626 line-height: 1.625em; 3663 line-height: 1.625em;
2627 margin-left: 50px; 3664 margin-left: 50px;
2628 } 3665 }
2629 .commentlist li.comment .fn { 3666 .commentlist li.comment .fn {
2630 display: block; 3667 display: block;
2631 } 3668 }
2632 .commentlist li.comment .comment-content { 3669 .commentlist li.comment .comment-content {
2633 margin: 1.625em 0 0; 3670 margin: 1.625em 0 0;
2634 } 3671 }
2635 .commentlist .comment-edit-link { 3672 .commentlist .comment-edit-link {
2636 display: none; 3673 display: none;
2637 } 3674 }
2638 .commentlist > li::before, 3675 .commentlist > li::before,
2639 .commentlist > li.bypostauthor::before { 3676 .commentlist > li.bypostauthor::before {
2640 content: ''; 3677 content: '';
2641 } 3678 }
2642 .commentlist .reply { 3679 .commentlist .reply {
2643 display: none; 3680 display: none;
2644 } 3681 }
2645 3682
2646 /* Post author highlighting */ 3683 /* Post author highlighting */
2647 .commentlist > li.bypostauthor { 3684 .commentlist > li.bypostauthor {
2648 color: #444; 3685 color: #444;
2649 } 3686 }
2650 .commentlist > li.bypostauthor .comment-meta { 3687 .commentlist > li.bypostauthor .comment-meta {
2651 color: #666; 3688 color: #666;
2652 } 3689 }
2653 .commentlist > li.bypostauthor:before { 3690 .commentlist > li.bypostauthor:before {
2654 content: none; 3691 content: none;
2655 } 3692 }
2656 3693
2657 /* Post Author threaded comments */ 3694 /* Post Author threaded comments */
2658 .commentlist .children > li.bypostauthor { 3695 .commentlist .children > li.bypostauthor {
2659 background: #fff; 3696 background: #fff;
2660 border-color: #ddd; 3697 border-color: #ddd;
2661 } 3698 }
2662 .commentlist .children > li.bypostauthor > article, 3699 .commentlist .children > li.bypostauthor > article,
2663 .commentlist .children > li.bypostauthor > article .comment-meta { 3700 .commentlist .children > li.bypostauthor > article .comment-meta {
2664 color: #666; 3701 color: #666;
2665 } 3702 }
2666 3703
2667} 3704}
2668 3705
2669 3706
2670/* =IE7 3707/* =IE7
2671----------------------------------------------- */ 3708----------------------------------------------- */
2672 3709
2673#ie7 article.intro { 3710#ie7 article.intro {
2674 margin-left: -7.6%; 3711 margin-left: -7.6%;
2675 margin-right: -7.6%; 3712 margin-right: -7.6%;
2676 padding-left: -7.6%; 3713 padding-left: -7.6%;
2677 padding-right: -7.6%; 3714 padding-right: -7.6%;
2678 max-width: 1000px; 3715 max-width: 1000px;
2679} 3716}
2680#ie7 section.featured-post { 3717#ie7 section.featured-post {
2681 margin-left: -7.6%; 3718 margin-left: -7.6%;
2682 margin-right: -7.6%; 3719 margin-right: -7.6%;
2683 max-width: 850px; 3720 max-width: 850px;
2684} 3721}
2685#ie7 section.recent-posts { 3722#ie7 section.recent-posts {
2686 margin-right: 7.6%; 3723 margin-right: 7.6%;
2687} 3724}
2688 3725
2689/* =IE8 3726/* =IE8
2690----------------------------------------------- */ 3727----------------------------------------------- */
2691 3728
2692#ie8 section.feature-image.large img { 3729#ie8 section.feature-image.large img {
2693 width: 100%; 3730 width: 100%;
2694} 3731}
ORIGINAL TEXT
CHANGED TEXT