[ Index ]

PHP Cross Reference of WordPress (Trunk)

title

Body

[close]

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

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


Generated: Wed Aug 27 03:37:02 2014 Cross-referenced by PHPXref 0.7