Share this diff
1/* 1/*
2Theme Name: Spun 2Theme Name: Spun
3Theme URI: http://carolinethemes.com/2012/11/04/spun/ 3Theme URI: http://carolinethemes.com/2012/11/04/spun/
4Author: Caroline Moore 4Author: Caroline Moore
5Author URI: http://carolinemoore.net/ 5Author URI: http://carolinemoore.net/
6Description: It's all about your content -- pure and simple. 6Description: It's all about your content -- pure and simple.
7Version: 1.07 7Version: 1.07
8License: GNU General Public License 8License: GNU General Public License
9License URI: license.txt 9License URI: license.txt
10Tags: light, one-column, fixed-width, white, gray, custom-menu, custom-background, custom-header, flexible-header, rtl-language-support, translation-ready 10Tags: light, one-column, fixed-width, white, gray, custom-menu, custom-background, custom-header, flexible-header, rtl-language-support, translation-ready
11 11
12This theme, like WordPress, is licensed under the GPL. 12This theme, like WordPress, is licensed under the GPL.
13Use it to make something cool, have fun, and share what you've learned with others. 13Use it to make something cool, have fun, and share what you've learned with others.
14 14
15Resetting and rebuilding styles have been helped along thanks to the fine work of 15Resetting and rebuilding styles have been helped along thanks to the fine work of
16Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html 16Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
17along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ 17along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
18and Blueprint http://www.blueprintcss.org/ 18and Blueprint http://www.blueprintcss.org/
19*/ 19*/
20 20
21 21
22/* =Reset 22/* =Reset
23-------------------------------------------------------------- */ 23-------------------------------------------------------------- */
24 24
25html, body, div, span, applet, object, iframe, 25html, body, div, span, applet, object, iframe,
26h1, h2, h3, h4, h5, h6, p, blockquote, pre, 26h1, h2, h3, h4, h5, h6, p, blockquote, pre,
27a, abbr, acronym, address, big, cite, code, 27a, abbr, acronym, address, big, cite, code,
28del, dfn, em, font, ins, kbd, q, s, samp, 28del, dfn, em, font, ins, kbd, q, s, samp,
29small, strike, strong, sub, sup, tt, var, 29small, strike, strong, sub, sup, tt, var,
30dl, dt, dd, ol, ul, li, 30dl, dt, dd, ol, ul, li,
31fieldset, form, label, legend, 31fieldset, form, label, legend,
32table, caption, tbody, tfoot, thead, tr, th, td { 32table, caption, tbody, tfoot, thead, tr, th, td {
33 border: 0; 33 border: 0;
34 font-family: inherit; 34 font-family: inherit;
35 font-size: 100%; 35 font-size: 100%;
36 font-style: inherit; 36 font-style: inherit;
37 font-weight: inherit; 37 font-weight: inherit;
38 margin: 0; 38 margin: 0;
39 outline: 0; 39 outline: 0;
40 padding: 0; 40 padding: 0;
41 vertical-align: baseline; 41 vertical-align: baseline;
42} 42}
43html { 43html {
44 font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ 44 font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
45 overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */ 45 overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
46 -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ 46 -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
47 -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_withou
t_disabling_user_zoom/ */
47 -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_withou
t_disabling_user_zoom/ */
48} 48}
49body { 49body {
50 background: #fff; 50 background: #fff;
51} 51}
52article, 52article,
53aside, 53aside,
54details, 54details,
55figcaption, 55figcaption,
56figure, 56figure,
57footer, 57footer,
58header, 58header,
59hgroup, 59hgroup,
60nav, 60nav,
61section { 61section {
62 display: block; 62 display: block;
63} 63}
64ol, ul { 64ol, ul {
65 list-style: none; 65 list-style: none;
66} 66}
67table { /* tables still need 'cellspacing="0"' in the markup */ 67table { /* tables still need 'cellspacing="0"' in the markup */
68 border-collapse: separate; 68 border-collapse: separate;
69 border-spacing: 0; 69 border-spacing: 0;
70} 70}
71caption, th, td { 71caption, th, td {
72 font-weight: normal; 72 font-weight: normal;
73 text-align: left; 73 text-align: left;
74} 74}
75blockquote:before, blockquote:after, 75blockquote:before, blockquote:after,
76q:before, q:after { 76q:before, q:after {
77 content: ""; 77 content: "";
78} 78}
79blockquote, q { 79blockquote, q {
80 quotes: "" ""; 80 quotes: "" "";
81} 81}
82a:focus { 82a:focus {
83 outline: thin dotted; 83 outline: thin dotted;
84} 84}
85a:hover, 85a:hover,
86a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */ 86a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
87 outline: 0; 87 outline: 0;
88} 88}
89a img { 89a img {
90 border: 0; 90 border: 0;
91} 91}
92 92
93 93
94/* =Global 94/* =Global
95----------------------------------------------- */ 95----------------------------------------------- */
96 96
97body, 97body,
98button, 98button,
99input, 99input,
100select, 100select,
101textarea { 101textarea {
102 color: #666; 102 color: #666;
103 font-family: Baskerville, "Playfair Display", "Times New Roman", serif; 103 font-family: 'Pacifico', cursive;
104 font-size: 16px; 104 font-size: 16px;
105 font-size: 1.6rem; 105 font-size: 1.6rem;
106 font-weight: 300; 106 font-weight: 300;
107 line-height: 1.5; 107 line-height: 1.5;
108} 108}
109 109
110/* Headings */ 110/* Headings */
111h1,h2,h3,h4,h5,h6 { 111h1,h2,h3,h4,h5,h6 {
112 clear: both; 112 clear: both;
113 font-family: Baskerville, "Playfair Display", "Times New Roman", serif; 113 font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
114 font-style: italic; 114 font-style: italic;
115 margin: 1em 0; 115 margin: 1em 0;
116} 116}
117h1 { 117h1 {
118 font-size: 32px; 118 font-size: 32px;
119 font-size: 3.2rem; 119 font-size: 3.2rem;
120 line-height: 1em; 120 line-height: 1em;
121} 121}
122h2 { 122h2 {
123 font-size: 28px; 123 font-size: 28px;
124 font-size: 2.8rem; 124 font-size: 2.8rem;
125} 125}
126h3 { 126h3 {
127 font-size: 24px; 127 font-size: 24px;
128 font-size: 2.4rem; 128 font-size: 2.4rem;
129} 129}
130h4 { 130h4 {
131 font-size: 20px; 131 font-size: 20px;
132 font-size: 2.0rem; 132 font-size: 2.0rem;
133} 133}
134h5 { 134h5 {
135 font-family: Quicksand, Arial, Helvetica, sans-serif; 135 font-family: Quicksand, Arial, Helvetica, sans-serif;
136 -webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */ 136 -webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */
137 font-size: 16px; 137 font-size: 16px;
138 font-size: 1.6rem; 138 font-size: 1.6rem;
139 font-style: normal; 139 font-style: normal;
140 text-transform: uppercase; 140 text-transform: uppercase;
141} 141}
142h6 { 142h6 {
143 font-family: Quicksand, Arial, Helvetica, sans-serif; 143 font-family: Quicksand, Arial, Helvetica, sans-serif;
144 -webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */ 144 -webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */
145 font-size: 12px; 145 font-size: 12px;
146 font-size: 1.2rem; 146 font-size: 1.2rem;
147 font-style: normal; 147 font-style: normal;
148 text-transform: uppercase; 148 text-transform: uppercase;
149} 149}
150hr { 150hr {
151 background-color: #ccc; 151 background-color: #ccc;
152 border: 0; 152 border: 0;
153 height: 1px; 153 height: 1px;
154 margin-bottom: 1.5em; 154 margin-bottom: 1.5em;
155} 155}
156 156
157/* Text elements */ 157/* Text elements */
158::selection { 158::selection {
159 background-color: #444; 159 background-color: #444;
160 color: #fff; 160 color: #fff;
161} 161}
162p { 162p {
163 margin-bottom: 1.5em; 163 margin-bottom: 1.5em;
164} 164}
165ul, ol { 165ul, ol {
166 margin: 0 0 1.5em 2em; 166 margin: 0 0 1.5em 2em;
167} 167}
168ul { 168ul {
169 list-style: none; 169 list-style: none;
170} 170}
171ul li:before { 171ul li:before {
172 content: "\02022"; 172 content: "\02022";
173 font-size: 14px; 173 font-size: 14px;
174 font-size: 1.4rem; 174 font-size: 1.4rem;
175 margin: 0 0 0 -1.5em; 175 margin: 0 0 0 -1.5em;
176 padding: 0 1em 0 0; 176 padding: 0 1em 0 0;
177} 177}
178ul ul li:before { 178ul ul li:before {
179 content: "\00B0"; 179 content: "\00B0";
180} 180}
181ul ul ul li:before { 181ul ul ul li:before {
182 content: "\25C7"; 182 content: "\25C7";
183 font-size: 10px; 183 font-size: 10px;
184 font-size: 1rem; 184 font-size: 1rem;
185} 185}
186ol { 186ol {
187 list-style: decimal; 187 list-style: decimal;
188} 188}
189ol ol { 189ol ol {
190 list-style: lower-alpha; 190 list-style: lower-alpha;
191} 191}
192ol ol ol { 192ol ol ol {
193 list-style: lower-roman; 193 list-style: lower-roman;
194} 194}
195ul ul, ol ol, ul ol, ol ul { 195ul ul, ol ol, ul ol, ol ul {
196 margin-bottom: 0; 196 margin-bottom: 0;
197 margin-left: 1.5em; 197 margin-left: 1.5em;
198} 198}
199dt { 199dt {
200 font-weight: bold; 200 font-weight: bold;
201} 201}
202dd { 202dd {
203 margin: 0 1.5em 1.5em; 203 margin: 0 1.5em 1.5em;
204} 204}
205b, strong { 205b, strong {
206 font-weight: bold; 206 font-weight: bold;
207} 207}
208dfn, cite, em, i { 208dfn, cite, em, i {
209 font-style: italic; 209 font-style: italic;
210} 210}
211cite { 211cite {
212 font-size: 12px; 212 font-size: 12px;
213 font-style: normal; 213 font-style: normal;
214 text-transform: uppercase; 214 text-transform: uppercase;
215} 215}
216blockquote { 216blockquote {
217 border-top: 1px solid #eee; 217 border-top: 1px solid #eee;
218 border-bottom: 1px solid #eee; 218 border-bottom: 1px solid #eee;
219 font-family: Baskerville, "Playfair Display", "Times New Roman", serif; 219 font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
220 font-size: 24px; 220 font-size: 24px;
221 font-size: 2.4rem; 221 font-size: 2.4rem;
222 font-style: italic; 222 font-style: italic;
223 margin: 1.5em 0; 223 margin: 1.5em 0;
224 padding: 1em 1.5em; 224 padding: 1em 1.5em;
225} 225}
226blockquote p { 226blockquote p {
227 margin: 0; 227 margin: 0;
228} 228}
229blockquote cite { 229blockquote cite {
230 clear: both; 230 clear: both;
231 float: right; 231 float: right;
232 font-size: 12px; 232 font-size: 12px;
233 font-size: 1.2rem; 233 font-size: 1.2rem;
234 font-style: normal; 234 font-style: normal;
235 text-transform: uppercase; 235 text-transform: uppercase;
236} 236}
237address { 237address {
238 font-style: italic; 238 font-style: italic;
239 margin: 0 0 1.5em; 239 margin: 0 0 1.5em;
240} 240}
241pre { 241pre {
242 background: #fafafa; 242 background: #fafafa;
243 border: 1px dashed #eee; 243 border: 1px dashed #eee;
244 font-family: "Courier 10 Pitch", Courier, monospace; 244 font-family: "Courier 10 Pitch", Courier, monospace;
245 font-size: 14px; 245 font-size: 14px;
246 font-size: 1.4rem; 246 font-size: 1.4rem;
247 line-height: 1.6; 247 line-height: 1.6;
248 margin-bottom: 1.6em; 248 margin-bottom: 1.6em;
249 padding: 1.6em; 249 padding: 1.6em;
250 overflow: auto; 250 overflow: auto;
251 max-width: 100%; 251 max-width: 100%;
252} 252}
253code, kbd, tt, var { 253code, kbd, tt, var {
254 background: #fafafa; 254 background: #fafafa;
255 border: 1px dashed #eee; 255 border: 1px dashed #eee;
256 font: 14px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; 256 font: 14px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
257} 257}
258abbr, acronym { 258abbr, acronym {
259 border-bottom: 1px dotted #666; 259 border-bottom: 1px dotted #666;
260 cursor: help; 260 cursor: help;
261} 261}
262mark, ins { 262mark, ins {
263 background: #aee6f8; 263 background: #aee6f8;
264 text-decoration: none; 264 text-decoration: none;
265} 265}
266sup, 266sup,
267sub { 267sub {
268 font-size: 75%; 268 font-size: 75%;
269 height: 0; 269 height: 0;
270 line-height: 0; 270 line-height: 0;
271 position: relative; 271 position: relative;
272 vertical-align: baseline; 272 vertical-align: baseline;
273} 273}
274sup { 274sup {
275 bottom: 1ex; 275 bottom: 1ex;
276} 276}
277sub { 277sub {
278 top: .5ex; 278 top: .5ex;
279} 279}
280small { 280small {
281 font-size: 75%; 281 font-size: 75%;
282} 282}
283big { 283big {
284 font-size: 125%; 284 font-size: 125%;
285} 285}
286figure { 286figure {
287 margin: 0; 287 margin: 0;
288} 288}
289table { 289table {
290 font-size: 90%; 290 font-size: 90%;
291 margin: 0 0 1.5em; 291 margin: 0 0 1.5em;
292 width: 100%; 292 width: 100%;
293} 293}
294td { 294td {
295 border-bottom: 1px solid #eee; 295 border-bottom: 1px solid #eee;
296 padding: 5px 10px; 296 padding: 5px 10px;
297} 297}
298th { 298th {
299 border-bottom: 1px solid #eee; 299 border-bottom: 1px solid #eee;
300 font-size: 16px; 300 font-size: 16px;
301 font-size: 1.6rem; 301 font-size: 1.6rem;
302 padding: 5px 10px; 302 padding: 5px 10px;
303 text-transform: uppercase; 303 text-transform: uppercase;
304} 304}
305tr:hover { 305tr:hover {
306 background: rgba(0,0,0,.01); 306 background: rgba(0,0,0,.01);
307} 307}
308button, 308button,
309input, 309input,
310select, 310select,
311textarea { 311textarea {
312 font-size: 100%; /* Corrects font size not being inherited in all browsers */ 312 font-size: 100%; /* Corrects font size not being inherited in all browsers */
313 margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ 313 margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
314 vertical-align: baseline; /* Improves appearance and consistency in all browsers */ 314 vertical-align: baseline; /* Improves appearance and consistency in all browsers */
315 *vertical-align: middle; /* Improves appearance and consistency in all browsers */ 315 *vertical-align: middle; /* Improves appearance and consistency in all browsers */
316} 316}
317button, 317button,
318input { 318input {
319 line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ 319 line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
320 *overflow: visible; /* Corrects inner spacing displayed oddly in IE6/7 */ 320 *overflow: visible; /* Corrects inner spacing displayed oddly in IE6/7 */
321} 321}
322button, 322button,
323html input[type="button"], 323html input[type="button"],
324input[type="reset"], 324input[type="reset"],
325input[type="submit"] { 325input[type="submit"] {
326 background: #eee; 326 background: #eee;
327 border: 0 none; 327 border: 0 none;
328 border-radius: 50px; 328 border-radius: 50px;
329 color: #fff; 329 color: #fff;
330 cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ 330 cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
331 font-size: 12px; 331 font-size: 12px;
332 font-size: 1.2rem; 332 font-size: 1.2rem;
333 line-height: 1; 333 line-height: 1;
334 margin: 0; 334 margin: 0;
335 padding: .65em 1em; 335 padding: .65em 1em;
336 text-transform: uppercase; 336 text-transform: uppercase;
337 transition: all .3s ease-in-out; 337 transition: all .3s ease-in-out;
338 -webkit-transition: all .3s ease-in-out; 338 -webkit-transition: all .3s ease-in-out;
339 -moz-transition: all .3s ease-in-out; 339 -moz-transition: all .3s ease-in-out;
340 -o-transition: all .3s ease-in-out; 340 -o-transition: all .3s ease-in-out;
341} 341}
342button:hover, 342button:hover,
343html input[type="button"]:hover, 343html input[type="button"]:hover,
344input[type="reset"]:hover, 344input[type="reset"]:hover,
345input[type="submit"]:hover { 345input[type="submit"]:hover {
346 background: #444; 346 background: #444;
347 color: #fafafa; 347 color: #fafafa;
348 transition: all .3s ease-in-out; 348 transition: all .3s ease-in-out;
349 -webkit-transition: all .3s ease-in-out; 349 -webkit-transition: all .3s ease-in-out;
350 -moz-transition: all .3s ease-in-out; 350 -moz-transition: all .3s ease-in-out;
351 -o-transition: all .3s ease-in-out; 351 -o-transition: all .3s ease-in-out;
352} 352}
353button:focus, 353button:focus,
354html input[type="button"]:focus, 354html input[type="button"]:focus,
355input[type="reset"]:focus, 355input[type="reset"]:focus,
356input[type="submit"]:focus, 356input[type="submit"]:focus,
357button:active, 357button:active,
358html input[type="button"]:active, 358html input[type="button"]:active,
359input[type="reset"]:active, 359input[type="reset"]:active,
360input[type="submit"]:active { 360input[type="submit"]:active {
361 361
362} 362}
363input[type="checkbox"], 363input[type="checkbox"],
364input[type="radio"] { 364input[type="radio"] {
365 box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */ 365 box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
366 padding: 0; /* Addresses excess padding in IE8/9 */ 366 padding: 0; /* Addresses excess padding in IE8/9 */
367} 367}
368input[type="search"] { 368input[type="search"] {
369 -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ 369 -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
370 -moz-box-sizing: content-box; 370 -moz-box-sizing: content-box;
371 -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ 371 -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
372 box-sizing: content-box; 372 box-sizing: content-box;
373} 373}
374input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ 374input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
375 -webkit-appearance: none; 375 -webkit-appearance: none;
376} 376}
377button::-moz-focus-inner, 377button::-moz-focus-inner,
378input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-butto
ns/ */
378input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-butto
ns/ */
379 border: 0; 379 border: 0;
380 padding: 0; 380 padding: 0;
381} 381}
382input[type=text], 382input[type=text],
383input[type=password], 383input[type=password],
384input[type=email], 384input[type=email],
385textarea { 385textarea {
386 color: #666; 386 color: #666;
387 border: 1px solid #f2f2f2; 387 border: 1px solid #f2f2f2;
388 border-radius: 3px; 388 border-radius: 3px;
389} 389}
390input[type=text]:focus, 390input[type=text]:focus,
391input[type=password]:focus, 391input[type=password]:focus,
392input[type=email]:focus, 392input[type=email]:focus,
393textarea:focus { 393textarea:focus {
394 color: #999; 394 color: #999;
395} 395}
396input[type=text], 396input[type=text],
397input[type=email], 397input[type=email],
398input[type=password] { 398input[type=password] {
399 padding: 3px; 399 padding: 3px;
400} 400}
401textarea { 401textarea {
402 overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ 402 overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
403 padding-left: 3px; 403 padding-left: 3px;
404 vertical-align: top; /* Improves readability and alignment in all browsers */ 404 vertical-align: top; /* Improves readability and alignment in all browsers */
405 width: 98%; 405 width: 98%;
406} 406}
407 407
408/* Links */ 408/* Links */
409a { 409a {
410 color: #333; 410 color: #333;
411 text-decoration: none; 411 text-decoration: none;
412 transition: all .4s ease-in-out; 412 transition: all .4s ease-in-out;
413 -webkit-transition: all .4s ease-in-out; 413 -webkit-transition: all .4s ease-in-out;
414 -moz-transition: all .4s ease-in-out; 414 -moz-transition: all .4s ease-in-out;
415 -o-transition: all .4s ease-in-out; 415 -o-transition: all .4s ease-in-out;
416} 416}
417a:visited { 417a:visited {
418 color: #333; 418 color: #333;
419} 419}
420a:hover, 420a:hover,
421a:focus, 421a:focus,
422a:active { 422a:active {
423 color: #999; 423 color: #999;
424 text-decoration: none; 424 text-decoration: none;
425 transition: all .4s ease-in-out; 425 transition: all .4s ease-in-out;
426 -webkit-transition: all .4s ease-in-out; 426 -webkit-transition: all .4s ease-in-out;
427 -moz-transition: all .4s ease-in-out; 427 -moz-transition: all .4s ease-in-out;
428 -o-transition: all .4s ease-in-out; 428 -o-transition: all .4s ease-in-out;
429} 429}
430 430
431/* Alignment */ 431/* Alignment */
432.alignleft { 432.alignleft {
433 display: inline; 433 display: inline;
434 float: left; 434 float: left;
435 margin-top: 1.5em; 435 margin-top: 1.5em;
436 margin-right: 1.5em; 436 margin-right: 1.5em;
437 margin-bottom: 1.5em; 437 margin-bottom: 1.5em;
438} 438}
439.alignright { 439.alignright {
440 display: inline; 440 display: inline;
441 float: right; 441 float: right;
442 margin-top: 1.5em; 442 margin-top: 1.5em;
443 margin-left: 1.5em; 443 margin-left: 1.5em;
444 margin-bottom: 1.5em; 444 margin-bottom: 1.5em;
445} 445}
446.aligncenter { 446.aligncenter {
447 clear: both; 447 clear: both;
448 display: block; 448 display: block;
449 margin: 1.5em auto; 449 margin: 1.5em auto;
450} 450}
451 451
452/* Text meant only for screen readers */ 452/* Text meant only for screen readers */
453.assistive-text { 453.assistive-text {
454 clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ 454 clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
455 clip: rect(1px, 1px, 1px, 1px); 455 clip: rect(1px, 1px, 1px, 1px);
456 position: absolute !important; 456 position: absolute !important;
457} 457}
458 458
459 459
460/* =Menu 460/* =Menu
461----------------------------------------------- */ 461----------------------------------------------- */
462 462
463.main-navigation { 463.main-navigation {
464 color: #999; 464 color: #999;
465 display: block; 465 display: block;
466 float: right; 466 float: right;
467 font-family: Quicksand, Helvetica, Arial, sans-serif; 467 font-family: Quicksand, Helvetica, Arial, sans-serif;
468 -webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */ 468 -webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */
469 font-size: 14px; 469 font-size: 14px;
470 font-size: 1.4rem; 470 font-size: 1.4rem;
471 margin: 5px 0 0; 471 margin: 5px 0 0;
472 position: relative; 472 position: relative;
473 text-align: right; 473 text-align: right;
474 text-transform: uppercase; 474 text-transform: uppercase;
475 width: 60%; 475 width: 60%;
476} 476}
477.main-navigation ul { 477.main-navigation ul {
478 list-style: none; 478 list-style: none;
479 margin: 0; 479 margin: 0;
480 padding-left: 0; 480 padding-left: 0;
481} 481}
482.main-navigation li { 482.main-navigation li {
483 float: right; 483 float: right;
484 margin: 0 0 5px 20px; 484 margin: 0 0 5px 20px;
485 position: relative; 485 position: relative;
486} 486}
487.main-navigation li:before { 487.main-navigation li:before {
488 content: ""; 488 content: "";
489 margin: 0; 489 margin: 0;
490 padding: 0; 490 padding: 0;
491} 491}
492.main-navigation a { 492.main-navigation a {
493 color: #999; 493 color: #999;
494 display: block; 494 display: block;
495 text-decoration: none; 495 text-decoration: none;
496} 496}
497.main-navigation ul ul { 497.main-navigation ul ul {
498 float: left; 498 float: left;
499 opacity: 0; 499 opacity: 0;
500 position: absolute; 500 position: absolute;
501 top: 1.6em; 501 top: 1.6em;
502 left: 0; 502 left: 0;
503 text-align: left; 503 text-align: left;
504 transition: all .4s ease-in-out; 504 transition: all .4s ease-in-out;
505 -webkit-transition: all .4s ease-in-out; 505 -webkit-transition: all .4s ease-in-out;
506 -moz-transition: all .4s ease-in-out; 506 -moz-transition: all .4s ease-in-out;
507 -o-transition: all .4s ease-in-out; 507 -o-transition: all .4s ease-in-out;
508 visibility: hidden; 508 visibility: hidden;
509 z-index: 99999; 509 z-index: 99999;
510} 510}
511.main-navigation ul ul ul { 511.main-navigation ul ul ul {
512 left: 100%; 512 left: 100%;
513 top: 0; 513 top: 0;
514} 514}
515.main-navigation ul ul a { 515.main-navigation ul ul a {
516 background: rgba(255,255,255,.9); 516 background: rgba(255,255,255,.9);
517 padding: 5px 10px; 517 padding: 5px 10px;
518 text-transform: none; 518 text-transform: none;
519 width: 150px; 519 width: 150px;
520} 520}
521.main-navigation ul ul li, 521.main-navigation ul ul li,
522.main-navigation ul ul li:hover { 522.main-navigation ul ul li:hover {
523 margin: 0 0 0 -10px; 523 margin: 0 0 0 -10px;
524} 524}
525.main-navigation ul ul ul li, 525.main-navigation ul ul ul li,
526.main-navigation ul ul ul li:hover { 526.main-navigation ul ul ul li:hover {
527 margin: 0; 527 margin: 0;
528} 528}
529.main-navigation li:hover > a { 529.main-navigation li:hover > a {
530} 530}
531.main-navigation ul ul :hover > a { 531.main-navigation ul ul :hover > a {
532} 532}
533.main-navigation ul ul a, 533.main-navigation ul ul a,
534.main-navigation ul ul a:hover { 534.main-navigation ul ul a:hover {
535} 535}
536.main-navigation ul li:hover > ul { 536.main-navigation ul li:hover > ul {
537 display: block; 537 display: block;
538 opacity: 1; 538 opacity: 1;
539 transition: all .4s ease-in-out; 539 transition: all .4s ease-in-out;
540 -webkit-transition: all .4s ease-in-out; 540 -webkit-transition: all .4s ease-in-out;
541 -moz-transition: all .4s ease-in-out; 541 -moz-transition: all .4s ease-in-out;
542 -o-transition: all .4s ease-in-out; 542 -o-transition: all .4s ease-in-out;
543 visibility: visible; 543 visibility: visible;
544} 544}
545.main-navigation li.current_page_item a, 545.main-navigation li.current_page_item a,
546.main-navigation li.current-menu-item a { 546.main-navigation li.current-menu-item a {
547 547
548} 548}
549.main-navigation ul li.current_page_item ul a, 549.main-navigation ul li.current_page_item ul a,
550.main-navigation ul li.current-menu-item ul a, 550.main-navigation ul li.current-menu-item ul a,
551.main-navigation ul ul li.current_page_item a, 551.main-navigation ul ul li.current_page_item a,
552.main-navigation ul ul li.current-menu-item a { 552.main-navigation ul ul li.current-menu-item a {
553 553
554} 554}
555.main-navigation ul ul .parent > a:after { 555.main-navigation ul ul .parent > a:after {
556 color: #999; 556 color: #999;
557 content: " » "; 557 content: " » ";
558 display: inline-block; 558 display: inline-block;
559 margin: 0 0 0 .5em; 559 margin: 0 0 0 .5em;
560} 560}
561 561
562/* Small menu */ 562/* Small menu */
563.menu-toggle { 563.menu-toggle {
564 clear: none; 564 clear: none;
565 color: #444; 565 color: #444;
566 cursor: pointer; 566 cursor: pointer;
567 display: block; 567 display: block;
568 float: right; 568 float: right;
569 font-family: Quicksand, Helvetica, Arial, sans-serif; 569 font-family: Quicksand, Helvetica, Arial, sans-serif;
570 -webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */ 570 -webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */
571 font-size: 14px; 571 font-size: 14px;
572 font-size: 1.4rem; 572 font-size: 1.4rem;
573 font-style: normal; 573 font-style: normal;
574 margin: 0; 574 margin: 0;
575 position: relative; 575 position: relative;
576 text-align: right; 576 text-align: right;
577 text-transform: uppercase; 577 text-transform: uppercase;
578 transition: color .4s ease-in-out; 578 transition: color .4s ease-in-out;
579 -webkit-transition: color .4s ease-in-out; 579 -webkit-transition: color .4s ease-in-out;
580 -moz-transition: color .4s ease-in-out; 580 -moz-transition: color .4s ease-in-out;
581 -o-transition: color .4s ease-in-out; 581 -o-transition: color .4s ease-in-out;
582 width: auto; 582 width: auto;
583} 583}
584.main-small-navigation .menu { 584.main-small-navigation .menu {
585 clear: both; 585 clear: both;
586 display: none; 586 display: none;
587 font-family: Quicksand, Helvetica, Arial, sans-serif; 587 font-family: Quicksand, Helvetica, Arial, sans-serif;
588 -webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */ 588 -webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */
589 margin: 0; 589 margin: 0;
590 padding: 2em 0 0; 590 padding: 2em 0 0;
591 width: 100%; 591 width: 100%;
592} 592}
593.main-small-navigation .menu li { 593.main-small-navigation .menu li {
594 font-size: 14px; 594 font-size: 14px;
595 font-size: 1.4rem; 595 font-size: 1.4rem;
596 margin-left: 10px; 596 margin-left: 10px;
597 text-transform: uppercase; 597 text-transform: uppercase;
598} 598}
599 599
600 600
601/* =Layout 601/* =Layout
602----------------------------------------------- */ 602----------------------------------------------- */
603 603
604#page { 604#page {
605 background: #fff; 605 background: #fff;
606 margin: 0 auto; 606 margin: 0 auto;
607 padding: 0 50px; 607 padding: 0 50px;
608 width: 1000px; 608 width: 1000px;
609} 609}
610.single #primary, 610.single #primary,
611.page #primary, 611.page #primary,
612.search-no-results #primary, 612.search-no-results #primary,
613.error404 #primary { 613.error404 #primary {
614 clear: both; 614 clear: both;
615 margin: 0 auto; 615 margin: 0 auto;
616 width: 800px; 616 width: 800px;
617} 617}
618#secondary { 618#secondary {
619 clear: both; 619 clear: both;
620 display: none; 620 display: none;
621 padding: 50px 0; 621 padding: 50px 0;
622} 622}
623#colophon { 623#colophon {
624 color: #eee; 624 color: #eee;
625 clear: both; 625 clear: both;
626 font-family: Quicksand, Helvetica, Arial, sans-serif; 626 font-family: Quicksand, Helvetica, Arial, sans-serif;
627 -webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */ 627 -webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */
628 font-size: 12px; 628 font-size: 12px;
629 font-size: 1.2rem; 629 font-size: 1.2rem;
630 padding: 100px 0 50px; 630 padding: 100px 0 50px;
631 text-align: left; 631 text-align: left;
632 text-transform: uppercase; 632 text-transform: uppercase;
633 width: 100%; 633 width: 100%;
634} 634}
635#colophon a { 635#colophon a {
636 color: #eee; 636 color: #eee;
637} 637}
638#colophon:hover a { 638#colophon:hover a {
639 color: #999; 639 color: #999;
640} 640}
641 641
642 642
643/* =Header 643/* =Header
644----------------------------------------------- */ 644----------------------------------------------- */
645 645
646#masthead { 646#masthead {
647 clear: both; 647 clear: both;
648 display: block; 648 display: block;
649 min-height: 30px; 649 min-height: 30px;
650 opacity: .2; 650 opacity: .2;
651 padding: 30px 0; 651 padding: 30px 0;
652 position: relative; 652 position: relative;
653 transition: opacity .5s ease-in-out; 653 transition: opacity .5s ease-in-out;
654 -webkit-transition: opacity .5s ease-in-out; 654 -webkit-transition: opacity .5s ease-in-out;
655 -moz-transition: opacity .5s ease-in-out; 655 -moz-transition: opacity .5s ease-in-out;
656 -o-transition: opacity .5s ease-in-out; 656 -o-transition: opacity .5s ease-in-out;
657 width: 100%; 657 width: 100%;
658} 658}
659#masthead:hover { 659#masthead:hover {
660 opacity: 1; 660 opacity: 1;
661 transition: opacity .5s ease-in-out; 661 transition: opacity .5s ease-in-out;
662 -webkit-transition: opacity .5s ease-in-out; 662 -webkit-transition: opacity .5s ease-in-out;
663 -moz-transition: opacity .5s ease-in-out; 663 -moz-transition: opacity .5s ease-in-out;
664 -o-transition: opacity .5s ease-in-out; 664 -o-transition: opacity .5s ease-in-out;
665} 665}
666#masthead:before, 666#masthead:before,
667#masthead:after { 667#masthead:after {
668 content: ""; 668 content: "";
669 display: table; 669 display: table;
670} 670}
671#masthead:after { 671#masthead:after {
672 clear: both; 672 clear: both;
673} 673}
674#masthead img { 674#masthead img {
675 float: left; 675 float: left;
676 margin-right: 1em; 676 margin-right: 1em;
677 width: auto; 677 width: auto;
678 max-height: 75px; 678 max-height: 75px;
679} 679}
680#masthead hgroup { 680#masthead hgroup {
681 color: #999; 681 color: #999;
682 float: left; 682 float: left;
683 font-size: 14px; 683 font-size: 14px;
684 font-size: 1.4rem; 684 font-size: 1.4rem;
685 font-weight: bold; 685 font-weight: bold;
686 position: relative; 686 position: relative;
687 text-transform: uppercase; 687 text-transform: uppercase;
688 width: 25%; 688 width: 25%;
689} 689}
690#masthead hgroup a { 690#masthead hgroup a {
691 transition: color .5s ease-in-out; 691 transition: color .5s ease-in-out;
692 -webkit-transition: color .5s ease-in-out; 692 -webkit-transition: color .5s ease-in-out;
693 -moz-transition: color .5s ease-in-out; 693 -moz-transition: color .5s ease-in-out;
694 -o-transition: color .5s ease-in-out; 694 -o-transition: color .5s ease-in-out;
695} 695}
696.site-description { 696.site-description {
697 background: #444; 697 background: #444;
698 border-radius: 180px; 698 border-radius: 180px;
699 color: #999; 699 color: #999;
700 display: none; 700 display: none;
701 float: left; 701 float: left;
702 font-size: 24px; 702 font-size: 24px;
703 font-size: 2.4rem; 703 font-size: 2.4rem;
704 line-height: 1; 704 line-height: 1;
705 margin: 10px; 705 margin: 10px;
706 padding: 20px; 706 padding: 20px;
707 width: 140px; 707 width: 140px;
708 height: 140px; 708 height: 140px;
709 text-align: center; 709 text-align: center;
710 word-wrap: break-word; 710 word-wrap: break-word;
711} 711}
712.site-title { 712.site-title {
713 font-family: Baskerville, "Playfair Display", "Times New Roman", serif; 713 font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
714 font-size: 24px; 714 font-size: 24px;
715 font-size: 2.4rem; 715 font-size: 2.4rem;
716 font-style: italic; 716 font-style: italic;
717 font-weight: normal; 717 font-weight: normal;
718 line-height: 1em; 718 line-height: 1em;
719 margin: 0; 719 margin: 0;
720 text-transform: none; 720 text-transform: none;
721} 721}
722.site-title a { 722.site-title a {
723 color: #999; 723 color: #999;
724} 724}
725 725
726/* =Homepage 726/* =Homepage
727----------------------------------------------- */ 727----------------------------------------------- */
728 728
729#primary { 729#primary {
730 padding: 0; 730 padding: 0;
731 width: 100%; 731 width: 100%;
732} 732}
733#primary:before, 733#primary:before,
734#primary:after, 734#primary:after,
735#content:before, 735#content:before,
736#content:after, 736#content:after,
737#main:before, 737#main:before,
738#main:after { 738#main:after {
739 content: ""; 739 content: "";
740 display: table; 740 display: table;
741} 741}
742#primary:after, 742#primary:after,
743#content:after, 743#content:after,
744#main:after { 744#main:after {
745 clear: both; 745 clear: both;
746} 746}
747.hentry { 747.hentry {
748 background: #fff; 748 background: #fff;
749 float: left; 749 float: left;
750 margin: 10px; 750 margin: 10px;
751 padding: 0; 751 padding: 0;
752 position: relative; 752 position: relative;
753 table-layout:fixed; 753 table-layout:fixed;
754 width: 180px; 754 width: 180px;
755 height: 180px; 755 height: 180px;
756} 756}
757.blog .hentry, 757.blog .hentry,
758.archive .hentry, 758.archive .hentry,
759.search .hentry { 759.search .hentry {
760 background: transparent; 760 background: transparent;
761} 761}
762.blog .hentry a, 762.blog .hentry a,
763.archive .hentry a, 763.archive .hentry a,
764.search .hentry a { 764.search .hentry a {
765 display: block; 765 display: block;
766 width: 100%; 766 width: 100%;
767 height: 100%; 767 height: 100%;
768 z-index: 10; 768 z-index: 10;
769} 769}
770.blog .hentry a .attachment-post-thumbnail, 770.blog .hentry a .attachment-post-thumbnail,
771.archive .hentry a .attachment-post-thumbnail, 771.archive .hentry a .attachment-post-thumbnail,
772.search .hentry a .attachment-post-thumbnail { 772.search .hentry a .attachment-post-thumbnail {
773 border-radius: 180px; 773 border-radius: 180px;
774 filter: grayscale(100%); 774 filter: grayscale(100%);
775 -webkit-filter: grayscale(100%); 775 -webkit-filter: grayscale(100%);
776 -webkit-filter: grayscale(1); /* Older versions of webkit */ 776 -webkit-filter: grayscale(1); /* Older versions of webkit */
777 -moz-filter: grayscale(100%); 777 -moz-filter: grayscale(100%);
778 -o-filter: grayscale(100%); 778 -o-filter: grayscale(100%);
779 -ms-filter: grayscale(100%); /* IE 10 */ 779 -ms-filter: grayscale(100%); /* IE 10 */
780 filter: gray; /* IE 9 */ 780 filter: gray; /* IE 9 */
781 filter: url('inc/desaturate.svg#greyscale'); /* Firefox */ 781 filter: url('inc/desaturate.svg#greyscale'); /* Firefox */
782 opacity: .8; 782 opacity: .8;
783 -webkit-opacity: .8; 783 -webkit-opacity: .8;
784 -moz-opacity: .8; 784 -moz-opacity: .8;
785 transition: all .3s ease-in-out; 785 transition: all .3s ease-in-out;
786 -webkit-transition: all .3s ease-in-out; 786 -webkit-transition: all .3s ease-in-out;
787 -moz-transition: all .3s ease-in-out; 787 -moz-transition: all .3s ease-in-out;
788 -o-transition: all .3s ease-in-out; 788 -o-transition: all .3s ease-in-out;
789 -ms-transition: all .3s ease-in-out; 789 -ms-transition: all .3s ease-in-out;
790 width: 100%; 790 width: 100%;
791 height: 100%; 791 height: 100%;
792 z-index: 1; 792 z-index: 1;
793} 793}
 794.blog .hentry span.hometitle {
 795 position: absolute;
 796 top: 70px;
 797 width: 100%;
 798 color: #FAFAFA;
 799 display: table-cell;
 800 font-family: 'Pacifico', cursive;
 801 font-size: 3.2rem;
 802 height: 180px;
 803 line-height: 32px;
 804 overflow: hidden;
 805 text-align: center;
 806 transition: background 0.4s ease-in-out 0s;
 807 vertical-align: middle;
 808 width: 180px;
 809 word-wrap: break-word;
 810text-shadow: 1px 1px #000000;
 811}
 812.blog .hentry {
 813 position: relative;
 814}
