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