wp-content/themes/twentyten/style.css

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