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.3
   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         overflow: auto;
 289         padding: 1.5em;
 290 }
 291 abbr,
 292 acronym {
 293         border-bottom: 1px dotted #666;
 294         cursor: help;
 295 }
 296 sup,
 297 sub {
 298         height: 0;
 299         line-height: 1;
 300         position: relative;
 301         vertical-align: baseline;
 302 }
 303 sup {
 304         bottom: 1ex;
 305 }
 306 sub {
 307         top: .5ex;
 308 }
 309 input[type="text"],
 310 textarea {
 311         background: #f9f9f9;
 312         border: 1px solid #ccc;
 313         box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
 314         -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
 315         -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
 316         padding: 2px;
 317 }
 318 a:link {
 319         color: #0066cc;
 320 }
 321 a:visited {
 322         color: #743399;
 323 }
 324 a:active,
 325 a:hover {
 326         color: #ff4b33;
 327 }
 328
 329 /* Text meant only for screen readers */
 330 .screen-reader-text {
 331         position: absolute;
 332         left: -9000px;
 333 }
 334
 335
 336 /* =Header
 337 -------------------------------------------------------------- */
 338
 339 #header {
 340         padding: 30px 0 0 0;
 341 }
 342 #site-title {
 343         float: left;
 344         font-size: 30px;
 345         line-height: 36px;
 346         margin: 0 0 18px 0;
 347         width: 700px;
 348 }
 349 #site-title a {
 350         color: #000;
 351         font-weight: bold;
 352         text-decoration: none;
 353 }
 354 #site-description {
 355         clear: right;
 356         float: right;
 357         font-style: italic;
 358         margin: 15px 0 18px 0;
 359         width: 220px;
 360 }
 361
 362 /* This is the custom header image */
 363 #branding img {
 364         border-top: 4px solid #000;
 365         border-bottom: 1px solid #000;
 366         display: block;
 367         float: left;
 368 }
 369
 370
 371 /* =Menu
 372 -------------------------------------------------------------- */
 373
 374 #access {
 375         background: #000;
 376         display: block;
 377         float: left;
 378         margin: 0 auto;
 379         width: 940px;
 380 }
 381 #access .menu-header,
 382 div.menu {
 383         font-size: 13px;
 384         margin-left: 12px;
 385         width: 928px;
 386 }
 387 #access .menu-header ul,
 388 div.menu ul {
 389         list-style: none;
 390         margin: 0;
 391 }
 392 #access .menu-header li,
 393 div.menu li {
 394         float: left;
 395         position: relative;
 396 }
 397 #access a {
 398         color: #aaa;
 399         display: block;
 400         line-height: 38px;
 401         padding: 0 10px;
 402         text-decoration: none;
 403 }
 404 #access ul ul {
 405         box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
 406         -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
 407         -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
 408         display: none;
 409         position: absolute;
 410         top: 38px;
 411         left: 0;
 412         float: left;
 413         width: 180px;
 414         z-index: 99999;
 415 }
 416 #access ul ul li {
 417         min-width: 180px;
 418 }
 419 #access ul ul ul {
 420         left: 100%;
 421         top: 0;
 422 }
 423 #access ul ul a {
 424         background: #333;
 425         line-height: 1em;
 426         padding: 10px;
 427         width: 160px;
 428         height: auto;
 429 }
 430 #access li:hover > a,
 431 #access ul ul :hover > a {
 432         background: #333;
 433         color: #fff;
 434 }
 435 #access ul li:hover > ul {
 436         display: block;
 437 }
 438 #access ul li.current_page_item > a,
 439 #access ul li.current-menu-ancestor > a,
 440 #access ul li.current-menu-item > a,
 441 #access ul li.current-menu-parent > a {
 442         color: #fff;
 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
 453 /* =Content
 454 -------------------------------------------------------------- */
 455
 456 #main {
 457         clear: both;
 458         overflow: hidden;
 459         padding: 40px 0 0 0;
 460 }
 461 #content {
 462         margin-bottom: 36px;
 463 }
 464 #content,
 465 #content input,
 466 #content textarea {
 467         color: #333;
 468         font-size: 16px;
 469         line-height: 24px;
 470 }
 471 #content p,
 472 #content ul,
 473 #content ol,
 474 #content dd,
 475 #content pre,
 476 #content hr {
 477         margin-bottom: 24px;
 478 }
 479 #content ul ul,
 480 #content ol ol,
 481 #content ul ol,
 482 #content ol ul {
 483         margin-bottom: 0;
 484 }
 485 #content pre,
 486 #content kbd,
 487 #content tt,
 488 #content var {
 489         font-size: 15px;
 490         line-height: 21px;
 491 }
 492 #content code {
 493         font-size: 13px;
 494 }
 495 #content dt,
 496 #content th {
 497         color: #000;
 498 }
 499 #content h1,
 500 #content h2,
 501 #content h3,
 502 #content h4,
 503 #content h5,
 504 #content h6 {
 505         color: #000;
 506         line-height: 1.5em;
 507         margin: 0 0 20px 0;
 508 }
 509 #content table {
 510         border: 1px solid #e7e7e7;
 511         margin: 0 -1px 24px 0;
 512         text-align: left;
 513         width: 100%;
 514 }
 515 #content tr th,
 516 #content thead th {
 517         color: #888;
 518         font-size: 12px;
 519         font-weight: bold;
 520         line-height: 18px;
 521         padding: 9px 24px;
 522 }
 523 #content tr td {
 524         border-top: 1px solid #e7e7e7;
 525         padding: 6px 24px;
 526 }
 527 #content tr.odd td {
 528         background: #f2f7fc;
 529 }
 530 .hentry {
 531         margin: 0 0 48px 0;
 532 }
 533 .home .sticky {
 534         background: #f2f7fc;
 535         border-top: 4px solid #000;
 536         margin-left: -20px;
 537         margin-right: -20px;
 538         padding: 18px 20px;
 539 }
 540 .single .hentry {
 541         margin: 0 0 36px 0;
 542 }
 543 .page-title {
 544         color: #000;
 545         font-size: 14px;
 546         font-weight: bold;
 547         margin: 0 0 36px 0;
 548 }
 549 .page-title span {
 550         color: #333;
 551         font-size: 16px;
 552         font-style: italic;
 553         font-weight: normal;
 554 }
 555 .page-title a:link,
 556 .page-title a:visited {
 557         color: #888;
 558         text-decoration: none;
 559 }
 560 .page-title a:active,
 561 .page-title a:hover {
 562         color: #ff4b33;
 563 }
 564 #content .entry-title {
 565         color: #000;
 566         font-size: 21px;
 567         font-weight: bold;
 568         line-height: 1.3em;
 569         margin-bottom: 0;
 570 }
 571 .entry-title a:link,
 572 .entry-title a:visited {
 573         color: #000;
 574         text-decoration: none;
 575 }
 576 .entry-title a:active,
 577 .entry-title a:hover {
 578         color: #ff4b33;
 579 }
 580 .entry-meta {
 581         color: #888;
 582         font-size: 12px;
 583 }
 584 .entry-meta abbr,
 585 .entry-utility abbr {
 586         border: none;
 587 }
 588 .entry-meta abbr:hover,
 589 .entry-utility abbr:hover {
 590         border-bottom: 1px dotted #666;
 591 }
 592 .entry-content,
 593 .entry-summary {
 594         clear: both;
 595         padding: 12px 0 0 0;
 596 }
 597 #content .entry-summary p:last-child {
 598         margin-bottom: 12px;
 599 }
 600 .entry-content fieldset {
 601         border: 1px solid #e7e7e7;
 602         margin: 0 0 24px 0;
 603         padding: 24px;
 604 }
 605 .entry-content fieldset legend {
 606         background: #fff;
 607         color: #000;
 608         font-weight: bold;
 609         padding: 0 24px;
 610 }
 611 .entry-content input {
 612         margin: 0 0 24px 0;
 613 }
 614 .entry-content input.file,
 615 .entry-content input.button {
 616         margin-right: 24px;
 617 }
 618 .entry-content label {
 619         color: #888;
 620         font-size: 12px;
 621 }
 622 .entry-content select {
 623         margin: 0 0 24px 0;
 624 }
 625 .entry-content sup,
 626 .entry-content sub {
 627         font-size: 10px;
 628 }
 629 .entry-content blockquote.left {
 630         float: left;
 631         margin-left: 0;
 632         margin-right: 24px;
 633         text-align: right;
 634         width: 33%;
 635 }
 636 .entry-content blockquote.right {
 637         float: right;
 638         margin-left: 24px;
 639         margin-right: 0;
 640         text-align: left;
 641         width: 33%;
 642 }
 643 .page-link {
 644         clear: both;
 645         color: #000;
 646         font-weight: bold;
 647         margin: 0 0 22px 0;
 648         word-spacing: 0.5em;
 649 }
 650 .page-link a:link,
 651 .page-link a:visited {
 652         background: #f1f1f1;
 653         color: #333;
 654         font-weight: normal;
 655         padding: 0.5em 0.75em;
 656         text-decoration: none;
 657 }
 658 .home .sticky .page-link a {
 659         background: #d9e8f7;
 660 }
 661 .page-link a:active,
 662 .page-link a:hover {
 663         color: #ff4b33;
 664 }
 665 body.page .edit-link {
 666         clear: both;
 667         display: block;
 668 }
 669 #entry-author-info {
 670         background: #f2f7fc;
 671         border-top: 4px solid #000;
 672         clear: both;
 673         font-size: 14px;
 674         line-height: 20px;
 675         margin: 24px 0;
 676         overflow: hidden;
 677         padding: 18px 20px;
 678 }
 679 #entry-author-info #author-avatar {
 680         background: #fff;
 681         border: 1px solid #e7e7e7;
 682         float: left;
 683         height: 60px;
 684         margin: 0 -104px 0 0;
 685         padding: 11px;
 686 }
 687 #entry-author-info #author-description {
 688         float: left;
 689         margin: 0 0 0 104px;
 690 }
 691 #entry-author-info h2 {
 692         color: #000;
 693         font-size: 100%;
 694         font-weight: bold;
 695         margin-bottom: 0;
 696 }
 697 .entry-utility {
 698         clear: both;
 699         color: #888;
 700         font-size: 12px;
 701         line-height: 18px;
 702 }
 703 .entry-meta a,
 704 .entry-utility a {
 705         color: #888;
 706 }
 707 .entry-meta a:hover,
 708 .entry-utility a:hover {
 709         color: #ff4b33;
 710 }
 711 #content .video-player {
 712         padding: 0;
 713 }
 714
 715
 716 /* =Asides
 717 -------------------------------------------------------------- */
 718
 719 .home #content .format-aside p,
 720 .home #content .category-asides p {
 721         font-size: 14px;
 722         line-height: 20px;
 723         margin-bottom: 10px;
 724         margin-top: 0;
 725 }
 726 .home .hentry.format-aside,
 727 .home .hentry.category-asides {
 728         padding: 0;
 729 }
 730 .home #content .format-aside .entry-content,
 731 .home #content .category-asides .entry-content {
 732         padding-top: 0;
 733 }
 734
 735
 736 /* =Gallery listing
 737 -------------------------------------------------------------- */
 738
 739 .format-gallery .size-thumbnail img,
 740 .category-gallery .size-thumbnail img {
 741         border: 10px solid #f1f1f1;
 742         margin-bottom: 0;
 743 }
 744 .format-gallery .gallery-thumb,
 745 .category-gallery .gallery-thumb {
 746         float: left;
 747         margin-right: 20px;
 748         margin-top: -4px;
 749 }
 750 .home #content .format-gallery .entry-utility,
 751 .home #content .category-gallery .entry-utility {
 752         padding-top: 4px;
 753 }
 754
 755
 756 /* =Attachment pages
 757 -------------------------------------------------------------- */
 758
 759 .attachment .entry-content .entry-caption {
 760         font-size: 140%;
 761         margin-top: 24px;
 762 }
 763 .attachment .entry-content .nav-previous a:before {
 764         content: '\2190\00a0';
 765 }
 766 .attachment .entry-content .nav-next a:after {
 767         content: '\00a0\2192';
 768 }
 769
 770
 771 /* =Images
 772 -------------------------------------------------------------- */
 773
 774 /*
 775 Resize images to fit the main content area.
 776 - Applies only to images uploaded via WordPress by targeting size-* classes.
 777 - Other images will be left alone. Use "size-auto" class to apply to other images.
 778 */
 779 img.size-auto,
 780 img.size-full,
 781 img.size-large,
 782 img.size-medium,
 783 .attachment img {
 784         max-width: 100%; /* When images are too wide for containing element, force them to fit. */
 785         height: auto; /* Override height to match resized width for correct aspect ratio. */
 786 }
 787 .alignleft,
 788 img.alignleft {
 789         display: inline;
 790         float: left;
 791         margin-right: 24px;
 792         margin-top: 4px;
 793 }
 794 .alignright,
 795 img.alignright {
 796         display: inline;
 797         float: right;
 798         margin-left: 24px;
 799         margin-top: 4px;
 800 }
 801 .aligncenter,
 802 img.aligncenter {
 803         clear: both;
 804         display: block;
 805         margin-left: auto;
 806         margin-right: auto;
 807 }
 808 img.alignleft,
 809 img.alignright,
 810 img.aligncenter {
 811         margin-bottom: 12px;
 812 }
 813 .wp-caption {
 814         background: #f1f1f1;
 815         line-height: 18px;
 816         margin-bottom: 20px;
 817         max-width: 632px !important; /* prevent too-wide images from breaking layout */
 818         padding: 4px;
 819         text-align: center;
 820 }
 821 .wp-caption img {
 822         margin: 5px 5px 0;
 823 }
 824 .wp-caption p.wp-caption-text {
 825         color: #888;
 826         font-size: 12px;
 827         margin: 5px;
 828 }
 829 .wp-smiley {
 830         margin: 0;
 831 }
 832 .gallery {
 833         margin: 0 auto 18px;
 834 }
 835 .gallery .gallery-item {
 836         float: left;
 837         margin-top: 0;
 838         text-align: center;
 839         width: 33%;
 840 }
 841 .gallery-columns-2 .gallery-item {
 842         width: 50%;
 843 }
 844 .gallery-columns-4 .gallery-item {
 845         width: 25%;
 846 }
 847 .gallery img {
 848         border: 2px solid #cfcfcf;
 849 }
 850 .gallery-columns-2 .attachment-medium {
 851         max-width: 92%;
 852         height: auto;
 853 }
 854 .gallery-columns-4 .attachment-thumbnail {
 855         max-width: 84%;
 856         height: auto;
 857 }
 858 .gallery .gallery-caption {
 859         color: #888;
 860         font-size: 12px;
 861         margin: 0 0 12px;
 862 }
 863 .gallery dl {
 864         margin: 0;
 865 }
 866 .gallery img {
 867         border: 10px solid #f1f1f1;
 868 }
 869 .gallery br+br {
 870         display: none;
 871 }
 872 #content .attachment img {/* single attachment images should be centered */
 873         display: block;
 874         margin: 0 auto;
 875 }
 876
 877
 878 /* =Navigation
 879 -------------------------------------------------------------- */
 880
 881 .navigation {
 882         color: #888;
 883         font-size: 12px;
 884         line-height: 18px;
 885         overflow: hidden;
 886 }
 887 .navigation a:link,
 888 .navigation a:visited {
 889         color: #888;
 890         text-decoration: none;
 891 }
 892 .navigation a:active,
 893 .navigation a:hover {
 894         color: #ff4b33;
 895 }
 896 .nav-previous {
 897         float: left;
 898         width: 50%;
 899 }
 900 .nav-next {
 901         float: right;
 902         text-align: right;
 903         width: 50%;
 904 }
 905 #nav-above {
 906         margin: 0 0 18px 0;
 907 }
 908 #nav-above {
 909         display: none;
 910 }
 911 .paged #nav-above,
 912 .single #nav-above {
 913         display: block;
 914 }
 915 #nav-below {
 916         margin: -18px 0 0 0;
 917 }
 918
 919
 920 /* =Comments
 921 -------------------------------------------------------------- */
 922 #comments {
 923         clear: both;
 924 }
 925 #comments .navigation {
 926         padding: 0 0 18px 0;
 927 }
 928 h3#comments-title,
 929 h3#reply-title {
 930         color: #000;
 931         font-size: 20px;
 932         font-weight: bold;
 933         margin-bottom: 0;
 934 }
 935 h3#comments-title {
 936         padding: 24px 0;
 937 }
 938 .commentlist {
 939         list-style: none;
 940         margin: 0;
 941 }
 942 .commentlist li.comment {
 943         border-bottom: 1px solid #e7e7e7;
 944         line-height: 24px;
 945         margin: 0 0 24px 0;
 946         padding: 0 0 0 56px;
 947         position: relative;
 948 }
 949 .commentlist li:last-child {
 950         border-bottom: none;
 951         margin-bottom: 0;
 952 }
 953 #comments .comment-body ul,
 954 #comments .comment-body ol {
 955         margin-bottom: 18px;
 956 }
 957 #comments .comment-body p:last-child {
 958         margin-bottom: 6px;
 959 }
 960 #comments .comment-body blockquote p:last-child {
 961         margin-bottom: 24px;
 962 }
 963 .commentlist ol {
 964         list-style: decimal;
 965 }
 966 .commentlist .avatar {
 967         position: absolute;
 968         top: 4px;
 969         left: 0;
 970 }
 971 .comment-author {
 972 }
 973 .comment-author cite {
 974         color: #000;
 975         font-style: normal;
 976         font-weight: bold;
 977 }
 978 .comment-author .says {
 979         font-style: italic;
 980 }
 981 .comment-meta {
 982         font-size: 12px;
 983         margin: 0 0 18px 0;
 984 }
 985 .comment-meta a:link,
 986 .comment-meta a:visited {
 987         color: #888;
 988         text-decoration: none;
 989 }
 990 .comment-meta a:active,
 991 .comment-meta a:hover {
 992         color: #ff4b33;
 993 }
 994 .commentlist .even {
 995 }
 996 .commentlist .bypostauthor {
 997 }
 998 .reply {
 999         font-size: 12px;
1000         padding: 0 0 24px 0;
1001 }
1002 .reply a,
1003 a.comment-edit-link {
1004         color: #888;
1005 }
1006 .reply a:hover,
1007 a.comment-edit-link:hover {
1008         color: #ff4b33;
1009 }
1010 .commentlist .children {
1011         list-style: none;
1012         margin: 0;
1013 }
1014 .commentlist .children li {
1015         border: none;
1016         margin: 0;
1017 }
1018 .nopassword,
1019 .nocomments {
1020         display: none;
1021 }
1022 #comments .pingback {
1023         border-bottom: 1px solid #e7e7e7;
1024         margin-bottom: 18px;
1025         padding-bottom: 18px;
1026 }
1027 .commentlist li.comment+li.pingback {
1028         margin-top: -6px;
1029 }
1030 #comments .pingback p {
1031         color: #888;
1032         display: block;
1033         font-size: 12px;
1034         line-height: 18px;
1035         margin: 0;
1036 }
1037 #comments .pingback .url {
1038         font-size: 13px;
1039         font-style: italic;
1040 }
1041
1042 /* Comments form */
1043 input[type=submit] {
1044         color: #333;
1045 }
1046 #respond {
1047         border-top: 1px solid #e7e7e7;
1048         margin: 24px 0;
1049         overflow: hidden;
1050         position: relative;
1051 }
1052 #respond p {
1053         margin: 0;
1054 }
1055 #respond .comment-notes {
1056         margin-bottom: 1em;
1057 }
1058 .form-allowed-tags {
1059         line-height: 1em;
1060 }
1061 .children #respond {
1062         margin: 0 48px 0 0;
1063 }
1064 h3#reply-title {
1065         margin: 18px 0;
1066 }
1067 #comments-list #respond {
1068         margin: 0 0 18px 0;
1069 }
1070 #comments-list ul #respond {
1071         margin: 0;
1072 }
1073 #cancel-comment-reply-link {
1074         font-size: 12px;
1075         font-weight: normal;
1076         line-height: 18px;
1077 }
1078 #respond .required {
1079         color: #ff4b33;
1080         font-weight: bold;
1081 }
1082 #respond label {
1083         color: #888;
1084         font-size: 12px;
1085 }
1086 #respond input {
1087         margin: 0 0 9px;
1088         width: 98%;
1089 }
1090 #respond textarea {
1091         width: 98%;
1092 }
1093 #respond .form-allowed-tags {
1094         color: #888;
1095         font-size: 12px;
1096         line-height: 18px;
1097 }
1098 #respond .form-allowed-tags code {
1099         font-size: 11px;
1100 }
1101 #respond .form-submit {
1102         margin: 12px 0;
1103 }
1104 #respond .form-submit input {
1105         font-size: 14px;
1106         width: auto;
1107 }
1108
1109
1110 /* =Widget Areas
1111 -------------------------------------------------------------- */
1112
1113 .widget-area ul {
1114         list-style: none;
1115         margin-left: 0;
1116 }
1117 .widget-area ul ul {
1118         list-style: square;
1119         margin-left: 1.3em;
1120 }
1121 .widget-area select {
1122         max-width: 100%;
1123 }
1124 .widget_search #s {/* This keeps the search inputs in line */
1125         width: 60%;
1126 }
1127 .widget_search label {
1128         display: none;
1129 }
1130 .widget-container {
1131         margin: 0 0 18px 0;
1132 }
1133 .widget-title {
1134         color: #222;
1135         font-weight: bold;
1136 }
1137 .widget-area a:link,
1138 .widget-area a:visited {
1139         text-decoration: none;
1140 }
1141 .widget-area a:active,
1142 .widget-area a:hover {
1143         text-decoration: underline;
1144 }
1145 .widget-area .entry-meta {
1146         font-size: 11px;
1147 }
1148 #wp_tag_cloud div {
1149         line-height: 1.6em;
1150 }
1151 #wp-calendar {
1152         width: 100%;
1153 }
1154 #wp-calendar caption {
1155         color: #222;
1156         font-size: 14px;
1157         font-weight: bold;
1158         padding-bottom: 4px;
1159         text-align: left;
1160 }
1161 #wp-calendar thead {
1162         font-size: 11px;
1163 }
1164 #wp-calendar thead th {
1165 }
1166 #wp-calendar tbody {
1167         color: #aaa;
1168 }
1169 #wp-calendar tbody td {
1170         background: #f5f5f5;
1171         border: 1px solid #fff;
1172         padding: 3px 0 2px;
1173         text-align: center;
1174 }
1175 #wp-calendar tbody .pad {
1176         background: none;
1177 }
1178 #wp-calendar tfoot #next {
1179         text-align: right;
1180 }
1181 .widget_rss a.rsswidget {
1182         color: #000;
1183 }
1184 .widget_rss a.rsswidget:hover {
1185         color: #ff4b33;
1186 }
1187 .widget_rss .widget-title img {
1188         width: 11px;
1189         height: 11px;
1190 }
1191
1192 /* Main sidebars */
1193 #main .widget-area ul {
1194         margin-left: 0;
1195         padding: 0 20px 0 0;
1196 }
1197 #main .widget-area ul ul {
1198         border: none;
1199         margin-left: 1.3em;
1200         padding: 0;
1201 }
1202 #primary {
1203 }
1204 #secondary {
1205 }
1206
1207 /* Footer widget areas */
1208 #footer-widget-area {
1209 }
1210
1211
1212 /* =Footer
1213 -------------------------------------------------------------- */
1214
1215 #footer {
1216         margin-bottom: 20px;
1217 }
1218 #colophon {
1219         border-top: 4px solid #000;
1220         margin-top: -4px;
1221         overflow: hidden;
1222         padding: 18px 0;
1223 }
1224 #site-info {
1225         font-weight: bold;
1226 }
1227 #site-info a {
1228         color: #000;
1229         text-decoration: none;
1230 }
1231 #site-generator {
1232         font-style: italic;
1233         position: relative;
1234 }
1235 #site-generator a {
1236         background: url(images/wordpress.png) center left no-repeat;
1237         color: #666;
1238         display: inline-block;
1239         line-height: 16px;
1240         padding-left: 20px;
1241         text-decoration: none;
1242 }
1243 #site-generator a:hover {
1244         text-decoration: underline;
1245 }
1246 img#wpstats {
1247         display: block;
1248         margin: 0 auto 10px;
1249 }
1250
1251
1252 /* =Mobile Safari ( iPad, iPhone and iPod Touch )
1253 -------------------------------------------------------------- */
1254
1255 pre {
1256         -webkit-text-size-adjust: 140%;
1257 }
1258 code {
1259         -webkit-text-size-adjust: 160%;
1260 }
1261 #access,
1262 .entry-meta,
1263 .entry-utility,
1264 .navigation,
1265 .widget-area {
1266         -webkit-text-size-adjust: 120%;
1267 }
1268 #site-description {
1269         -webkit-text-size-adjust: none;
1270 }
1271
1272
1273 /* =Print Style
1274 -------------------------------------------------------------- */
1275
1276 @media print {
1277         body {
1278                 background: none !important;
1279         }
1280         #wrapper {
1281                 clear: both !important;
1282                 display: block !important;
1283                 float: none !important;
1284                 position: relative !important;
1285         }
1286         #header {
1287                 border-bottom: 2pt solid #000;
1288                 padding-bottom: 18pt;
1289         }
1290         #colophon {
1291                 border-top: 2pt solid #000;
1292         }
1293         #site-title,
1294         #site-description {
1295                 float: none;
1296                 line-height: 1.4em;
1297                 margin: 0;
1298                 padding: 0;
1299         }
1300         #site-title {
1301                 font-size: 13pt;
1302         }
1303         .entry-content {
1304                 font-size: 14pt;
1305                 line-height: 1.6em;
1306         }
1307         .entry-title {
1308                 font-size: 21pt;
1309         }
1310         #access,
1311         #branding img,
1312         #respond,
1313         .comment-edit-link,
1314         .edit-link,
1315         .navigation,
1316         .page-link,
1317         .widget-area {
1318                 display: none !important;
1319         }
1320         #container,
1321         #header,
1322         #footer {
1323                 margin: 0;
1324                 width: 100%;
1325         }
1326         #content,
1327         .one-column #content {
1328                 margin: 24pt 0 0;
1329                 width: 100%;
1330         }
1331         .wp-caption p {
1332                 font-size: 11pt;
1333         }
1334         #site-info,
1335         #site-generator {
1336                 float: none;
1337                 width: auto;
1338         }
1339         #colophon {
1340                 width: auto;
1341         }
1342         img#wpstats {
1343                 display: none;
1344         }
1345         #site-generator a {
1346                 margin: 0;
1347                 padding: 0;
1348         }
1349         #entry-author-info {
1350                 border: 1px solid #e7e7e7;
1351         }
1352         #main {
1353                 display: inline;
1354         }
1355         .home .sticky {
1356                 border: none;
1357         }
1358 }