[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

Search

title

Body

[close]

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

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


Generated : Thu May 28 08:20:02 2020 Cross-referenced by PHPXref