[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

title

Body

[close]

/wp-content/themes/twentyeleven/ -> style.css (source)

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


Generated: Sat Nov 23 20:47:33 2019 Cross-referenced by PHPXref 0.7