wp-content/themes/twentytwelve/style.css

   1 /*
   2 Theme Name: Twenty Twelve
   3 Theme URI: http://wordpress.org/extend/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.1
   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, flexible-width, 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 li.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: none;
 304 }
 305 li.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:hover,
 509 .main-navigation .assistive-text:active,
 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         color: #21759b;
 596 }
 597 .main-navigation ul.nav-menu,
 598 .main-navigation div.nav-menu > ul {
 599         display: none;
 600 }
 601 .main-navigation ul.nav-menu.toggled-on,
 602 .menu-toggle {
 603         display: inline-block;
 604 }
 605
 606 /* Banner */
 607 section[role="banner"] {
 608         margin-bottom: 48px;
 609         margin-bottom: 3.428571429rem;
 610 }
 611
 612 /* Sidebar */
 613 .widget-area .widget {
 614         -webkit-hyphens: auto;
 615         -moz-hyphens: auto;
 616         hyphens: auto;
 617         margin-bottom: 48px;
 618         margin-bottom: 3.428571429rem;
 619         word-wrap: break-word;
 620 }
 621 .widget-area .widget h3 {
 622         margin-bottom: 24px;
 623         margin-bottom: 1.714285714rem;
 624 }
 625 .widget-area .widget p,
 626 .widget-area .widget li,
 627 .widget-area .widget .textwidget {
 628         font-size: 13px;
 629         font-size: 0.928571429rem;
 630         line-height: 1.846153846;
 631 }
 632 .widget-area .widget p {
 633         margin-bottom: 24px;
 634         margin-bottom: 1.714285714rem;
 635 }
 636 .widget-area .textwidget ul {
 637         list-style: disc outside;
 638         margin: 0 0 24px;
 639         margin: 0 0 1.714285714rem;
 640 }
 641 .widget-area .textwidget li {
 642         margin-left: 36px;
 643         margin-left: 2.571428571rem;
 644 }
 645 .widget-area .widget a {
 646         color: #757575;
 647 }
 648 .widget-area .widget a:hover {
 649         color: #21759b;
 650 }
 651 .widget-area #s {
 652         width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
 653 }
 654
 655 /* Footer */
 656 footer[role="contentinfo"] {
 657         border-top: 1px solid #ededed;
 658         clear: both;
 659         font-size: 12px;
 660         font-size: 0.857142857rem;
 661         line-height: 2;
 662         max-width: 960px;
 663         max-width: 68.571428571rem;
 664         margin-top: 24px;
 665         margin-top: 1.714285714rem;
 666         margin-left: auto;
 667         margin-right: auto;
 668         padding: 24px 0;
 669         padding: 1.714285714rem 0;
 670 }
 671 footer[role="contentinfo"] a {
 672         color: #686868;
 673 }
 674 footer[role="contentinfo"] a:hover {
 675         color: #21759b;
 676 }
 677
 678
 679 /* =Main content and comment content
 680 -------------------------------------------------------------- */
 681
 682 .entry-meta {
 683         clear: both;
 684 }
 685 .entry-header {
 686         margin-bottom: 24px;
 687         margin-bottom: 1.714285714rem;
 688 }
 689 .entry-header img.wp-post-image {
 690         margin-bottom: 24px;
 691         margin-bottom: 1.714285714rem;
 692 }
 693 .entry-header .entry-title {
 694         font-size: 20px;
 695         font-size: 1.428571429rem;
 696         line-height: 1.2;
 697         font-weight: normal;
 698 }
 699 .entry-header .entry-title a {
 700         text-decoration: none;
 701 }
 702 .entry-header .entry-format {
 703         margin-top: 24px;
 704         margin-top: 1.714285714rem;
 705         font-weight: normal;
 706 }
 707 .entry-header .comments-link {
 708         margin-top: 24px;
 709         margin-top: 1.714285714rem;
 710         font-size: 13px;
 711         font-size: 0.928571429rem;
 712         line-height: 1.846153846;
 713         color: #757575;
 714 }
 715 .comments-link a,
 716 .entry-meta a {
 717         color: #757575;
 718 }
 719 .comments-link a:hover,
 720 .entry-meta a:hover {
 721         color: #21759b;
 722 }
 723 article.sticky .featured-post {
 724         border-top: 4px double #ededed;
 725         border-bottom: 4px double #ededed;
 726         color: #757575;
 727         font-size: 13px;
 728         font-size: 0.928571429rem;
 729         line-height: 3.692307692;
 730         margin-bottom: 24px;
 731         margin-bottom: 1.714285714rem;
 732         text-align: center;
 733 }
 734 .entry-content,
 735 .entry-summary,
 736 .mu_register {
 737         line-height: 1.714285714;
 738 }
 739 .entry-content h1,
 740 .comment-content h1,
 741 .entry-content h2,
 742 .comment-content h2,
 743 .entry-content h3,
 744 .comment-content h3,
 745 .entry-content h4,
 746 .comment-content h4,
 747 .entry-content h5,
 748 .comment-content h5,
 749 .entry-content h6,
 750 .comment-content h6 {
 751         margin: 24px 0;
 752         margin: 1.714285714rem 0;
 753         line-height: 1.714285714;
 754 }
 755 .entry-content h1,
 756 .comment-content h1 {
 757         font-size: 21px;
 758         font-size: 1.5rem;
 759         line-height: 1.5;
 760 }
 761 .entry-content h2,
 762 .comment-content h2,
 763 .mu_register h2 {
 764         font-size: 18px;
 765         font-size: 1.285714286rem;
 766         line-height: 1.6;
 767 }
 768 .entry-content h3,
 769 .comment-content h3 {
 770         font-size: 16px;
 771         font-size: 1.142857143rem;
 772         line-height: 1.846153846;
 773 }
 774 .entry-content h4,
 775 .comment-content h4 {
 776         font-size: 14px;
 777         font-size: 1rem;
 778         line-height: 1.846153846;
 779 }
 780 .entry-content h5,
 781 .comment-content h5 {
 782         font-size: 13px;
 783         font-size: 0.928571429rem;
 784         line-height: 1.846153846;
 785 }
 786 .entry-content h6,
 787 .comment-content h6 {
 788         font-size: 12px;
 789         font-size: 0.857142857rem;
 790         line-height: 1.846153846;
 791 }
 792 .entry-content p,
 793 .entry-summary p,
 794 .comment-content p,
 795 .mu_register p {
 796         margin: 0 0 24px;
 797         margin: 0 0 1.714285714rem;
 798         line-height: 1.714285714;
 799 }
 800 .entry-content ol,
 801 .comment-content ol,
 802 .entry-content ul,
 803 .comment-content ul,
 804 .mu_register ul {
 805         margin: 0 0 24px;
 806         margin: 0 0 1.714285714rem;
 807         line-height: 1.714285714;
 808 }
 809 .entry-content ul ul,
 810 .comment-content ul ul,
 811 .entry-content ol ol,
 812 .comment-content ol ol,
 813 .entry-content ul ol,
 814 .comment-content ul ol,
 815 .entry-content ol ul,
 816 .comment-content ol ul {
 817         margin-bottom: 0;
 818 }
 819 .entry-content ul,
 820 .comment-content ul,
 821 .mu_register ul {
 822         list-style: disc outside;
 823 }
 824 .entry-content ol,
 825 .comment-content ol {
 826         list-style: decimal outside;
 827 }
 828 .entry-content li,
 829 .comment-content li,
 830 .mu_register li {
 831         margin: 0 0 0 36px;
 832         margin: 0 0 0 2.571428571rem;
 833 }
 834 .entry-content blockquote,
 835 .comment-content blockquote {
 836         margin-bottom: 24px;
 837         margin-bottom: 1.714285714rem;
 838         padding: 24px;
 839         padding: 1.714285714rem;
 840         font-style: italic;
 841 }
 842 .entry-content blockquote p:last-child,
 843 .comment-content blockquote p:last-child {
 844         margin-bottom: 0;
 845 }
 846 .entry-content code,
 847 .comment-content code {
 848         font-family: Consolas, Monaco, Lucida Console, monospace;
 849         font-size: 12px;
 850         font-size: 0.857142857rem;
 851         line-height: 2;
 852 }
 853 .entry-content pre,
 854 .comment-content pre {
 855         border: 1px solid #ededed;
 856         color: #666;
 857         font-family: Consolas, Monaco, Lucida Console, monospace;
 858         font-size: 12px;
 859         font-size: 0.857142857rem;
 860         line-height: 1.714285714;
 861         margin: 24px 0;
 862         margin: 1.714285714rem 0;
 863         overflow: auto;
 864         padding: 24px;
 865         padding: 1.714285714rem;
 866 }
 867 .entry-content pre code,
 868 .comment-content pre code {
 869         display: block;
 870 }
 871 .entry-content abbr,
 872 .comment-content abbr,
 873 .entry-content dfn,
 874 .comment-content dfn,
 875 .entry-content acronym,
 876 .comment-content acronym {
 877         border-bottom: 1px dotted #666;
 878         cursor: help;
 879 }
 880 .entry-content address,
 881 .comment-content address {
 882         display: block;
 883         line-height: 1.714285714;
 884         margin: 0 0 24px;
 885         margin: 0 0 1.714285714rem;
 886 }
 887 img.alignleft {
 888         margin: 12px 24px 12px 0;
 889         margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
 890 }
 891 img.alignright {
 892         margin: 12px 0 12px 24px;
 893         margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
 894 }
 895 img.aligncenter {
 896         margin-top: 12px;
 897         margin-top: 0.857142857rem;
 898         margin-bottom: 12px;
 899         margin-bottom: 0.857142857rem;
 900 }
 901 .entry-content embed,
 902 .entry-content iframe,
 903 .entry-content object,
 904 .entry-content video {
 905         margin-bottom: 24px;
 906         margin-bottom: 1.714285714rem;
 907 }
 908 .entry-content dl,
 909 .comment-content dl {
 910         margin: 0 24px;
 911         margin: 0 1.714285714rem;
 912 }
 913 .entry-content dt,
 914 .comment-content dt {
 915         font-weight: bold;
 916         line-height: 1.714285714;
 917 }
 918 .entry-content dd,
 919 .comment-content dd {
 920         line-height: 1.714285714;
 921         margin-bottom: 24px;
 922         margin-bottom: 1.714285714rem;
 923 }
 924 .entry-content table,
 925 .comment-content table {
 926         border-bottom: 1px solid #ededed;
 927         color: #757575;
 928         font-size: 12px;
 929         font-size: 0.857142857rem;
 930         line-height: 2;
 931         margin: 0 0 24px;
 932         margin: 0 0 1.714285714rem;
 933         width: 100%;
 934 }
 935 .entry-content table caption,
 936 .comment-content table caption {
 937         font-size: 16px;
 938         font-size: 1.142857143rem;
 939         margin: 24px 0;
 940         margin: 1.714285714rem 0;
 941 }
 942 .entry-content td,
 943 .comment-content td {
 944         border-top: 1px solid #ededed;
 945         padding: 6px 10px 6px 0;
 946 }
 947 .site-content article {
 948         border-bottom: 4px double #ededed;
 949         margin-bottom: 72px;
 950         margin-bottom: 5.142857143rem;
 951         padding-bottom: 24px;
 952         padding-bottom: 1.714285714rem;
 953         word-wrap: break-word;
 954         -webkit-hyphens: auto;
 955         -moz-hyphens: auto;
 956         hyphens: auto;
 957 }
 958 .page-links {
 959         clear: both;
 960         line-height: 1.714285714;
 961 }
 962 footer.entry-meta {
 963         margin-top: 24px;
 964         margin-top: 1.714285714rem;
 965         font-size: 13px;
 966         font-size: 0.928571429rem;
 967         line-height: 1.846153846;
 968         color: #757575;
 969 }
 970 .single-author .entry-meta .by-author {
 971         display: none;
 972 }
 973 .mu_register h2 {
 974         color: #757575;
 975         font-weight: normal;
 976 }
 977
 978
 979 /* =Archives
 980 -------------------------------------------------------------- */
 981
 982 .archive-header,
 983 .page-header {
 984         margin-bottom: 48px;
 985         margin-bottom: 3.428571429rem;
 986         padding-bottom: 22px;
 987         padding-bottom: 1.571428571rem;
 988         border-bottom: 1px solid #ededed;
 989 }
 990 .archive-meta {
 991         color: #757575;
 992         font-size: 12px;
 993         font-size: 0.857142857rem;
 994         line-height: 2;
 995         margin-top: 22px;
 996         margin-top: 1.571428571rem;
 997 }
 998
 999
