wp-content/themes/twentyten/style.css

   1 /*
   2 Theme Name: Twenty Ten
   3 Theme URI: http://wordpress.org/
   4 Description: The 2010 default theme for WordPress.
   5 Author: the WordPress team
   6 Version: 1.0
   7 Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
   8 */
   9
  10
  11 /* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
  12 -------------------------------------------------------------- */
  13
  14 html, body, div, span, applet, object, iframe,
  15 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  16 a, abbr, acronym, address, big, cite, code,
  17 del, dfn, em, font, img, ins, kbd, q, s, samp,
  18 small, strike, strong, sub, sup, tt, var,
  19 b, u, i, center,
  20 dl, dt, dd, ol, ul, li,
  21 fieldset, form, label, legend,
  22 table, caption, tbody, tfoot, thead, tr, th, td {
  23         margin: 0;
  24         padding: 0;
  25         border: 0;
  26         vertical-align: baseline;
  27         background: transparent;
  28 }
  29 body {
  30         line-height: 1;
  31 }
  32 h1, h2, h3, h4, h5, h6 {
  33         font-weight: normal;
  34         clear: both;
  35 }
  36 ol, ul {
  37         list-style: none;
  38 }
  39 blockquote {
  40         quotes: none;
  41 }
  42 blockquote:before, blockquote:after {
  43         content: '';
  44         content: none;
  45 }
  46 del {
  47         text-decoration: line-through;
  48 }
  49 /* tables still need 'cellspacing="0"' in the markup */
  50 table {
  51         border-collapse: collapse;
  52         border-spacing: 0;
  53 }
  54 a img { border: none; }
  55
  56
  57
  58 /*
  59 LAYOUT: Two columns
  60 DESCRIPTION: Two-column fixed layout with one sidebar right of content
  61 */
  62
  63 #container {
  64         float: left;
  65         margin: 0 -240px 0 0;
  66         width: 100%;
  67 }
  68 #content {
  69         margin: 0 280px 0 20px;
  70 }
  71 #primary,
  72 #secondary {
  73         float: right;
  74         overflow: hidden;
  75         width: 220px;
  76 }
  77 #secondary {
  78         clear: right;
  79 }
  80 #footer {
  81         clear: both;
  82         width: 100%;
  83 }
  84
  85 /*
  86 LAYOUT: One column, no sidebar
  87 DESCRIPTION: One centered column with no sidebar
  88 */
  89
  90 .one-column #content {
  91         margin: 0 auto;
  92         width: 640px;
  93 }
  94
  95 /*
  96 LAYOUT: Full width, no sidebar
  97 DESCRIPTION: Full width content with no sidebar; used for attachment pages
  98 */
  99
 100 .single-attachment #content {
 101         margin: 0 auto;
 102         width: 900px;
 103 }
 104
 105
 106 /* =Fonts
 107 -------------------------------------------------------------- */
 108 body,
 109 input,
 110 textarea,
 111 .page-title span,
 112 .pingback a.url {
 113         font-family: Georgia, "Bitstream Charter", serif;
 114 }
 115
 116 h3#comments-title,
 117 h3#reply-title,
 118 #access .menu,
 119 #access div.menu ul,
 120 #cancel-comment-reply-link,
 121 .form-allowed-tags,
 122 #site-info,
 123 #site-title,
 124 #wp-calendar,
 125 .comment-meta,
 126 .comment-body tr th,
 127 .comment-body thead th,
 128 .entry-content label,
 129 .entry-content tr th,
 130 .entry-content thead th,
 131 .entry-meta,
 132 .entry-title,
 133 .entry-utility,
 134 #respond label,
 135 .navigation,
 136 .page-title,
 137 .pingback p,
 138 .reply,
 139 .widget-title,
 140 .wp-caption-text,
 141 input[type=submit]
 142 {
 143         font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
 144 }
 145 pre {
 146         font-family: "Courier 10 Pitch", Courier, monospace;
 147 }
 148 code {
 149         font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
 150 }
 151
 152
 153
 154 /* =Structure
 155 -------------------------------------------------------------- */
 156
 157 /* The main theme structure */
 158 #access .menu-header,
 159 div.menu,
 160 #colophon,
 161 #branding,
 162 #main,
 163 #wrapper {
 164         margin: 0 auto;
 165         width: 940px;
 166 }
 167 #wrapper {
 168         margin-top: 20px;
 169         background: #fff;
 170         padding: 0 20px;
 171 }
 172
 173 /* Structure the footer area */
 174 #footer-widget-area {
 175         overflow: hidden;
 176 }
 177 #footer-widget-area .widget-area {
 178         float: left;
 179         margin-right: 20px;
 180         width: 220px;
 181 }
 182 #footer-widget-area #fourth {
 183         margin-right: 0;
 184 }
 185 #site-info {
 186         float: left;
 187         width: 700px;
 188         font-weight: bold;
 189         font-size: 14px;
 190 }
 191 #site-generator {
 192         float: right;
 193         width: 220px;
 194 }
 195
 196
 197
 198 /* =Global Elements
 199 -------------------------------------------------------------- */
 200
 201 /* Main global 'theme' and typographic styles  */
 202 body {
 203         background: #f1f1f1;
 204 }
 205
 206 body,
 207 input,
 208 textarea {
 209         color: #666;
 210         font-size: 12px;
 211         line-height: 18px;
 212 }
 213 hr {
 214         background-color: #E7E7E7;
 215         border:0;
 216         height: 1px;
 217         margin-bottom: 18px;
 218         clear:both;
 219 }
 220
 221 /* Text elements */
 222 p {
 223         margin-bottom: 18px;
 224 }
 225 ul {
 226         list-style: square;
 227         margin: 0 0 18px 1.5em;
 228 }
 229 ol {
 230         list-style: decimal;
 231         margin: 0 0 18px 1.5em;
 232 }
 233 ol ol {
 234         list-style:upper-alpha;
 235 }
 236 ol ol ol {
 237         list-style:lower-roman;
 238 }
 239 ol ol ol ol {
 240         list-style:lower-alpha;
 241 }
 242 ul ul,
 243 ol ol,
 244 ul ol,
 245 ol ul {
 246         margin-bottom:0;
 247 }
 248 dl {
 249         margin:0 0 24px 0;
 250 }
 251 dt {
 252         font-weight: bold;
 253 }
 254 dd {
 255         margin-bottom: 18px;
 256 }
 257 strong {
 258         font-weight: bold;
 259 }
 260 cite,
 261 em,
 262 i {
 263         font-style: italic;
 264 }
 265 big {
 266         font-size: 131.25%;
 267 }
 268 ins {
 269         background: #ffc;
 270         text-decoration: none;
 271 }
 272 blockquote {
 273         font-style: italic;
 274         padding: 0 3em;
 275 }
 276 blockquote cite,
 277 blockquote em,
 278 blockquote i {
 279         font-style: normal;
 280 }
 281 pre {
 282         background: #f7f7f7;
 283         color: #222;
 284         line-height: 18px;
 285         margin-bottom: 18px;
 286         padding: 1.5em;
 287 }
 288 abbr,
 289 acronym {
 290         border-bottom: 1px dotted #666;
 291         cursor: help;
 292 }
 293
 294 sup,
 295 sub {
 296         height: 0;
 297         line-height: 1;
 298         vertical-align: baseline;
 299         position: relative;
 300 }
 301 sup {
 302         bottom: 1ex;
 303 }
 304 sub {
 305         top: .5ex;
 306 }
 307 input[type="text"],
 308 textarea {
 309         padding: 2px;
 310         background: #f9f9f9;
 311         border: 1px solid #ccc;
 312         box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
 313         -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
 314         -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
 315 }
 316 a:link {
 317         color:#0066CC;
 318 }
 319 a:visited {
 320         color:#743399;
 321 }
 322 a:active,
 323 a:hover {
 324         color: #FF4B33;
 325 }
 326
 327 /* Text meant only for screen readers */
 328 .screen-reader-text {
 329         position: absolute;
 330         left: -9000px;
 331 }
 332
 333
 334
 335 /* =Header
 336 -------------------------------------------------------------- */
 337
 338 #header {
 339         padding: 30px 0 0 0;
 340 }
 341 #site-title {
 342         float: left;
 343         margin: 0 0 18px 0;
 344         width: 700px;
 345         font-size: 30px;
 346         line-height: 36px;
 347 }
 348 #site-title a {
 349         color: #000;
 350         font-weight: bold;
 351         text-decoration: none;
 352 }
 353 #site-description {
 354         clear: right;
 355         float: right;
 356         font-style: italic;
 357         margin: 14px 0 18px 0;
 358         width: 220px;
 359 }
 360
 361 /* This is the custom header image */
 362 #branding img {
 363         clear: both;
 364         border-top: 4px solid #000;
 365         display: block;
 366         border-bottom: 1px solid #000;
 367 }
 368
 369
 370
 371 /* =Menu
 372 -------------------------------------------------------------- */
 373
 374 #access {
 375         background: #000;
 376         margin: 0 auto;
 377         width: 940px;
 378         display:block;
 379         float:left;
 380 }
 381 #access .menu-header,
 382 div.menu {
 383         font-size: 13px;
 384         margin-left: 12px;
 385 }
 386 #access .menu-header ul,
 387 div.menu ul {
 388         list-style: none;
 389         margin: 0;
 390 }
 391 #access .menu-header li,
 392 div.menu li {
 393         float:left;
 394         position: relative;
 395 }
 396 #access a {
 397         display:block;
 398         text-decoration:none;
 399         color:#aaa;
 400         padding:0 10px;
 401         line-height:38px;
 402 }
 403 #access ul ul {
 404         display:none;
 405         position:absolute;
 406         top:38px;
 407         left:0;
 408         float:left;
 409         box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
 410         -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
 411         -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
 412         width: 180px;
 413         z-index: 99999;
 414 }
 415 #access ul ul li {
 416         min-width: 180px;
 417 }
 418 #access ul ul ul {
 419         left:100%;
 420         top:0;
 421 }
 422 #access ul ul a {
 423         background:#333;
 424         height:auto;
 425         line-height:1em;
 426         padding:10px;
 427         width: 160px;
 428 }
 429 #access li:hover > a,
 430 #access ul ul :hover > a {
 431         color:#fff;
 432         background:#333;
 433 }
 434 #access ul li:hover > ul {
 435         display:block;
 436 }
 437 #access ul li.current_page_item > a,
 438 #access ul li.current-menu-ancestor > a,
 439 #access ul li.current-menu-item > a,
 440 #access ul li.current-menu-parent > a {
 441         color: #fff;
 442 }
 443
 444 * html #access ul li.current_page_item a,
 445 * html #access ul li.current-menu-ancestor a,
 446 * html #access ul li.current-menu-item a,
 447 * html #access ul li.current-menu-parent a,
 448 * html #access ul li a:hover {
 449         color:#fff;
 450 }
 451
 452 /* =Content
 453 -------------------------------------------------------------- */
 454
 455 #main {
 456         overflow: hidden;
 457         padding: 40px 0 0 0;
 458 }
 459 #content {
 460         margin-bottom: 36px;
 461 }
 462 #content,
 463 #content input,
 464 #content textarea {
 465         color: #333;
 466         font-size: 16px;
 467         line-height: 24px;
 468 }
 469 #content p,
 470 #content ul,
 471 #content ol,
 472 #content dd,
 473 #content pre,
 474 #content hr {
 475         margin-bottom:24px;
 476 }
 477 #content ul ul,
 478 #content ol ol,
 479 #content ul ol,
 480 #content ol ul {
 481         margin-bottom:0;
 482 }
 483 #content pre,
 484 #content kbd,
 485 #content tt,
 486 #content var {
 487         font-size: 15px;
 488         line-height: 21px;
 489 }
 490 #content code {
 491         font-size: 13px;
 492 }
 493 #content dt,
 494 #content th {
 495         color: #000;
 496 }
 497 #content h1,
 498 #content h2,
 499 #content h3,
 500 #content h4,
 501 #content h5,
 502 #content h6 {
 503         color: #000;
 504         margin: 0 0 20px 0;
 505         line-height: 1.5em;
 506 }
 507 #content table {
 508         border: 1px solid #e7e7e7;
 509         text-align: left;
 510         margin: 0 -1px 24px 0;
 511         width: 100%;
 512 }
 513 #content tr th,
 514 #content thead th {
 515         color: #888;
 516         font-size: 12px;
 517         font-weight: bold;
 518         line-height: 18px;
 519         padding: 9px 24px;
 520 }
 521 #content tr td {
 522         border-top: 1px solid #e7e7e7;
 523         padding: 6px 24px;
 524 }
 525 #content tr.odd td {
 526         background: #F2F7FC;
 527 }
 528 .hentry {
 529         margin: 0 0 48px 0;
 530 }
 531 .home .sticky {
 532         background: #F2F7FC;
 533         border-top: 4px solid #000;
 534         padding: 18px 20px;
 535         margin-left: -20px;
 536         margin-right: -20px;
 537 }
 538 .single .hentry {
 539         margin: 0 0 36px 0;
 540 }
 541 .page-title {
 542         color: #000;
 543         font-size: 14px;
 544         font-weight: bold;
 545         margin: 0 0 36px 0;
 546 }
 547 .page-title span {
 548         color: #333;
 549         font-size: 16px;
 550         font-style: italic;
 551         font-weight: normal;
 552 }
 553 .page-title a:link,
 554 .page-title a:visited {
 555         color:#888;
 556         text-decoration: none;
 557 }
 558 .page-title a:active,
 559 .page-title a:hover {
 560         color: #FF4B33;
 561 }
 562 #content .entry-title {
 563         color: #000;
 564         font-size: 21px;
 565         line-height: 1.3em;
 566         font-weight: bold;
 567         margin-bottom: 0;
 568 }
 569 .entry-title a:link,
 570 .entry-title a:visited {
 571         color:#000;
 572         text-decoration: none;
 573 }
 574 .entry-title a:active,
 575 .entry-title a:hover {
 576         color: #FF4B33;
 577 }
 578 .entry-meta {
 579         color: #888;
 580         font-size: 12px;
 581 }
 582 .entry-meta abbr,
 583 .entry-utility abbr {
 584         border: none;
 585 }
 586 .entry-meta abbr:hover,
 587 .entry-utility abbr:hover {
 588         border-bottom: 1px dotted #666;
 589 }
 590 .entry-content,
 591 .entry-summary {
 592         clear: both;
 593         padding: 12px 0 0 0;
 594 }
 595 #content .entry-summary p:last-child {
 596         margin-bottom: 12px;
 597 }
 598 .entry-content fieldset {
 599         border: 1px solid #E7E7E7;
 600         margin: 0 0 24px 0;
 601         padding: 24px;
 602 }
 603 .entry-content fieldset legend {
 604         background: #fff;
 605         color: #000;
 606         font-weight: bold;
 607         padding: 0 24px;
 608 }
 609 .entry-content input {
 610         margin: 0 0 24px 0;
 611 }
 612 .entry-content input.file,
 613 .entry-content input.button {
 614         margin-right: 24px;
 615 }
 616 .entry-content label {
 617         color: #888;
 618         font-size: 12px;
 619 }
 620 .entry-content select {
 621         margin: 0 0 24px 0;
 622 }
 623 .entry-content sup,
 624 .entry-content sub {
 625         font-size: 10px;
 626 }
 627 .entry-content blockquote.left {
 628         float: left;
 629         margin-left: 0;
 630         margin-right: 24px;
 631         text-align: right;
 632         width: 33%;
 633 }
 634 .entry-content blockquote.right {
 635         float: right;
 636         margin-left: 24px;
 637         margin-right: 0;
 638         text-align: left;
 639         width: 33%;
 640 }
 641 .page-link {
 642         color: #000;
 643         font-weight:bold;
 644         margin:0 0 22px 0;
 645         word-spacing:0.5em;
 646 }
 647 .page-link a:link,
 648 .page-link a:visited {
 649         background: #f1f1f1;
 650         color:#333;
 651         font-weight:normal;
 652         padding:0.5em 0.75em;
 653         text-decoration:none;
 654 }
 655 .home .sticky .page-link a {
 656         background: #D9E8F7;
 657 }
 658 .page-link a:active,
 659 .page-link a:hover {
 660         color: #FF4B33;
 661 }
 662 .page .edit-link {
 663         clear: both;
 664         display: block;
 665 }
 666 #entry-author-info {
 667         background: #F2F7FC;
 668         border-top: 4px solid #000;
 669         padding: 18px 20px;
 670         margin: 24px 0;
 671         overflow: hidden;
 672         clear: both;
 673         font-size: 14px;
 674         line-height: 20px;
 675 }
 676 #entry-author-info #author-avatar {
 677         background: #fff;
 678         border: 1px solid #e7e7e7;
 679         float: left;
 680         margin: 0 -104px 0 0;
 681         padding: 11px;
 682         height: 60px;
 683 }
 684 #entry-author-info #author-description {
 685         float: left;
 686         margin: 0 0 0 104px;
 687 }
 688 #entry-author-info h2 {
 689         color: #000;
 690         font-weight: bold;
 691         font-size: 100%;
 692         margin-bottom: 0;
 693 }
 694 .entry-utility {
 695         color: #888;
 696         font-size: 12px;
 697         line-height: 18px;
 698         clear: both;
 699 }
 700 .entry-meta a,
 701 .entry-utility a {
 702         color: #888;
 703 }
 704 .entry-meta a:hover,
 705 .entry-utility a:hover {
 706         color: #FF4B33;
 707 }
 708 #content .video-player {
 709         padding: 0;
 710 }
 711
 712
 713
 714 /* Asides
 715 -------------------------------------------------------------- */
 716
 717 .home #content .category-asides p {
 718         font-size: 14px;
 719         line-height: 20px;
 720         margin-bottom: 10px;
 721         margin-top:0;
 722 }
 723 .home .hentry.category-asides {
 724         padding: 0;
 725 }
 726 .home #content .category-asides .entry-content {
 727         padding-top: 0;
 728 }
 729
 730
 731
 732
 733 /* Gallery listing
 734 -------------------------------------------------------------- */
 735
 736 .category-gallery {
 737         margin-bottom: 48px;
 738 }
 739 .category-gallery h2 {
 740         margin-top: 10px;
 741 }
 742 .category-gallery .entry-meta {
 743 }
 744 .category-gallery .size-thumbnail img {
 745         border: 10px solid #f1f1f1;
 746         margin-bottom: 0;
 747 }
 748 .category-gallery .gallery-thumb {
 749         float: left;
 750         margin-right:20px;
 751         margin-top: -4px;
 752 }
 753 .home #content .category-gallery .entry-content p {
 754         display: inline;
 755 }
 756 .home #content .category-gallery .entry-utility {
 757         padding-top:4px;
 758 }
 759
 760
 761 /* Attachment pages
 762 -------------------------------------------------------------- */
 763
 764 .entry-content .attachment img {
 765         margin-bottom: 0;
 766 }
 767 .attachment .entry-content .entry-caption {
 768         font-size: 140%;
 769         margin-top: 24px;
 770 }
 771 .attachment .entry-content .nav-previous a:before {
 772         content: '\2190\00a0';
 773 }
 774 .attachment .entry-content .nav-next a:after {
 775         content: '\00a0\2192';
 776 }
 777
 778
 779
 780 /* Images
 781 -------------------------------------------------------------- */
 782
 783 #content img {
 784         margin: 0;
 785         max-width: 640px;
 786 }
 787 #content .attachment img {
 788         max-width: 900px;
 789 }
 790 #content .alignleft,
 791 #content img.alignleft {
 792         display: inline;
 793         float: left;
 794         margin-right: 24px;
 795         margin-top: 4px;
 796 }
 797 #content .alignright,
 798 #content img.alignright {
 799         display: inline;
 800         float: right;
 801         margin-left: 24px;
 802         margin-top: 4px;
 803 }
 804 #content .aligncenter,
 805 #content img.aligncenter {
 806         clear: both;
 807         display: block;
 808         margin-left: auto;
 809         margin-right: auto;
 810 }
 811 #content img.alignleft,
 812 #content img.alignright,
 813 #content img.aligncenter {
 814         margin-bottom: 12px;
 815 }
 816 #content .wp-caption {
 817         background: #f1f1f1;
 818         line-height: 18px;
 819         text-align: center;
 820         margin-bottom: 20px;
 821         padding: 4px;
 822 }
 823 #content .wp-caption img {
 824         margin: 5px 5px 0;
 825 }
 826 #content .wp-caption p.wp-caption-text {
 827         margin: 5px;
 828         color: #888;
 829         font-size: 12px;
 830 }
 831 #content .wp-smiley {
 832         margin:0;
 833 }
 834 #content .gallery {
 835         margin: auto;
 836 }
 837 #content .gallery .gallery-item {
 838         float: left;
 839         margin-top: 0;
 840         text-align: center;
 841         width: 33%;
 842 }
 843 #content .gallery img {
 844         border: 2px solid #cfcfcf;
 845 }
 846 #content .gallery .gallery-caption {
 847         color: #888;
 848         font-size: 12px;
 849         margin: 0 0 12px;
 850 }
 851 #content .gallery dl {
 852         margin: 0;
 853 }
 854 #content .gallery img {
 855         border: 10px solid #f1f1f1;
 856 }
 857 #content .gallery br+br {
 858         display: none;
 859 }
 860
 861
 862
 863 /* =Navigation
 864 -------------------------------------------------------------- */
 865
 866 .navigation {
 867         font-size:  12px;
 868         line-height: 18px;
 869         overflow: hidden;
 870         color: #888;
 871 }
 872 .navigation a:link,
 873 .navigation a:visited {
 874         color: #888;
 875         text-decoration: none;
 876 }
 877 .navigation a:active,
 878 .navigation a:hover {
 879         color: #FF4B33;
 880 }
 881 .nav-previous {
 882         float: left;
 883         width: 50%;
 884 }
 885 .nav-next {
 886         float: right;
 887         width: 50%;
 888         text-align:right;
 889 }
 890 #nav-above {
 891         margin: 0 0 18px 0;
 892 }
 893 #nav-above {
 894         display: none;
 895 }
 896 .paged #nav-above,
 897 .single #nav-above {
 898         display: block;
 899 }
 900 #nav-below {
 901         margin: -18px 0 0 0;
 902 }
 903
 904
 905
 906 /* =Comments
 907 -------------------------------------------------------------- */
 908 #comments {
 909         clear: both;
 910 }
 911 #comments .navigation {
 912         padding: 0 0 18px 0;
 913 }
 914 h3#comments-title,
 915 h3#reply-title {
 916         color: #000;
 917         font-weight: bold;
 918         font-size: 20px;
 919         margin-bottom: 0;
 920 }
 921 h3#comments-title {
 922         padding: 24px 0;
 923 }
 924 .commentlist {
 925         list-style: none;
 926         margin: 0;
 927 }
 928 .commentlist li.comment {
 929         border-bottom: 1px solid #e7e7e7;
 930         line-height: 24px;
 931         margin: 0 0 24px 0;
 932         padding: 0 0 0 56px;
 933         position: relative;
 934 }
 935 .commentlist li:last-child {
 936         border-bottom:none;
 937         margin-bottom:0;
 938 }
 939 #comments .comment-body ul,
 940 #comments .comment-body ol {
 941         margin-bottom: 18px;
 942 }
 943 #comments .comment-body p:last-child {
 944         margin-bottom: 6px;
 945 }
 946 #comments .comment-body blockquote p:last-child {
 947         margin-bottom: 24px;
 948 }
 949 .commentlist ol {
 950         list-style: decimal;
 951 }
 952 .commentlist .avatar {
 953         position: absolute;
 954         top: 4px;
 955         left: 0;
 956 }
 957 .comment-author {
 958 }
 959 .comment-author cite {
 960         color: #000;
 961         font-style: normal;
 962         font-weight: bold;
 963 }
 964 .comment-author .says {
 965         font-style: italic;
 966 }
 967 .comment-meta {
 968         font-size: 12px;
 969         margin: 0 0 18px 0;
 970 }
 971 .comment-meta a:link,
 972 .comment-meta a:visited {
 973         color: #888;
 974         text-decoration: none;
 975 }
 976 .comment-meta a:active,
 977 .comment-meta a:hover {
 978         color: #FF4B33;
 979 }
 980 .commentlist .even {
 981 }
 982 .commentlist .bypostauthor {
 983 }
 984 .reply {
 985         font-size: 12px;
 986         padding: 0 0 24px 0;
 987 }
 988 .reply a,
 989 a.comment-edit-link {
 990         color: #888;
 991 }
 992 .reply a:hover,
 993 a.comment-edit-link:hover {
 994         color: #FF4B33;
 995 }
 996 .commentlist .children {
 997         list-style: none;
 998         margin: 0;
 999 }
