wp-content/themes/twentytwelve/style.css

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