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;