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