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