794.blog .hentry a:hover img, 815.blog .hentry a:hover img,
795.archive .hentry a:hover img, 816.archive .hentry a:hover img,
796.search .hentry a:hover img { 817.search .hentry a:hover img {
797 border-radius: 180px; 818 border-radius: 180px;
798 filter: none; 819 filter: none;
799 -webkit-filter: none; 820 -webkit-filter: none;
800 -moz-filter: none; 821 -moz-filter: none;
801 -o-filter: none; 822 -o-filter: none;
802 -ms-filter: none; 823 -ms-filter: none;
803 opacity: 1; 824 opacity: 1;
804 -webkit-opacity: 1; 825 -webkit-opacity: 1;
805 -moz-opacity: 1; 826 -moz-opacity: 1;
806 transition: all .3s ease-in-out; 827 transition: all .3s ease-in-out;
807 -webkit-transition: all .3s ease-in-out; 828 -webkit-transition: all .3s ease-in-out;
808 -moz-transition: all .3s ease-in-out; 829 -moz-transition: all .3s ease-in-out;
809 -o-transition: all .3s ease-in-out; 830 -o-transition: all .3s ease-in-out;
810 -ms-transition: all .3s ease-in-out; 831 -ms-transition: all .3s ease-in-out;
811 width: 100%; 832 width: 100%;
812 height: 100%; 833 height: 100%;
813} 834}
814.hentry.no-thumbnail { 835.hentry.no-thumbnail {
815 background: #eee; 836 background: #eee;
816 border-radius: 180px; 837 border-radius: 180px;
817 overflow: hidden; 838 overflow: hidden;
818 transition: background .4s ease-in-out; 839 transition: background .4s ease-in-out;
819 -webkit-transition: background .4s ease-in-out; 840 -webkit-transition: background .4s ease-in-out;
820 -moz-transition: background .4s ease-in-out; 841 -moz-transition: background .4s ease-in-out;
821 -o-transition: background .4s ease-in-out; 842 -o-transition: background .4s ease-in-out;
822 word-wrap: break-word; 843 word-wrap: break-word;
823 width: 180px; 844 width: 180px;
824 max-width: 180px; 845 max-width: 180px;
825 height: 180px; 846 height: 180px;
826 max-height: 180px; 847 max-height: 180px;
827} 848}
828.hentry.no-thumbnail span { 849.hentry.no-thumbnail span {
829 color: #fafafa; 850 color: #fafafa;
830 display: table-cell; 851 display: table-cell;
831 font-family: Baskerville, "Playfair Display", "Times New Roman", serif; 852 font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
832 font-size: 32px; 853 font-size: 32px;
833 font-size: 3.2rem; 854 font-size: 3.2rem;
834 font-style: italic; 855 font-style: italic;
835 line-height: 32px; 856 line-height: 32px;
836 overflow: hidden; 857 overflow: hidden;
837 text-align: center; 858 text-align: center;
838 transition: background .4s ease-in-out; 859 transition: background .4s ease-in-out;
839 -webkit-transition: background .4s ease-in-out; 860 -webkit-transition: background .4s ease-in-out;
840 -moz-transition: background .4s ease-in-out; 861 -moz-transition: background .4s ease-in-out;
841 -o-transition: background .4s ease-in-out; 862 -o-transition: background .4s ease-in-out;
842 -ms-transition: background .4s ease-in-out; 863 -ms-transition: background .4s ease-in-out;
843 vertical-align: middle; 864 vertical-align: middle;
844 word-wrap: break-word; 865 word-wrap: break-word;
845 width: 180px; 866 width: 180px;
846 height: 180px; 867 height: 180px;
847} 868}
848.hentry.no-thumbnail:hover { 869.hentry.no-thumbnail:hover {
849 background: #444; 870 background: #444;
850 color: #fff; 871 color: #fff;
851 transition: background .4s ease-in-out; 872 transition: background .4s ease-in-out;
852 -webkit-transition: background .4s ease-in-out; 873 -webkit-transition: background .4s ease-in-out;
853 -moz-transition: background .4s ease-in-out; 874 -moz-transition: background .4s ease-in-out;
854 -o-transition: background .4s ease-in-out; 875 -o-transition: background .4s ease-in-out;
855 -ms-transition: background .4s ease-in-out; 876 -ms-transition: background .4s ease-in-out;
856} 877}
857 878
858 879
859/* =Content 880/* =Content
860----------------------------------------------- */ 881----------------------------------------------- */
861 882
862.sticky { 883.sticky {
863} 884}
864.single .hentry, 885.single .hentry,
865.error404 .hentry, 886.error404 .hentry,
866.page .hentry, 887.page .hentry,
867.search-no-results .no-results { 888.search-no-results .no-results {
868 margin: 0 0 1.5em; 889 margin: 0 0 1.5em;
869 padding: 70px 50px; 890 padding: 70px 50px;
870 width: 700px; 891 width: 700px;
871 height: auto; 892 height: auto;
872 z-index: 10; 893 z-index: 10;
873} 894}
874.entry-meta { 895.entry-meta {
875 clear: both; 896 clear: both;
876 color: #999; 897 color: #999;
877 font-family: Quicksand, Helvetica, Arial, sans-serif; 898 font-family: Quicksand, Helvetica, Arial, sans-serif;
878 -webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */ 899 -webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */
879 font-size: 12px; 900 font-size: 12px;
880 font-size: 1.2rem; 901 font-size: 1.2rem;
881 margin: 50px 0 0; 902 margin: 50px 0 0;
882 opacity: .3; 903 opacity: .3;
883 text-transform: uppercase; 904 text-transform: uppercase;
884 transition: all .4s ease-in-out; 905 transition: all .4s ease-in-out;
885 -webkit-transition: all .4s ease-in-out; 906 -webkit-transition: all .4s ease-in-out;
886 -moz-transition: all .4s ease-in-out; 907 -moz-transition: all .4s ease-in-out;
887 -o-transition: all .4s ease-in-out; 908 -o-transition: all .4s ease-in-out;
888 -ms-transition: all .4s ease-in-out; 909 -ms-transition: all .4s ease-in-out;
889} 910}
890.entry-meta a { 911.entry-meta a {
891 color: #999; 912 color: #999;
892} 913}
893.entry-meta:hover { 914.entry-meta:hover {
894 opacity: 1; 915 opacity: 1;
895 transition: all .4s ease-in-out; 916 transition: all .4s ease-in-out;
896 -webkit-transition: all .4s ease-in-out; 917 -webkit-transition: all .4s ease-in-out;
897 -moz-transition: all .4s ease-in-out; 918 -moz-transition: all .4s ease-in-out;
898 -o-transition: all .4s ease-in-out; 919 -o-transition: all .4s ease-in-out;
899 -ms-transition: all .4s ease-in-out; 920 -ms-transition: all .4s ease-in-out;
900} 921}
901.post-date, 922.post-date {
 923display: none;
 924}
