1html {
2	background: #f5f4f4 url('images/bg-stripe.png');
3}
4body {
5	font: normal .81em/1.5em Arial, Helvetica, sans-serif;
6	width: 980px;
7	margin: 0 auto;
8	color: #6f5e4e;
9}
10p {
11	margin: 0 0 1em;
12}
13em, i {
14	font: normal italic 100% Georgia, "Times New Roman", Times, serif;
15}
16a {
17	color: #644527;
18	text-decoration: underline;
19	outline: none;
20}
21a:hover {
22	color: #ca6c18;
23}
24big {
25	font-size: 1.2em;
26	font-weight: bold;
27	line-height: 1.46em;
28	color: #887662;
29}
30small {
31	font-size: .9em;
32	color: #9f8c77;
33}
34blockquote {
35	background: url('images/blockquote.png') no-repeat 4px 0;
36	padding: 0 0 0 26px;
37	font: italic 1.1em/1.4em Georgia, "Times New Roman", Times, serif;
38	color: #897662;
39}
40ul {
41	list-style: none;
42	margin: 1.2em 0 1.8em 10px;
43}
44ul li {
45	background: url('images/bullet.png') no-repeat 0 .5em;
46	padding: 0 0 .5em 16px;
47}
48ol {
49	margin: 1.2em 0 1.8em 10px;
50}
51ol li {
52	margin: 0 0 .5em 16px;
53}
54h1, h2, h3, h4, h5, h6 {
55	line-height: 2em;
56	color: #644527;
57}
58h1 {
59	font-size: 2em;
60}
61h2 {
62	font-size: 1.6em;
63}
64h3 {
65	font-size: 1.4em;
66}
67h4 {
68	font-size: 1.2em;
69}
70input, textarea, select {
71	font: normal 1em/1.4em Arial, Helvetica, sans-serif;
72}
73input[type=text], input[type=password], textarea {
74	background: #fdfde8;
75	border: solid 1px #d6d1c7;
76	padding: 5px 7px;
77
78	-webkit-border-radius: 4px;
79	-moz-border-radius: 4px;
80}
81textarea:focus, input[type=password]:focus, input[type=text]:focus {
82	border: solid 1px #ca6c18;
83	background: #fff;
84	outline: none;
85	box-shadow: 0 1px 4px #c5c5a2;
86
87	-webkit-box-shadow: 0 1px 4px #c5c5a2;
88	-moz-box-shadow: 0 1px 4px #c5c5a2;
89}
90input[type=reset], input[type=submit] {
91	font-weight: bold;
92	color: #fff;
93	background: #402206 url('images/form-button-bg.png') repeat-x;
94	border: solid 1px #402206;
95	padding: 4px 15px;
96
97	-webkit-border-radius: 4px;
98	-moz-border-radius: 4px;
99}
100input[type=reset]:hover, input[type=submit]:hover {
101	background: #74300c url('images/form-button-bg.png') repeat-x 0 -91px;
102	border: solid 1px #74300c;
103}
104
105/* header
106-------------------------------------------------*/
107#header {
108	background: url('images/header.png') no-repeat center bottom;
109	padding: 30px 10px 110px;
110	position: relative;
111}
112#header #logo {
113	font: bold 3.7em/1em Arial, Helvetica, sans-serif;
114	margin: 0 0 10px;
115	letter-spacing: -.08em;
116	color: #74685c;
117	text-shadow: 0 1px 0 #fff;
118}
119#header #logo, #header #logo a {
120	color: #74685c;
121	text-decoration: none;
122}
123#header #logo a:hover {
124	color: #ca6c18;
125}
126#header .description {
127	font: 1.4em/1em Arial, Helvetica, sans-serif;
128	margin: 0 0 20px;
129	letter-spacing: -.04em;
130	color: #7c7268;
131	text-shadow: 0 1px 0 #fff;
132}
133#header .socialmedia a {
134	text-decoration: none;
135	margin-right: 20px;
136	color: #666;
137}
138#header .socialmedia a:hover {
139	color: #ca6c18;
140}
141#header .socialmedia img {
142	vertical-align: middle;
143	margin: 0 8px 5px 0;
144	-webkit-border-radius: 5px;
145	-moz-border-radius: 5px;
146	box-shadow: 0 1px 4px #000;
147	-webkit-box-shadow: 0 1px 2px #ccc;
148	-moz-box-shadow: 0 2px 2px #ccc;
149}
150
151
152/* nav level1 */
153#nav {
154	position: absolute;
155	bottom: 54px;
156	left: 30px;
157	list-style: none;
158	margin: 0;
159	padding: 0;
160}
161#nav li {
162	float: left;
163	margin: 0 10px 0 0;
164	padding: 0 0 5px 5px;
165	background: none;
166	position: relative;
167}
168#nav li a {
169	color: #fff;
170	font: bold 100%/100% Arial, Helvetica, sans-serif;
171	padding: 9px 12px 10px 8px;
172	display: block;
173	text-decoration: none;
174	color: #cbc3bb;
175	text-shadow: 0 1px 1px #1f1206;
176}
177#nav li.current_page_item, #nav li.current_home, #nav li:hover {
178	background: url('images/nav-bg.png') no-repeat;
179}
180#nav li.current_page_item a, #nav li a:hover {
181	background: url('images/nav-bg.png') no-repeat right -85px;
182	color: #fff;
183}
184
185/* show hover bg */
186#nav li:hover a {
187	background: url('images/nav-bg.png') no-repeat right -85px;
188}
189#nav li.current_home a {
190	background: url('images/nav-bg.png') no-repeat right -169px;
191	padding-right: 20px;
192	color: #fff;
193}
194
195/* nav level2 */
196#nav ul {
197	position: absolute;
198	top: 18px;
199	left: -10px;
200	padding: 8px 0 10px;
201	background: #fbf4b5 url('images/subnav-gradient.png') repeat-x;
202	border: solid 1px #c5c5a2;
203	-webkit-border-radius: 4px;
204	-moz-border-radius: 4px;
205	box-shadow: 0 1px 4px #c5c5a2;
206	-webkit-box-shadow: 0 1px 4px #c5c5a2;
207	-moz-box-shadow: 0 1px 4px #c5c5a2;
208}
209#nav ul li {
210	background: none;
211	padding: 0;
212	margin: 0;
213}
214#nav ul li:hover, #nav ul li:hover a, #nav ul li.current_page_item {
215	background: none;
216}
217#nav ul a {
218	color: #755433;
219	font-weight: normal;
220	text-shadow: none;
221	padding: 7px 0 7px 15px;
222	width: 200px;
223	background: none !important;
224}
225#nav li.current_page_item li a, #nav ul li.current_page_item a {
226	color: #755433;
227	background: none;
228}
229#nav ul a:hover, #nav li.current_page_item li a:hover, #nav ul li.current_page_item a:hover {
230	background: none;
231	color: #000;
232}
233
234/* dropdown */
235#nav ul {
236	display: none;
237}
238#nav li:hover > ul {
239	display: block;
240}
241
242/* nav sub levels */
243#nav ul ul {
244	left: 200px;
245	top: -18px;
246	z-index: 3;
247}
248
249#searchform {
250	position: absolute;
251	bottom: 57px;
252	right: 25px;
253	background: url('images/searchform.png') no-repeat;
254	width: 222px;
255	height: 26px;
256	padding: 5px 0 3px;
257}
258#searchform #s {
259	background: #332518;
260	border: none;
261	font: italic 110% Georgia, "Times New Roman", Times, serif;
262	color: #ada8a3;
263	width: 168px;
264	padding: 2px 5px;
265	margin-left: 30px;
266}
267#searchform #s:focus {
268	outline: none;
269	box-shadow: none;
270	-webkit-box-shadow: none;
271	-moz-box-shadow: none;
272}
273
274/* content
275-------------------------------------------------*/
276#wrapper {
277	background: url('images/wrapper.png') center 5px;
278	width: 100%;
279	min-height: 600px;
280	overflow: hidden;
281	padding-top: 8px;
282}
283
284#content {
285	float: left;
286	width: 520px;
287	margin-left: 15px;
288	padding: 0 0 0 90px;
289}
290
291.post {
292	margin: 0 0 45px;
293}
294.post-title {
295	font: bold 1.9em/1em Arial, Helvetica, sans-serif;
296	letter-spacing: -.05em;
297	margin: 0 0 10px;
298	text-shadow: 0px 1px 4px #dfdfbb;
299	color: #644527;
300}
301.post-title a {
302	text-decoration: none;
303	color: #644527;
304}
305.post-title a:hover {
306	color: #ca6c18;
307}
308.post-date {
309	font: bold 1.2em/1em Arial, Helvetica, sans-serif;
310	color: #887057;
311	margin: -30px 0 0 -96px;
312	padding: 0;
313	width: 80px;
314	text-align: right;
315	position: absolute;
316}
317.post-data {
318	margin: 0 0 20px;
319	font: bold .9em/1.3em Arial, Helvetica, sans-serif;
320	color: #b09473;
321}
322.post-data a {
323	color: #b09473;
324	text-decoration: none;
325	padding-bottom: 4px;
326}
327.post-data a:hover {
328	color: #ca6c18;
329	text-decoration: none;
330}
331.post-data span {
332	padding: 0 0 3px 19px;
333	margin-right: 12px;
334}
335.postauthor {
336	background: url('images/postdata-icons.png') no-repeat 0 -512px;
337}
338.postauthor:hover {
339	background: url('images/postdata-icons.png') no-repeat 0 -619px;
340}
341.postcategory {
342	background: url('images/postdata-icons.png') no-repeat;
343}
344.postcategory:hover {
345	background-position: 0 -253px;
346}
347.posttag {
348	background: url('images/postdata-icons.png') no-repeat 0 -86px;
349}
350.posttag:hover {
351	background-position: 0 -339px;
352}
353.postcomment {
354	background: url('images/postdata-icons.png') no-repeat 0 -172px;
355}
356.postcomment:hover {
357	background-position: 0 -425px;
358}
359
360.more-link {
361	font: bold 1em/1em Arial, Helvetica, sans-serif;
362	background: url('images/more-link.png') no-repeat right 3px;
363	text-decoration: none;
364	padding: 0 12px 3px 0;
365}
366a.more-link:hover {
367	background-position: right -67px;
368}
369
370.post-nav {
371	background: url('images/content-dots.png') repeat-x;
372	width: 100%;
373	overflow: hidden;
374	margin: 10px 0 25px;
375	padding-top: 12px;
376}
377.post-nav a {
378	font: bold 1.2em/1.1em Arial, Helvetica, sans-serif;
379	padding: 3px 0 12px;
380	display: block;
381	text-decoration: none;
382	width: 225px;
383	background: #ccc;
384}
385.post-nav .previous a {
386	background: url('images/post-nav.png') no-repeat;
387	padding-left: 32px;
388	float: left;
389}
390.post-nav .previous a:hover {
391	background-position: 0 -191px;
392}
393.post-nav .next a {
394	background: url('images/post-nav.png') no-repeat right -383px;
395	padding-right: 32px;
396	text-align: right;
397	float: right;
398}
399.post-nav .next a:hover {
400	background-position: right -574px;
401}
402
403/* content end
404-------------------------------------------------*/
405
406/* comments
407-------------------------------------------------*/
408#comments, #respond h4 {
409	font: bold 1.6em/1em Arial, Helvetica, sans-serif;
410	padding: 15px 0 0;
411	margin: 5px 0 20px;
412	letter-spacing: -.04em;
413	text-shadow: 0px 1px 4px #dfdfbb;
414}
415#comments, .commentlist #respond h4 {
416	background: url('images/content-dots.png') repeat-x;
417}
418#comments em, #respond h4 em {
419	font: italic .7em/1em Georgia, "Times New Roman", Times, serif;
420}
421/* commentlist level1 */
422.commentlist {
423	list-style: none;
424	margin: 0;
425	padding: 0;
426}
427.commentlist li {
428	margin: 0 0 20px;
429	padding: 0;
430}
431.comment-author {
432	margin: 0 0 5px;
433}
434.comment-author small {
435	color: #9d8b78;
436	font-size: .85em;
437}
438.comment-author cite {
439	font: bold normal 1.35em/1em Arial, Helvetica, sans-serif;
440}
441.comment-author cite a {
442	text-decoration: none;
443}
444.avatar {
445	position: absolute;
446	margin: -4px 0 0 -65px;
447	background: #fdfde8;
448	border: solid 1px #d6d1c7;
449	padding: 4px;
450	-webkit-border-radius: 4px;
451	-moz-border-radius: 4px;
452}
453.reply {
454	background: url('images/reply.png') no-repeat 0 center;
455	padding: 0 0 0 12px;
456}
457.comment-reply-link {
458	text-transform: uppercase;
459	font-size: .8em;
460	font-weight: bold;
461	color: #a5907a;
462	text-decoration: none;
463}
464a.comment-reply-link:hover {
465	color: #ca6c18;
466}
467.commententry {
468	clear: both;
469}
470
471/*commentlist level2 */
472.commentlist ul {
473	margin: 20px 0 0;
474	padding: 0;
475}
476.commentlist ul li {
477	background: none;
478	margin: 0;
479	padding: 0;
480}
481.commentlist ul .comment-author {
482	margin: 0 0 10px;
483}
484.commentlist ul .avatar {
485	width: 32px;
486	height: 32px;
487	position: relative;
488	float: left;
489	margin: -5px 10px 0 0;
490}
491
492/*commentlist sub levels */
493.commentlist ul ul {
494	margin-left: 53px;
495	padding: 0;
496}
497
498
499/* comment nav */
500.comment-nav {
501	clear: both;
502	float: right;
503	margin: -33px 0 0;
504	line-height: 1em;
505}
506.comment-nav a {
507	text-decoration: none;
508	color: #b8a98a;
509	font-weight: bold;
510	text-transform: uppercase;
511}
512.comment-nav a:hover {
513	color: #ca6c18;
514}
515.comment-nav .previous a {
516	background: url('images/comment-nav.png') no-repeat 0 -144px;
517	padding-left: 18px;
518	margin-right: 20px;
519}
520.comment-nav .previous a:hover {
521	background-position: 0 -217px;
522}
523.comment-nav .previous a:after {
524content:  close-quote;
525}
526.comment-nav .next a {
527	background: url('images/comment-nav.png') no-repeat right 3px;
528	padding-right: 24px;
529}
530.comment-nav .next a:hover {
531	background-position: right -70px;
532}
533.comment-nav .divider {
534	background: url('images/comments-nav-circle.png') no-repeat center center;
535	padding: 0 10px;
536}
537
538#respond {
539	position: relative;
540	margin-bottom: 40px;
541}
542#respond .cancel-comment-reply {
543	position: absolute;
544	top: 20px;
545	right: 0;
546}
547#respond #cancel-comment-reply-link {
548	font: bold .9em/1em Arial, Helvetica, sans-serif;
549	text-transform: uppercase;
550	background: url('images/cancel-reply.png') no-repeat 0 3px;
551	padding: 2px 2px 2px 16px;
552	text-decoration: none;
553	color: #b8a98a;
554}
555#respond #cancel-comment-reply-link:hover {
556	text-decoration: none;
557	color: #ca6c18;
558	background-position: 0 -55px;
559}
560#commentform input[type=text] {
561	width: 210px;
562	margin-right: 5px;
563	background: #fdfde8;
564	border: solid 1px #d6d1c7;
565	padding: 5px 7px;
566	-webkit-border-radius: 4px;
567	-moz-border-radius: 4px;
568}
569#commentform textarea {
570	width: 97%;
571	height: 200px;
572	padding: 10px 7px;
573	border: solid 1px #d6d1c7;
574	background: #fdfde8;
575	-webkit-border-radius: 4px;
576	-moz-border-radius: 4px;
577}
578#commentform textarea:focus, #commentform input[type=text]:focus {
579	border: solid 1px #ca6c18;
580	background: #fff;
581	outline: none;
582	box-shadow: 0 1px 4px #c5c5a2;
583	-webkit-box-shadow: 0 1px 4px #c5c5a2;
584	-moz-box-shadow: 0 1px 4px #c5c5a2;
585}
586#commentform label {
587	font-weight: bold;
588}
589#commentform label small {
590	font-weight: normal;
591}
592#commentform #submit {
593	background: url('images/comment-submit.png') no-repeat 0 bottom;
594	width: 183px;
595	height: 35px;
596	border: none;
597	font: bold 1.05em/1em Arial, Helvetica, sans-serif;
598	color: #fff;
599	text-shadow: 0 1px 2px #000;
600	cursor: pointer;
601	padding: 3px 0 7px;
602}
603#commentform #submit:hover {
604	background-position: 0 0;
605}
606
607/* comments end
608-------------------------------------------------*/
609
610/* sidebar
611-------------------------------------------------*/
612div#sidebar {
613	width: 270px;
614	float: right;
615	margin-right: 35px;
616	font-size: .95em;
617	line-height: 1.5em;
618}
619#sidebar h4, #sidebar .widgettitle {
620	font: bold 1.5em/1em Arial, Helvetica, sans-serif;
621	background: url('images/sidebar-dots.png') repeat-x 0 bottom;
622	padding: 0 0 10px;
623	margin: 0 0 10px;
624	text-shadow: 0px 1px 4px #dfdfbb;
625}
626#sidebar h4 a, #sidebar .widgettitle a {
627	text-decoration: none;
628}
629#sidebar ul {
630	list-style: none;
631	margin: 0 0 1em;
632}
633#sidebar ul ul {
634	margin: 0;
635}
636#sidebar ul li {
637	background: url('images/sidebar-list-arrow.png') no-repeat 0 4px;
638	padding: 0 0 0 11px;
639	margin: 4px 0;
640}
641#sidebar ul ul li {
642	background: url('images/sidebar-list-circle.png') no-repeat 0 4px;
643}
644#sidebar ul a {
645	font-weight: bold;
646	text-decoration: none;
647}
648
649/* widgets */
650#sidebar .widget {
651	margin: 0 0 32px;
652}
653#sidebar #searchform {
654	position: relative;
655	margin: 0;
656	right: auto;
657	bottom: auto;
658}
659#sidebar #wp-calendar caption {
660	font-weight: bold;
661}
662#sidebar #wp-calendar td {
663	width: 32px;
664	padding: 4px 2px;
665	text-align: center;
666}
667/* sidebar end
668-------------------------------------------------*/
669
670/* footer
671-------------------------------------------------*/
672#footer {
673	font-size: .9em;
674	background: url('images/footer.png') no-repeat center top;
675	padding: 108px 10px 30px;
676	clear: both;
677	width: auto;
678	overflow: hidden;
679	color: #888;
680}
681#footer a {
682	color: #666;
683	text-decoration: none;
684}
685#footer a:hover {
686	text-decoration: underline;
687}
688#footer .copyright {
689	float: left;
690}
691#footer .credits {
692	float: right;
693}
694/* footer end
695-------------------------------------------------*/
696
697/* wordpress post formating, etc.
698-------------------------------------------------*/
699.center {
700	text-align: center;
701}
702.alignleft {
703	float: left;
704	margin-right: 20px;
705}
706img.alignleft {
707	background: #fff;
708	border: solid 1px #d6d1c7;
709	padding: 5px;
710	margin-bottom: 15px;
711	-webkit-border-radius: 4px;
712	-moz-border-radius: 4px;
713}
714.alignright {
715	float: right;
716	margin-left: 20px;
717}
718img.alignright {
719	background: #fff;
720	border: solid 1px #d6d1c7;
721	padding: 5px;
722	margin-bottom: 15px;
723	-webkit-border-radius: 4px;
724	-moz-border-radius: 4px;
725}
726.aligncenter {
727	text-align: center;
728}
729.wp-caption {
730	text-align: center;
731	background: #fff;
732	border: solid 1px #d6d1c7;
733	padding: 5px 5px 0;
734	margin-bottom: 15px;
735	-webkit-border-radius: 4px;
736	-moz-border-radius: 4px;
737}
738.wp-caption-text {
739	font: italic 1em/1.3em Georgia, "Times New Roman", Times, serif;
740	margin: 6px 0;
741	color: #777;
742}
743
744/* wordpress post formating end
745-------------------------------------------------*/