1000 /* =Single image attachment view
1001 -------------------------------------------------------------- */
1002
1003 .article.attachment {
1004         overflow: hidden;
1005 }
1006 .image-attachment div.attachment {
1007         text-align: center;
1008 }
1009 .image-attachment div.attachment p {
1010         text-align: center;
1011 }
1012 .image-attachment div.attachment img {
1013         display: block;
1014         height: auto;
1015         margin: 0 auto;
1016         max-width: 100%;
1017 }
1018 .image-attachment .entry-caption {
1019         margin-top: 8px;
1020         margin-top: 0.571428571rem;
1021 }
1022
1023
1024 /* =Aside post format
1025 -------------------------------------------------------------- */
1026
1027 article.format-aside h1 {
1028         margin-bottom: 24px;
1029         margin-bottom: 1.714285714rem;
1030 }
1031 article.format-aside h1 a {
1032         text-decoration: none;
1033         color: #4d525a;
1034 }
1035 article.format-aside h1 a:hover {
1036         color: #2e3542;
1037 }
1038 article.format-aside .aside {
1039         padding: 24px 24px 0;
1040         padding: 1.714285714rem;
1041         background: #d2e0f9;
1042         border-left: 22px solid #a8bfe8;
1043 }
1044 article.format-aside p {
1045         font-size: 13px;
1046         font-size: 0.928571429rem;
1047         line-height: 1.846153846;
1048         color: #4a5466;
1049 }
1050 article.format-aside blockquote:last-child,
1051 article.format-aside p:last-child {
1052         margin-bottom: 0;
1053 }
1054
1055
1056 /* =Post formats
1057 -------------------------------------------------------------- */
1058
1059 /* Image posts */
1060 article.format-image footer h1 {
1061         font-size: 13px;
1062         font-size: 0.928571429rem;
1063         line-height: 1.846153846;
1064         font-weight: normal;
1065 }
1066 article.format-image footer h2 {
1067         font-size: 11px;
1068         font-size: 0.785714286rem;
1069         line-height: 2.181818182;
1070 }
1071 article.format-image footer a h2 {
1072         font-weight: normal;
1073 }
1074
1075 /* Link posts */
1076 article.format-link header {
1077         padding: 0 10px;
1078         padding: 0 0.714285714rem;
1079         float: right;
1080         font-size: 11px;
1081         font-size: 0.785714286rem;
1082         line-height: 2.181818182;
1083         font-weight: bold;
1084         font-style: italic;
1085         text-transform: uppercase;
1086         color: #848484;
1087         background-color: #ebebeb;
1088         border-radius: 3px;
1089 }
1090 article.format-link .entry-content {
1091         max-width: 80%;
1092         float: left;
1093 }
1094 article.format-link .entry-content a {
1095         font-size: 22px;
1096         font-size: 1.571428571rem;
1097         line-height: 1.090909091;
1098         text-decoration: none;
1099 }
1100
1101 /* Quote posts */
1102 article.format-quote .entry-content p {
1103         margin: 0;
1104         padding-bottom: 24px;
1105         padding-bottom: 1.714285714rem;
1106 }
1107 article.format-quote .entry-content blockquote {
1108         display: block;
1109         padding: 24px 24px 0;
1110         padding: 1.714285714rem 1.714285714rem 0;
1111         font-size: 15px;
1112         font-size: 1.071428571rem;
1113         line-height: 1.6;
1114         font-style: normal;
1115         color: #6a6a6a;
1116         background: #efefef;
1117 }
1118
1119 /* Status posts */
1120 .format-status .entry-header {
1121         margin-bottom: 24px;
1122         margin-bottom: 1.714285714rem;
1123 }
1124 .format-status .entry-header header {
1125         display: inline-block;
1126 }
1127 .format-status .entry-header h1 {
1128         font-size: 15px;
1129         font-size: 1.071428571rem;
1130         font-weight: normal;
1131         line-height: 1.6;
1132         margin: 0;
1133 }
1134 .format-status .entry-header h2 {
1135         font-size: 12px;
1136         font-size: 0.857142857rem;
1137         font-weight: normal;
1138         line-height: 2;
1139         margin: 0;
1140 }
1141 .format-status .entry-header header a {
1142         color: #757575;
1143 }
1144 .format-status .entry-header header a:hover {
1145         color: #21759b;
1146 }
1147 .format-status .entry-header img {
1148         float: left;
1149         margin-right: 21px;
1150         margin-right: 1.5rem;
1151 }
1152
1153
1154 /* =Comments
1155 -------------------------------------------------------------- */
1156
1157 .comments-title {
1158         margin-bottom: 48px;
1159         margin-bottom: 3.428571429rem;
1160         font-size: 16px;
1161         font-size: 1.142857143rem;
1162         line-height: 1.5;
1163         font-weight: normal;
1164 }
1165 .comments-area article {
1166         margin: 24px 0;
1167         margin: 1.714285714rem 0;
1168 }
1169 .comments-area article header {
1170         margin: 0 0 48px;
1171         margin: 0 0 3.428571429rem;
1172         overflow: hidden;
1173         position: relative;
1174 }
1175 .comments-area article header img {
1176         float: left;
1177         padding: 0;
1178         line-height: 0;
1179 }
1180 .comments-area article header cite,
1181 .comments-area article header time {
1182         display: block;
1183         margin-left: 85px;
1184         margin-left: 6.071428571rem;
1185 }
1186 .comments-area article header cite {
1187         font-style: normal;
1188         font-size: 15px;
1189         font-size: 1.071428571rem;
1190         line-height: 1.42857143;
1191 }
1192 .comments-area article header time {
1193         line-height: 1.714285714;
1194         text-decoration: none;
1195         font-size: 12px;
1196         font-size: 0.857142857rem;
1197         color: #5e5e5e;
1198 }
1199 .comments-area article header a {
1200         text-decoration: none;
1201         color: #5e5e5e;
1202 }
1203 .comments-area article header a:hover {
1204         color: #21759b;
1205 }
1206 .comments-area article header cite a {
1207         color: #444;
1208 }
1209 .comments-area article header cite a:hover {
1210         text-decoration: underline;
1211 }
1212 .comments-area article header h4 {
1213         position: absolute;
1214         top: 0;
1215         right: 0;
1216         padding: 6px 12px;
1217         padding: 0.428571429rem 0.857142857rem;
1218         font-size: 12px;
1219         font-size: 0.857142857rem;
1220         font-weight: normal;
1221         color: #fff;
1222         background-color: #0088d0;
1223         background-repeat: repeat-x;
1224         background-image: -moz-linear-gradient(top, #009cee, #0088d0);
1225         background-image: -ms-linear-gradient(top, #009cee, #0088d0);
1226         background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
1227         background-image: -o-linear-gradient(top, #009cee, #0088d0);
1228         background-image: linear-gradient(top, #009cee, #0088d0);
1229         border-radius: 3px;
1230         border: 1px solid #007cbd;
1231 }
1232 .comments-area li.bypostauthor cite span {
1233         position: absolute;
1234         margin-left: 5px;
1235         margin-left: 0.357142857rem;
1236         padding: 2px 5px;
1237         padding: 0.142857143rem 0.357142857rem;
1238         font-size: 10px;
1239         font-size: 0.714285714rem;
1240 }
1241 a.comment-reply-link,
1242 a.comment-edit-link {
1243         color: #686868;
1244         font-size: 13px;
1245         font-size: 0.928571429rem;
1246         line-height: 1.846153846;
1247 }
1248 a.comment-reply-link:hover,
1249 a.comment-edit-link:hover {
1250         color: #21759b;
1251 }
1252 .commentlist .pingback {
1253         line-height: 1.714285714;
1254         margin-bottom: 24px;
1255         margin-bottom: 1.714285714rem;
1256 }
1257
1258 /* Comment form */
1259 #respond {
1260         margin-top: 48px;
1261         margin-top: 3.428571429rem;
1262 }
1263 #respond h3#reply-title {
1264         font-size: 16px;
1265         font-size: 1.142857143rem;
1266         line-height: 1.5;
1267 }
1268 #respond h3#reply-title #cancel-comment-reply-link {
1269         margin-left: 10px;
1270         margin-left: 0.714285714rem;
1271         font-weight: normal;
1272         font-size: 12px;
1273         font-size: 0.857142857rem;
1274 }
1275 #respond form {
1276         margin: 24px 0;
1277         margin: 1.714285714rem 0;
1278 }
1279 #respond form p {
1280         margin: 11px 0;
1281         margin: 0.785714286rem 0;
1282 }
1283 #respond form p.logged-in-as {
1284         margin-bottom: 24px;
1285         margin-bottom: 1.714285714rem;
1286 }
1287 #respond form label {
1288         display: block;
1289         line-height: 1.714285714;
1290 }
1291 #respond form input[type="text"],
1292 #respond form textarea {
1293         -moz-box-sizing: border-box;
1294         box-sizing: border-box;
1295         font-size: 12px;
1296         font-size: 0.857142857rem;
1297         line-height: 1.714285714;
1298         padding: 10px;
1299         padding: 0.714285714rem;
1300         width: 100%;
1301 }
1302 #respond form p.form-allowed-tags {
1303         margin: 0;
1304         font-size: 12px;
1305         font-size: 0.857142857rem;
1306         line-height: 2;
1307         color: #5e5e5e;
1308 }
1309 .required {
1310         color: red;
1311 }
1312
1313
1314 /* =Front page template
1315 -------------------------------------------------------------- */
1316
1317 .entry-page-image {
1318         margin-bottom: 14px;
1319         margin-bottom: 1rem;
1320 }
1321 .template-front-page .site-content article {
1322         border: 0;
1323         margin-bottom: 0;
1324 }
1325 .template-front-page .widget-area {
1326         clear: both;
1327         float: none;
1328         width: auto;
1329         padding-top: 24px;
1330         padding-top: 1.714285714rem;
1331         border-top: 1px solid #ededed;
1332 }
1333 .template-front-page .widget-area .widget li {
1334         margin: 8px 0 0;
1335         margin: 0.571428571rem 0 0;
1336         font-size: 13px;
1337         font-size: 0.928571429rem;
1338         line-height: 1.714285714;
1339         list-style-type: square;
1340         list-style-position: inside;
1341 }
1342 .template-front-page .widget-area .widget li a {
1343         color: #757575;
1344 }
1345 .template-front-page .widget-area .widget li a:hover {
1346         color: #21759b;
1347 }
1348 .template-front-page .widget-area .widget_text img {
1349         float: left;
1350         margin: 8px 24px 8px 0;
1351         margin: 0.571428571rem 1.714285714rem 0.571428571rem 0;
1352 }
1353
1354
1355 /* =Widgets
1356 -------------------------------------------------------------- */
1357
1358 .widget-area .widget ul ul {
1359         margin-left: 12px;
1360         margin-left: 0.857142857rem;
1361 }
1362 .widget_rss li {
1363         margin: 12px 0;
1364         margin: 0.857142857rem 0;
1365 }
1366 .widget_recent_entries .post-date,
1367 .widget_rss .rss-date {
1368         color: #aaa;
1369         font-size: 11px;
1370         font-size: 0.785714286rem;
1371         margin-left: 12px;
1372         margin-left: 0.857142857rem;
1373 }
1374 #wp-calendar {
1375         margin: 0;
1376         width: 100%;
1377         font-size: 13px;
1378         font-size: 0.928571429rem;
1379         line-height: 1.846153846;
1380         color: #686868;
1381 }
1382 #wp-calendar th,
1383 #wp-calendar td,
1384 #wp-calendar caption {
1385         text-align: left;
1386 }
1387 #wp-calendar #next {
1388         padding-right: 24px;
1389         padding-right: 1.714285714rem;
1390         text-align: right;
1391 }
1392 .widget_search label {
1393         display: block;
1394         font-size: 13px;
1395         font-size: 0.928571429rem;
1396         line-height: 1.846153846;
1397 }
1398 .widget_twitter li {
1399         list-style-type: none;
1400 }
1401 .widget_twitter .timesince {
1402         display: block;
1403         text-align: right;
1404 }
1405
1406
1407 /* =Plugins
1408 ----------------------------------------------- */
1409
1410 img#wpstats {
1411         display: block;
1412         margin: 0 auto 24px;
1413         margin: 0 auto 1.714285714rem;
1414 }
1415
1416
1417 /* =Media queries
1418 -------------------------------------------------------------- */
1419
1420 /* Minimum width of 600 pixels. */
1421 @media screen and (min-width: 600px) {
1422         .author-avatar {
1423                 float: left;
1424                 margin-top: 8px;
1425                 margin-top: 0.571428571rem;
1426         }
1427         .author-description {
1428                 float: right;
1429                 width: 80%;
1430         }
1431         .site {
1432                 margin: 0 auto;
1433                 max-width: 960px;
1434                 max-width: 68.571428571rem;
1435                 overflow: hidden;
1436         }
1437         .site-content {
1438                 float: left;
1439                 width: 65.104166667%;
1440         }
1441         body.template-front-page .site-content,
1442         body.single-attachment .site-content,
1443         body.full-width .site-content {
1444                 width: 100%;
1445         }
1446         .widget-area {
1447                 float: right;
1448                 width: 26.041666667%;
1449         }
1450         .site-header h1,
1451         .site-header h2 {
1452                 text-align: left;
1453         }
1454         .site-header h1 {
1455                 font-size: 26px;
1456                 font-size: 1.857142857rem;
1457                 line-height: 1.846153846;
1458                 margin-bottom: 0;
1459         }
1460         .main-navigation ul.nav-menu,
1461         .main-navigation div.nav-menu > ul {
1462                 border-bottom: 1px solid #ededed;
1463                 border-top: 1px solid #ededed;
1464                 display: inline-block !important;
1465                 text-align: left;
1466                 width: 100%;
1467         }
1468         .main-navigation ul {
1469                 margin: 0;
1470                 text-indent: 0;
1471         }
1472         .main-navigation li a,
1473         .main-navigation li {
1474                 display: inline-block;
1475                 text-decoration: none;
1476         }
1477         .main-navigation li a {
1478                 border-bottom: 0;
1479                 color: #6a6a6a;
1480                 line-height: 3.692307692;
1481                 text-transform: uppercase;
1482                 white-space: nowrap;
1483         }
1484         .main-navigation li a:hover {
1485                 color: #000;
1486         }
1487         .main-navigation li {
1488                 margin: 0 40px 0 0;
1489                 margin: 0 2.857142857rem 0 0;
1490                 position: relative;
1491         }
1492         .main-navigation li ul {
1493                 display: none;
1494                 margin: 0;
1495                 padding: 0;
1496                 position: absolute;
1497                 top: 100%;
1498                 z-index: 1;
1499         }
1500         .main-navigation li ul ul {
1501                 top: 0;
1502                 left: 100%;
1503         }
1504         .main-navigation ul li:hover > ul {
1505                 border-left: 0;
1506                 display: block;
1507         }
1508         .main-navigation li ul li a {
1509                 background: #efefef;
1510                 border-bottom: 1px solid #ededed;
1511                 display: block;
1512                 font-size: 11px;
1513                 font-size: 0.785714286rem;
1514                 line-height: 2.181818182;
1515                 padding: 8px 10px;
1516                 padding: 0.571428571rem 0.714285714rem;
1517                 width: 180px;
1518                 width: 12.85714286rem;
1519                 white-space: normal;
1520         }
1521         .main-navigation li ul li a:hover {
1522                 background: #e3e3e3;
1523                 color: #444;
1524         }
1525         .main-navigation .current-menu-item > a,
1526         .main-navigation .current-menu-ancestor > a,
1527         .main-navigation .current_page_item > a,
1528         .main-navigation .current_page_ancestor > a {
1529                 color: #636363;
1530                 font-weight: bold;
1531         }
1532         .menu-toggle {
1533                 display: none;
1534         }
1535         .entry-header .entry-title {
1536                 font-size: 22px;
1537                 font-size: 1.571428571rem;
1538         }
1539         #respond form input[type="text"] {
1540                 width: 46.333333333%;
1541         }
1542         #respond form textarea.blog-textarea {
1543                 width: 79.666666667%;
1544         }
1545         .template-front-page .site-content,
1546         .template-front-page article {
1547                 overflow: hidden;
1548         }
1549         .template-front-page.has-post-thumbnail article {
1550                 float: left;
1551                 width: 47.916666667%;
1552         }
1553         .entry-page-image {
1554                 float: right;
1555                 margin-bottom: 0;
1556                 width: 47.916666667%;
1557         }
1558         .template-front-page .widget-area .widget,
1559         .template-front-page.two-sidebars .widget-area .front-widgets {
1560                 float: left;
1561                 width: 51.875%;
1562                 margin-bottom: 24px;
1563                 margin-bottom: 1.714285714rem;
1564         }
1565         .template-front-page .widget-area .widget:nth-child(odd) {
1566                 clear: right;
1567         }
1568         .template-front-page .widget-area .widget:nth-child(even),
1569         .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
1570                 float: right;
1571                 width: 39.0625%;
1572                 margin: 0 0 24px;
1573                 margin: 0 0 1.714285714rem;
1574         }
1575         .template-front-page.two-sidebars .widget,
1576         .template-front-page.two-sidebars .widget:nth-child(even) {
1577                 float: none;
1578                 width: auto;
1579         }
1580         .commentlist .children {
1581                 margin-left: 48px;
1582                 margin-left: 3.428571429rem;
1583         }
1584 }
1585
1586 /* Minimum width of 960 pixels. */
1587 @media screen and (min-width: 960px) {
1588         body {
1589                 background-color: #e6e6e6;
1590         }
1591         body .site {
1592                 padding: 0 40px;
1593                 padding: 0 2.857142857rem;
1594                 margin-top: 48px;
1595                 margin-top: 3.428571429rem;
1596                 margin-bottom: 48px;
1597                 margin-bottom: 3.428571429rem;
1598                 box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
1599         }
1600         body.custom-background-empty {
1601                 background-color: #fff;
1602         }
1603         body.custom-background-empty .site,
1604         body.custom-background-white .site {
1605                 padding: 0;
1606                 margin-top: 0;
1607                 margin-bottom: 0;
1608                 box-shadow: none;
1609         }
1610 }
1611
1612
1613 /* =Print
1614 ----------------------------------------------- */
1615
1616 @media print {
1617         body {
1618                 background: none !important;
1619                 color: #000;
1620                 font-size: 10pt;
1621         }
1622         footer a[rel=bookmark]:link:after,
1623         footer a[rel=bookmark]:visited:after {
1624                 content: " [" attr(href) "] "; /* Show URLs */
1625         }
1626         a {
1627                 text-decoration: none;
1628         }
1629         .entry-content img,
1630         .comment-content img,
1631         .author-avatar img,
1632         img.wp-post-image {
1633                 border-radius: 0;
1634                 box-shadow: none;
1635         }
1636         .site {
1637                 clear: both !important;
1638                 display: block !important;
1639                 float: none !important;
1640                 max-width: 100%;
1641                 position: relative !important;
1642         }
1643         .site-header {
1644                 margin-bottom: 72px;
1645                 margin-bottom: 5.142857143rem;
1646                 text-align: left;
1647         }
1648         .site-header h1 {
1649                 font-size: 21pt;
1650                 line-height: 1;
1651                 text-align: left;
1652         }
1653         .site-header h2 {
1654                 color: #000;
1655                 font-size: 10pt;
1656                 text-align: left;
1657         }
1658         .site-header h1 a,
1659         .site-header h2 a {
1660                 color: #000;
1661         }
1662         .author-avatar,
1663         #colophon,
1664         #respond,
1665         .commentlist .comment-edit-link,
1666         .commentlist .reply,
1667         .entry-header .comments-link,
1668         .entry-meta .edit-link a,
1669         .page-link,
1670         .site-content nav,
1671         .widget-area,
1672         img.header-image,
1673         .main-navigation {
1674                 display: none;
1675         }
1676         .wrapper {
1677                 border-top: none;
1678                 box-shadow: none;
1679         }
1680         .site-content {
1681                 margin: 0;
1682                 width: auto;
1683         }
1684         .singular .entry-header .entry-meta {
1685                 position: static;
1686         }
1687         .singular .site-content,
1688         .singular .entry-header,
1689         .singular .entry-content,
1690         .singular footer.entry-meta,
1691         .singular .comments-title {
1692                 margin: 0;
1693                 width: 100%;
1694         }
1695         .entry-header .entry-title,
1696         .entry-title,
1697         .singular .entry-title {
1698                 font-size: 21pt;
1699         }
1700         footer.entry-meta,
1701         footer.entry-meta a {
1702                 color: #444;
1703                 font-size: 10pt;
1704         }
1705         .author-description {
1706                 float: none;
1707                 width: auto;
1708         }
1709
1710         /* Comments */
1711         .commentlist > li.comment {
1712                 background: none;
1713                 position: relative;
1714                 width: auto;
1715         }
1716         .commentlist .avatar {
1717                 height: 39px;
1718                 left: 2.2em;
1719                 top: 2.2em;
1720                 width: 39px;
1721         }
1722         .comments-area article header cite,
1723         .comments-area article header time {
1724                 margin-left: 50px;
1725                 margin-left: 3.57142857rem;
1726         }
1727 }