1000 .commentlist .children li {
1001         border: none;
1002         margin: 0;
1003 }
1004 .nopassword,
1005 .nocomments {
1006         display: none;
1007 }
1008 #comments .pingback {
1009         margin-bottom: 18px;
1010         padding-bottom: 18px;
1011         border-bottom: 1px solid #e7e7e7;
1012 }
1013 .commentlist li.comment+li.pingback {
1014         margin-top: -6px;
1015 }
1016 #comments .pingback p {
1017         color: #888;
1018         font-size: 12px;
1019         line-height: 18px;
1020         display:block;
1021         margin: 0;
1022 }
1023 #comments .pingback .url {
1024         font-style: italic;
1025         font-size: 13px;
1026 }
1027
1028
1029
1030 /* Comments form */
1031 input[type=submit] {
1032         color: #333;
1033 }
1034 #respond {
1035         margin: 24px 0;
1036         border-top: 1px solid #e7e7e7;
1037         overflow: hidden;
1038         position: relative;
1039 }
1040 #respond p {
1041         margin: 0;
1042 }
1043 #respond .comment-notes {
1044         margin-bottom: 1em;
1045 }
1046 .form-allowed-tags {
1047         line-height: 1em;
1048 }
1049 .children #respond {
1050         margin: 0 48px 0 0;
1051 }
1052 h3#reply-title {
1053         margin: 18px 0;
1054 }
1055 #comments-list #respond {
1056         margin: 0 0 18px 0;
1057 }
1058 #comments-list ul #respond {
1059         margin: 0;
1060 }
1061 #cancel-comment-reply-link {
1062         font-size: 12px;
1063         line-height: 18px;
1064         font-weight: normal;
1065 }
1066 #respond .required {
1067         color:#FF4B33;
1068         font-weight:bold;
1069 }
1070 #respond label {
1071         color: #888;
1072         font-size: 12px;
1073 }
1074 #respond input {
1075         margin:0 0 9px;
1076         width:98%;
1077 }
1078 #respond textarea {
1079         width:98%;
1080 }
1081 #respond .form-allowed-tags {
1082         color: #888;
1083         font-size: 12px;
1084         line-height: 18px;
1085 }
1086 #respond .form-allowed-tags code {
1087         font-size: 11px;
1088 }
1089 #respond .form-submit {
1090         margin: 12px 0;
1091 }
1092 #respond .form-submit input {
1093         width: auto;
1094         font-size: 14px;
1095 }
1096
1097
1098 /* =Widget Areas
1099 -------------------------------------------------------------- */
1100
1101 .widget-area ul {
1102         list-style: none;
1103         margin-left: 0;
1104 }
1105 .widget-area ul ul {
1106         list-style: square;
1107         margin-left: 1.3em;
1108 }
1109 .widget_search #s { /* This keeps the search inputs in line */
1110         width: 60%;
1111 }
1112 .widget_search label {
1113         display:none;
1114 }
1115 .widget-container {
1116         margin: 0 0 18px 0;
1117 }
1118 .widget-title {
1119         color: #222;
1120         font-weight: bold;
1121 }
1122 .widget-area a:link,
1123 .widget-area a:visited {
1124         text-decoration: none;
1125 }
1126 .widget-area a:active,
1127 .widget-area a:hover {
1128         text-decoration: underline;
1129 }
1130 .widget-area .entry-meta {
1131         font-size: 11px;
1132 }
1133 #wp_tag_cloud div {
1134         line-height: 1.6em;
1135 }
1136 #wp-calendar {
1137         width:100%;
1138 }
1139 #wp-calendar caption {
1140         font-weight: bold;
1141         color: #222;
1142         text-align: left;
1143         font-size:14px;
1144         padding-bottom: 4px;
1145 }
1146 #wp-calendar thead {
1147         font-size:11px;
1148 }
1149 #wp-calendar thead th {
1150 }
1151 #wp-calendar tbody {
1152         color: #aaa;
1153 }
1154 #wp-calendar tbody td {
1155         padding: 3px 0 2px;
1156         background: #f5f5f5;
1157         border:1px solid #fff;
1158         text-align: center;
1159 }
1160 #wp-calendar tbody .pad {
1161         background: none;
1162 }
1163 #wp-calendar tfoot #next {
1164         text-align: right;
1165 }
1166 .widget_rss a.rsswidget {
1167         color: #000;
1168 }
1169 .widget_rss a.rsswidget:hover {
1170         color: #FF4B33;
1171 }
1172 .widget_rss .widget-title img {
1173         height: 11px;
1174         width: 11px;
1175 }
1176
1177 /* Main sidebars */
1178 #main .widget-area ul {
1179         margin-left: 0;
1180         padding: 0 20px 0 0;
1181 }
1182 #main .widget-area ul ul {
1183         border: none;
1184         margin-left: 1.3em;
1185         padding: 0;
1186 }
1187 #primary {
1188 }
1189 #secondary {
1190 }
1191
1192 /* Footer widget areas */
1193 #footer-widget-area {
1194 }
1195
1196
1197
1198 /* =Footer
1199 -------------------------------------------------------------- */
1200
1201 #footer {
1202         margin-bottom: 20px;
1203 }
1204 #colophon {
1205         border-top: 4px solid #000;
1206         margin-top: -4px;
1207         padding: 18px 0;
1208         overflow: hidden;
1209 }
1210 #site-info {
1211         font-weight: bold;
1212 }
1213 #site-info a {
1214         color: #000;
1215         text-decoration: none;
1216 }
1217 #site-generator {
1218         position: relative;
1219         font-style: italic;
1220 }
1221 #site-generator a {
1222         color: #666;
1223         display:inline-block;
1224         text-decoration: none;
1225         background: url(images/wordpress.png) center left no-repeat;
1226         padding-left: 20px;
1227         line-height: 16px;
1228 }
1229 #site-generator a:hover {
1230         text-decoration: underline;
1231 }
1232 img#wpstats {
1233         display:block;
1234         margin: 0 auto 10px;
1235 }
1236
1237
1238
1239 /* Mobile Safari ( iPad, iPhone and iPod Touch )
1240 -------------------------------------------------------------- */
1241
1242 pre {
1243         -webkit-text-size-adjust: 140%;
1244 }
1245 code {
1246         -webkit-text-size-adjust: 160%;
1247 }
1248 #access,
1249 .entry-meta,
1250 .entry-utility,
1251 .navigation,
1252 .widget-area {
1253         -webkit-text-size-adjust: 120%;
1254 }
1255 #site-description {
1256         -webkit-text-size-adjust: none;
1257 }
1258
1259
1260
1261 /* =Print Style
1262 -------------------------------------------------------------- */
1263
1264 @media print {
1265         body {
1266                 background:none !important;
1267         }
1268         #wrapper {
1269                 float: none !important;
1270                 clear: both !important;
1271                 display: block !important;
1272                 position: relative !important;
1273         }
1274         #header {
1275                 border-bottom: 2pt solid #000;
1276                 padding-bottom: 18pt;
1277         }
1278         #colophon {
1279                 border-top: 2pt solid #000;
1280         }
1281         #site-title,
1282         #site-description {
1283                 float: none;
1284                 margin: 0;
1285                 padding:0;
1286                 line-height: 1.4em;
1287         }
1288         #site-title {
1289                 font-size: 13pt;
1290         }
1291         .entry-content {
1292                 font-size: 14pt;
1293                 line-height: 1.6em;
1294         }
1295         .entry-title {
1296                 font-size: 21pt;
1297         }
1298         #access,
1299         #branding img,
1300         #respond,
1301         .comment-edit-link,
1302         .edit-link,
1303         .navigation,
1304         .page-link,
1305         .widget-area {
1306                 display: none !important;
1307         }
1308         #container,
1309         #header,
1310         #footer {
1311                 width: 100%;
1312                 margin: 0;
1313         }
1314         #content,
1315         .one-column #content {
1316                 width: 100%;
1317                 margin: 24pt 0 0;
1318         }
1319         .wp-caption p {
1320                 font-size: 11pt;
1321         }
1322         #site-info,
1323         #site-generator {
1324                 float: none;
1325                 width: auto;
1326         }
1327         #colophon {
1328                 width: auto;
1329         }
1330         img#wpstats {
1331                 display:none
1332         }
1333         #site-generator a {
1334                 padding: 0;
1335         margin: 0;
1336         }
1337         #entry-author-info {
1338                 border: 1px solid #e7e7e7;
1339         }
1340         #main {
1341                 display:inline;
1342         }
1343         .home .sticky {
1344                 border: none;
1345         }
1346 }