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