[Summary view] [Print] [Text view]

   1  /*
   2  Theme Name: Twenty Eleven
   3  Theme URI: https://wordpress.org/themes/twentyeleven/
   4  Author: the WordPress team
   5  Author URI: https://wordpress.org/
   6  Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
   7  Version: 5.0
   8  Requires at least: 3.2
   9  Tested up to: 6.9
  10  Requires PHP: 5.2.4
  11  License: GNU General Public License v2 or later
  12  License URI: http://www.gnu.org/licenses/gpl-2.0.html
  13  Tags: blog, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, block-patterns
  14  Text Domain: twentyeleven
  15  */
  16  
  17  /* =Reset default browser CSS. Based on work by Eric Meyer.
  18  -------------------------------------------------------------- */
  19  
  20  html, body, div, span, applet, object, iframe,
  21  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  22  a, abbr, acronym, address, big, cite, code,
  23  del, dfn, em, font, ins, kbd, q, s, samp,
  24  small, strike, strong, sub, sup, tt, var,
  25  dl, dt, dd, ol, ul, li,
  26  fieldset, form, label, legend,
  27  table, caption, tbody, tfoot, thead, tr, th, td {
  28      border: 0;
  29      font-family: inherit;
  30      font-size: 100%;
  31      font-style: inherit;
  32      font-weight: inherit;
  33      margin: 0;
  34      outline: 0;
  35      padding: 0;
  36      vertical-align: baseline;
  37  }
  38  :focus {/* remember to define focus styles! */
  39      outline: 0;
  40  }
  41  body {
  42      background: #fff;
  43      line-height: 1;
  44  }
  45  ol, ul {
  46      list-style: none;
  47  }
  48  table {/* tables still need 'cellspacing="0"' in the markup */
  49      border-collapse: separate;
  50      border-spacing: 0;
  51  }
  52  caption, th, td {
  53      font-weight: normal;
  54      text-align: left;
  55  }
  56  blockquote:before, blockquote:after,
  57  q:before, q:after {
  58      content: "";
  59  }
  60  blockquote, q {
  61      quotes: "" "";
  62  }
  63  a img {
  64      border: 0;
  65  }
  66  article, aside, details, figcaption, figure,
  67  footer, header, hgroup, menu, nav, section {
  68      display: block;
  69  }
  70  
  71  
  72  /* =Structure
  73  ----------------------------------------------- */
  74  
  75  body {
  76      padding: 0 2em;
  77  }
  78  #page {
  79      margin: 2em auto;
  80      max-width: 1000px;
  81  }
  82  #branding hgroup {
  83      margin: 0 7.6%;
  84  }
  85  #access div {
  86      margin: 0 7.6%;
  87  }
  88  #primary {
  89      float: left;
  90      margin: 0 -26.4% 0 0;
  91      width: 100%;
  92  }
  93  #content {
  94      margin: 0 34% 0 7.6%;
  95      width: 58.4%;
  96  }
  97  #secondary {
  98      float: right;
  99      margin-right: 7.6%;
 100      width: 18.8%;
 101  }
 102  
 103  /* Singular */
 104  .singular #primary {
 105      margin: 0;
 106  }
 107  .singular #content,
 108  .left-sidebar.singular #content {
 109      margin: 0 7.6%;
 110      position: relative;
 111      width: auto;
 112  }
 113  .singular .entry-header,
 114  .singular .entry-content,
 115  .singular footer.entry-meta,
 116  .singular #comments-title {
 117      margin: 0 auto;
 118      width: 68.9%;
 119  }
 120  
 121  /* Attachments */
 122  .singular .image-attachment .entry-content {
 123      margin: 0 auto;
 124      width: auto;
 125  }
 126  .singular .image-attachment .entry-description {
 127      margin: 0 auto;
 128      width: 68.9%;
 129  }
 130  
 131  /* Showcase */
 132  .page-template-showcase-php #primary,
 133  .left-sidebar.page-template-showcase-php #primary {
 134      margin: 0;
 135  }
 136  .page-template-showcase-php #content,
 137  .left-sidebar.page-template-showcase-php #content {
 138      margin: 0 7.6%;
 139      width: auto;
 140  }
 141  .page-template-showcase-php section.recent-posts {
 142      float: right;
 143      margin: 0 0 0 31%;
 144      width: 69%;
 145  }
 146  .page-template-showcase-php #main .widget-area {
 147      float: left;
 148      margin: 0 -22.15% 0 0;
 149      width: 22.15%;
 150  }
 151  
 152  /* error404 */
 153  .error404 #primary {
 154      float: none;
 155      margin: 0;
 156  }
 157  .error404 #primary #content {
 158      margin: 0 7.6%;
 159      width: auto;
 160  }
 161  
 162  /* Alignment */
 163  .alignleft {
 164      display: inline;
 165      float: left;
 166      margin-right: 1.625em;
 167  }
 168  .alignright {
 169      display: inline;
 170      float: right;
 171      margin-left: 1.625em;
 172  }
 173  .aligncenter {
 174      clear: both;
 175      display: block;
 176      margin-left: auto;
 177      margin-right: auto;
 178  }
 179  
 180  /* Right Content */
 181  .left-sidebar #primary {
 182      float: right;
 183      margin: 0 0 0 -26.4%;
 184      width: 100%;
 185  }
 186  .left-sidebar #content {
 187      margin: 0 7.6% 0 34%;
 188      width: 58.4%;
 189  }
 190  .left-sidebar #secondary {
 191      float: left;
 192      margin-left: 7.6%;
 193      margin-right: 0;
 194      width: 18.8%;
 195  }
 196  
 197  /* One column */
 198  .one-column #page {
 199      max-width: 690px;
 200  }
 201  .one-column #content {
 202      margin: 0 7.6%;
 203      width: auto;
 204  }
 205  .one-column #nav-below {
 206      border-bottom: 1px solid #ddd;
 207      margin-bottom: 1.625em;
 208  }
 209  .one-column #secondary {
 210      float: none;
 211      margin: 0 7.6%;
 212      width: auto;
 213  }
 214  /* Simplify the showcase template */
 215  .one-column .page-template-showcase-php section.recent-posts {
 216      float: none;
 217      margin: 0;
 218      width: 100%;
 219  }
 220  .one-column .page-template-showcase-php #main .widget-area {
 221      float: none;
 222      margin: 0;
 223      width: auto;
 224  }
 225  .one-column .page-template-showcase-php .other-recent-posts {
 226      border-bottom: 1px solid #ddd;
 227  }
 228  /* Simplify the showcase template when small feature */
 229  .one-column section.featured-post .attachment-small-feature {
 230      border: none;
 231      display: block;
 232      height: auto;
 233      max-width: 60%;
 234      position: static;
 235  }
 236  .one-column article.feature-image.small {
 237      margin: 0 0 1.625em;
 238      padding: 0;
 239  }
 240  .one-column article.feature-image.small .entry-title {
 241      font-size: 20px;
 242      line-height: 1.3em;
 243  }
 244  .one-column article.feature-image.small .entry-summary {
 245      height: 150px;
 246      overflow: hidden;
 247      padding: 0;
 248      text-overflow: ellipsis;
 249  }
 250  .one-column article.feature-image.small .entry-summary a {
 251      left: -9%;
 252  }
 253  /* Remove the margin on singular articles */
 254  .one-column.singular .entry-header,
 255  .one-column.singular .entry-content,
 256  .one-column.singular footer.entry-meta,
 257  .one-column.singular #comments-title {
 258      width: 100%;
 259  }
 260  /* Simplify the pullquotes and pull styles */
 261  .one-column.singular blockquote.pull {
 262      margin: 0 0 1.625em;
 263  }
 264  .one-column.singular .pull.alignleft {
 265      margin: 0 1.625em 0 0;
 266  }
 267  .one-column.singular .pull.alignright {
 268      margin: 0 0 0 1.625em;
 269  }
 270  .one-column.singular .entry-meta .edit-link a {
 271      position: absolute;
 272      left: 0;
 273      top: 40px;
 274  }
 275  .one-column.singular #author-info {
 276      margin: 2.2em -8.8% 0;
 277      padding: 20px 8.8%;
 278  }
 279  /* Make sure we have room for our comment avatars */
 280  .one-column .commentlist > li.comment {
 281      margin-left: 102px;
 282      width: auto;
 283  }
 284  /* Make sure the logo and search form don't collide */
 285  .one-column #branding #searchform {
 286      right: 40px;
 287      top: 4em;
 288  }
 289  /* Talking avatars take up too much room at this size */
 290  .one-column .commentlist > li.comment {
 291      margin-left: 0;
 292  }
 293  .one-column .commentlist > li.comment .comment-meta,
 294  .one-column .commentlist > li.comment .comment-content {
 295      margin-right: 85px;
 296  }
 297  .one-column .commentlist .avatar {
 298      background: transparent;
 299      display: block;
 300      padding: 0;
 301      top: 1.625em;
 302      left: auto;
 303      right: 1.625em;
 304  }
 305  .one-column .commentlist .children .avatar {
 306      background: none;
 307      padding: 0;
 308      position: absolute;
 309      top: 2.2em;
 310      left: 2.2em;
 311  }
 312  .one-column #respond {
 313      width: auto;
 314  }
 315  
 316  
 317  /* =Global
 318  ----------------------------------------------- */
 319  
 320  body, input, textarea {
 321      color: #373737;
 322      font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
 323      font-weight: 300;
 324      line-height: 1.625;
 325  }
 326  body {
 327      background: #e2e2e2;
 328  }
 329  #page {
 330      background: #fff;
 331  }
 332  
 333  /* Headings */
 334  h1,h2,h3,h4,h5,h6 {
 335      clear: both;
 336  }
 337  hr {
 338      background-color: #ccc;
 339      border: 0;
 340      height: 1px;
 341      margin-bottom: 1.625em;
 342  }
 343  
 344  /* Text elements */
 345  p {
 346      margin-bottom: 1.625em;
 347  }
 348  ul, ol {
 349      margin: 0 0 1.625em 2.5em;
 350  }
 351  ul {
 352      list-style: square;
 353  }
 354  ol {
 355      list-style-type: decimal;
 356  }
 357  ol ol {
 358      list-style: upper-alpha;
 359  }
 360  ol ol ol {
 361      list-style: lower-roman;
 362  }
 363  ol ol ol ol {
 364      list-style: lower-alpha;
 365  }
 366  ul ul, ol ol, ul ol, ol ul {
 367      margin-bottom: 0;
 368  }
 369  dl {
 370      margin: 0 1.625em;
 371  }
 372  dt {
 373      font-weight: bold;
 374  }
 375  dd {
 376      margin-bottom: 1.625em;
 377  }
 378  strong {
 379      font-weight: bold;
 380  }
 381  cite, em, i {
 382      font-style: italic;
 383  }
 384  blockquote {
 385      font-family: Georgia, "Bitstream Charter", serif;
 386      font-style: italic;
 387      font-weight: normal;
 388      margin: 0 3em;
 389  }
 390  blockquote em, blockquote i, blockquote cite {
 391      font-style: normal;
 392  }
 393  blockquote cite {
 394      color: #666;
 395      font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
 396      font-weight: 300;
 397      letter-spacing: 0.05em;
 398      text-transform: uppercase;
 399  }
 400  pre {
 401      background: #f4f4f4;
 402      font: 13px "Courier 10 Pitch", Courier, monospace;
 403      line-height: 1.5;
 404      margin-bottom: 1.625em;
 405      overflow: auto;
 406      padding: 0.75em 1.625em;
 407  }
 408  code, kbd, samp, var {
 409      font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
 410  }
 411  pre code {
 412      font-size: inherit;
 413  }
 414  abbr, acronym, dfn {
 415      border-bottom: 1px dotted #666;
 416      cursor: help;
 417  }
 418  address {
 419      display: block;
 420      margin: 0 0 1.625em;
 421  }
 422  ins {
 423      background: #fff9c0;
 424      text-decoration: none;
 425  }
 426  sup,
 427  sub {
 428      font-size: 10px;
 429      height: 0;
 430      line-height: 1;
 431      position: relative;
 432      vertical-align: baseline;
 433  }
 434  sup {
 435      bottom: 1ex;
 436  }
 437  sub {
 438      top: .5ex;
 439  }
 440  small {
 441      font-size: smaller;
 442  }
 443  
 444  /* Forms */
 445  input[type=text],
 446  input[type=password],
 447  input[type=email],
 448  input[type=url],
 449  input[type=number],
 450  textarea {
 451      background: #fafafa;
 452      -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
 453      -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
 454      box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
 455      border: 1px solid #ddd;
 456      color: #888;
 457  }
 458  input[type=text]:focus,
 459  input[type=password]:focus,
 460  input[type=email]:focus,
 461  input[type=url]:focus,
 462  input[type=number]:focus,
 463  textarea:focus {
 464      color: #373737;
 465  }
 466  textarea {
 467      padding-left: 3px;
 468      width: 98%;
 469  }
 470  input[type=text],
 471  input[type=password],
 472  input[type=email],
 473  input[type=url],
 474  input[type=number] {
 475      padding: 3px;
 476  }
 477  input#s {
 478      background: url(images/search.png) no-repeat 5px 6px;
 479      -moz-border-radius: 2px;
 480      border-radius: 2px;
 481      font-size: 14px;
 482      height: 22px;
 483      line-height: 1.2em;
 484      padding: 4px 10px 4px 28px;
 485  }
 486  input#searchsubmit {
 487      display: none;
 488  }
 489  
 490  /* Links */
 491  a {
 492      color: #1982d1;
 493      text-decoration: none;
 494  }
 495  a:focus,
 496  a:active,
 497  a:hover {
 498      text-decoration: underline;
 499  }
 500  
 501  /* Assistive text */
 502  .assistive-text,
 503  .screen-reader-text {
 504      position: absolute !important;
 505      clip-path: inset(50%);
 506      overflow: hidden;
 507      height: 1px;
 508      width: 1px;
 509  }
 510  
 511  a.assistive-text:focus,
 512  .screen-reader-text:hover,
 513  .screen-reader-text:active,
 514  .screen-reader-text:focus {
 515      background-color: #f1f1f1;
 516      box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 517      clip-path: none;
 518      color: #21759b;
 519      display: block;
 520      font-size: 14px;
 521      font-weight: bold;
 522      height: auto;
 523      left: 6px;
 524      line-height: normal;
 525      padding: 17px 22px 15px;
 526      text-decoration: none;
 527      top: 7px;
 528      width: auto;
 529      z-index: 100000;
 530      /* Above WP toolbar. */
 531  }
 532  
 533  /* =Header
 534  ----------------------------------------------- */
 535  
 536  #branding {
 537      border-top: 2px solid #bbb;
 538      padding-bottom: 10px;
 539      position: relative;
 540      z-index: 9999;
 541  }
 542  #site-title {
 543      margin-right: 270px;
 544      padding: 3.65625em 0 0;
 545  }
 546  #site-title a {
 547      color: #111;
 548      font-size: 30px;
 549      font-weight: bold;
 550      line-height: 36px;
 551      text-decoration: none;
 552  }
 553  #site-title a:hover,
 554  #site-title a:focus,
 555  #site-title a:active {
 556      color: #1982d1;
 557  }
 558  #site-description {
 559      color: #7a7a7a;
 560      font-size: 14px;
 561      margin: 0 270px 3.65625em 0;
 562  }
 563  #branding img {
 564      height: auto;
 565      display: block;
 566      width: 100%;
 567  }
 568  
 569  
 570  /* =Menu
 571  -------------------------------------------------------------- */
 572  
 573  #access {
 574      background: #222; /* Show a solid color for older browsers */
 575      background: -moz-linear-gradient(#252525, #0a0a0a);
 576      background: -o-linear-gradient(#252525, #0a0a0a);
 577      background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */
 578      background: -webkit-linear-gradient(#252525, #0a0a0a);
 579      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
 580      -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
 581      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
 582      clear: both;
 583      display: block;
 584      float: left;
 585      margin: 0 auto 6px;
 586      width: 100%;
 587  }
 588  #access ul {
 589      font-size: 13px;
 590      list-style: none;
 591      margin: 0 0 0 -0.8125em;
 592      padding-left: 0;
 593  }
 594  #access li {
 595      float: left;
 596      position: relative;
 597  }
 598  #access a {
 599      color: #eee;
 600      display: block;
 601      line-height: 3.333em;
 602      padding: 0 1.2125em;
 603      text-decoration: none;
 604  }
 605  #access ul ul {
 606      -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
 607      -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
 608      box-shadow: 0 3px 3px rgba(0,0,0,0.2);
 609      display: none;
 610      float: left;
 611      margin: 0;
 612      position: absolute;
 613      top: 3.333em;
 614      left: 0;
 615      width: 188px;
 616      z-index: 99999;
 617  }
 618  #access ul ul ul {
 619      left: 100%;
 620      top: 0;
 621  }
 622  #access ul ul a {
 623      background: #f9f9f9;
 624      border-bottom: 1px dotted #ddd;
 625      color: #444;
 626      font-size: 13px;
 627      font-weight: normal;
 628      height: auto;
 629      line-height: 1.4em;
 630      padding: 10px 10px;
 631      width: 168px;
 632  }
 633  #access li:hover > a,
 634  #access ul ul :hover > a,
 635  #access a:focus {
 636      background: #efefef;
 637  }
 638  #access li:hover > a,
 639  #access a:focus {
 640      background: #f9f9f9; /* Show a solid color for older browsers */
 641      background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
 642      background: -o-linear-gradient(#f9f9f9, #e5e5e5);
 643      background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
 644      background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
 645      color: #373737;
 646  }
 647  #access ul li:hover > ul {
 648      display: block;
 649  }
 650  #access .current-menu-item > a,
 651  #access .current-menu-ancestor > a,
 652  #access .current_page_item > a,
 653  #access .current_page_ancestor > a {
 654      font-weight: bold;
 655  }
 656  
 657  /* Search Form */
 658  #branding #searchform {
 659      position: absolute;
 660      top: 3.8em;
 661      right: 7.6%;
 662      text-align: right;
 663  }
 664  #branding #searchform div {
 665      margin: 0;
 666  }
 667  #branding #s {
 668      float: right;
 669      -webkit-transition-duration: 400ms;
 670      -webkit-transition-property: width, background;
 671      -webkit-transition-timing-function: ease;
 672      -moz-transition-duration: 400ms;
 673      -moz-transition-property: width, background;
 674      -moz-transition-timing-function: ease;
 675      -o-transition-duration: 400ms;
 676      -o-transition-property: width, background;
 677      -o-transition-timing-function: ease;
 678      width: 72px;
 679  }
 680  #branding #s:focus {
 681      background-color: #f9f9f9;
 682      width: 196px;
 683  }
 684  #branding #searchsubmit {
 685      display: none;
 686  }
 687  #branding .only-search #searchform {
 688      top: 5px;
 689      z-index: 1;
 690  }
 691  #branding .only-search #s {
 692      background-color: #666;
 693      border-color: #000;
 694      color: #222;
 695  }
 696  #branding .only-search #s,
 697  #branding .only-search #s:focus {
 698      width: 85%;
 699  }
 700  #branding .only-search #s:focus {
 701      background-color: #bbb;
 702  }
 703  #branding .with-image #searchform {
 704      top: auto;
 705      bottom: -27px;
 706      max-width: 195px;
 707      height: 32px;
 708  }
 709  #branding .only-search + #access div {
 710      padding-right: 205px;
 711  }
 712  
 713  
 714  /* =Content
 715  ----------------------------------------------- */
 716  
 717  #main {
 718      clear: both;
 719      padding: 1.625em 0 0;
 720  }
 721  .page-title {
 722      color: #666;
 723      font-size: 10px;
 724      font-weight: 500;
 725      letter-spacing: 0.1em;
 726      line-height: 2.6em;
 727      margin: 0 0 2.6em;
 728      text-transform: uppercase;
 729  }
 730  .page-title a {
 731      font-size: 12px;
 732      font-weight: bold;
 733      letter-spacing: 0;
 734      text-transform: none;
 735  }
 736  .hentry,
 737  .no-results {
 738      border-bottom: 1px solid #ddd;
 739      margin: 0 0 1.625em;
 740      padding: 0 0 1.625em;
 741      position: relative;
 742  }
 743  .hentry:last-child,
 744  .no-results {
 745      border-bottom: none;
 746  }
 747  .blog .sticky .entry-header .entry-meta {
 748      clip-path: inset(50%);
 749      position: absolute !important;
 750  }
 751  .entry-title,
 752  .entry-header .entry-meta {
 753      padding-right: 76px;
 754  }
 755  .entry-title {
 756      clear: both;
 757      color: #222;
 758      font-size: 26px;
 759      font-weight: bold;
 760      line-height: 1.5em;
 761      padding-bottom: .3em;
 762      padding-top: 15px;
 763  }
 764  .entry-title,
 765  .entry-title a {
 766      color: #222;
 767      text-decoration: none;
 768  }
 769  .entry-title a:hover,
 770  .entry-title a:focus,
 771  .entry-title a:active {
 772      color: #1982d1;
 773  }
 774  .entry-meta {
 775      color: #666;
 776      clear: both;
 777      font-size: 12px;
 778      line-height: 18px;
 779  }
 780  .entry-meta a {
 781      font-weight: bold;
 782  }
 783  .single-author .entry-meta .by-author {
 784      display: none;
 785  }
 786  .entry-content,
 787  .entry-summary {
 788      padding: 1.625em 0 0;
 789  }
 790  .entry-content .more-link {
 791      white-space: nowrap;
 792  }
 793  .entry-content h1,
 794  .entry-content h2,
 795  .comment-content h1,
 796  .comment-content h2 {
 797      color: #000;
 798      font-weight: bold;
 799      margin: 0 0 .8125em;
 800  }
 801  .entry-content h3,
 802  .comment-content h3 {
 803      font-size: 10px;
 804      letter-spacing: 0.1em;
 805      line-height: 2.6em;
 806      text-transform: uppercase;
 807  }
 808  .entry-content table,
 809  .comment-content table {
 810      border-bottom: 1px solid #ddd;
 811      margin: 0 0 1.625em;
 812      width: 100%;
 813  }
 814  .entry-content th,
 815  .comment-content th {
 816      color: #666;
 817      font-size: 10px;
 818      font-weight: 500;
 819      letter-spacing: 0.1em;
 820      line-height: 2.6em;
 821      text-transform: uppercase;
 822  }
 823  .entry-content td,
 824  .comment-content td {
 825      border-top: 1px solid #ddd;
 826      padding: 6px 10px 6px 0;
 827  }
 828  .entry-content #s {
 829      width: 75%;
 830  }
 831  .comment-content ul,
 832  .comment-content ol {
 833      margin-bottom: 1.625em;
 834  }
 835  .comment-content ul ul,
 836  .comment-content ol ol,
 837  .comment-content ul ol,
 838  .comment-content ol ul {
 839      margin-bottom: 0;
 840  }
 841  dl.gallery-item {
 842      margin: 0;
 843  }
 844  .page-link {
 845      clear: both;
 846      display: block;
 847      margin: 0 0 1.625em;
 848  }
 849  .page-link a {
 850      background: #eee;
 851      color: #373737;
 852      margin: 0;
 853      padding: 2px 3px;
 854      text-decoration: none;
 855  }
 856  .page-link a:hover {
 857      background: #888;
 858      color: #fff;
 859      font-weight: bold;
 860  }
 861  .page-link span {
 862      margin-right: 6px;
 863  }
 864  .entry-meta .edit-link a,
 865  .commentlist .edit-link a {
 866      background: #eee;
 867      -moz-border-radius: 3px;
 868      border-radius: 3px;
 869      color: #666;
 870      float: right;
 871      font-size: 12px;
 872      line-height: 1.5em;
 873      font-weight: 300;
 874      text-decoration: none;
 875      padding: 0 8px;
 876  }
 877  .entry-meta .edit-link a:hover,
 878  .commentlist .edit-link a:hover {
 879      background: #888;
 880      color: #fff;
 881  }
 882  .entry-content .edit-link {
 883      clear: both;
 884      display: block;
 885  }
 886  
 887  /* Images */
 888  .entry-content img,
 889  .comment-content img,
 890  .widget img {
 891      max-width: 100%; /* Fluid images for posts, comments, and widgets */
 892  }
 893  img[class*="align"],
 894  img[class*="wp-image-"],
 895  img[class*="attachment-"] {
 896      height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
 897  }
 898  img.size-full,
 899  img.size-large {
 900      max-width: 97.5%;
 901      height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
 902  }
 903  .entry-content img.wp-smiley {
 904      border: none;
 905      margin-bottom: 0;
 906      margin-top: 0;
 907      padding: 0;
 908  }
 909  img.alignleft,
 910  img.alignright,
 911  img.aligncenter {
 912      margin-bottom: 1.625em;
 913  }
 914  p img,
 915  .wp-caption {
 916      margin-top: 0.4em;
 917  }
 918  .wp-caption {
 919      background: #eee;
 920      margin-bottom: 1.625em;
 921      max-width: 96%;
 922      max-width: calc( 100% - 18px );
 923      padding: 9px;
 924  }
 925  .wp-caption img {
 926      display: block;
 927      max-width: 98%;
 928      max-width: calc( 100% - 14px );
 929  }
 930  .wp-caption .wp-caption-text,
 931  .gallery-caption {
 932      color: #666;
 933      font-family: Georgia, serif;
 934      font-size: 12px;
 935  }
 936  .wp-caption .wp-caption-text {
 937      margin-bottom: 0.6em;
 938      padding: 10px 0 5px 40px;
 939      position: relative;
 940  }
 941  .wp-caption .wp-caption-text:before {
 942      color: #666;
 943      content: '\2014';
 944      font-size: 14px;
 945      font-style: normal;
 946      font-weight: bold;
 947      margin-right: 5px;
 948      position: absolute;
 949      left: 10px;
 950      top: 7px;
 951  }
 952  #content .gallery {
 953      margin: 0 auto 1.625em;
 954  }
 955  #content .gallery a img {
 956      border: none;
 957  }
 958  img#wpstats {
 959      display: block;
 960      margin: 0 auto 1.625em;
 961  }
 962  #content .gallery-columns-4 .gallery-item {
 963      width: 23%;
 964      padding-right: 2%;
 965  }
 966  #content .gallery-columns-4 .gallery-item img {
 967      width: 100%;
 968      height: auto;
 969  }
 970  
 971  /* Image borders */
 972  img[class*="align"],
 973  img[class*="wp-image-"],
 974  #content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
 975      border: 1px solid #ddd;
 976      padding: 6px;
 977      max-width: 97.5%;
 978      max-width: calc( 100% - 14px );
 979  }
 980  .wp-caption img {
 981      border-color: #eee;
 982  }
 983  a:focus img[class*="align"],
 984  a:hover img[class*="align"],
 985  a:active img[class*="align"],
 986  a:focus img[class*="wp-image-"],
 987  a:hover img[class*="wp-image-"],
 988  a:active img[class*="wp-image-"],
 989  #content .gallery .gallery-icon a:focus img,
 990  #content .gallery .gallery-icon a:hover img,
 991  #content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
 992      background: #eee;
 993      border-color: #bbb;
 994  }
 995  .wp-caption a:focus img,
 996  .wp-caption a:active img,
 997  .wp-caption a:hover img {/* ... including captioned images! */
 998      background: #fff;
 999      border-color: #ddd;
1000  }
1001  
1002  /* Make sure videos and embeds fit their containers */
1003  embed,
1004  iframe,
1005  object {
1006      max-width: 100%;
1007  }
1008  .entry-content .twitter-tweet-rendered {
1009      max-width: 100% !important; /* Override the Twitter embed fixed width */
1010  }
1011  
1012  /* Password Protected Posts */
1013  .post-password-required .entry-header .comments-link {
1014      margin: 1.625em 0 0;
1015  }
1016  .post-password-required input[type=password] {
1017      margin: 0.8125em 0;
1018  }
1019  .post-password-required input[type=password]:focus {
1020      background: #f7f7f7;
1021  }
1022  
1023  /* Author Info */
1024  #author-info {
1025      font-size: 12px;
1026      overflow: hidden;
1027  }
1028  .singular #author-info {
1029      background: #f9f9f9;
1030      border-top: 1px solid #ddd;
1031      border-bottom: 1px solid #ddd;
1032      margin: 2.2em -35.6% 0 -35.4%;
1033      padding: 20px 35.4%;
1034  }
1035  .archive #author-info {
1036      border-bottom: 1px solid #ddd;
1037      margin: 0 0 2.2em;
1038      padding: 0 0 2.2em;
1039  }
1040  #author-avatar {
1041      float: left;
1042      margin-right: -78px;
1043  }
1044  #author-avatar img {
1045      background: #fff;
1046      -moz-border-radius: 3px;
1047      border-radius: 3px;
1048      -webkit-box-shadow: 0 1px 2px #bbb;
1049      -moz-box-shadow: 0 1px 2px #bbb;
1050      box-shadow: 0 1px 2px #bbb;
1051      padding: 3px;
1052  }
1053  #author-description {
1054      float: left;
1055      margin-left: 108px;
1056  }
1057  #author-description h2 {
1058      color: #000;
1059      font-size: 15px;
1060      font-weight: bold;
1061      margin: 5px 0 10px;
1062  }
1063  
1064  /* Comments link */
1065  .entry-header .comments-link a {
1066      background: #eee url(images/comment-bubble.png) no-repeat;
1067      color: #666;
1068      font-size: 13px;
1069      font-weight: normal;
1070      line-height: 35px;
1071      overflow: hidden;
1072      padding: 0 0 0;
1073      position: absolute;
1074      top: 1.5em;
1075      right: 0;
1076      text-align: center;
1077      text-decoration: none;
1078      width: 43px;
1079      height: 36px;
1080  }
1081  .entry-header .comments-link a:hover,
1082  .entry-header .comments-link a:focus,
1083  .entry-header .comments-link a:active {
1084      background-color: #1982d1;
1085      color: #fff;
1086      color: rgba(255,255,255,0.8);
1087  }
1088  .entry-header .comments-link .leave-reply {
1089      visibility: hidden;
1090  }
1091  
1092  /*
1093  Post Formats Headings
1094  To hide the headings, display: none the ".entry-header .entry-format" selector,
1095  and remove the padding rules below.
1096  */
1097  .entry-header .entry-format {
1098      color: #666;
1099      font-size: 10px;
1100      font-weight: 500;
1101      letter-spacing: 0.1em;
1102      line-height: 2.6em;
1103      position: absolute;
1104      text-transform: uppercase;
1105      top: -5px;
1106  }
1107  .entry-header hgroup .entry-title {
1108      padding-top: 15px;
1109  }
1110  article.format-aside .entry-content,
1111  article.format-link .entry-content,
1112  article.format-status .entry-content {
1113      padding: 20px 0 0;
1114  }
1115  article.format-status .entry-content {
1116      min-height: 65px;
1117  }
1118  .recent-posts .entry-header .entry-format {
1119      display: none;
1120  }
1121  .recent-posts .entry-header hgroup .entry-title {
1122      padding-top: 0;
1123  }
1124  
1125  /* Singular content styles for Posts and Pages */
1126  .singular .hentry {
1127      border-bottom: none;
1128      padding: 1.875em 0 0;
1129      position: relative;
1130  }
1131  .singular.page .hentry {
1132      padding: 3.5em 0 0;
1133  }
1134  .singular .entry-title {
1135      color: #000;
1136      font-size: 36px;
1137      font-weight: bold;
1138      line-height: 48px;
1139  }
1140  .singular .entry-title,
1141  .singular .entry-header .entry-meta {
1142      padding-right: 0;
1143  }
1144  blockquote.pull {
1145      font-size: 21px;
1146      font-weight: bold;
1147      line-height: 1.6125em;
1148      margin: 0 0 1.625em;
1149      text-align: center;
1150  }
1151  .singular blockquote.pull {
1152      margin: 0 -22.25% 1.625em;
1153  }
1154  .pull.alignleft {
1155      margin: 0 1.625em 0 0;
1156      text-align: right;
1157  }
1158  .singular .pull.alignleft {
1159      margin: 0 1.625em 0 -22.25%;
1160  }
1161  .pull.alignright {
1162      margin: 0 0 0 1.625em;
1163      text-align: left;
1164  }
1165  blockquote.pull.alignleft,
1166  blockquote.pull.alignright {
1167      width: 33%;
1168  }
1169  .singular .pull.alignright {
1170      margin: 0 -22.25% 0 1.625em;
1171  }
1172  .singular blockquote.pull.alignleft,
1173  .singular blockquote.pull.alignright {
1174      width: 33%;
1175  }
1176  .singular .entry-meta .edit-link a {
1177      bottom: auto;
1178      left: 50px;
1179      position: absolute;
1180      right: auto;
1181      top: 40px;
1182  }
1183  
1184  
1185  /* =Aside
1186  ----------------------------------------------- */
1187  
1188  .format-aside .entry-title,
1189  .format-aside .entry-header .comments-link {
1190      display: none;
1191  }
1192  .singular .format-aside .entry-title {
1193      display: block;
1194  }
1195  .format-aside .entry-content {
1196      padding: 0;
1197  }
1198  .singular .format-aside .entry-content {
1199      padding: 1.625em 0 0;
1200  }
1201  
1202  
1203  /* =Link
1204  ----------------------------------------------- */
1205  
1206  .format-link .entry-title,
1207  .format-link .entry-header .comments-link {
1208      display: none;
1209  }
1210  .singular .format-link .entry-title {
1211      display: block;
1212  }
1213  .format-link .entry-content {
1214      padding: 0;
1215  }
1216  .singular .format-link .entry-content {
1217      padding: 1.625em 0 0;
1218  }
1219  
1220  
1221  /* =Gallery
1222  ----------------------------------------------- */
1223  
1224  .format-gallery .gallery-thumb {
1225      float: left;
1226      display: block;
1227      margin: .375em 1.625em 0 0;
1228      max-width: 100%;
1229  }
1230  
1231  
1232  /* =Status
1233  ----------------------------------------------- */
1234  
1235  .format-status .entry-title,
1236  .format-status .entry-header .comments-link {
1237      display: none;
1238  }
1239  .singular .format-status .entry-title {
1240      display: block;
1241  }
1242  .format-status .entry-content {
1243      padding: 0;
1244  }
1245  .singular .format-status .entry-content {
1246      padding: 1.625em 0 0;
1247  }
1248  .format-status img.avatar {
1249      -moz-border-radius: 3px;
1250      border-radius: 3px;
1251      -webkit-box-shadow: 0 1px 2px #ccc;
1252      -moz-box-shadow: 0 1px 2px #ccc;
1253      box-shadow: 0 1px 2px #ccc;
1254      float: left;
1255      margin: 4px 10px 2px 0;
1256      padding: 0;
1257  }
1258  
1259  /* =Standard
1260  ----------------------------------------------- */
1261  
1262  .format-standard .wp-video,
1263  .format-standard .wp-audio-shortcode,
1264  .format-audio .wp-audio-shortcode,
1265  .format-standard .video-player {
1266      margin-bottom: 24px;
1267  }
1268  
1269  /* =Quote
1270  ----------------------------------------------- */
1271  
1272  .format-quote blockquote {
1273      color: #555;
1274      font-size: 17px;
1275      margin: 0;
1276  }
1277  
1278  
1279  /* =Image
1280  ----------------------------------------------- */
1281  
1282  .indexed.format-image .entry-header {
1283      min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */
1284  }
1285  .indexed.format-image .entry-content {
1286      padding-top: 0.5em;
1287  }
1288  .indexed.format-image .entry-content p {
1289      margin: 1em 0;
1290  }
1291  .indexed.format-image .entry-content p:first-child,
1292  .indexed.format-image .entry-content p:first-child a,
1293  .indexed.format-image .entry-content p:first-child img {
1294      display: block;
1295      margin: 0;
1296  }
1297  .indexed.format-image .entry-content .wp-caption .wp-caption-text {
1298      margin: 0;
1299      padding-bottom: 1em;
1300  }
1301  .indexed.format-image footer.entry-meta {
1302      background: #ddd;
1303      overflow: hidden;
1304      padding: 4%;
1305      max-width: 96%;
1306  }
1307  .indexed.format-image div.entry-meta {
1308      display: inline-block;
1309      float: left;
1310      width: 35%;
1311  }
1312  .indexed.format-image div.entry-meta + div.entry-meta {
1313      float: none;
1314      width: 65%;
1315  }
1316  .indexed.format-image .entry-meta span.cat-links,
1317  .indexed.format-image .entry-meta span.tag-links,
1318  .indexed.format-image .entry-meta span.comments-link {
1319      display: block;
1320  }
1321  .indexed.format-image footer.entry-meta a {
1322      color: #444;
1323  }
1324  .indexed.format-image footer.entry-meta a:hover {
1325      color: #fff;
1326  }
1327  #content .indexed.format-image img {
1328      border: none;
1329      max-width: 100%;
1330      padding: 0;
1331  }
1332  .indexed.format-image .wp-caption {
1333      background: #111;
1334      margin-bottom: 0;
1335      max-width: 96%;
1336      padding: 2% 2% 0;
1337  }
1338  .indexed.format-image .wp-caption .wp-caption-text {
1339      color: #ddd;
1340  }
1341  .indexed.format-image .wp-caption .wp-caption-text:before {
1342      color: #444;
1343  }
1344  .indexed.format-image a:hover img {
1345      opacity: 0.8;
1346  }
1347  
1348  
1349  /* =error404
1350  ----------------------------------------------- */
1351  
1352  .error404 #main #searchform {
1353      background: #f9f9f9;
1354      border: 1px solid #ddd;
1355      border-width: 1px 0;
1356      margin: 0 -8.9% 1.625em;
1357      overflow: hidden;
1358      padding: 1.625em 8.9%;
1359  }
1360  .error404 #main #s {
1361      width: 95%;
1362  }
1363  .error404 #main .widget {
1364      clear: none;
1365      float: left;
1366      margin-right: 3.7%;
1367      width: 30.85%;
1368  }
1369  .error404 #main .widget_archive {
1370      margin-right: 0;
1371  }
1372  .error404 #main .widget_tag_cloud {
1373      float: none;
1374      margin-right: 0;
1375      width: 100%;
1376  }
1377  .error404 .widgettitle {
1378      font-size: 10px;
1379      letter-spacing: 0.1em;
1380      line-height: 2.6em;
1381      text-transform: uppercase;
1382  }
1383  
1384  
1385  /* =Showcase
1386  ----------------------------------------------- */
1387  
1388  h1.showcase-heading {
1389      color: #666;
1390      font-size: 10px;
1391      font-weight: 500;
1392      letter-spacing: 0.1em;
1393      line-height: 2.6em;
1394      text-transform: uppercase;
1395  }
1396  
1397  /* Intro */
1398  article.intro {
1399      background: #f9f9f9;
1400      border-bottom: none;
1401      margin: -1.855em -8.9% 1.625em;
1402      padding: 0 8.9%;
1403  }
1404  article.intro .entry-title {
1405      display: none;
1406  }
1407  article.intro .entry-content {
1408      color: #111;
1409      font-size: 16px;
1410      padding: 1.625em 0 0.625em;
1411  }
1412  article.intro .edit-link a {
1413      background: #aaa;
1414      -moz-border-radius: 3px;
1415      border-radius: 3px;
1416      color: #fff;
1417      font-size: 12px;
1418      padding: 0 8px;
1419      position: absolute;
1420      top: 30px;
1421      right: 20px;
1422      text-decoration: none;
1423  }
1424  article.intro .edit-link a:hover,
1425  article.intro .edit-link a:focus,
1426  article.intro .edit-link a:active {
1427      background: #777;
1428  }
1429  
1430  /* Featured post */
1431  section.featured-post {
1432      float: left;
1433      margin: -1.625em -8.9% 1.625em;
1434      padding: 1.625em 8.9% 0;
1435      position: relative;
1436      width: 100%;
1437  }
1438  section.featured-post .hentry {
1439      border: none;
1440      color: #666;
1441      margin: 0;
1442  }
1443  section.featured-post .entry-meta {
1444      clip-path: inset(50%);
1445      position: absolute !important;
1446  }
1447  
1448  /* Small featured post */
1449  section.featured-post .attachment-small-feature {
1450      float: right;
1451      height: auto;
1452      margin: 0 -8.9% 1.625em 0;
1453      max-width: 59%;
1454      position: relative;
1455      right: -15px;
1456  }
1457  section.featured-post.small {
1458      padding-top: 0;
1459  }
1460  section.featured-post .attachment-small-feature:hover,
1461  section.featured-post .attachment-small-feature:focus,
1462  section.featured-post .attachment-small-feature:active {
1463      opacity: .8;
1464  }
1465  article.feature-image.small {
1466      float: left;
1467      margin: 0 0 1.625em;
1468      width: 45%;
1469  }
1470  article.feature-image.small .entry-title {
1471      line-height: 1.2em;
1472  }
1473  article.feature-image.small .entry-summary {
1474      color: #555;
1475      font-size: 13px;
1476  }
1477  article.feature-image.small .entry-summary p a {
1478      background: #222;
1479      color: #eee;
1480      display: block;
1481      left: -23.8%;
1482      padding: 9px 26px 9px 85px;
1483      position: relative;
1484      text-decoration: none;
1485      top: 20px;
1486      width: 180px;
1487      z-index: 1;
1488  }
1489  article.feature-image.small .entry-summary p a:hover {
1490      background: #1982d1;
1491      color: #eee;
1492      color: rgba(255,255,255,0.8);
1493  }
1494  
1495  /* Large featured post */
1496  section.feature-image.large {
1497      border: none;
1498      max-height: 288px;
1499      padding: 0;
1500      width: 100%;
1501  }
1502  section.feature-image.large .showcase-heading {
1503      display: none;
1504  }
1505  section.feature-image.large .hentry {
1506      border-bottom: none;
1507      left: 9%;
1508      margin: 1.625em 9% 0 0;
1509      position: absolute;
1510      top: 0;
1511  }
1512  article.feature-image.large .entry-title a {
1513      background: #222;
1514      background: rgba(0,0,0,0.8);
1515      -moz-border-radius: 3px;
1516      border-radius: 3px;
1517      color: #fff;
1518      display: inline-block;
1519      font-weight: 300;
1520      padding: .2em 20px;
1521  }
1522  section.feature-image.large:hover .entry-title a,
1523  section.feature-image.large .entry-title:hover a {
1524      background: #eee;
1525      background: rgba(255,255,255,0.8);
1526      color: #222;
1527  }
1528  article.feature-image.large .entry-summary {
1529      display: none;
1530  }
1531  section.feature-image.large img {
1532      display: block;
1533      height: auto;
1534      max-width: 117.9%;
1535      padding: 0 0 6px;
1536  }
1537  
1538  /* Featured Slider */
1539  .featured-posts {
1540      border-bottom: 1px solid #ddd;
1541      display: block;
1542      height: 328px;
1543      margin: 1.625em -8.9% 20px;
1544      max-width: 1000px;
1545      padding: 0;
1546      position: relative;
1547      overflow: hidden;
1548  }
1549  .featured-posts .showcase-heading {
1550      padding-left: 8.9%;
1551  }
1552  .featured-posts section.featured-post {
1553      background: #fff;
1554      height: 288px;
1555      left: 0;
1556      margin: 0;
1557      position: absolute;
1558      top: 30px;
1559      width: auto;
1560  }
1561  .featured-posts section.featured-post.large {
1562      max-width: 100%;
1563      overflow: hidden;
1564  }
1565  .featured-posts section.featured-post {
1566      -webkit-transition-duration: 200ms;
1567      -webkit-transition-property: opacity, visibility;
1568      -webkit-transition-timing-function: ease;
1569      -moz-transition-duration: 200ms;
1570      -moz-transition-property: opacity, visibility;
1571      -moz-transition-timing-function: ease;
1572  }
1573  .featured-posts section.featured-post {
1574      opacity: 0;
1575      visibility: hidden;
1576  }
1577  .featured-posts #featured-post-1 {
1578      opacity: 1;
1579      visibility: visible;
1580  }
1581  .featured-post .feature-text:after,
1582  .featured-post .feature-image.small:after {
1583      content: ' ';
1584      background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
1585      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
1586      background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
1587      background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
1588      background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
1589      width: 100%;
1590      height: 45px;
1591      position: absolute;
1592      top: 230px;
1593  }
1594  .featured-post .feature-image.small:after {
1595      top: 253px;
1596  }
1597  #content .feature-slider {
1598      top: 5px;
1599      right: 8.9%;
1600      overflow: visible;
1601      position: absolute;
1602  }
1603  .feature-slider ul {
1604      list-style-type: none;
1605      margin: 0;
1606  }
1607  .feature-slider li {
1608      float: left;
1609      margin: 0 6px;
1610  }
1611  .feature-slider a {
1612      background: #3c3c3c;
1613      background: rgba(60,60,60,0.9);
1614      -moz-border-radius: 12px;
1615      border-radius: 12px;
1616      -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
1617      -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
1618      box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
1619      display: block;
1620      width: 14px;
1621      height: 14px;
1622  }
1623  .feature-slider a .feature-slider-tooltip {
1624      display: block;
1625      width: 14px;
1626      height: 14px;
1627  }
1628  .feature-slider a.active {
1629      background: #1982d1;
1630      -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
1631      -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
1632      box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
1633      cursor: default;
1634      opacity: 0.5;
1635  }
1636  
1637  /* Recent Posts */
1638  section.recent-posts {
1639      padding: 0 0 1.625em;
1640  }
1641  section.recent-posts .hentry {
1642      border: none;
1643      margin: 0;
1644  }
1645  section.recent-posts .other-recent-posts {
1646      border-bottom: 1px solid #ddd;
1647      list-style: none;
1648      margin: 0;
1649  }
1650  section.recent-posts .other-recent-posts li {
1651      padding: 0.3125em 0;
1652      position: relative;
1653  }
1654  section.recent-posts .other-recent-posts .entry-title {
1655      border-top: 1px solid #ddd;
1656      font-size: 17px;
1657  }
1658  section.recent-posts .other-recent-posts a[rel="bookmark"] {
1659      color: #373737;
1660      float: left;
1661      max-width: 84%;
1662  }
1663  section.recent-posts .other-recent-posts a[rel="bookmark"]:after {
1664      content: '-';
1665      color: transparent;
1666      font-size: 11px;
1667  }
1668  section.recent-posts .other-recent-posts .comments-link a,
1669  section.recent-posts .other-recent-posts .comments-link > span {
1670      border-bottom: 2px solid #999;
1671      bottom: -2px;
1672      color: #444;
1673      display: block;
1674      font-size: 10px;
1675      font-weight: 500;
1676      line-height: 2.76333em;
1677      padding: 0.3125em 0 0.3125em 1em;
1678      position: absolute;
1679      right: 0;
1680      text-align: right;
1681      text-transform: uppercase;
1682      z-index: 1;
1683  }
1684  section.recent-posts .other-recent-posts .comments-link > span {
1685      border-color: #bbb;
1686      color: #888;
1687  }
1688  section.recent-posts .other-recent-posts .comments-link a:hover {
1689      color: #1982d1;
1690      border-color: #1982d1;
1691  }
1692  section.recent-posts .other-recent-posts li:after {
1693      clear: both;
1694      content: '.';
1695      display: block;
1696      height: 0;
1697      visibility: hidden;
1698  }
1699  
1700  
1701  /* =Attachments
1702  ----------------------------------------------- */
1703  
1704  .image-attachment div.attachment {
1705      background: #f9f9f9;
1706      border: 1px solid #ddd;
1707      border-width: 1px 0;
1708      margin: 0 -8.9% 1.625em;
1709      overflow: hidden;
1710      padding: 1.625em 1.625em 0;
1711      text-align: center;
1712  }
1713  .image-attachment div.attachment img {
1714      display: block;
1715      height: auto;
1716      margin: 0 auto 1.625em;
1717      max-width: 100%;
1718  }
1719  .image-attachment div.attachment a img {
1720      border-color: #f9f9f9;
1721  }
1722  .image-attachment div.attachment a:focus img,
1723  .image-attachment div.attachment a:hover img,
1724  .image-attachment div.attachment a:active img {
1725      border-color: #ddd;
1726      background: #fff;
1727  }
1728  .image-attachment .entry-caption p {
1729      font-size: 10px;
1730      letter-spacing: 0.1em;
1731      line-height: 2.6em;
1732      margin: 0 0 2.6em;
1733      text-transform: uppercase;
1734  }
1735  
1736  /* =Media
1737  -------------------------------------------------------------- */
1738  
1739  audio,
1740  video {
1741      display: inline-block;
1742      max-width: 100%;
1743  }
1744  
1745  .attachment .entry-content .mejs-container {
1746      margin-bottom: 24px;
1747  }
1748  
1749  /* =Navigation
1750  -------------------------------------------------------------- */
1751  
1752  #content nav {
1753      clear: both;
1754      overflow: hidden;
1755      padding: 0 0 1.625em;
1756  }
1757  #content nav a {
1758      font-size: 12px;
1759      font-weight: bold;
1760      line-height: 2.2em;
1761  }
1762  #nav-above {
1763      padding: 0 0 1.625em;
1764  }
1765  #nav-above {
1766      display: none;
1767  }
1768  .paged #nav-above {
1769      display: block;
1770  }
1771  .nav-previous {
1772      float: left;
1773      width: 50%;
1774  }
1775  .nav-next {
1776      float: right;
1777      text-align: right;
1778      width: 50%;
1779  }
1780  #content nav .meta-nav {
1781      font-weight: normal;
1782  }
1783  
1784  /* Singular navigation */
1785  #nav-single {
1786      position: relative;
1787      z-index: 1;
1788  }
1789  #nav-single .nav-previous,
1790  #nav-single .nav-next {
1791      width: auto;
1792  }
1793  #nav-single .nav-next {
1794      padding-left: .5em;
1795  }
1796  #nav-single .nav-previous {
1797      padding-right: .5em;
1798  }
1799  
1800  
1801  /* =Widgets
1802  ----------------------------------------------- */
1803  
1804  .widget-area {
1805      font-size: 12px;
1806  }
1807  .widget {
1808      word-wrap: break-word;
1809      -webkit-hyphens: auto;
1810      -moz-hyphens: auto;
1811      hyphens: auto;
1812      clear: both;
1813      margin: 0 0 2.2em;
1814  }
1815  .widget-title {
1816      color: #666;
1817      font-size: 10px;
1818      font-weight: 500;
1819      letter-spacing: 0.1em;
1820      line-height: 2.6em;
1821      text-transform: uppercase;
1822  }
1823  .widget ul {
1824      font-size: 15px;
1825      margin: 0;
1826  }
1827  .widget ul ul {
1828      margin-left: 1.5em;
1829  }
1830  .widget ul li {
1831      color: #777;
1832      font-size: 13px;
1833  }
1834  .widget a {
1835      font-weight: bold;
1836      text-decoration: none;
1837  }
1838  .widget a:hover,
1839  .widget a:focus,
1840  .widget a:active {
1841      text-decoration: underline;
1842  }
1843  .widget select {
1844      max-width: 100%;
1845   }
1846  
1847  /* Search Widget */
1848  .widget_search form {
1849      margin: 0 0 1.625em;
1850  }
1851  .widget_search #s {
1852      width: 77%;
1853  }
1854  .widget_search #searchsubmit {
1855      background: #ddd;
1856      border: 1px solid #ccc;
1857      -webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.09);
1858      -moz-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.09);
1859      box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.09);
1860      color: #888;
1861      font-size: 13px;
1862      line-height: 25px;
1863      position: relative;
1864      top: -2px;
1865  }
1866  .widget_search #searchsubmit:active {
1867      background: #1982d1;
1868      border-color: #0861a5;
1869      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
1870      -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
1871      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
1872      color: #bfddf3;
1873  }
1874  
1875  /* Ephemera Widget */
1876  section.ephemera ol,
1877  .widget_twentyeleven_ephemera ol {
1878      list-style: square;
1879      margin: 5px 0 0;
1880  }
1881  .widget_twentyeleven_ephemera .widget-entry-title {
1882      font-size: 15px;
1883      font-weight: bold;
1884      padding: 0;
1885  }
1886  .widget_twentyeleven_ephemera .comments-link a,
1887  .widget_twentyeleven_ephemera .comments-link > span {
1888      color: #666;
1889      display: block;
1890      font-size: 10px;
1891      font-weight: 500;
1892      line-height: 2.76333em;
1893      text-transform: uppercase;
1894  }
1895  section.ephemera .entry-title a span {
1896      color: #29628d;
1897  }
1898  
1899  /* Twitter */
1900  .widget_twitter li {
1901      list-style-type: none;
1902      margin-bottom: 14px;
1903  }
1904  .widget_twitter .timesince {
1905      display: block;
1906      font-size: 11px;
1907      margin-right: -10px;
1908      text-align: right;
1909  }
1910  
1911  /* Widget Image */
1912  .widget_image img,
1913  .widget_media_image img {
1914      border: 0;
1915      padding: 0;
1916      height: auto;
1917      max-width: 100%;
1918  }
1919  @media (min-width: 1024px) {
1920      .widget_media_image .size-thumbnail {
1921          padding: 6px;
1922      }
1923  }
1924  
1925  /* Calendar Widget */
1926  .widget_calendar #wp-calendar {
1927      color: #555;
1928      width: 95%;
1929      text-align: center;
1930  }
1931  .widget_calendar #wp-calendar caption,
1932  .widget_calendar #wp-calendar td,
1933  .widget_calendar #wp-calendar th {
1934      text-align: center;
1935  }
1936  .widget_calendar #wp-calendar caption {
1937      font-size: 11px;
1938      font-weight: 500;
1939      padding: 5px 0 3px 0;
1940      text-transform: uppercase;
1941  }
1942  .widget_calendar #wp-calendar th {
1943      background: #f4f4f4;
1944      border-top: 1px solid #ccc;
1945      border-bottom: 1px solid #ccc;
1946      font-weight: bold;
1947  }
1948  .widget_calendar #wp-calendar tfoot td {
1949      background: #f4f4f4;
1950      border-top: 1px solid #ccc;
1951      border-bottom: 1px solid #ccc;
1952  }
1953  .widget_calendar .wp-calendar-nav {
1954      display: table;
1955      width: 95%;
1956  }
1957  .widget_calendar .wp-calendar-nav span {
1958      display: table-cell;
1959      text-align: center;
1960  }
1961  .widget_calendar .wp-calendar-nav-prev,
1962  .widget_calendar .wp-calendar-nav-next {
1963      width: 40%;
1964  }
1965  
1966  /* Text Widget */
1967  .widget_text ul,
1968  .widget_text ol {
1969      margin: 0 0 1.625em 2.5em;
1970  }
1971  .widget_text ul ul,
1972  .widget_text ol ol,
1973  .widget_text ul ol,
1974  .widget_text ol ul {
1975      margin-bottom: 0;
1976  }
1977  
1978  /* Tag Cloud Widget */
1979  .tagcloud ul {
1980      list-style-type: none;
1981  }
1982  
1983  .tagcloud ul li {
1984      display: inline-block;
1985  }
1986  
1987  /* Helps galleries in widget areas look presentable in most cases. */
1988  #page .widget-area .gallery-columns-2 img,
1989  #page .widget-area .gallery-columns-3 img,
1990  #page .widget-area .gallery-columns-4 img,
1991  #page .widget-area .gallery-columns-5 img,
1992  #page .widget-area .gallery-columns-6 img,
1993  #page .widget-area .gallery-columns-7 img,
1994  #page .widget-area .gallery-columns-8 img,
1995  #page .widget-area .gallery-columns-9 img {
1996      border: none;
1997      max-width: 90%;
1998      width: auto;
1999  }
2000  
2001  /* =Comments
2002  ----------------------------------------------- */
2003  
2004  #comments-title {
2005      color: #666;
2006      font-size: 10px;
2007      font-weight: 500;
2008      line-height: 2.6em;
2009      padding: 0 0 2.6em;
2010      text-transform: uppercase;
2011  }
2012  .nopassword,
2013  .nocomments {
2014      color: #aaa;
2015      font-size: 24px;
2016      font-weight: 100;
2017      margin: 26px 0;
2018      text-align: center;
2019  }
2020  .commentlist {
2021      list-style: none;
2022      margin: 0 auto;
2023      width: 68.9%;
2024  }
2025  .content .commentlist,
2026  .page-template-sidebar-page-php .commentlist {
2027      width: 100%; /* reset the width for the one-column and sidebar page layout */
2028  }
2029  .commentlist > li.comment {
2030      background: #f6f6f6;
2031      border: 1px solid #ddd;
2032      -moz-border-radius: 3px;
2033      border-radius: 3px;
2034      margin: 0 0 1.625em;
2035      padding: 1.625em;
2036      position: relative;
2037  }
2038  .commentlist .pingback {
2039      margin: 0 0 1.625em;
2040      padding: 0 1.625em;
2041  }
2042  .commentlist .children {
2043      list-style: none;
2044      margin: 0;
2045  }
2046  .commentlist .children li.comment {
2047      background: #fff;
2048      border-left: 1px solid #ddd;
2049      -moz-border-radius: 0 3px 3px 0;
2050      border-radius: 0 3px 3px 0;
2051      margin: 1.625em 0 0;
2052      padding: 1.625em;
2053      position: relative;
2054  }
2055  .commentlist .children li.comment .fn {
2056      display: block;
2057  }
2058  .comment-meta .fn {
2059      font-style: normal;
2060  }
2061  .comment-meta {
2062      color: #666;
2063      font-size: 12px;
2064      line-height: 2.2em;
2065  }
2066  .commentlist .children li.comment .comment-meta {
2067      line-height: 1.625em;
2068      margin-left: 50px;
2069  }
2070  .commentlist .children li.comment .comment-content {
2071      margin: 1.625em 0 0;
2072      word-wrap: break-word;
2073      -webkit-hyphens: auto;
2074      -moz-hyphens: auto;
2075      hyphens: auto;
2076  }
2077  .comment-meta a {
2078      font-weight: bold;
2079  }
2080  .commentlist .avatar {
2081      -moz-border-radius: 3px;
2082      border-radius: 3px;
2083      -webkit-box-shadow: 0 1px 2px #ccc;
2084      -moz-box-shadow: 0 1px 2px #ccc;
2085      box-shadow: 0 1px 2px #ccc;
2086      left: -102px;
2087      padding: 0;
2088      position: absolute;
2089      top: 0;
2090  }
2091  .commentlist > li:before {
2092      content: url(images/comment-arrow.png);
2093      left: -21px;
2094      position: absolute;
2095  }
2096  .commentlist > li.pingback:before {
2097      content: '';
2098  }
2099  .commentlist .children .avatar {
2100      background: none;
2101      -webkit-box-shadow: none;
2102      -moz-box-shadow: none;
2103      box-shadow: none;
2104      left: 2.2em;
2105      padding: 0;
2106      top: 2.2em;
2107  }
2108  a.comment-reply-link {
2109      background: #eee;
2110      -moz-border-radius: 3px;
2111      border-radius: 3px;
2112      color: #666;
2113      display: inline-block;
2114      font-size: 12px;
2115      padding: 0 8px;
2116      text-decoration: none;
2117  }
2118  a.comment-reply-link:hover,
2119  a.comment-reply-link:focus,
2120  a.comment-reply-link:active {
2121      background: #888;
2122      color: #fff;
2123  }
2124  a.comment-reply-link > span {
2125      display: inline-block;
2126      position: relative;
2127      top: -1px;
2128  }
2129  
2130  /* Post author highlighting */
2131  .commentlist > li.bypostauthor {
2132      background: #ddd;
2133      border-color: #d3d3d3;
2134  }
2135  .commentlist > li.bypostauthor .comment-meta {
2136      color: #575757;
2137  }
2138  .commentlist > li.bypostauthor:before {
2139      content: url(images/comment-arrow-bypostauthor.png);
2140  }
2141  
2142  /* Post Author threaded comments */
2143  .commentlist .children > li.bypostauthor {
2144      background: #ddd;
2145      border-color: #d3d3d3;
2146  }
2147  
2148  /* sidebar-page.php comments */
2149  /* Make sure we have room for our comment avatars */
2150  .page-template-sidebar-page-php .commentlist > li.comment,
2151  .page-template-sidebar-page-php.commentlist .pingback {
2152      margin-left: 102px;
2153      width: auto;
2154  }
2155  /* And a full-width comment form */
2156  .page-template-sidebar-page-php #respond {
2157      width: auto;
2158  }
2159  
2160  /* Comment Form */
2161  #respond {
2162      background: #ddd;
2163      border: 1px solid #d3d3d3;
2164      -moz-border-radius: 3px;
2165      border-radius: 3px;
2166      margin: 0 auto 1.625em;
2167      padding: 1.625em;
2168      position: relative;
2169      width: 68.9%;
2170  }
2171  #respond input[type="text"],
2172  #respond textarea {
2173      background: #fff;
2174      border: 4px solid #eee;
2175      -moz-border-radius: 5px;
2176      border-radius: 5px;
2177      -webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
2178      -moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
2179      box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
2180      position: relative;
2181      padding: 10px;
2182      text-indent: 80px;
2183  }
2184  #respond .comment-form-author,
2185  #respond .comment-form-email,
2186  #respond .comment-form-url,
2187  #respond .comment-form-comment {
2188      position: relative;
2189  }
2190  #respond .comment-form-author label,
2191  #respond .comment-form-email label,
2192  #respond .comment-form-url label,
2193  #respond .comment-form-comment label {
2194      background: #eee;
2195      -webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
2196      -moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
2197      box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
2198      color: #555;
2199      display: inline-block;
2200      font-size: 13px;
2201      left: 4px;
2202      min-width: 60px;
2203      padding: 4px 10px;
2204      position: relative;
2205      top: 40px;
2206      z-index: 1;
2207  }
2208  #respond input[type="text"]:focus,
2209  #respond textarea:focus {
2210      text-indent: 0;
2211      z-index: 1;
2212  }
2213  #respond textarea {
2214      resize: vertical;
2215      width: 95%;
2216  }
2217  #respond .comment-form label .required,
2218  #respond .comment-form .comment-notes .required,
2219  #respond .comment-form .logged-in-as .required {
2220      color: #bd3500;
2221      font-size: 22px;
2222      font-weight: bold;
2223  }
2224  #respond .comment-form-author .required,
2225  #respond .comment-form-email .required,
2226  #respond .comment-form-url .required,
2227  #respond .comment-form-comment .required {
2228      float: right;
2229      margin-left: 4px;
2230  }
2231  #respond .comment-form .comment-notes .required,
2232  #respond .comment-form .logged-in-as .required {
2233      vertical-align: middle;
2234  }
2235  #respond .comment-notes,
2236  #respond .logged-in-as {
2237      font-size: 13px;
2238  }
2239  #respond p {
2240      margin: 10px 0;
2241  }
2242  #respond .form-submit {
2243      float: right;
2244      margin: -20px 0 10px;
2245  }
2246  #respond input#submit {
2247      background: #222;
2248      border: none;
2249      -moz-border-radius: 3px;
2250      border-radius: 3px;
2251      -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
2252      -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
2253      box-shadow: 0 1px 2px rgba(0,0,0,0.3);
2254      color: #eee;
2255      cursor: pointer;
2256      font-size: 15px;
2257      margin: 20px 0;
2258      padding: 5px 42px 5px 22px;
2259      position: relative;
2260      left: 30px;
2261      text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
2262  }
2263  #respond input#submit:active {
2264      background: #1982d1;
2265      color: #bfddf3;
2266  }
2267  #respond #cancel-comment-reply-link {
2268      color: #666;
2269      margin-left: 10px;
2270      text-decoration: none;
2271  }
2272  #respond .logged-in-as a:hover,
2273  #respond #cancel-comment-reply-link:hover {
2274      text-decoration: underline;
2275  }
2276  .commentlist #respond {
2277      margin: 1.625em 0 0;
2278      width: auto;
2279  }
2280  #reply-title {
2281      color: #373737;
2282      font-size: 24px;
2283      font-weight: bold;
2284      line-height: 30px;
2285  }
2286  #cancel-comment-reply-link {
2287      color: #888;
2288      display: block;
2289      font-size: 10px;
2290      font-weight: normal;
2291      line-height: 2.2em;
2292      letter-spacing: 0.05em;
2293      position: absolute;
2294      right: 1.625em;
2295      text-decoration: none;
2296      text-transform: uppercase;
2297      top: 1.1em;
2298  }
2299  #cancel-comment-reply-link:focus,
2300  #cancel-comment-reply-link:active,
2301  #cancel-comment-reply-link:hover {
2302      color: #ff4b33;
2303  }
2304  #respond label {
2305      line-height: 2.2em;
2306  }
2307  #respond input[type=text] {
2308      display: block;
2309      height: 24px;
2310      width: 75%;
2311  }
2312  #respond p {
2313      font-size: 12px;
2314  }
2315  #respond #wp-comment-cookies-consent {
2316      margin: 0 10px 0 0;
2317  }
2318  p.comment-form-comment {
2319      margin: 0;
2320  }
2321  .form-allowed-tags {
2322      display: none;
2323  }
2324  
2325  
2326  /* =Footer
2327  ----------------------------------------------- */
2328  
2329  #colophon {
2330      clear: both;
2331  }
2332  #supplementary {
2333      border-top: 1px solid #ddd;
2334      padding: 1.625em 7.6%;
2335      overflow: hidden;
2336  }
2337  
2338  /* Two Footer Widget Areas */
2339  #supplementary.two .widget-area {
2340      float: left;
2341      margin-right: 3.7%;
2342      width: 48.1%;
2343  }
2344  #supplementary.two .widget-area + .widget-area {
2345      margin-right: 0;
2346  }
2347  
2348  /* Three Footer Widget Areas */
2349  #supplementary.three .widget-area {
2350      float: left;
2351      margin-right: 3.7%;
2352      width: 30.85%;
2353  }
2354  #supplementary.three .widget-area + .widget-area + .widget-area {
2355      margin-right: 0;
2356  }
2357  
2358  /* Site Generator Line */
2359  #site-generator {
2360      background: #f9f9f9;
2361      border-top: 1px solid #ddd;
2362      color: #666;
2363      font-size: 12px;
2364      line-height: 2.2em;
2365      padding: 2.2em 0.5em;
2366      text-align: center;
2367  }
2368  #site-generator a {
2369      color: #555;
2370      font-weight: bold;
2371  }
2372  #site-generator span[role=separator] {
2373      padding: 0 0.25em 0 0.5em
2374  }
2375  #site-generator span[role=separator]::before {
2376      content: '\007c';
2377  }
2378  
2379  
2380  /* =Responsive Structure
2381  ----------------------------------------------- */
2382  
2383  /* Does the same thing as <meta name="viewport" content="width=device-width">,
2384   * but in the future W3C standard way. -ms- prefix is required for IE10+ to
2385   * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
2386   * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
2387   */
2388  @-ms-viewport {
2389      width: device-width;
2390  }
2391  @viewport {
2392      width: device-width;
2393  }
2394  
2395  @media (max-width: 800px) {
2396      /* Simplify the basic layout */
2397      #main #content {
2398          margin: 0 7.6%;
2399          width: auto;
2400      }
2401      #nav-below {
2402          border-bottom: 1px solid #ddd;
2403          margin-bottom: 1.625em;
2404      }
2405      #main #secondary {
2406          float: none;
2407          margin: 0 7.6%;
2408          width: auto;
2409      }
2410      /* Simplify the showcase template */
2411      .page-template-showcase-php .featured-posts {
2412          min-height: 280px;
2413      }
2414      .featured-posts section.featured-post {
2415          height: auto;
2416      }
2417      .page-template-showcase-php section.recent-posts {
2418          float: none;
2419          margin: 0;
2420          width: 100%;
2421      }
2422      .page-template-showcase-php #main .widget-area {
2423          float: none;
2424          margin: 0;
2425          width: auto;
2426      }
2427      .page-template-showcase-php .other-recent-posts {
2428          border-bottom: 1px solid #ddd;
2429      }
2430      /* Simplify the showcase template when small feature */
2431      section.featured-post .attachment-small-feature,
2432      .one-column section.featured-post .attachment-small-feature {
2433          border: none;
2434          display: block;
2435          float: left;
2436          height: auto;
2437          margin: 0.625em auto 1.025em;
2438          max-width: 30%;
2439          position: static;
2440      }
2441      article.feature-image.small {
2442          float: right;
2443          margin: 0 0 1.625em;
2444          width: 64%;
2445      }
2446      .one-column article.feature-image.small .entry-summary {
2447          height: auto;
2448      }
2449      article.feature-image.small .entry-summary p a {
2450          left: 0;
2451          padding-left: 20px;
2452          padding-right: 20px;
2453          width: auto;
2454      }
2455      /* Remove the margin on singular articles */
2456      .singular .entry-header,
2457      .singular .entry-content,
2458      .singular footer.entry-meta,
2459      .singular #comments-title {
2460          width: 100%;
2461      }
2462      /* Simplify the pullquotes and pull styles */
2463      .singular blockquote.pull {
2464          margin: 0 0 1.625em;
2465      }
2466      .singular .pull.alignleft {
2467          margin: 0 1.625em 0 0;
2468      }
2469      .singular .pull.alignright {
2470          margin: 0 0 0 1.625em;
2471      }
2472      .singular .entry-meta .edit-link a {
2473          left: 0;
2474          position: absolute;
2475          top: 20px;
2476      }
2477      .singular #author-info {
2478          margin: 2.2em -8.8% 0;
2479          padding: 20px 8.8%;
2480      }
2481      /* Make sure we have room for our comment avatars */
2482      .commentlist {
2483          width: 100%;
2484      }
2485      .commentlist > li.comment,
2486      .commentlist .pingback {
2487          margin-left: 102px;
2488          width: auto;
2489      }
2490      /* And a full-width comment form */
2491      #respond {
2492          width: auto;
2493      }
2494      /* No need to float footer widgets at this size */
2495      #colophon #supplementary .widget-area {
2496          float: none;
2497          margin-right: 0;
2498          width: auto;
2499      }
2500      /* No need to float 404 widgets at this size */
2501      .error404 #main .widget {
2502          float: none;
2503          margin-right: 0;
2504          width: auto;
2505      }
2506  }
2507  @media (max-width: 650px) {
2508      /* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
2509      body, input, textarea {
2510          font-size: 13px;
2511      }
2512      #site-title a {
2513          font-size: 24px;
2514      }
2515      #site-description {
2516          font-size: 12px;
2517      }
2518      #access ul {
2519          font-size: 12px;
2520      }
2521      #branding .only-search + #access div {
2522          padding-right: 0;
2523      }
2524      article.intro .entry-content {
2525          font-size: 12px;
2526      }
2527      .entry-title {
2528          font-size: 21px;
2529      }
2530      .featured-post .entry-title {
2531          font-size: 14px;
2532      }
2533      .singular .entry-title {
2534          font-size: 28px;
2535      }
2536      .entry-meta {
2537          font-size: 12px;
2538      }
2539      blockquote {
2540          margin: 0;
2541      }
2542      blockquote.pull {
2543          font-size: 17px;
2544      }
2545      /* Reposition the site title and description slightly */
2546      #site-title {
2547          padding: 5.30625em 0 0;
2548      }
2549      #site-title,
2550      #site-description {
2551          margin-right: 0;
2552      }
2553      /* Make sure the logo and search form don't collide */
2554      #branding #searchform {
2555          top: 1.625em !important;
2556      }
2557      /* Floated content doesn't work well at this size */
2558      .alignleft,
2559      .alignright {
2560          display: block;
2561          float: none;
2562          margin-left: 0;
2563          margin-right: 0;
2564      }
2565      .singular.page .hentry {
2566          padding: 1.625em 0 0;
2567      }
2568      .singular .entry-header .entry-meta,
2569      .singular .entry-header .entry-format,
2570      .singular .entry-meta .edit-link a {
2571          position: static;
2572      }
2573      /* Talking avatars take up too much room at this size */
2574      .commentlist > li.comment,
2575      .commentlist > li.pingback {
2576          margin-left: 0 !important;
2577      }
2578      .commentlist .avatar {
2579          background: transparent;
2580          display: block;
2581          padding: 0;
2582          position: static;
2583      }
2584      .commentlist .children .avatar {
2585          background: none;
2586          left: 2.2em;
2587          padding: 0;
2588          position: absolute;
2589          top: 2.2em;
2590      }
2591      /* Use the available space in the smaller comment form */
2592      #respond input[type="text"] {
2593          width: 95%;
2594      }
2595      #content .gallery-columns-3 .gallery-item {
2596          width: 31%;
2597          padding-right: 2%;
2598      }
2599      #content .gallery-columns-3 .gallery-item img {
2600          width: 100%;
2601          height: auto;
2602      }
2603  }
2604  @media (max-width: 450px) {
2605      #content .gallery-columns-2 .gallery-item {
2606          width: 45%;
2607          padding-right: 4%;
2608      }
2609      #content .gallery-columns-2 .gallery-item img {
2610          width: 100%;
2611          height: auto;
2612      }
2613  }
2614  @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
2615      body {
2616          padding: 0;
2617      }
2618      #page {
2619          margin-top: 0;
2620      }
2621      #branding {
2622          border-top: none;
2623      }
2624  }
2625  
2626  
2627  /* =Print
2628  ----------------------------------------------- */
2629  
2630  @media print {
2631      body {
2632          background: none !important;
2633          font-size: 10pt;
2634      }
2635      footer.entry-meta a[rel=bookmark]:link:after,
2636      footer.entry-meta a[rel=bookmark]:visited:after {
2637          content: " [" attr(href) "] "; /* Show URLs */
2638      }
2639      #page {
2640          clear: both !important;
2641          display: block !important;
2642          float: none !important;
2643          max-width: 100%;
2644          position: relative !important;
2645      }
2646      #branding {
2647          border-top: none !important;
2648          padding: 0;
2649      }
2650      #branding hgroup {
2651          margin: 0;
2652      }
2653      #site-title a {
2654          font-size: 21pt;
2655      }
2656      #site-description {
2657          font-size: 10pt;
2658      }
2659      #branding #searchform {
2660          display: none;
2661      }
2662      #branding img {
2663          display: none;
2664      }
2665      #access {
2666          display: none;
2667      }
2668      #main {
2669          border-top: none;
2670          box-shadow: none;
2671      }
2672      #primary {
2673          float: left;
2674          margin: 0;
2675          width: 100%;
2676      }
2677      #content {
2678          margin: 0;
2679          width: auto;
2680      }
2681      .singular #content {
2682          margin: 0;
2683          width: 100%;
2684      }
2685      .singular .entry-header .entry-meta {
2686          position: static;
2687      }
2688      .entry-meta .edit-link a {
2689          display: none;
2690      }
2691      #content nav {
2692          display: none;
2693      }
2694      .singular .entry-header,
2695      .singular .entry-content,
2696      .singular footer.entry-meta,
2697      .singular #comments-title {
2698          margin: 0;
2699          width: 100%;
2700      }
2701      .singular .hentry {
2702          padding: 0;
2703      }
2704      .entry-title,
2705      .singular .entry-title {
2706          font-size: 21pt;
2707      }
2708      .entry-meta {
2709          font-size: 10pt;
2710      }
2711      .entry-header .comments-link {
2712          display: none;
2713      }
2714      .page-link {
2715          display: none;
2716      }
2717      .singular #author-info {
2718          background: none;
2719          border-bottom: none;
2720          border-top: none;
2721          margin: 2.2em 0 0;
2722          padding: 0;
2723      }
2724      #respond {
2725          display: none;
2726      }
2727      .widget-area {
2728          display: none;
2729      }
2730      #colophon {
2731          display: none;
2732      }
2733  
2734      /* Comments */
2735      .commentlist > li.comment {
2736          background: none;
2737          border: 1px solid #ddd;
2738          -moz-border-radius: 3px 3px 3px 3px;
2739          border-radius: 3px 3px 3px 3px;
2740          margin: 0 auto 1.625em;
2741          padding: 1.625em;
2742          position: relative;
2743          width: auto;
2744      }
2745      .commentlist .avatar {
2746          height: 39px;
2747          left: 2.2em;
2748          top: 2.2em;
2749          width: 39px;
2750      }
2751      .commentlist li.comment .comment-meta {
2752          line-height: 1.625em;
2753          margin-left: 50px;
2754      }
2755      .commentlist li.comment .fn {
2756          display: block;
2757      }
2758      .commentlist li.comment .comment-content {
2759          margin: 1.625em 0 0;
2760      }
2761      .commentlist .comment-edit-link {
2762          display: none;
2763      }
2764      .commentlist > li::before,
2765      .commentlist > li.bypostauthor::before {
2766          content: '';
2767      }
2768      .commentlist .reply {
2769          display: none;
2770      }
2771  
2772      /* Post author highlighting */
2773      .commentlist > li.bypostauthor {
2774          color: #444;
2775      }
2776      .commentlist > li.bypostauthor .comment-meta {
2777          color: #666;
2778      }
2779      .commentlist > li.bypostauthor:before {
2780          content: none;
2781      }
2782  
2783      /* Post Author threaded comments */
2784      .commentlist .children > li.bypostauthor {
2785          background: #fff;
2786          border-color: #ddd;
2787      }
2788      .commentlist .children > li.bypostauthor > article,
2789      .commentlist .children > li.bypostauthor > article .comment-meta {
2790          color: #666;
2791      }
2792  }