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