[Summary view] [Print] [Text view]

   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  }