902.cat-links, 925.cat-links,
903.tags-links { 926.tags-links {
904 display: block; 927 display: block;
905 max-width: 90%; 928 max-width: 90%;
906} 929}
907.byline { 930.byline,
908 display: none; 931.entry-date {
 932 display: none;
909} 933}
910.entry-title, 934.entry-title,
911.entry-title a { 935.entry-title a {
912 color: #444; 936 color: #444;
913 font-family: Baskerville, "Playfair Display", "Times New Roman", serif; 937 font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
914 font-size: 32px; 938 font-size: 32px;
915 font-size: 3.2rem; 939 font-size: 3.2rem;
916 font-style: italic; 940 font-style: italic;
917 line-height: 1em; 941 line-height: 1em;
918 margin: 0 0 20px 0; 942 margin: 0 0 20px 0;
919} 943}
920.single .byline, 944.single .byline,
921.group-blog .byline { 945.group-blog .byline {
922 display: inline; 946 display: inline;
923} 947}
924.entry-content, 948.entry-content,
925.entry-summary { 949.entry-summary {
926 font-family: Baskerville, "Playfair Display", "Times New Roman", serif; 950 font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
927 font-size: 18px; 951 font-size: 18px;
928 font-size: 1.8rem; 952 font-size: 1.8rem;
929 font-weight: 300; 953 font-weight: 300;
930 margin: 1.5em 0 0; 954 margin: 1.5em 0 0;
931} 955}
932.page-links { 956.page-links {
933 clear: both; 957 clear: both;
934 font-size: 12px; 958 font-size: 12px;
935 font-size: 1.2rem; 959 font-size: 1.2rem;
936 margin: 2em 0; 960 margin: 2em 0;
937 text-transform: uppercase; 961 text-transform: uppercase;
938} 962}
939.page-links span.active-link, 963.page-links span.active-link,
940.page-links a span.active-link { 964.page-links a span.active-link {
941 background: #eee; 965 background: #eee;
942 border-radius: 17px; 966 border-radius: 17px;
943 color: #fff; 967 color: #fff;
944 display: inline-block; 968 display: inline-block;
945 margin: 0 3px 3px 0; 969 margin: 0 3px 3px 0;
946 padding: 5px; 970 padding: 5px;
947 text-align: center; 971 text-align: center;
948 transition: all .4s ease-in-out; 972 transition: all .4s ease-in-out;
949 -webkit-transition: all .4s ease-in-out; 973 -webkit-transition: all .4s ease-in-out;
950 -moz-transition: all .4s ease-in-out; 974 -moz-transition: all .4s ease-in-out;
951 -o-transition: all .4s ease-in-out; 975 -o-transition: all .4s ease-in-out;
952 -ms-transition: all .4s ease-in-out; 976 -ms-transition: all .4s ease-in-out;
953 width: 17px; 977 width: 17px;
954 height: 17px; 978 height: 17px;
955} 979}
956.page-links a:hover span.active-link, 980.page-links a:hover span.active-link,
957.page-links span.active-link { 981.page-links span.active-link {
958 background: #444; 982 background: #444;
959 color: #fff; 983 color: #fff;
960 transition: all .4s ease-in-out; 984 transition: all .4s ease-in-out;
961 -webkit-transition: all .4s ease-in-out; 985 -webkit-transition: all .4s ease-in-out;
962 -moz-transition: all .4s ease-in-out; 986 -moz-transition: all .4s ease-in-out;
963 -o-transition: all .4s ease-in-out; 987 -o-transition: all .4s ease-in-out;
964 -ms-transition: all .4s ease-in-out; 988 -ms-transition: all .4s ease-in-out;
965} 989}
966.edit-link { 990.edit-link {
967 clear: both; 991 clear: both;
968 display: block; 992 display: block;
969} 993}
970.edit-link a { 994.edit-link a {
971 color: #999; 995 color: #999;
972 font-size: 12px; 996 font-size: 12px;
973 text-transform: uppercase; 997 text-transform: uppercase;
974} 998}
975.page-header h1 { 999.page-header h1 {
976 background: #444; 1000 background: #444;
977 border-radius: 180px; 1001 border-radius: 180px;
978 color: rgba(255,255,255,.13); 1002 color: rgba(255,255,255,.13);
979 display: block; 1003 display: block;
980 float: left; 1004 float: left;
981 font-size: 36px; 1005 font-size: 36px;
982 font-size: 3.6rem; 1006 font-size: 3.6rem;
983 line-height: 16px; 1007 line-height: 16px;
984 margin: 10px; 1008 margin: 10px;
985 padding: 70px 20px 0; 1009 padding: 70px 20px 0;
986 width: 140px; 1010 width: 140px;
987 height: 110px; 1011 height: 110px;
988 text-align: center; 1012 text-align: center;
989} 1013}
990.page-header h1 span { 1014.page-header h1 span {
991 color: #fff; 1015 color: #fff;
992 font-size: 24px; 1016 font-size: 24px;
993 font-size: 2.4rem; 1017 font-size: 2.4rem;
994} 1018}
995.page-header h1 a { 1019.page-header h1 a {
996 color: #fff; 1020 color: #fff;
997} 1021}
998 1022
999/* =Post Formats 1023/* =Post Formats
1000----------------------------------------------- */ 1024----------------------------------------------- */
1001 1025
1002.format-aside .entry-title { 1026.format-aside .entry-title {
1003 display: none; 1027 display: none;
1004} 1028}
1005.single .format-aside .entry-content { 1029.single .format-aside .entry-content {
1006 display: block; 1030 display: block;
1007 font-family: Baskerville, "Playfair Display", "Times New Roman", serif; 1031 font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
1008 font-size: 28px; 1032 font-size: 28px;
1009 font-size: 2.8rem; 1033 font-size: 2.8rem;
1010 font-style: italic; 1034 font-style: italic;
1011 margin: -50px 0 0; 1035 margin: -50px 0 0;
1012 padding: 50px 0; 1036 padding: 50px 0;
1013 text-align: center; 1037 text-align: center;
1014} 1038}
1015.single .format-status .entry-title { 1039.single .format-status .entry-title {
1016 display: none; 1040 display: none;
1017} 1041}
1018.single .format-status.hentry { 1042.single .format-status.hentry {
1019 padding-top: 50px; 1043 padding-top: 50px;
1020} 1044}
1021.single .format-status .status-avatar img { 1045.single .format-status .status-avatar img {
1022 border-radius: 40px; 1046 border-radius: 40px;
1023 float: left; 1047 float: left;
1024 margin: 1.5em 2em 0 0; 1048 margin: 1.5em 2em 0 0;
1025} 1049}
1026.single .format-quote .entry-title { 1050.single .format-quote .entry-title {
1027 display: none; 1051 display: none;
1028} 1052}
1029.single-post-thumbnail { 1053.single-post-thumbnail {
1030 margin: 0 0 2em; 1054 margin: 0 0 2em;
1031} 1055}
1032.single-post-thumbnail img { 1056.single-post-thumbnail img {
1033 max-width: 100%; 1057 max-width: 100%;
1034 height: auto; 1058 height: auto;
1035} 1059}
1036.single-gallery { 1060.single-gallery {
1037 margin: 0 0 2em; 1061 margin: 0 0 2em;
1038} 1062}
1039.single-gallery img { 1063.single-gallery img {
1040 border-radius: 180px; 1064 border-radius: 180px;
1041} 1065}
1042 1066
1043 1067
1044/* =Media 1068/* =Media
1045----------------------------------------------- */ 1069----------------------------------------------- */
1046 1070
1047.site-header img, 1071.site-header img,
1048.entry-content img, 1072.entry-content img,
1049.comment-content img, 1073.comment-content img,
1050.widget img { 1074.widget img {
1051 max-width: 100%; /* Fluid images for posts, comments, and widgets */ 1075 max-width: 100%; /* Fluid images for posts, comments, and widgets */
1052 height: auto; 1076 height: auto;
1053} 1077}
1054.site-header img, 1078.site-header img,
1055.entry-content img, 1079.entry-content img,
1056img[class*="align"], 1080img[class*="align"],
1057img[class*="wp-image-"] { 1081img[class*="wp-image-"] {
1058 height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ 1082 height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
1059} 1083}
1060.site-header img, 1084.site-header img,
1061.entry-content img, 1085.entry-content img,
1062img.size-full { 1086img.size-full {
1063 max-width: 100%; 1087 max-width: 100%;
1064} 1088}
1065.entry-content img.wp-smiley, 1089.entry-content img.wp-smiley,
1066.comment-content img.wp-smiley { 1090.comment-content img.wp-smiley {
1067 border: none; 1091 border: none;
1068 margin-bottom: 0; 1092 margin-bottom: 0;
1069 margin-top: 0; 1093 margin-top: 0;
1070 padding: 0; 1094 padding: 0;
1071} 1095}
1072.wp-caption { 1096.wp-caption {
1073 max-width: 100%; 1097 max-width: 100%;
1074} 1098}
1075.wp-caption.aligncenter, 1099.wp-caption.aligncenter,
1076.wp-caption.alignleft, 1100.wp-caption.alignleft,
1077.wp-caption.alignright { 1101.wp-caption.alignright {
1078 margin-top: 1.5em; 1102 margin-top: 1.5em;
1079 margin-bottom: 1.5em; 1103 margin-bottom: 1.5em;
1080} 1104}
1081.wp-caption img { 1105.wp-caption img {
1082 display: block; 1106 display: block;
1083 margin: 0 auto; 1107 margin: 0 auto;
1084 max-width: 100%; 1108 max-width: 100%;
1085} 1109}
1086.wp-caption-text { 1110.wp-caption-text {
1087 color: #999; 1111 color: #999;
1088 font-size: 12px; 1112 font-size: 12px;
1089 font-size: 1.2rem; 1113 font-size: 1.2rem;
1090 text-align: left; 1114 text-align: left;
1091 text-transform: uppercase; 1115 text-transform: uppercase;
1092} 1116}
1093.wp-caption .wp-caption-text { 1117.wp-caption .wp-caption-text {
1094 margin: 0.8075em 0; 1118 margin: 0.8075em 0;
1095} 1119}
1096.site-content .gallery { 1120.site-content .gallery {
1097 margin-bottom: 1.5em; 1121 margin-bottom: 1.5em;
1098} 1122}
1099.gallery-caption { 1123.gallery-caption {
1100 font-size: 14px; 1124 font-size: 14px;
1101 font-size: 1.4rem; 1125 font-size: 1.4rem;
1102 text-align: center; 1126 text-align: center;
1103 text-transform: none; 1127 text-transform: none;
1104} 1128}
1105.site-content .gallery a img { 1129.site-content .gallery a img {
1106 border: none !important; 1130 border: none !important;
1107 height: auto; 1131 height: auto;
1108 max-width: 90%; 1132 max-width: 90%;
1109} 1133}
1110.site-content .gallery dd { 1134.site-content .gallery dd {
1111 margin: 0; 1135 margin: 0;
1112} 1136}
1113.site-content .gallery .gallery-item { 1137.site-content .gallery .gallery-item {
1114 margin: 0 0 1.5em; 1138 margin: 0 0 1.5em;
1115} 1139}
1116.site-content .format-gallery .gallery .gallery-item { 1140.site-content .format-gallery .gallery .gallery-item {
1117 margin: 0; 1141 margin: 0;
1118} 1142}
1119 1143
1120/* Make sure embeds and iframes fit their containers */ 1144/* Make sure embeds and iframes fit their containers */
1121embed, 1145embed,
1122iframe, 1146iframe,
1123object { 1147object {
1124 max-width: 100%; 1148 max-width: 100%;
1125} 1149}
1126 1150
1127 1151
1128/* =Navigation 1152/* =Navigation
1129----------------------------------------------- */ 1153----------------------------------------------- */
1130 1154
1131#image-navigation { 1155#image-navigation {
1132 clear: both; 1156 clear: both;
1133} 1157}
1134.next-image { 1158.next-image {
1135 float: right; 1159 float: right;
1136} 1160}
1137.site-content .site-navigation { 1161.site-content .site-navigation {
1138 clear: both; 1162 clear: both;
1139 margin: 1.5em 0; 1163 margin: 1.5em 0;
1140} 1164}
1141.site-content #nav-below .nav-previous a, 1165.site-content #nav-below .nav-previous a,
1142.site-content #nav-below .nav-next a, 1166.site-content #nav-below .nav-next a,
1143.site-content #image-navigation .nav-previous a, 1167.site-content #image-navigation .nav-previous a,
1144.site-content #image-navigation .nav-next a { 1168.site-content #image-navigation .nav-next a {
1145 color: rgba(230,230,230,.5); 1169 color: rgba(230,230,230,.5);
1146 display: block; 1170 display: block;
1147 font-size: 200px; 1171 font-size: 200px;
1148 font-size: 20.0rem; 1172 font-size: 20.0rem;
1149 line-height: 100px; 1173 line-height: 100px;
1150 opacity: 0; 1174 opacity: 0;
1151 position: fixed; 1175 position: fixed;
1152 top: 0; 1176 top: 0;
1153 width: 120px; 1177 width: 120px;
1154 height: 100%; 1178 height: 100%;
1155 z-index: 1; 1179 z-index: 1;
1156} 1180}
1157.site-content #nav-below .nav-previous a, 1181.site-content #nav-below .nav-previous a,
1158.site-content #image-navigation .nav-previous a { 1182.site-content #image-navigation .nav-previous a {
1159 left: 0; 1183 left: 0;
1160 text-align: left; 1184 text-align: left;
1161} 1185}
1162.site-content #nav-below .nav-next a, 1186.site-content #nav-below .nav-next a,
1163.site-content #image-navigation .nav-next a { 1187.site-content #image-navigation .nav-next a {
1164 right: 0; 1188 right: 0;
1165 text-align: right; 1189 text-align: right;
1166} 1190}
1167.site-content #nav-below .nav-previous a span, 1191.site-content #nav-below .nav-previous a span,
1168.site-content #nav-below .nav-next a span, 1192.site-content #nav-below .nav-next a span,
1169.site-content #image-navigation .nav-previous a span, 1193.site-content #image-navigation .nav-previous a span,
1170.site-content #image-navigation .nav-next a span { 1194.site-content #image-navigation .nav-next a span {
1171 display: block; 1195 display: block;
1172 top: 50%; 1196 top: 50%;
1173 margin-top: -50px; 1197 margin-top: -50px;
1174 height: 100px; 1198 height: 100px;
1175 position: relative; 1199 position: relative;
1176} 1200}
1177.site-content #nav-below .nav-previous a:hover, 1201.site-content #nav-below .nav-previous a:hover,
1178.site-content #nav-below .nav-next a:hover, 1202.site-content #nav-below .nav-next a:hover,
1179.site-content #image-navigation .nav-previous a:hover, 1203.site-content #image-navigation .nav-previous a:hover,
1180.site-content #image-navigation .nav-next a:hover { 1204.site-content #image-navigation .nav-next a:hover {
1181 opacity: 1; 1205 opacity: 1;
1182} 1206}
1183#nav-below .meta-nav, 1207#nav-below .meta-nav,
1184#image-navigation .meta-nav { 1208#image-navigation .meta-nav {
1185 font-family: Nunito, Helvetica, Arial, sans-serif; 1209 font-family: Nunito, Helvetica, Arial, sans-serif;
1186 font-weight: 300; 1210 font-weight: 300;
1187} 1211}
1188.site-content .comment-navigation { 1212.site-content .comment-navigation {
1189 margin: 0 0 3em; 1213 margin: 0 0 3em;
1190} 1214}
1191.comment-navigation .nav-next a, 1215.comment-navigation .nav-next a,
1192.comment-navigation .nav-previous a { 1216.comment-navigation .nav-previous a {
1193 color: #eee; 1217 color: #eee;
1194 display: block; 1218 display: block;
1195 float: left; 1219 float: left;
1196 font-family: Nunito, Helvetica, Arial, sans-serif; 1220 font-family: Nunito, Helvetica, Arial, sans-serif;
1197 font-size: 50px; 1221 font-size: 50px;
1198 font-size: 5.0rem; 1222 font-size: 5.0rem;
1199 font-weight: 300; 1223 font-weight: 300;
1200 line-height: normal; 1224 line-height: normal;
1201 margin: 0; 1225 margin: 0;
1202 width: 50%; 1226 width: 50%;
1203 height: 50px; 1227 height: 50px;
1204} 1228}
1205.comment-navigation .nav-next a { 1229.comment-navigation .nav-next a {
1206 float: right; 1230 float: right;
1207 text-align: right; 1231 text-align: right;
1208} 1232}
1209 1233
1210 1234
1211/* =Comments 1235/* =Comments
1212----------------------------------------------- */ 1236----------------------------------------------- */
1213 1237
1214#comments { 1238#comments {
1215 background: #fff; 1239 background: #fff;
1216 clear: both; 1240 clear: both;
1217 display: none; 1241 display: none;
1218 padding: 0 50px 50px; 1242 padding: 0 50px 50px;
1219} 1243}
1220.paginated-comments #comments { 1244.paginated-comments #comments {
1221 display: block; 1245 display: block;
1222} 1246}
1223#comments-toggle { 1247#comments-toggle {
1224 clear: both; 1248 clear: both;
1225 height: 50px; 1249 height: 50px;
1226 position: relative; 1250 position: relative;
1227 visibility: hidden; 1251 visibility: hidden;
1228} 1252}
1229.commentlist, 1253.commentlist,
1230.commentlist ul.children { 1254.commentlist ul.children {
1231 list-style: none; 1255 list-style: none;
1232 margin: 0; 1256 margin: 0;
1233 padding: 0; 1257 padding: 0;
1234} 1258}
1235.commentlist ul.children { 1259.commentlist ul.children {
1236 margin: 0 0 0 1.5em; 1260 margin: 0 0 0 1.5em;
1237} 1261}
1238.commentlist ul.children li:before { 1262.commentlist ul.children li:before {
1239 content: ""; 1263 content: "";
1240} 1264}
1241h2.comments-title { 1265h2.comments-title {
1242 padding: 50px 0 0; 1266 padding: 50px 0 0;
1243 margin: 0 0 auto; 1267 margin: 0 0 auto;
1244} 1268}
1245.bypostauthor { 1269.bypostauthor {
1246} 1270}
1247.form-allowed-tags { 1271.form-allowed-tags {
1248 display: none; 1272 display: none;
1249} 1273}
1250li.comment, 1274li.comment,
1251.pingback, 1275.pingback,
1252.trackback { 1276.trackback {
1253 border-top: 1px solid #fafafa; 1277 border-top: 1px solid #fafafa;
1254 clear: both; 1278 clear: both;
1255 margin: 2em 0 0; 1279 margin: 2em 0 0;
1256 padding: 2em 0 0; 1280 padding: 2em 0 0;
1257} 1281}
1258.commentlist > li.comment:first-child, 1282.commentlist > li.comment:first-child,
1259.commentlist > .pingback:first-child, 1283.commentlist > .pingback:first-child,
1260.commentlist > .trackback:first-child { 1284.commentlist > .trackback:first-child {
1261 border-top: 0 none; 1285 border-top: 0 none;
1262} 1286}
1263.pingback p, 1287.pingback p,
1264.trackback p { 1288.trackback p {
1265 margin: 0; 1289 margin: 0;
1266} 1290}
1267.comment-author cite { 1291.comment-author cite {
1268 font-size: 14px; 1292 font-size: 14px;
1269 font-size: 1.4rem; 1293 font-size: 1.4rem;
1270} 1294}
1271.comment-author .avatar { 1295.comment-author .avatar {
1272 border-radius: 40px; 1296 border-radius: 40px;
1273 float: left; 1297 float: left;
1274 margin: 0 1em 0 0; 1298 margin: 0 1em 0 0;
1275} 1299}
1276.comment-content { 1300.comment-content {
1277 font-family: Baskerville, "Playfair Display", "Times New Roman", serif; 1301 font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
1278 font-size: 16px; 1302 font-size: 16px;
1279 font-size: 1.6rem; 1303 font-size: 1.6rem;
1280 font-weight: 300; 1304 font-weight: 300;
1281 margin: 1.5em 0 0 65px; 1305 margin: 1.5em 0 0 65px;
1282} 1306}
1283.comment-meta { 1307.comment-meta {
1284 color: #eee; 1308 color: #eee;
1285 font-family: Quicksand, Helvetica, Arial, sans-serif; 1309 font-family: Quicksand, Helvetica, Arial, sans-serif;
1286 -webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */ 1310 -webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */
1287 font-size: 12px; 1311 font-size: 12px;
1288 font-size: 1.2rem; 1312 font-size: 1.2rem;
1289 text-transform: uppercase; 1313 text-transform: uppercase;
1290} 1314}
1291.comment-meta a { 1315.comment-meta a {
1292 color: #eee; 1316 color: #eee;
1293} 1317}
1294.comment-meta:hover { 1318.comment-meta:hover {
1295 color: #444; 1319 color: #444;
1296 transition: all .4s ease-in-out; 1320 transition: all .4s ease-in-out;
1297 -webkit-transition: all .4s ease-in-out; 1321 -webkit-transition: all .4s ease-in-out;
1298 -moz-transition: all .4s ease-in-out; 1322 -moz-transition: all .4s ease-in-out;
1299 -o-transition: all .4s ease-in-out; 1323 -o-transition: all .4s ease-in-out;
1300 -ms-transition: all .4s ease-in-out; 1324 -ms-transition: all .4s ease-in-out;
1301} 1325}
1302.comment-meta:hover a { 1326.comment-meta:hover a {
1303 color: #444; 1327 color: #444;
1304} 1328}
1305a.comment-reply-link { 1329a.comment-reply-link {
1306 background: #fafafa; 1330 background: #fafafa;
1307 border-radius: 50px; 1331 border-radius: 50px;
1308 color: #ddd; 1332 color: #ddd;
1309 display: inline-block; 1333 display: inline-block;
1310 float: right; 1334 float: right;
1311 font-family: Quicksand, Helvetica, Arial, sans-serif; 1335 font-family: Quicksand, Helvetica, Arial, sans-serif;
1312 -webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */ 1336 -webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */
1313 font-size: 12px; 1337 font-size: 12px;
1314 font-size: 1.2rem; 1338 font-size: 1.2rem;
1315 margin: 0; 1339 margin: 0;
1316 padding: 5px 10px; 1340 padding: 5px 10px;
1317 text-transform: uppercase; 1341 text-transform: uppercase;
1318} 1342}
1319a.comment-reply-link:hover { 1343a.comment-reply-link:hover {
1320 background-color: #444; 1344 background-color: #444;
1321 color: #fafafa; 1345 color: #fafafa;
1322} 1346}
1323a#cancel-comment-reply-link { 1347a#cancel-comment-reply-link {
1324 background: #fafafa; 1348 background: #fafafa;
1325 border-radius: 50px; 1349 border-radius: 50px;
1326 color: #ddd; 1350 color: #ddd;
1327 display: block; 1351 display: block;
1328 float: right; 1352 float: right;
1329 font-family: Quicksand, Helvetica, Arial, sans-serif; 1353 font-family: Quicksand, Helvetica, Arial, sans-serif;
1330 -webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */ 1354 -webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */
1331 font-size: 12px; 1355 font-size: 12px;
1332 font-size: 1.2rem; 1356 font-size: 1.2rem;
1333 font-style: normal; 1357 font-style: normal;
1334 padding: 5px 10px; 1358 padding: 5px 10px;
1335} 1359}
1336a#cancel-comment-reply-link:hover { 1360a#cancel-comment-reply-link:hover {
1337 background-color: #444; 1361 background-color: #444;
1338 color: #fafafa; 1362 color: #fafafa;
1339} 1363}
1340#respond { 1364#respond {
1341 padding: 3em 0 0; 1365 padding: 3em 0 0;
1342} 1366}
1343#reply-title { 1367#reply-title {
1344 margin: 0; 1368 margin: 0;
1345} 1369}
1346.says { 1370.says {
1347 display: none; 1371 display: none;
1348} 1372}
1349.comments-link a { 1373.comments-link a {
1350 background: #ececec; 1374 background: #ececec;
1351 border-radius: 30px; 1375 border-radius: 30px;
1352 color: #aaa; 1376 color: #aaa;
1353 display: block; 1377 display: block;
1354 float: right; 1378 float: right;
1355 line-height: 1; 1379 line-height: 1;
1356 text-align: center; 1380 text-align: center;
1357 width: 30px; 1381 width: 30px;
1358 height: 30px; 1382 height: 30px;
1359} 1383}
1360.comments-link .tail { 1384.comments-link .tail {
1361 border-top: 10px solid #ececec; 1385 border-top: 10px solid #ececec;
1362 border-right: 8px solid transparent; 1386 border-right: 8px solid transparent;
1363 border-bottom: 0; 1387 border-bottom: 0;
1364 border-left: 0; 1388 border-left: 0;
1365 display: block; 1389 display: block;
1366 margin: 0; 1390 margin: 0;
1367 padding: 0; 1391 padding: 0;
1368 position: relative; 1392 position: relative;
1369 top: 95%; 1393 top: 95%;
1370 left: 12px; 1394 left: 12px;
1371 transition: all .4s ease-in-out; 1395 transition: all .4s ease-in-out;
1372 -webkit-transition: all .4s ease-in-out; 1396 -webkit-transition: all .4s ease-in-out;
1373 -moz-transition: all .4s ease-in-out; 1397 -moz-transition: all .4s ease-in-out;
1374 -o-transition: all .4s ease-in-out; 1398 -o-transition: all .4s ease-in-out;
1375 -ms-transition: all .4s ease-in-out; 1399 -ms-transition: all .4s ease-in-out;
1376 width: 0; 1400 width: 0;
1377 height: 0; 1401 height: 0;
1378 z-index: -1; 1402 z-index: -1;
1379} 1403}
1380.comments-link a:hover { 1404.comments-link a:hover {
1381 background: #444; 1405 background: #444;
1382 color: #fafafa; 1406 color: #fafafa;
1383} 1407}
1384.comments-link a:hover .tail { 1408.comments-link a:hover .tail {
1385 border-top: 10px solid #444; 1409 border-top: 10px solid #444;
1386 transition: all .4s ease-in-out; 1410 transition: all .4s ease-in-out;
1387 -webkit-transition: all .4s ease-in-out; 1411 -webkit-transition: all .4s ease-in-out;
1388 -moz-transition: all .4s ease-in-out; 1412 -moz-transition: all .4s ease-in-out;
1389 -o-transition: all .4s ease-in-out; 1413 -o-transition: all .4s ease-in-out;
1390 -ms-transition: all .4s ease-in-out; 1414 -ms-transition: all .4s ease-in-out;
1391} 1415}
1392.comment-form-author, 1416.comment-form-author,
1393.comment-form-email, 1417.comment-form-email,
1394.comment-form-url, 1418.comment-form-url,
1395.comment-form-comment { 1419.comment-form-comment {
1396 border: 1px solid #eee; 1420 border: 1px solid #eee;
1397 border-radius: 2px; 1421 border-radius: 2px;
1398 margin: 0 0 .5em; 1422 margin: 0 0 .5em;
1399 padding: 5px 10px; 1423 padding: 5px 10px;
1400 position: relative; 1424 position: relative;
1401 font-size: 14px; 1425 font-size: 14px;
1402 text-transform: uppercase; 1426 text-transform: uppercase;
1403 max-width: 92%; 1427 max-width: 92%;
1404} 1428}
1405.comment-form-author input, 1429.comment-form-author input,
1406.comment-form-email input, 1430.comment-form-email input,
1407.comment-form-url input { 1431.comment-form-url input {
1408 border: 0 none; 1432 border: 0 none;
1409 float: right; 1433 float: right;
1410 width: 84%; 1434 width: 84%;
1411} 1435}
1412.comment-form-comment textarea { 1436.comment-form-comment textarea {
1413 border: 0 none; 1437 border: 0 none;
1414 clear: both; 1438 clear: both;
1415 width: 100%; 1439 width: 100%;
1416} 1440}
1417.nocomments { 1441.nocomments {
1418 border-top: 1px solid #eee; 1442 border-top: 1px solid #eee;
1419 border-bottom: 1px solid #eee; 1443 border-bottom: 1px solid #eee;
1420 clear: both; 1444 clear: both;
1421 font-family: Baskerville, "Playfair Display", "Times New Roman", serif; 1445 font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
1422 font-size: 20px; 1446 font-size: 20px;
1423 font-size 2.0rem; 1447 font-size 2.0rem;
1424 font-style: italic; 1448 font-style: italic;
1425 padding: 2em 0; 1449 padding: 2em 0;
1426 text-align: center; 1450 text-align: center;
1427} 1451}
1428 1452
1429 1453
1430/* =Widgets 1454/* =Widgets
1431----------------------------------------------- */ 1455----------------------------------------------- */
1432 1456
1433.sidebar-link { 1457.sidebar-link {
1434 background: #fafafa; 1458 background: #fafafa;
1435 border-radius: 40px; 1459 border-radius: 40px;
1436 clear: both; 1460 clear: both;
1437 color: #ddd; 1461 color: #ddd;
1438 cursor: pointer; 1462 cursor: pointer;
1439 display: block; 1463 display: block;
1440 font-size: 18px; 1464 font-size: 18px;
1441 font-size: 1.8rem; 1465 font-size: 1.8rem;
1442 line-height: 40px; 1466 line-height: 40px;
1443 margin: 2em auto 0; 1467 margin: 2em auto 0;
1444 text-align: center; 1468 text-align: center;
1445 transition: background .4s ease-in-out, color .4s ease-in-out; 1469 transition: background .4s ease-in-out, color .4s ease-in-out;
1446 -webkit-transition: background .4s ease-in-out, color .4s ease-in-out; 1470 -webkit-transition: background .4s ease-in-out, color .4s ease-in-out;
1447 -moz-transition: background .4s ease-in-out, color .4s ease-in-out; 1471 -moz-transition: background .4s ease-in-out, color .4s ease-in-out;
1448 -o-transition: background .4s ease-in-out, color .4s ease-in-out; 1472 -o-transition: background .4s ease-in-out, color .4s ease-in-out;
1449 -ms-transition: background .4s ease-in-out, color .4s ease-in-out; 1473 -ms-transition: background .4s ease-in-out, color .4s ease-in-out;
1450 width: 40px; 1474 width: 40px;
1451 height: 40px; 1475 height: 40px;
1452} 1476}
1453.sidebar-link.toggled-on { 1477.sidebar-link.toggled-on {
1454 line-height: 36px; 1478 line-height: 36px;
1455} 1479}
1456.sidebar-link:hover { 1480.sidebar-link:hover {
1457 background-color: #444; 1481 background-color: #444;
1458 color: #fafafa; 1482 color: #fafafa;
1459 transition: all .4s ease-in-out; 1483 transition: all .4s ease-in-out;
1460 -webkit-transition: all .4s ease-in-out; 1484 -webkit-transition: all .4s ease-in-out;
1461 -moz-transition: all .4s ease-in-out; 1485 -moz-transition: all .4s ease-in-out;
1462 -o-transition: all .4s ease-in-out; 1486 -o-transition: all .4s ease-in-out;
1463 -ms-transition: all .4s ease-in-out; 1487 -ms-transition: all .4s ease-in-out;
1464} 1488}
1465.widget { 1489.widget {
1466 font-family: Baskerville, "Playfair Display", "Times New Roman", serif; 1490 font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
1467 font-size: 16px; 1491 font-size: 16px;
1468 font-size: 1.6rem; 1492 font-size: 1.6rem;
1469 font-weight: 100; 1493 font-weight: 100;
1470 margin: 0 0 3em; 1494 margin: 0 0 3em;
1471 word-break: break-word; 1495 word-break: break-word;
1472} 1496}
1473.widget-column { 1497.widget-column {
1474 width: 23%; 1498 width: 23%;
1475} 1499}
1476.widget-title { 1500.widget-title {
1477 font-size: 24px; 1501 font-size: 24px;
1478 font-size: 2.4rem; 1502 font-size: 2.4rem;
1479 margin: 0 0 .5em 0; 1503 margin: 0 0 .5em 0;
1480} 1504}
1481.one.widget-column { 1505.one.widget-column {
1482 float: none; 1506 float: none;
1483 margin: 0 auto; 1507 margin: 0 auto;
1484} 1508}
1485.two.widget-column { 1509.two.widget-column {
1486 float: left; 1510 float: left;
1487 margin: 0 13.5%; 1511 margin: 0 13.5%;
1488} 1512}
1489.three.widget-column { 1513.three.widget-column {
1490 float: left; 1514 float: left;
1491 margin: 0 5%; 1515 margin: 0 5%;
1492} 1516}
1493 1517
1494/* Search widget */ 1518/* Search widget */
1495#searchsubmit { 1519#searchsubmit {
1496 display: none; 1520 display: none;
1497} 1521}
1498 1522
1499/* Calendar */ 1523/* Calendar */
1500#wp-calendar caption { 1524#wp-calendar caption {
1501 font-weight: 700; 1525 font-weight: 700;
1502 margin: 0 0 .5em 0; 1526 margin: 0 0 .5em 0;
1503 text-align: center; 1527 text-align: center;
1504} 1528}
1505#wp-calendar td, 1529#wp-calendar td,
1506#wp-calendar th { 1530#wp-calendar th {
1507 padding: 2px; 1531 padding: 2px;
1508 text-align: center; 1532 text-align: center;
1509} 1533}
1510#wp-calendar #next { 1534#wp-calendar #next {
1511 text-align: right; 1535 text-align: right;
1512} 1536}
1513#wp-calendar #prev { 1537#wp-calendar #prev {
1514 text-align: left; 1538 text-align: left;
1515} 1539}
1516 1540
1517/* WordPress.com Widgets */ 1541/* WordPress.com Widgets */
1518 1542
1519/* Flickr */ 1543/* Flickr */
1520#flickr_badge_wrapper { 1544#flickr_badge_wrapper {
1521 background: transparent; 1545 background: transparent;
1522 border: 0 none; 1546 border: 0 none;
1523} 1547}
1524#flickr_badge_uber_wrapper { 1548#flickr_badge_uber_wrapper {
1525 margin: 0 auto; 1549 margin: 0 auto;
1526} 1550}
1527#flickr_badge_uber_wrapper a:hover, 1551#flickr_badge_uber_wrapper a:hover,
1528#flickr_badge_uber_wrapper a:link, 1552#flickr_badge_uber_wrapper a:link,
1529#flickr_badge_uber_wrapper a:active, 1553#flickr_badge_uber_wrapper a:active,
1530#flickr_badge_uber_wrapper a:visited { 1554#flickr_badge_uber_wrapper a:visited {
1531 color: #ccc; 1555 color: #ccc;
1532} 1556}
1533.widget_recent_comments td { 1557.widget_recent_comments td {
1534 padding: 5px 5px 10px 5px; 1558 padding: 5px 5px 10px 5px;
1535 vertical-align: top; 1559 vertical-align: top;
1536} 1560}
1537.widget_authors ul, 1561.widget_authors ul,
1538.widget_author_grid ul { 1562.widget_author_grid ul {
1539 list-style: none; 1563 list-style: none;
1540 margin: 0; 1564 margin: 0;
1541 padding: 0; 1565 padding: 0;
1542} 1566}
1543.widget_authors img { 1567.widget_authors img {
1544 vertical-align: middle; 1568 vertical-align: middle;
1545} 1569}
1546.widget_authors li { 1570.widget_authors li {
1547 margin-bottom: 10px; 1571 margin-bottom: 10px;
1548} 1572}
1549 1573
1550 1574
1551/* =Jetpack 1575/* =Jetpack
1552------------------------------------------------*/ 1576------------------------------------------------*/
1553 1577
1554/* Hides navigation links and site footer when infinite scroll is active */ 1578/* Hides navigation links and site footer when infinite scroll is active */
1555.infinite-scroll #nav-below, 1579.infinite-scroll #nav-below,
1556.infinite-scroll.neverending #colophon { 1580.infinite-scroll.neverending #colophon {
1557 display: none; 1581 display: none;
1558} 1582}
1559/* Shows the footer again in case all posts have been loaded */ 1583/* Shows the footer again in case all posts have been loaded */
1560.infinity-end.neverending #colophon { 1584.infinity-end.neverending #colophon {
1561 display: block; 1585 display: block;
1562} 1586}
1563#infinite-footer .container { 1587#infinite-footer .container {
1564 background: rgba(255,255,255,.5); 1588 background: rgba(255,255,255,.5);
1565 border: none; 1589 border: none;
1566} 1590}
1567#infinite-footer .blog-credits, 1591#infinite-footer .blog-credits,
1568#infinite-footer .blog-credits a, 1592#infinite-footer .blog-credits a,
1569#infinite-footer .blog-credits a:hover, 1593#infinite-footer .blog-credits a:hover,
1570#infinite-footer .blog-info a, 1594#infinite-footer .blog-info a,
1571#infinite-footer .blog-info a:hover { 1595#infinite-footer .blog-info a:hover {
1572 color: rgba(0,0,0,.3); 1596 color: rgba(0,0,0,.3);
1573 font-family: Quicksand, Helvetica, Arial, sans-serif; 1597 font-family: Quicksand, Helvetica, Arial, sans-serif;
1574 font-weight: normal; 1598 font-weight: normal;
1575 text-transform: uppercase; 1599 text-transform: uppercase;
1576} 1600}
1577.infinite-loader { 1601.infinite-loader {
1578 clear: both; 1602 clear: both;
1579 margin: 0 auto; 1603 margin: 0 auto;
1580 padding: 50px 0 0; 1604 padding: 50px 0 0;
1581 position: relative; 1605 position: relative;
1582 text-align: center; 1606 text-align: center;
1583 width: 35px; 1607 width: 35px;
1584} 1608}
1585#infinite-handle { 1609#infinite-handle {
1586 clear: both; 1610 clear: both;
1587 margin: 0 auto 13px; 1611 margin: 0 auto 13px;
1588 padding: 25px 0 0; 1612 padding: 25px 0 0;
1589} 1613}
1590#infinite-handle span { 1614#infinite-handle span {
1591 background: #fafafa; 1615 background: #fafafa;
1592 color: #ddd; 1616 color: #ddd;
1593 border-radius: 40px; 1617 border-radius: 40px;
1594 clear: both; 1618 clear: both;
1595 display: block; 1619 display: block;
1596 line-height: 40px; 1620 line-height: 40px;
1597 margin: 0 auto; 1621 margin: 0 auto;
1598 padding: 0; 1622 padding: 0;
1599 text-align: center; 1623 text-align: center;
1600 transition: all .4s ease-in-out; 1624 transition: all .4s ease-in-out;
1601 -webkit-transition: all .4s ease-in-out; 1625 -webkit-transition: all .4s ease-in-out;
1602 -moz-transition: all .4s ease-in-out; 1626 -moz-transition: all .4s ease-in-out;
1603 -o-transition: all .4s ease-in-out; 1627 -o-transition: all .4s ease-in-out;
1604 -ms-transition: all .4s ease-in-out; 1628 -ms-transition: all .4s ease-in-out;
1605 width: 90px; 1629 width: 90px;
1606 height: 40px; 1630 height: 40px;
1607} 1631}
1608#infinite-handle span:hover { 1632#infinite-handle span:hover {
1609 background-color: #444; 1633 background-color: #444;
1610 color: #fafafa; 1634 color: #fafafa;
1611 transition: all .4s ease-in-out; 1635 transition: all .4s ease-in-out;
1612 -webkit-transition: all .4s ease-in-out; 1636 -webkit-transition: all .4s ease-in-out;
1613 -moz-transition: all .4s ease-in-out; 1637 -moz-transition: all .4s ease-in-out;
1614 -o-transition: all .4s ease-in-out; 1638 -o-transition: all .4s ease-in-out;
1615 -ms-transition: all .4s ease-in-out; 1639 -ms-transition: all .4s ease-in-out;
1616} 1640}
1617.sharedaddy:before, 1641.sharedaddy:before,
1618.sharedaddy:after { 1642.sharedaddy:after {
1619 content: ""; 1643 content: "";
1620 display: table; 1644 display: table;
1621} 1645}
1622.sharedaddy:after { 1646.sharedaddy:after {
1623 clear: both; 1647 clear: both;
1624} 1648}
1625 1649
1626 1650
1627/* =Responsive 1651/* =Responsive
1628----------------------------------------------- */ 1652----------------------------------------------- */
1629 1653
1630@media screen and ( max-width: 1200px ) { 1654@media screen and ( max-width: 1200px ) {
1631 #page { 1655 #page {
1632 width: 600px; 1656 width: 600px;
1633 } 1657 }
1634 .single #primary, 1658 .single #primary,
1635 .page #primary, 1659 .page #primary,
1636 .search-no-results #primary, 1660 .search-no-results #primary,
1637 .error404 #primary { 1661 .error404 #primary {
1638 width: 100%; 1662 width: 100%;
1639 } 1663 }
1640 .single .hentry, 1664 .single .hentry,
1641 .error404 .hentry, 1665 .error404 .hentry,
1642 .page .hentry, 1666 .page .hentry,
1643 .search-no-results .no-results { 1667 .search-no-results .no-results {
1644 width: 500px; 1668 width: 500px;
1645 } 1669 }
1646} 1670}
1647 1671
1648@media screen and ( max-width: 800px ) { 1672@media screen and ( max-width: 800px ) {
1649 blockquote { 1673 blockquote {
1650 font-size: 20px; 1674 font-size: 20px;
1651 font-size: 2.0rem; 1675 font-size: 2.0rem;
1652 } 1676 }
1653 #page { 1677 #page {
1654 width: 400px; 1678 width: 400px;
1655 } 1679 }
1656 .hentry { 1680 .hentry {
1657 margin: 5px; 1681 margin: 5px;
1658 width: 123px; 1682 width: 123px;
1659 height: 123px; 1683 height: 123px;
1660 } 1684 }
1661 .hentry.no-thumbnail, 1685 .hentry.no-thumbnail,
1662 .hentry.no-thumbnail span { 1686 .hentry.no-thumbnail span {
1663 font-size: 24px; 1687 font-size: 24px;
1664 font-size: 2.4rem; 1688 font-size: 2.4rem;
1665 line-height: normal; 1689 line-height: normal;
1666 width: 123px; 1690 width: 123px;
1667 height: 123px; 1691 height: 123px;
1668 } 1692 }
1669 .page-header h1 { 1693 .page-header h1 {
1670 margin: 5px; 1694 margin: 5px;
1671 padding: 35px 11px 0; 1695 padding: 35px 11px 0;
1672 width: 101px; 1696 width: 101px;
1673 height: 88px; 1697 height: 88px;
1674 } 1698 }
1675 .single .hentry, 1699 .single .hentry,
1676 .page .hentry, 1700 .page .hentry,
1677 .error404 .hentry, 1701 .error404 .hentry,
1678 .search-no-results .no-results, 1702 .search-no-results .no-results,
1679 .single #primary, 1703 .single #primary,
1680 .page #primary, 1704 .page #primary,
1681 .search-no-results #primary, 1705 .search-no-results #primary,
1682 .error404 #primary { 1706 .error404 #primary {
1683 padding: 0; 1707 padding: 0;
1684 width: 100%; 1708 width: 100%;
1685 } 1709 }
1686 .single #primary { 1710 .single #primary {
1687 width: 100%; 1711 width: 100%;
1688 } 1712 }
1689 #comments { 1713 #comments {
1690 padding: 0; 1714 padding: 0;
1691 } 1715 }
1692 .comment-author .avatar { 1716 .comment-author .avatar {
1693 float: right; 1717 float: right;
1694 margin: 0 0 0 1em; 1718 margin: 0 0 0 1em;
1695 } 1719 }
1696 .comment-content { 1720 .comment-content {
1697 margin: 1.5em 0 0; 1721 margin: 1.5em 0 0;
1698 } 1722 }
1699 .one.widget-column, 1723 .one.widget-column,
1700 .two.widget-column, 1724 .two.widget-column,
1701 .three.widget-column { 1725 .three.widget-column {
1702 clear: both; 1726 clear: both;
1703 float: none; 1727 float: none;
1704 width: auto; 1728 width: auto;
1705 } 1729 }
1706 .comment-form-author input, 1730 .comment-form-author input,
1707 .comment-form-email input, 1731 .comment-form-email input,
1708 .comment-form-url input { 1732 .comment-form-url input {
1709 border: 0 none; 1733 border: 0 none;
1710 float: right; 1734 float: right;
1711 width: 75%; 1735 width: 75%;
1712 } 1736 }
1713 .single .format-status.hentry { 1737 .single .format-status.hentry {
1714 padding-top: 0; 1738 padding-top: 0;
1715 } 1739 }
1716 /* Let's make grayed-out elements easier to see at smaller screen sizes */ 1740 /* Let's make grayed-out elements easier to see at smaller screen sizes */
1717 #masthead, 1741 #masthead,
1718 #colophon, 1742 #colophon,
1719 #colophon a, 1743 #colophon a,
1720 .entry-meta { 1744 .entry-meta {
1721 color: #999; 1745 color: #999;
1722 opacity: 1; 1746 opacity: 1;
1723 -webkit-opacity: 1; 1747 -webkit-opacity: 1;
1724 -moz-opacity: 1; 1748 -moz-opacity: 1;
1725 } 1749 }
1726 .blog .hentry a .attachment-post-thumbnail, 1750 .blog .hentry a .attachment-post-thumbnail,
1727 .archive .hentry a .attachment-post-thumbnail, 1751 .archive .hentry a .attachment-post-thumbnail,
1728 .search .hentry a .attachment-post-thumbnail { 1752 .search .hentry a .attachment-post-thumbnail {
1729 filter:none; 1753 filter:none;
1730 -webkit-filter:none; 1754 -webkit-filter:none;
1731 -moz-filter:none; 1755 -moz-filter:none;
1732 -o-filter:none; 1756 -o-filter:none;
1733 } 1757 }
1734 1758
1735} 1759}
1736@media screen and ( max-width: 600px ) { 1760@media screen and ( max-width: 600px ) {
1737 #page { 1761 #page {
1738 width: 300px; 1762 width: 300px;
1739 } 1763 }
1740 .hentry { 1764 .hentry {
1741 margin: 5px; 1765 margin: 5px;
1742 width: 140px; 1766 width: 140px;
1743 height: 140px; 1767 height: 140px;
1744 } 1768 }
1745 .hentry.no-thumbnail, 1769 .hentry.no-thumbnail,
1746 .hentry.no-thumbnail span { 1770 .hentry.no-thumbnail span {
1747 font-size: 24px; 1771 font-size: 24px;
1748 font-size: 2.4rem; 1772 font-size: 2.4rem;
1749 line-height: normal; 1773 line-height: normal;
1750 width: 140px; 1774 width: 140px;
1751 height: 140px; 1775 height: 140px;
1752 } 1776 }
1753 .page-header h1 { 1777 .page-header h1 {
1754 margin: 5px; 1778 margin: 5px;
1755 padding: 48px 18px; 1779 padding: 48px 18px;
1756 width: 104px; 1780 width: 104px;
1757 height: 44px; 1781 height: 44px;
1758 } 1782 }
1759 .site-content #nav-below .site-navigation, 1783 .site-content #nav-below .site-navigation,
1760 .site-content #image-navigation .site-navigation { 1784 .site-content #image-navigation .site-navigation {
1761 margin: 1.5em 0; 1785 margin: 1.5em 0;
1762 overflow: hidden; 1786 overflow: hidden;
1763 width: 100%; 1787 width: 100%;
1764 } 1788 }
1765 .site-content #nav-below .nav-previous a, 1789 .site-content #nav-below .nav-previous a,
1766 .site-content #nav-below .nav-next a, 1790 .site-content #nav-below .nav-next a,
1767 .site-content #image-navigation .nav-previous a, 1791 .site-content #image-navigation .nav-previous a,
1768 .site-content #image-navigation .nav-next a { 1792 .site-content #image-navigation .nav-next a {
1769 color: #eee; 1793 color: #eee;
1770 display: block; 1794 display: block;
1771 float: none; 1795 float: none;
1772 font-size: 50px; 1796 font-size: 50px;
1773 font-size: 5.0rem; 1797 font-size: 5.0rem;
1774 line-height: normal; 1798 line-height: normal;
1775 margin: 0; 1799 margin: 0;
1776 opacity: 1; 1800 opacity: 1;
1777 position: relative; 1801 position: relative;
1778 top: auto; 1802 top: auto;
1779 width: 50%; 1803 width: 50%;
1780 height: 50px; 1804 height: 50px;
1781 z-index: 1; 1805 z-index: 1;
1782 } 1806 }
1783 .site-content #nav-below .nav-next a, 1807 .site-content #nav-below .nav-next a,
1784 .site-content #image-navigation .nav-next a { 1808 .site-content #image-navigation .nav-next a {
1785 float: right; 1809 float: right;
1786 } 1810 }
1787 .single-post-thumbnail img { 1811 .single-post-thumbnail img {
1788 clear: both; 1812 clear: both;
1789 width: 100%; 1813 width: 100%;
1790 margin: 0 0 2em 0; 1814 margin: 0 0 2em 0;
1791 max-width: 100%; 1815 max-width: 100%;
1792 min-height: auto; 1816 min-height: auto;
1793 min-width: 100%; 1817 min-width: 100%;
1794 height: auto; 1818 height: auto;
1795 position: relative; 1819 position: relative;
1796 top: auto; 1820 top: auto;
1797 left: auto; 1821 left: auto;
1798 z-index: 10; 1822 z-index: 10;
1799 } 1823 }
1800}1824}
ORIGINAL TEXT
CHANGED TEXT