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-------------------------------------------------*/