Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

Twenty Twelve css

By: a guest on Jan 9th, 2013  |  syntax: CSS  |  size: 36.15 KB  |  views: 49  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  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. }