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