[Summary view] [Print] [Text view]

   1  /*
   2  Theme Name: Twenty Twelve
   3  Theme URI: http://wordpress.org/themes/twentytwelve
   4  Author: the WordPress team
   5  Author URI: http://wordpress.org/
   6  Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
   7  Version: 1.3
   8  License: GNU General Public License v2 or later
   9  License URI: http://www.gnu.org/licenses/gpl-2.0.html
  10  Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
  11  Text Domain: twentytwelve
  12  
  13  This theme, like WordPress, is licensed under the GPL.
  14  Use it to make something cool, have fun, and share what you've learned with others.
  15  */
  16  
  17  /* =Notes
  18  --------------------------------------------------------------
  19  This stylesheet uses rem values with a pixel fallback. The rem
  20  values (and line heights) are calculated using two variables:
  21  
  22  $rembase:     14;
  23  $line-height: 24;
  24  
  25  ---------- Examples
  26  
  27  * Use a pixel value with a rem fallback for font-size, padding, margins, etc.
  28      padding: 5px 0;
  29      padding: 0.357142857rem 0; (5 / $rembase)
  30  
  31  * Set a font-size and then set a line-height based on the font-size
  32      font-size: 16px
  33      font-size: 1.142857143rem; (16 / $rembase)
  34      line-height: 1.5; ($line-height / 16)
  35  
  36  ---------- Vertical spacing
  37  
  38  Vertical spacing between most elements should use 24px or 48px
  39  to maintain vertical rhythm:
  40  
  41  .my-new-div {
  42      margin: 24px 0;
  43      margin: 1.714285714rem 0; ( 24 / $rembase )
  44  }
  45  
  46  ---------- Further reading
  47  
  48  http://snook.ca/archives/html_and_css/font-size-with-rem
  49  http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/
  50  
  51  
  52  /* =Reset
  53  -------------------------------------------------------------- */
  54  
  55  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  56      margin: 0;
  57      padding: 0;
  58      border: 0;
  59      font-size: 100%;
  60      vertical-align: baseline;
  61  }
  62  body {
  63      line-height: 1;
  64  }
  65  ol,
  66  ul {
  67      list-style: none;
  68  }
  69  blockquote,
  70  q {
  71      quotes: none;
  72  }
  73  blockquote:before,
  74  blockquote:after,
  75  q:before,
  76  q:after {
  77      content: '';
  78      content: none;
  79  }
  80  table {
  81      border-collapse: collapse;
  82      border-spacing: 0;
  83  }
  84  caption,
  85  th,
  86  td {
  87      font-weight: normal;
  88      text-align: left;
  89  }
  90  h1,
  91  h2,
  92  h3,
  93  h4,
  94  h5,
  95  h6 {
  96      clear: both;
  97  }
  98  html {
  99      overflow-y: scroll;
 100      font-size: 100%;
 101      -webkit-text-size-adjust: 100%;
 102      -ms-text-size-adjust: 100%;
 103  }
 104  a:focus {
 105      outline: thin dotted;
 106  }
 107  article,
 108  aside,
 109  details,
 110  figcaption,
 111  figure,
 112  footer,
 113  header,
 114  hgroup,
 115  nav,
 116  section {
 117      display: block;
 118  }
 119  audio,
 120  canvas,
 121  video {
 122      display: inline-block;
 123  }
 124  audio:not([controls]) {
 125      display: none;
 126  }
 127  del {
 128      color: #333;
 129  }
 130  ins {
 131      background: #fff9c0;
 132      text-decoration: none;
 133  }
 134  hr {
 135      background-color: #ccc;
 136      border: 0;
 137      height: 1px;
 138      margin: 24px;
 139      margin-bottom: 1.714285714rem;
 140  }
 141  sub,
 142  sup {
 143      font-size: 75%;
 144      line-height: 0;
 145      position: relative;
 146      vertical-align: baseline;
 147  }
 148  sup {
 149      top: -0.5em;
 150  }
 151  sub {
 152      bottom: -0.25em;
 153  }
 154  small {
 155      font-size: smaller;
 156  }
 157  img {
 158      border: 0;
 159      -ms-interpolation-mode: bicubic;
 160  }
 161  
 162  /* Clearing floats */
 163  .clear:after,
 164  .wrapper:after,
 165  .format-status .entry-header:after {
 166      clear: both;
 167  }
 168  .clear:before,
 169  .clear:after,
 170  .wrapper:before,
 171  .wrapper:after,
 172  .format-status .entry-header:before,
 173  .format-status .entry-header:after {
 174      display: table;
 175      content: "";
 176  }
 177  
 178  
 179  /* =Repeatable patterns
 180  -------------------------------------------------------------- */
 181  
 182  /* Small headers */
 183  .archive-title,
 184  .page-title,
 185  .widget-title,
 186  .entry-content th,
 187  .comment-content th {
 188      font-size: 11px;
 189      font-size: 0.785714286rem;
 190      line-height: 2.181818182;
 191      font-weight: bold;
 192      text-transform: uppercase;
 193      color: #636363;
 194  }
 195  
 196  /* Shared Post Format styling */
 197  article.format-quote footer.entry-meta,
 198  article.format-link footer.entry-meta,
 199  article.format-status footer.entry-meta {
 200      font-size: 11px;
 201      font-size: 0.785714286rem;
 202      line-height: 2.181818182;
 203  }
 204  
 205  /* Form fields, general styles first */
 206  button,
 207  input,
 208  textarea {
 209      border: 1px solid #ccc;
 210      border-radius: 3px;
 211      font-family: inherit;
 212      padding: 6px;
 213      padding: 0.428571429rem;
 214  }
 215  button,
 216  input {
 217      line-height: normal;
 218  }
 219  textarea {
 220      font-size: 100%;
 221      overflow: auto;
 222      vertical-align: top;
 223  }
 224  
 225  /* Reset non-text input types */
 226  input[type="checkbox"],
 227  input[type="radio"],
 228  input[type="file"],
 229  input[type="hidden"],
 230  input[type="image"],
 231  input[type="color"] {
 232      border: 0;
 233      border-radius: 0;
 234      padding: 0;
 235  }
 236  
 237  /* Buttons */
 238  .menu-toggle,
 239  input[type="submit"],
 240  input[type="button"],
 241  input[type="reset"],
 242  article.post-password-required input[type=submit],
 243  .bypostauthor cite span {
 244      padding: 6px 10px;
 245      padding: 0.428571429rem 0.714285714rem;
 246      font-size: 11px;
 247      font-size: 0.785714286rem;
 248      line-height: 1.428571429;
 249      font-weight: normal;
 250      color: #7c7c7c;
 251      background-color: #e6e6e6;
 252      background-repeat: repeat-x;
 253      background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
 254      background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
 255      background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
 256      background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
 257      background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
 258      border: 1px solid #d2d2d2;
 259      border-radius: 3px;
 260      box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
 261  }
 262  .menu-toggle,
 263  button,
 264  input[type="submit"],
 265  input[type="button"],
 266  input[type="reset"] {
 267      cursor: pointer;
 268  }
 269  button[disabled],
 270  input[disabled] {
 271      cursor: default;
 272  }
 273  .menu-toggle:hover,
 274  button:hover,
 275  input[type="submit"]:hover,
 276  input[type="button"]:hover,
 277  input[type="reset"]:hover,
 278  article.post-password-required input[type=submit]:hover {
 279      color: #5e5e5e;
 280      background-color: #ebebeb;
 281      background-repeat: repeat-x;
 282      background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
 283      background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
 284      background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
 285      background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
 286      background-image: linear-gradient(top, #f9f9f9, #ebebeb);
 287  }
 288  .menu-toggle:active,
 289  .menu-toggle.toggled-on,
 290  button:active,
 291  input[type="submit"]:active,
 292  input[type="button"]:active,
 293  input[type="reset"]:active {
 294      color: #757575;
 295      background-color: #e1e1e1;
 296      background-repeat: repeat-x;
 297      background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
 298      background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
 299      background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
 300      background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
 301      background-image: linear-gradient(top, #ebebeb, #e1e1e1);
 302      box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
 303      border-color: transparent;
 304  }
 305  .bypostauthor cite span {
 306      color: #fff;
 307      background-color: #21759b;
 308      background-image: none;
 309      border: 1px solid #1f6f93;
 310      border-radius: 2px;
 311      box-shadow: none;
 312      padding: 0;
 313  }
 314  
 315  /* Responsive images */
 316  .entry-content img,
 317  .comment-content img,
 318  .widget img {
 319      max-width: 100%; /* Fluid images for posts, comments, and widgets */
 320  }
 321  img[class*="align"],
 322  img[class*="wp-image-"],
 323  img[class*="attachment-"] {
 324      height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
 325  }
 326  img.size-full,
 327  img.size-large,
 328  img.header-image,
 329  img.wp-post-image {
 330      max-width: 100%;
 331      height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
 332  }
 333  
 334  /* Make sure videos and embeds fit their containers */
 335  embed,
 336  iframe,
 337  object,
 338  video {
 339      max-width: 100%;
 340  }
 341  .entry-content .twitter-tweet-rendered {
 342      max-width: 100% !important; /* Override the Twitter embed fixed width */
 343  }
 344  
 345  /* Images */
 346  .alignleft {
 347      float: left;
 348  }
 349  .alignright {
 350      float: right;
 351  }
 352  .aligncenter {
 353      display: block;
 354      margin-left: auto;
 355      margin-right: auto;
 356  }
 357  .entry-content img,
 358  .comment-content img,
 359  .widget img,
 360  img.header-image,
 361  .author-avatar img,
 362  img.wp-post-image {
 363      /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
 364      border-radius: 3px;
 365      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
 366  }
 367  .wp-caption {
 368      max-width: 100%; /* Keep wide captions from overflowing their container. */
 369      padding: 4px;
 370  }
 371  .wp-caption .wp-caption-text,
 372  .gallery-caption,
 373  .entry-caption {
 374      font-style: italic;
 375      font-size: 12px;
 376      font-size: 0.857142857rem;
 377      line-height: 2;
 378      color: #757575;
 379  }
 380  img.wp-smiley,
 381  .rsswidget img {
 382      border: 0;
 383      border-radius: 0;
 384      box-shadow: none;
 385      margin-bottom: 0;
 386      margin-top: 0;
 387      padding: 0;
 388  }
 389  .entry-content dl.gallery-item {
 390      margin: 0;
 391  }
 392  .gallery-item a,
 393  .gallery-caption {
 394      width: 90%;
 395  }
 396  .gallery-item a {
 397      display: block;
 398  }
 399  .gallery-caption a {
 400      display: inline;
 401  }
 402  .gallery-columns-1 .gallery-item a {
 403      max-width: 100%;
 404      width: auto;
 405  }
 406  .gallery .gallery-icon img {
 407      height: auto;
 408      max-width: 90%;
 409      padding: 5%;
 410  }
 411  .gallery-columns-1 .gallery-icon img {
 412      padding: 3%;
 413  }
 414  
 415  /* Navigation */
 416  .site-content nav {
 417      clear: both;
 418      line-height: 2;
 419      overflow: hidden;
 420  }
 421  #nav-above {
 422      padding: 24px 0;
 423      padding: 1.714285714rem 0;
 424  }
 425  #nav-above {
 426      display: none;
 427  }
 428  .paged #nav-above {
 429      display: block;
 430  }
 431  .nav-previous,
 432  .previous-image {
 433      float: left;
 434      width: 50%;
 435  }
 436  .nav-next,
 437  .next-image {
 438      float: right;
 439      text-align: right;
 440      width: 50%;
 441  }
 442  .nav-single + .comments-area,
 443  #comment-nav-above {
 444      margin: 48px 0;
 445      margin: 3.428571429rem 0;
 446  }
 447  
 448  /* Author profiles */
 449  .author .archive-header {
 450      margin-bottom: 24px;
 451      margin-bottom: 1.714285714rem;
 452  }
 453  .author-info {
 454      border-top: 1px solid #ededed;
 455      margin: 24px 0;
 456      margin: 1.714285714rem 0;
 457      padding-top: 24px;
 458      padding-top: 1.714285714rem;
 459      overflow: hidden;
 460  }
 461  .author-description p {
 462      color: #757575;
 463      font-size: 13px;
 464      font-size: 0.928571429rem;
 465      line-height: 1.846153846;
 466  }
 467  .author.archive .author-info {
 468      border-top: 0;
 469      margin: 0 0 48px;
 470      margin: 0 0 3.428571429rem;
 471  }
 472  .author.archive .author-avatar {
 473      margin-top: 0;
 474  }
 475  
 476  
 477  /* =Basic structure
 478  -------------------------------------------------------------- */
 479  
 480  /* Body, links, basics */
 481  html {
 482      font-size: 87.5%;
 483  }
 484  body {
 485      font-size: 14px;
 486      font-size: 1rem;
 487      font-family: Helvetica, Arial, sans-serif;
 488      text-rendering: optimizeLegibility;
 489      color: #444;
 490  }
 491  body.custom-font-enabled {
 492      font-family: "Open Sans", Helvetica, Arial, sans-serif;
 493  }
 494  a {
 495      outline: none;
 496      color: #21759b;
 497  }
 498  a:hover {
 499      color: #0f3647;
 500  }
 501  
 502  /* Assistive text */
 503  .assistive-text,
 504  .site .screen-reader-text {
 505      position: absolute !important;
 506      clip: rect(1px, 1px, 1px, 1px);
 507  }
 508  .main-navigation .assistive-text:focus {
 509      background: #fff;
 510      border: 2px solid #333;
 511      border-radius: 3px;
 512      clip: auto !important;
 513      color: #000;
 514      display: block;
 515      font-size: 12px;
 516      padding: 12px;
 517      position: absolute;
 518      top: 5px;
 519      left: 5px;
 520      z-index: 100000; /* Above WP toolbar */
 521  }
 522  
 523  /* Page structure */
 524  .site {
 525      padding: 0 24px;
 526      padding: 0 1.714285714rem;
 527      background-color: #fff;
 528  }
 529  .site-content {
 530      margin: 24px 0 0;
 531      margin: 1.714285714rem 0 0;
 532  }
 533  .widget-area {
 534      margin: 24px 0 0;
 535      margin: 1.714285714rem 0 0;
 536  }
 537  
 538  /* Header */
 539  .site-header {
 540      padding: 24px 0;
 541      padding: 1.714285714rem 0;
 542  }
 543  .site-header h1,
 544  .site-header h2 {
 545      text-align: center;
 546  }
 547  .site-header h1 a,
 548  .site-header h2 a {
 549      color: #515151;
 550      display: inline-block;
 551      text-decoration: none;
 552  }
 553  .site-header h1 a:hover,
 554  .site-header h2 a:hover {
 555      color: #21759b;
 556  }
 557  .site-header h1 {
 558      font-size: 24px;
 559      font-size: 1.714285714rem;
 560      line-height: 1.285714286;
 561      margin-bottom: 14px;
 562      margin-bottom: 1rem;
 563  }
 564  .site-header h2 {
 565      font-weight: normal;
 566      font-size: 13px;
 567      font-size: 0.928571429rem;
 568      line-height: 1.846153846;
 569      color: #757575;
 570  }
 571  .header-image {
 572      margin-top: 24px;
 573      margin-top: 1.714285714rem;
 574  }
 575  
 576  /* Navigation Menu */
 577  .main-navigation {
 578      margin-top: 24px;
 579      margin-top: 1.714285714rem;
 580      text-align: center;
 581  }
 582  .main-navigation li {
 583      margin-top: 24px;
 584      margin-top: 1.714285714rem;
 585      font-size: 12px;
 586      font-size: 0.857142857rem;
 587      line-height: 1.42857143;
 588  }
 589  .main-navigation a {
 590      color: #5e5e5e;
 591  }
 592  .main-navigation a:hover {
 593      color: #21759b;
 594  }
 595  .main-navigation ul.nav-menu,
 596  .main-navigation div.nav-menu > ul {
 597      display: none;
 598  }
 599  .main-navigation ul.nav-menu.toggled-on,
 600  .menu-toggle {
 601      display: inline-block;
 602  }
 603  
 604  /* Banner */
 605  section[role="banner"] {
 606      margin-bottom: 48px;
 607      margin-bottom: 3.428571429rem;
 608  }
 609  
 610  /* Sidebar */
 611  .widget-area .widget {
 612      -webkit-hyphens: auto;
 613      -moz-hyphens: auto;
 614      hyphens: auto;
 615      margin-bottom: 48px;
 616      margin-bottom: 3.428571429rem;
 617      word-wrap: break-word;
 618  }
 619  .widget-area .widget h3 {
 620      margin-bottom: 24px;
 621      margin-bottom: 1.714285714rem;
 622  }
 623  .widget-area .widget p,
 624  .widget-area .widget li,
 625  .widget-area .widget .textwidget {
 626      font-size: 13px;
 627      font-size: 0.928571429rem;
 628      line-height: 1.846153846;
 629  }
 630  .widget-area .widget p {
 631      margin-bottom: 24px;
 632      margin-bottom: 1.714285714rem;
 633  }
 634  .widget-area .textwidget ul {
 635      list-style: disc outside;
 636      margin: 0 0 24px;
 637      margin: 0 0 1.714285714rem;
 638  }
 639  .widget-area .textwidget li {
 640      margin-left: 36px;
 641      margin-left: 2.571428571rem;
 642  }
 643  .widget-area .widget a {
 644      color: #757575;
 645  }
 646  .widget-area .widget a:hover {
 647      color: #21759b;
 648  }
 649  .widget-area .widget a:visited {
 650      color: #9f9f9f;
 651  }
 652  .widget-area #s {
 653      width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
 654  }
 655  
 656  /* Footer */
 657  footer[role="contentinfo"] {
 658      border-top: 1px solid #ededed;
 659      clear: both;
 660      font-size: 12px;
 661      font-size: 0.857142857rem;
 662      line-height: 2;
 663      max-width: 960px;
 664      max-width: 68.571428571rem;
 665      margin-top: 24px;
 666      margin-top: 1.714285714rem;
 667      margin-left: auto;
 668      margin-right: auto;
 669      padding: 24px 0;
 670      padding: 1.714285714rem 0;
 671  }
 672  footer[role="contentinfo"] a {
 673      color: #686868;
 674  }
 675  footer[role="contentinfo"] a:hover {
 676      color: #21759b;
 677  }
 678  
 679  
 680  /* =Main content and comment content
 681  -------------------------------------------------------------- */
 682  
 683  .entry-meta {
 684      clear: both;
 685  }
 686  .entry-header {
 687      margin-bottom: 24px;
 688      margin-bottom: 1.714285714rem;
 689  }
 690  .entry-header img.wp-post-image {
 691      margin-bottom: 24px;
 692      margin-bottom: 1.714285714rem;
 693  }
 694  .entry-header .entry-title {
 695      font-size: 20px;
 696      font-size: 1.428571429rem;
 697      line-height: 1.2;
 698      font-weight: normal;
 699  }
 700  .entry-header .entry-title a {
 701      text-decoration: none;
 702  }
 703  .entry-header .entry-format {
 704      margin-top: 24px;
 705      margin-top: 1.714285714rem;
 706      font-weight: normal;
 707  }
 708  .entry-header .comments-link {
 709      margin-top: 24px;
 710      margin-top: 1.714285714rem;
 711      font-size: 13px;
 712      font-size: 0.928571429rem;
 713      line-height: 1.846153846;
 714      color: #757575;
 715  }
 716  .comments-link a,
 717  .entry-meta a {
 718      color: #757575;
 719  }
 720  .comments-link a:hover,
 721  .entry-meta a:hover {
 722      color: #21759b;
 723  }
 724  article.sticky .featured-post {
 725      border-top: 4px double #ededed;
 726      border-bottom: 4px double #ededed;
 727      color: #757575;
 728      font-size: 13px;
 729      font-size: 0.928571429rem;
 730      line-height: 3.692307692;
 731      margin-bottom: 24px;
 732      margin-bottom: 1.714285714rem;
 733      text-align: center;
 734  }
 735  .entry-content,
 736  .entry-summary,
 737  .mu_register {
 738      line-height: 1.714285714;
 739  }
 740  .entry-content h1,
 741  .comment-content h1,
 742  .entry-content h2,
 743  .comment-content h2,
 744  .entry-content h3,
 745  .comment-content h3,
 746  .entry-content h4,
 747  .comment-content h4,
 748  .entry-content h5,
 749  .comment-content h5,
 750  .entry-content h6,
 751  .comment-content h6 {
 752      margin: 24px 0;
 753      margin: 1.714285714rem 0;
 754      line-height: 1.714285714;
 755  }
 756  .entry-content h1,
 757  .comment-content h1 {
 758      font-size: 21px;
 759      font-size: 1.5rem;
 760      line-height: 1.5;
 761  }
 762  .entry-content h2,
 763  .comment-content h2,
 764  .mu_register h2 {
 765      font-size: 18px;
 766      font-size: 1.285714286rem;
 767      line-height: 1.6;
 768  }
 769  .entry-content h3,
 770  .comment-content h3 {
 771      font-size: 16px;
 772      font-size: 1.142857143rem;
 773      line-height: 1.846153846;
 774  }
 775  .entry-content h4,
 776  .comment-content h4 {
 777      font-size: 14px;
 778      font-size: 1rem;
 779      line-height: 1.846153846;
 780  }
 781  .entry-content h5,
 782  .comment-content h5 {
 783      font-size: 13px;
 784      font-size: 0.928571429rem;
 785      line-height: 1.846153846;
 786  }
 787  .entry-content h6,
 788  .comment-content h6 {
 789      font-size: 12px;
 790      font-size: 0.857142857rem;
 791      line-height: 1.846153846;
 792  }
 793  .entry-content p,
 794  .entry-summary p,
 795  .comment-content p,
 796  .mu_register p {
 797      margin: 0 0 24px;
 798      margin: 0 0 1.714285714rem;
 799      line-height: 1.714285714;
 800  }
 801  .entry-content a:visited,
 802  .comment-content a:visited {
 803      color: #9f9f9f;
 804  }
 805  .entry-content ol,
 806  .comment-content ol,
 807  .entry-content ul,
 808  .comment-content ul,
 809  .mu_register ul {
 810      margin: 0 0 24px;
 811      margin: 0 0 1.714285714rem;
 812      line-height: 1.714285714;
 813  }
 814  .entry-content ul ul,
 815  .comment-content ul ul,
 816  .entry-content ol ol,
 817  .comment-content ol ol,
 818  .entry-content ul ol,
 819  .comment-content ul ol,
 820  .entry-content ol ul,
 821  .comment-content ol ul {
 822      margin-bottom: 0;
 823  }
 824  .entry-content ul,
 825  .comment-content ul,
 826  .mu_register ul {
 827      list-style: disc outside;
 828  }
 829  .entry-content ol,
 830  .comment-content ol {
 831      list-style: decimal outside;
 832  }
 833  .entry-content li,
 834  .comment-content li,
 835  .mu_register li {
 836      margin: 0 0 0 36px;
 837      margin: 0 0 0 2.571428571rem;
 838  }
 839  .entry-content blockquote,
 840  .comment-content blockquote {
 841      margin-bottom: 24px;
 842      margin-bottom: 1.714285714rem;
 843      padding: 24px;
 844      padding: 1.714285714rem;
 845      font-style: italic;
 846  }
 847  .entry-content blockquote p:last-child,
 848  .comment-content blockquote p:last-child {
 849      margin-bottom: 0;
 850  }
 851  .entry-content code,
 852  .comment-content code {
 853      font-family: Consolas, Monaco, Lucida Console, monospace;
 854      font-size: 12px;
 855      font-size: 0.857142857rem;
 856      line-height: 2;
 857  }
 858  .entry-content pre,
 859  .comment-content pre {
 860      border: 1px solid #ededed;
 861      color: #666;
 862      font-family: Consolas, Monaco, Lucida Console, monospace;
 863      font-size: 12px;
 864      font-size: 0.857142857rem;
 865      line-height: 1.714285714;
 866      margin: 24px 0;
 867      margin: 1.714285714rem 0;
 868      overflow: auto;
 869      padding: 24px;
 870      padding: 1.714285714rem;
 871  }
 872  .entry-content pre code,
 873  .comment-content pre code {
 874      display: block;
 875  }
 876  .entry-content abbr,
 877  .comment-content abbr,
 878  .entry-content dfn,
 879  .comment-content dfn,
 880  .entry-content acronym,
 881  .comment-content acronym {
 882      border-bottom: 1px dotted #666;
 883      cursor: help;
 884  }
 885  .entry-content address,
 886  .comment-content address {
 887      display: block;
 888      line-height: 1.714285714;
 889      margin: 0 0 24px;
 890      margin: 0 0 1.714285714rem;
 891  }
 892  img.alignleft,
 893  .wp-caption.alignleft {
 894      margin: 12px 24px 12px 0;
 895      margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
 896  }
 897  img.alignright,
 898  .wp-caption.alignright {
 899      margin: 12px 0 12px 24px;
 900      margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
 901  }
 902  img.aligncenter,
 903  .wp-caption.aligncenter {
 904      clear: both;
 905      margin-top: 12px;
 906      margin-top: 0.857142857rem;
 907      margin-bottom: 12px;
 908      margin-bottom: 0.857142857rem;
 909  }
 910  .entry-content embed,
 911  .entry-content iframe,
 912  .entry-content object,
 913  .entry-content video {
 914      margin-bottom: 24px;
 915      margin-bottom: 1.714285714rem;
 916  }
 917  .entry-content dl,
 918  .comment-content dl {
 919      margin: 0 24px;
 920      margin: 0 1.714285714rem;
 921  }
 922  .entry-content dt,
 923  .comment-content dt {
 924      font-weight: bold;
 925      line-height: 1.714285714;
 926  }
 927  .entry-content dd,
 928  .comment-content dd {
 929      line-height: 1.714285714;
 930      margin-bottom: 24px;
 931      margin-bottom: 1.714285714rem;
 932  }
 933  .entry-content table,
 934  .comment-content table {
 935      border-bottom: 1px solid #ededed;
 936      color: #757575;
 937      font-size: 12px;
 938      font-size: 0.857142857rem;
 939      line-height: 2;
 940      margin: 0 0 24px;
 941      margin: 0 0 1.714285714rem;
 942      width: 100%;
 943  }
 944  .entry-content table caption,
 945  .comment-content table caption {
 946      font-size: 16px;
 947      font-size: 1.142857143rem;
 948      margin: 24px 0;
 949      margin: 1.714285714rem 0;
 950  }
 951  .entry-content td,
 952  .comment-content td {
 953      border-top: 1px solid #ededed;
 954      padding: 6px 10px 6px 0;
 955  }
 956  .site-content article {
 957      border-bottom: 4px double #ededed;
 958      margin-bottom: 72px;
 959      margin-bottom: 5.142857143rem;
 960      padding-bottom: 24px;
 961      padding-bottom: 1.714285714rem;
 962      word-wrap: break-word;
 963      -webkit-hyphens: auto;
 964      -moz-hyphens: auto;
 965      hyphens: auto;
 966  }
 967  .page-links {
 968      clear: both;
 969      line-height: 1.714285714;
 970  }
 971  footer.entry-meta {
 972      margin-top: 24px;
 973      margin-top: 1.714285714rem;
 974      font-size: 13px;
 975      font-size: 0.928571429rem;
 976      line-height: 1.846153846;
 977      color: #757575;
 978  }
 979  .single-author .entry-meta .by-author {
 980      display: none;
 981  }
 982  .mu_register h2 {
 983      color: #757575;
 984      font-weight: normal;
 985  }
 986  
 987  
 988  /* =Archives
 989  -------------------------------------------------------------- */
 990  
 991  .archive-header,
 992  .page-header {
 993      margin-bottom: 48px;
 994      margin-bottom: 3.428571429rem;
 995      padding-bottom: 22px;
 996      padding-bottom: 1.571428571rem;
 997      border-bottom: 1px solid #ededed;
 998  }
 999  .archive-meta {
1000      color: #757575;
1001      font-size: 12px;
1002      font-size: 0.857142857rem;
1003      line-height: 2;
1004      margin-top: 22px;
1005      margin-top: 1.571428571rem;
1006  }
1007  
1008  
1009  /* =Single image attachment view
1010  -------------------------------------------------------------- */
1011  
1012  .article.attachment {
1013      overflow: hidden;
1014  }
1015  .image-attachment div.attachment {
1016      text-align: center;
1017  }
1018  .image-attachment div.attachment p {
1019      text-align: center;
1020  }
1021  .image-attachment div.attachment img {
1022      display: block;
1023      height: auto;
1024      margin: 0 auto;
1025      max-width: 100%;
1026  }
1027  .image-attachment .entry-caption {
1028      margin-top: 8px;
1029      margin-top: 0.571428571rem;
1030  }
1031  
1032  
1033  /* =Aside post format
1034  -------------------------------------------------------------- */
1035  
1036  article.format-aside h1 {
1037      margin-bottom: 24px;
1038      margin-bottom: 1.714285714rem;
1039  }
1040  article.format-aside h1 a {
1041      text-decoration: none;
1042      color: #4d525a;
1043  }
1044  article.format-aside h1 a:hover {
1045      color: #2e3542;
1046  }
1047  article.format-aside .aside {
1048      padding: 24px 24px 0;
1049      padding: 1.714285714rem;
1050      background: #d2e0f9;
1051      border-left: 22px solid #a8bfe8;
1052  }
1053  article.format-aside p {
1054      font-size: 13px;
1055      font-size: 0.928571429rem;
1056      line-height: 1.846153846;
1057      color: #4a5466;
1058  }
1059  article.format-aside blockquote:last-child,
1060  article.format-aside p:last-child {
1061      margin-bottom: 0;
1062  }
1063  
1064  
1065  /* =Post formats
1066  -------------------------------------------------------------- */
1067  
1068  /* Image posts */
1069  article.format-image footer h1 {
1070      font-size: 13px;
1071      font-size: 0.928571429rem;
1072      line-height: 1.846153846;
1073      font-weight: normal;
1074  }
1075  article.format-image footer h2 {
1076      font-size: 11px;
1077      font-size: 0.785714286rem;
1078      line-height: 2.181818182;
1079  }
1080  article.format-image footer a h2 {
1081      font-weight: normal;
1082  }
1083  
1084  /* Link posts */
1085  article.format-link header {
1086      padding: 0 10px;
1087      padding: 0 0.714285714rem;
1088      float: right;
1089      font-size: 11px;
1090      font-size: 0.785714286rem;
1091      line-height: 2.181818182;
1092      font-weight: bold;
1093      font-style: italic;
1094      text-transform: uppercase;
1095      color: #848484;
1096      background-color: #ebebeb;
1097      border-radius: 3px;
1098  }
1099  article.format-link .entry-content {
1100      max-width: 80%;
1101      float: left;
1102  }
1103  article.format-link .entry-content a {
1104      font-size: 22px;
1105      font-size: 1.571428571rem;
1106      line-height: 1.090909091;
1107      text-decoration: none;
1108  }
1109  
1110  /* Quote posts */
1111  article.format-quote .entry-content p {
1112      margin: 0;
1113      padding-bottom: 24px;
1114      padding-bottom: 1.714285714rem;
1115  }
1116  article.format-quote .entry-content blockquote {
1117      display: block;
1118      padding: 24px 24px 0;
1119      padding: 1.714285714rem 1.714285714rem 0;
1120      font-size: 15px;
1121      font-size: 1.071428571rem;
1122      line-height: 1.6;
1123      font-style: normal;
1124      color: #6a6a6a;
1125      background: #efefef;
1126  }
1127  
1128  /* Status posts */
1129  .format-status .entry-header {
1130      margin-bottom: 24px;
1131      margin-bottom: 1.714285714rem;
1132  }
1133  .format-status .entry-header header {
1134      display: inline-block;
1135  }
1136  .format-status .entry-header h1 {
1137      font-size: 15px;
1138      font-size: 1.071428571rem;
1139      font-weight: normal;
1140      line-height: 1.6;
1141      margin: 0;
1142  }
1143  .format-status .entry-header h2 {
1144      font-size: 12px;
1145      font-size: 0.857142857rem;
1146      font-weight: normal;
1147      line-height: 2;
1148      margin: 0;
1149  }
1150  .format-status .entry-header header a {
1151      color: #757575;
1152  }
1153  .format-status .entry-header header a:hover {
1154      color: #21759b;
1155  }
1156  .format-status .entry-header img {
1157      float: left;
1158      margin-right: 21px;
1159      margin-right: 1.5rem;
1160  }
1161  
1162  
1163  /* =Comments
1164  -------------------------------------------------------------- */
1165  
1166  .comments-title {
1167      margin-bottom: 48px;
1168      margin-bottom: 3.428571429rem;
1169      font-size: 16px;
1170      font-size: 1.142857143rem;
1171      line-height: 1.5;
1172      font-weight: normal;
1173  }
1174  .comments-area article {
1175      margin: 24px 0;
1176      margin: 1.714285714rem 0;
1177  }
1178  .comments-area article header {
1179      margin: 0 0 48px;
1180      margin: 0 0 3.428571429rem;
1181      overflow: hidden;
1182      position: relative;
1183  }
1184  .comments-area article header img {
1185      float: left;
1186      padding: 0;
1187      line-height: 0;
1188  }
1189  .comments-area article header cite,
1190  .comments-area article header time {
1191      display: block;
1192      margin-left: 85px;
1193      margin-left: 6.071428571rem;
1194  }
1195  .comments-area article header cite {
1196      font-style: normal;
1197      font-size: 15px;
1198      font-size: 1.071428571rem;
1199      line-height: 1.42857143;
1200  }
1201  .comments-area cite b {
1202      font-weight: normal;
1203  }
1204  .comments-area article header time {
1205      line-height: 1.714285714;
1206      text-decoration: none;
1207      font-size: 12px;
1208      font-size: 0.857142857rem;
1209      color: #5e5e5e;
1210  }
1211  .comments-area article header a {
1212      text-decoration: none;
1213      color: #5e5e5e;
1214  }
1215  .comments-area article header a:hover {
1216      color: #21759b;
1217  }
1218  .comments-area article header cite a {
1219      color: #444;
1220  }
1221  .comments-area article header cite a:hover {
1222      text-decoration: underline;
1223  }
1224  .comments-area article header h4 {
1225      position: absolute;
1226      top: 0;
1227      right: 0;
1228      padding: 6px 12px;
1229      padding: 0.428571429rem 0.857142857rem;
1230      font-size: 12px;
1231      font-size: 0.857142857rem;
1232      font-weight: normal;
1233      color: #fff;
1234      background-color: #0088d0;
1235      background-repeat: repeat-x;
1236      background-image: -moz-linear-gradient(top, #009cee, #0088d0);
1237      background-image: -ms-linear-gradient(top, #009cee, #0088d0);
1238      background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
1239      background-image: -o-linear-gradient(top, #009cee, #0088d0);
1240      background-image: linear-gradient(top, #009cee, #0088d0);
1241      border-radius: 3px;
1242      border: 1px solid #007cbd;
1243  }
1244  .comments-area .bypostauthor cite span {
1245      position: absolute;
1246      margin-left: 5px;
1247      margin-left: 0.357142857rem;
1248      padding: 2px 5px;
1249      padding: 0.142857143rem 0.357142857rem;
1250      font-size: 10px;
1251      font-size: 0.714285714rem;
1252  }
1253  .comments-area .bypostauthor cite b {
1254      font-weight: bold;
1255  }
1256  a.comment-reply-link,
1257  a.comment-edit-link {
1258      color: #686868;
1259      font-size: 13px;
1260      font-size: 0.928571429rem;
1261      line-height: 1.846153846;
1262  }
1263  a.comment-reply-link:hover,
1264  a.comment-edit-link:hover {
1265      color: #21759b;
1266  }
1267  .commentlist .pingback {
1268      line-height: 1.714285714;
1269      margin-bottom: 24px;
1270      margin-bottom: 1.714285714rem;
1271  }
1272  
1273  /* Comment form */
1274  #respond {
1275      margin-top: 48px;
1276      margin-top: 3.428571429rem;
1277  }
1278  #respond h3#reply-title {
1279      font-size: 16px;
1280      font-size: 1.142857143rem;
1281      line-height: 1.5;
1282  }
1283  #respond h3#reply-title #cancel-comment-reply-link {
1284      margin-left: 10px;
1285      margin-left: 0.714285714rem;
1286      font-weight: normal;
1287      font-size: 12px;
1288      font-size: 0.857142857rem;
1289  }
1290  #respond form {
1291      margin: 24px 0;
1292      margin: 1.714285714rem 0;
1293  }
1294  #respond form p {
1295      margin: 11px 0;
1296      margin: 0.785714286rem 0;
1297  }
1298  #respond form p.logged-in-as {
1299      margin-bottom: 24px;
1300      margin-bottom: 1.714285714rem;
1301  }
1302  #respond form label {
1303      display: block;
1304      line-height: 1.714285714;
1305  }
1306  #respond form input[type="text"],
1307  #respond form textarea {
1308      -moz-box-sizing: border-box;
1309      box-sizing: border-box;
1310      font-size: 12px;
1311      font-size: 0.857142857rem;
1312      line-height: 1.714285714;
1313      padding: 10px;
1314      padding: 0.714285714rem;
1315      width: 100%;
1316  }
1317  #respond form p.form-allowed-tags {
1318      margin: 0;
1319      font-size: 12px;
1320      font-size: 0.857142857rem;
1321      line-height: 2;
1322      color: #5e5e5e;
1323  }
1324  .required {
1325      color: red;
1326  }
1327  
1328  
1329  /* =Front page template
1330  -------------------------------------------------------------- */
1331  
1332  .entry-page-image {
1333      margin-bottom: 14px;
1334      margin-bottom: 1rem;
1335  }
1336  .template-front-page .site-content article {
1337      border: 0;
1338      margin-bottom: 0;
1339  }
1340  .template-front-page .widget-area {
1341      clear: both;
1342      float: none;
1343      width: auto;
1344      padding-top: 24px;
1345      padding-top: 1.714285714rem;
1346      border-top: 1px solid #ededed;
1347  }
1348  .template-front-page .widget-area .widget li {
1349      margin: 8px 0 0;
1350      margin: 0.571428571rem 0 0;
1351      font-size: 13px;
1352      font-size: 0.928571429rem;
1353      line-height: 1.714285714;
1354      list-style-type: square;
1355      list-style-position: inside;
1356  }
1357  .template-front-page .widget-area .widget li a {
1358      color: #757575;
1359  }
1360  .template-front-page .widget-area .widget li a:hover {
1361      color: #21759b;
1362  }
1363  .template-front-page .widget-area .widget_text img {
1364      float: left;
1365      margin: 8px 24px 8px 0;
1366      margin: 0.571428571rem 1.714285714rem 0.571428571rem 0;
1367  }
1368  
1369  
1370  /* =Widgets
1371  -------------------------------------------------------------- */
1372  
1373  .widget-area .widget ul ul {
1374      margin-left: 12px;
1375      margin-left: 0.857142857rem;
1376  }
1377  .widget_rss li {
1378      margin: 12px 0;
1379      margin: 0.857142857rem 0;
1380  }
1381  .widget_recent_entries .post-date,
1382  .widget_rss .rss-date {
1383      color: #aaa;
1384      font-size: 11px;
1385      font-size: 0.785714286rem;
1386      margin-left: 12px;
1387      margin-left: 0.857142857rem;
1388  }
1389  #wp-calendar {
1390      margin: 0;
1391      width: 100%;
1392      font-size: 13px;
1393      font-size: 0.928571429rem;
1394      line-height: 1.846153846;
1395      color: #686868;
1396  }
1397  #wp-calendar th,
1398  #wp-calendar td,
1399  #wp-calendar caption {
1400      text-align: left;
1401  }
1402  #wp-calendar #next {
1403      padding-right: 24px;
1404      padding-right: 1.714285714rem;
1405      text-align: right;
1406  }
1407  .widget_search label {
1408      display: block;
1409      font-size: 13px;
1410      font-size: 0.928571429rem;
1411      line-height: 1.846153846;
1412  }
1413  .widget_twitter li {
1414      list-style-type: none;
1415  }
1416  .widget_twitter .timesince {
1417      display: block;
1418      text-align: right;
1419  }
1420  
1421  
1422  /* =Plugins
1423  ----------------------------------------------- */
1424  
1425  img#wpstats {
1426      display: block;
1427      margin: 0 auto 24px;
1428      margin: 0 auto 1.714285714rem;
1429  }
1430  
1431  
1432  /* =Media queries
1433  -------------------------------------------------------------- */
1434  
1435  /* Does the same thing as <meta name="viewport" content="width=device-width">,
1436   * but in the future W3C standard way. -ms- prefix is required for IE10+ to
1437   * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
1438   * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
1439   */
1440  @-ms-viewport {
1441      width: device-width;
1442  }
1443  @viewport {
1444      width: device-width;
1445  }
1446  
1447  /* Minimum width of 600 pixels. */
1448  @media screen and (min-width: 600px) {
1449      .author-avatar {
1450          float: left;
1451          margin-top: 8px;
1452          margin-top: 0.571428571rem;
1453      }
1454      .author-description {
1455          float: right;
1456          width: 80%;
1457      }
1458      .site {
1459          margin: 0 auto;
1460          max-width: 960px;
1461          max-width: 68.571428571rem;
1462          overflow: hidden;
1463      }
1464      .site-content {
1465          float: left;
1466          width: 65.104166667%;
1467      }
1468      body.template-front-page .site-content,
1469      body.attachment .site-content,
1470      body.full-width .site-content {
1471          width: 100%;
1472      }
1473      .widget-area {
1474          float: right;
1475          width: 26.041666667%;
1476      }
1477      .site-header h1,
1478      .site-header h2 {
1479          text-align: left;
1480      }
1481      .site-header h1 {
1482          font-size: 26px;
1483          font-size: 1.857142857rem;
1484          line-height: 1.846153846;
1485          margin-bottom: 0;
1486      }
1487      .main-navigation ul.nav-menu,
1488      .main-navigation div.nav-menu > ul {
1489          border-bottom: 1px solid #ededed;
1490          border-top: 1px solid #ededed;
1491          display: inline-block !important;
1492          text-align: left;
1493          width: 100%;
1494      }
1495      .main-navigation ul {
1496          margin: 0;
1497          text-indent: 0;
1498      }
1499      .main-navigation li a,
1500      .main-navigation li {
1501          display: inline-block;
1502          text-decoration: none;
1503      }
1504      .main-navigation li a {
1505          border-bottom: 0;
1506          color: #6a6a6a;
1507          line-height: 3.692307692;
1508          text-transform: uppercase;
1509          white-space: nowrap;
1510      }
1511      .main-navigation li a:hover {
1512          color: #000;
1513      }
1514      .main-navigation li {
1515          margin: 0 40px 0 0;
1516          margin: 0 2.857142857rem 0 0;
1517          position: relative;
1518      }
1519      .main-navigation li ul {
1520          display: none;
1521          margin: 0;
1522          padding: 0;
1523          position: absolute;
1524          top: 100%;
1525          z-index: 1;
1526      }
1527      .main-navigation li ul ul {
1528          top: 0;
1529          left: 100%;
1530      }
1531      .main-navigation ul li:hover > ul {
1532          border-left: 0;
1533          display: block;
1534      }
1535      .main-navigation li ul li a {
1536          background: #efefef;
1537          border-bottom: 1px solid #ededed;
1538          display: block;
1539          font-size: 11px;
1540          font-size: 0.785714286rem;
1541          line-height: 2.181818182;
1542          padding: 8px 10px;
1543          padding: 0.571428571rem 0.714285714rem;
1544          width: 180px;
1545          width: 12.85714286rem;
1546          white-space: normal;
1547      }
1548      .main-navigation li ul li a:hover {
1549          background: #e3e3e3;
1550          color: #444;
1551      }
1552      .main-navigation .current-menu-item > a,
1553      .main-navigation .current-menu-ancestor > a,
1554      .main-navigation .current_page_item > a,
1555      .main-navigation .current_page_ancestor > a {
1556          color: #636363;
1557          font-weight: bold;
1558      }
1559      .menu-toggle {
1560          display: none;
1561      }
1562      .entry-header .entry-title {
1563          font-size: 22px;
1564          font-size: 1.571428571rem;
1565      }
1566      #respond form input[type="text"] {
1567          width: 46.333333333%;
1568      }
1569      #respond form textarea.blog-textarea {
1570          width: 79.666666667%;
1571      }
1572      .template-front-page .site-content,
1573      .template-front-page article {
1574          overflow: hidden;
1575      }
1576      .template-front-page.has-post-thumbnail article {
1577          float: left;
1578          width: 47.916666667%;
1579      }
1580      .entry-page-image {
1581          float: right;
1582          margin-bottom: 0;
1583          width: 47.916666667%;
1584      }
1585      .template-front-page .widget-area .widget,
1586      .template-front-page.two-sidebars .widget-area .front-widgets {
1587          float: left;
1588          width: 51.875%;
1589          margin-bottom: 24px;
1590          margin-bottom: 1.714285714rem;
1591      }
1592      .template-front-page .widget-area .widget:nth-child(odd) {
1593          clear: right;
1594      }
1595      .template-front-page .widget-area .widget:nth-child(even),
1596      .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
1597          float: right;
1598          width: 39.0625%;
1599          margin: 0 0 24px;
1600          margin: 0 0 1.714285714rem;
1601      }
1602      .template-front-page.two-sidebars .widget,
1603      .template-front-page.two-sidebars .widget:nth-child(even) {
1604          float: none;
1605          width: auto;
1606      }
1607      .commentlist .children {
1608          margin-left: 48px;
1609          margin-left: 3.428571429rem;
1610      }
1611  }
1612  
1613  /* Minimum width of 960 pixels. */
1614  @media screen and (min-width: 960px) {
1615      body {
1616          background-color: #e6e6e6;
1617      }
1618      body .site {
1619          padding: 0 40px;
1620          padding: 0 2.857142857rem;
1621          margin-top: 48px;
1622          margin-top: 3.428571429rem;
1623          margin-bottom: 48px;
1624          margin-bottom: 3.428571429rem;
1625          box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
1626      }
1627      body.custom-background-empty {
1628          background-color: #fff;
1629      }
1630      body.custom-background-empty .site,
1631      body.custom-background-white .site {
1632          padding: 0;
1633          margin-top: 0;
1634          margin-bottom: 0;
1635          box-shadow: none;
1636      }
1637  }
1638  
1639  
1640  /* =Print
1641  ----------------------------------------------- */
1642  
1643  @media print {
1644      body {
1645          background: none !important;
1646          color: #000;
1647          font-size: 10pt;
1648      }
1649      footer a[rel=bookmark]:link:after,
1650      footer a[rel=bookmark]:visited:after {
1651          content: " [" attr(href) "] "; /* Show URLs */
1652      }
1653      a {
1654          text-decoration: none;
1655      }
1656      .entry-content img,
1657      .comment-content img,
1658      .author-avatar img,
1659      img.wp-post-image {
1660          border-radius: 0;
1661          box-shadow: none;
1662      }
1663      .site {
1664          clear: both !important;
1665          display: block !important;
1666          float: none !important;
1667          max-width: 100%;
1668          position: relative !important;
1669      }
1670      .site-header {
1671          margin-bottom: 72px;
1672          margin-bottom: 5.142857143rem;
1673          text-align: left;
1674      }
1675      .site-header h1 {
1676          font-size: 21pt;
1677          line-height: 1;
1678          text-align: left;
1679      }
1680      .site-header h2 {
1681          color: #000;
1682          font-size: 10pt;
1683          text-align: left;
1684      }
1685      .site-header h1 a,
1686      .site-header h2 a {
1687          color: #000;
1688      }
1689      .author-avatar,
1690      #colophon,
1691      #respond,
1692      .commentlist .comment-edit-link,
1693      .commentlist .reply,
1694      .entry-header .comments-link,
1695      .entry-meta .edit-link a,
1696      .page-link,
1697      .site-content nav,
1698      .widget-area,
1699      img.header-image,
1700      .main-navigation {
1701          display: none;
1702      }
1703      .wrapper {
1704          border-top: none;
1705          box-shadow: none;
1706      }
1707      .site-content {
1708          margin: 0;
1709          width: auto;
1710      }
1711      .singular .entry-header .entry-meta {
1712          position: static;
1713      }
1714      .singular .site-content,
1715      .singular .entry-header,
1716      .singular .entry-content,
1717      .singular footer.entry-meta,
1718      .singular .comments-title {
1719          margin: 0;
1720          width: 100%;
1721      }
1722      .entry-header .entry-title,
1723      .entry-title,
1724      .singular .entry-title {
1725          font-size: 21pt;
1726      }
1727      footer.entry-meta,
1728      footer.entry-meta a {
1729          color: #444;
1730          font-size: 10pt;
1731      }
1732      .author-description {
1733          float: none;
1734          width: auto;
1735      }
1736  
1737      /* Comments */
1738      .commentlist > li.comment {
1739          background: none;
1740          position: relative;
1741          width: auto;
1742      }
1743      .commentlist .avatar {
1744          height: 39px;
1745          left: 2.2em;
1746          top: 2.2em;
1747          width: 39px;
1748      }
1749      .comments-area article header cite,
1750      .comments-area article header time {
1751          margin-left: 50px;
1752          margin-left: 3.57142857rem;
1753      }
1754  }