/* Theme Name: AR Author: Alberto Ramacciotti Author URI: http://ramacciotti.altervista.org Theme URI: http://ramacciotti.altervista.org/archivio/articolo/ar-theme Description: AR is a responsive theme for bloggers with a clean design. Version: 1.6 License: GNU General Public License v2 License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: two-columns, orange, black, flexible-width, custom-colors, custom-header, custom-menu, editor-style, threaded-comments, featured-images, translation-ready */ @font-face { font-family: LiberationSansRegular; src: url('fonts/LiberationSans-Regular-webfont.eot'); src: url('fonts/LiberationSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/LiberationSans-Regular-webfont.woff') format('woff'), url('fonts/LiberationSans-Regular-webfont.ttf') format('truetype'), url('fonts/LiberationSans-Regular-webfont.svg#LiberationSansRegular') format('svg'); } 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 { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, .aligncenter, .paged #pagination-top, .gallery-item a, .gallery-item a:visited, .post-content pre code, .comment-content pre code, .post-content address, .comment-content address, .image-attachment div.attachment img, article.format-quote .post-content blockquote, .comments-area article header cite, .comments-area article header time, #respond form label, label ~ span.required, .widget-search label, .widget-twitter .timesince, img#wpstats, .menu a, .menu a:visited { display: block; } audio, canvas, video, .blog-header h1 a, .blog-header h1 a:visited, .blog-header h2 a, .blog-header h2 a:visited, .menu ul.nav-menu.toggled-on, .menu-toggle, .format-status .post-header header { display: inline-block; } audio:not([controls]), #pagination-top, .menu ul.nav-menu, .menu div.nav-menu > ul, .single-author .post-meta .by-author { display: none; } ol, ul { list-style-type: none; } ins, a, a:visited, .comments-area article header time { text-decoration: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td, .blog-header h2, .menu-toggle, input[type="submit"], article.post-password-required input[type=submit], li.bypostauthor cite span, .post-header .post-title, .post-header .post-format, article.format-image footer h1, article.format-image footer a h2, article.format-image footer a:visited h2, .format-status .post-header h1, .format-status .post-header h2, .comments-area article header h4, .comments-title, #respond h3#reply-title #cancel-comment-reply-link { font-weight: normal; } caption, th, td, #wp-calendar th, #wp-calendar td, #wp-calendar caption { text-align: left; } h1, h2, h3, h4, h5, h6, .clear:after, .wrapper:after, .format-status .post-header:after, .content nav, footer#footer, .post-meta, #numbered-pagination, .template-front-page .aside { clear: both; } del { color: #333333; } ins { background-color: #fff9c0; } hr { background-color: #cccccc; border: 0; height: 1px; margin: 24px; margin-bottom: 1.714285714rem; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; -ms-interpolation-mode: bicubic; } .clear:before, .clear:after, .wrapper:before, .wrapper:after, .format-status .post-header:before, .format-status .post-header:after { display: table; content: ""; } .archive-title, .page-title, .widget-title, .post-content th, .comment-content th { margin-top: 20px; margin-top: 1.428571429rem; font-weight: bold; letter-spacing: 1px; color: #111111; } article.format-quote footer.post-meta, article.format-link footer.post-meta, article.format-status footer.post-meta { font-size: 13px; font-size: .928571429rem; line-height: 2.181818182; } .menu-toggle, input[type="submit"], article.post-password-required input[type=submit], li.bypostauthor cite span { padding: 6px 10px; padding: .428571429rem .714285714rem; line-height: 1; color: #f9f8f0; background-color: #a35910; background-image: -webkit-gradient(linear, left top, left bottom, from(#a35910), to(#9e5710)); background-image: -webkit-linear-gradient(top, #a35910, #9e5710); background-image: -moz-linear-gradient(top, #a35910, #9e5710); background-image: -o-linear-gradient(top, #a35910, #9e5710); background-image: linear-gradient(to bottom, #a35910, #9e5710); box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); border: 0; } .menu-toggle, input[type="submit"], article.post-password-required input[type=submit] { cursor: pointer; } .menu-toggle:hover { color: #5e5e5e; } input[type="submit"]:hover { color: #e2dda9; background-color: #a35910; background-image: -webkit-gradient(linear, left top, left bottom, from(#a35910), to(#aa5e11)); background-image: -webkit-linear-gradient(top, #a35910, #aa5e11); background-image: -moz-linear-gradient(top, #a35910, #aa5e11); background-image: -o-linear-gradient(top, #a35910, #aa5e11); background-image: linear-gradient(to bottom, #a35910, #aa5e11); } .menu-toggle:active, .menu-toggle.toggled-on, input[type="submit"]:active, article.post-password-required input[type=submit]:active, input[type="submit"].toggled-on { color: #e8e2c6; background-color: #ebcba0; background-image: -webkit-gradient(linear, left top, left bottom, from(#ebcba0), to(#9e5710)); background-image: -webkit-linear-gradient(top, #ebcba0, #9e5710); background-image: -moz-linear-gradient(top, #ebcba0, #9e5710); background-image: -o-linear-gradient(top, #ebcba0, #9e5710); background-image: linear-gradient(to bottom, #ebcba0, #9e5710); border: 0; } li.bypostauthor cite span { border: 1px solid #1f6f93; border-radius: 2px; box-shadow: none; padding: 0; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea { padding: 6px; padding: .428571429rem; font-family: inherit; border: 1px solid #ebcba0; border-radius: 3px; color: #000000; background-color: #ede9d3; } #comments { margin: 0 2em; } .post-content img, .comment-content img, .widget img { max-width: 100%; } img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; } img.size-full, img.size-large, img.header-image, img.wp-post-image { max-width: 100%; height: auto; } embed, iframe, object, video { max-width: 100%; } .post-content .twitter-tweet-rendered { max-width: 100% !important; } .alignleft { float: left; } .alignright { float: right; } .aligncenter { margin-left: auto; margin-right: auto; } .post-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image { border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } .wp-caption { max-width: 100%; padding: 4px; } .wp-caption .wp-caption-text, .gallery-caption, .post-caption { font-style: italic; line-height: 2; color: #bf6c1a; } img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; } .post-content dl.gallery-item { margin: 0; } .gallery-item a { width: 90%; } .gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; } .gallery .gallery-icon img { height: auto; max-width: 90%; padding: 5%; } .gallery-columns-1 .gallery-icon img { padding: 3%; } .content nav { line-height: 2; } #pagination-top { padding: 24px 0; padding: 1.714285714rem 0; } .prev-link, .previous-image { float: left; width: 50%; } .next-link, .next-image { float: right; text-align: right; width: 50%; } .single-pagination + .comments-area, #comment-pagination-top { margin: 48px 0; margin: 3.428571429rem 0; } .author .archive-header { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .author-info { margin: 24px 0; margin: 1.714285714rem 0; padding-top: 24px; padding-top: 1.714285714rem; } .author-description p { color: #bf6c1a; font-size: 13px; font-size: .928571429rem; line-height: 1.846153846; } .author.archive .author-info { border-top: 0; margin: 0 0 48px; margin: 0 0 3.428571429rem; } .author.archive .author-avatar { margin-top: 0; } body { font-size: 1em; line-height: 1.5; text-rendering: optimizeLegibility; color: #000000; background-color: #1a0608; background-image: -webkit-gradient(linear, left top, left bottom, from(#1a0608), to(#55220d)); background-image: -webkit-linear-gradient(top, #1a0608, #55220d); background-image: -moz-linear-gradient(top, #1a0608, #55220d); background-image: -o-linear-gradient(top, #1a0608, #55220d); background-image: linear-gradient(to bottom, #1a0608, #55220d); } body, body.custom-font-enabled { font-family: LiberationSansRegular, verdana, sans-serif; } a { outline: none; padding-bottom: 4px; border-bottom: 1px solid #a25b15; color: #a25b15; } a:visited { padding-bottom: 4px; border-bottom: 1px solid #71400f; color: #71400f; } a:hover { color: #bf6c1a; border-bottom: 1px solid #f3f1e2; } .skip-link, .screen-reader-text, .accessibility { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); } .site { padding: 0; color: #000000; background-color: #aa5f11; -webkit-border-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 0 18px 0 #76410c; box-shadow: 0 0 18px 0 #76410c; } .content { color: #000000; background-color: #f3f1e2; padding: 18px; padding: 1.285714286rem; -webkit-border-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 0; border-top-right-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 0 18px 0 #76410c; box-shadow: 0 0 18px 0 #76410c; } .aside { color: #000000; background-color: #ebcba0; -webkit-border-radius: 10px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 10px; border-top-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 0 10px 0 #76410c; box-shadow: 0 0 10px 0 #76410c; padding: 12px; padding: .857142857rem; margin-bottom: 12px; margin-bottom: .857142857rem; } .format-aside .aside { float: none; width: 93%; } .blog-header { padding: 24px 0; padding: 1.714285714rem 0; } .blog-header h1, .blog-header h2 { text-align: center; } .blog-header h1 a, .blog-header h2 a { color: #eac99d; border: 0; } .blog-header h1 a:visited, .blog-header h2 a:visited { color: #e9c89a; border: 0; } .blog-header h1 a:hover, .blog-header h2 a:hover { color: #e0b172; } .blog-header h1 { font-size: 3em; line-height: 1.5; } .blog-header h2 { font-size: 1.2em; line-height: 1.5; letter-spacing: 1px; color: #e9c89a; } #rss { font-weight: bold; color: #febe7e; } .header-image { margin-top: 12px; margin-top: .857142857rem; } .menu { margin-top: 12px; margin-top: .857142857rem; text-align: center; } .menu li { margin-top: 12px; margin-top: .857142857rem; font-size: 13px; font-size: .928571429rem; line-height: 1.5; } .menu a { color: #e2dda9; background-color: #a35910; background-image: -webkit-gradient(linear, left top, left bottom, from(#a35910), to(#aa5e11)); background-image: -webkit-linear-gradient(top, #a35910, #aa5e11); background-image: -moz-linear-gradient(top, #a35910, #aa5e11); background-image: -o-linear-gradient(top, #a35910, #aa5e11); background-image: linear-gradient(to bottom, #a35910, #aa5e11); } .menu a:visited { color: #e6e2bf; background-color: #a35910; background-image: -webkit-gradient(linear, left top, left bottom, from(#a35910), to(#894b0e)); background-image: -webkit-linear-gradient(top, #a35910, #894b0e); background-image: -moz-linear-gradient(top, #a35910, #894b0e); background-image: -o-linear-gradient(top, #a35910, #894b0e); background-image: linear-gradient(to bottom, #a35910, #894b0e); } .menu a:hover { color: #f9f8f0; background-color: #a35910; background-image: -webkit-gradient(linear, left top, left bottom, from(#a35910), to(#9e5710)); background-image: -webkit-linear-gradient(top, #a35910, #9e5710); background-image: -moz-linear-gradient(top, #a35910, #9e5710); background-image: -o-linear-gradient(top, #a35910, #9e5710); background-image: linear-gradient(to bottom, #a35910, #9e5710); } section[role="banner"] { margin-bottom: 48px; margin-bottom: 3.428571429rem; } .aside .widget { word-wrap: break-word; margin: 24px 13px; margin: 1.714285714rem .928571429rem; } .aside .widget ul { list-style-type: disc; margin-left: 20px; margin-left: 1.428571429rem; } .aside .widget h3 { margin-bottom: 6px; margin-bottom: .4285714285rem; } .aside .widget p, .aside .widget li, .aside .widget .textwidget { line-height: 1.846153846; } .aside .widget p { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .aside .textwidget ul { list-style: disc outside; margin: 0 0 24px; margin: 0 0 1.714285714rem; } .aside .textwidget li { margin-left: 36px; margin-left: 2.571428571rem; } .aside .widget a { color: #80460d; } .aside .widget a:visited { color: #432507; } .aside .widget a:hover { color: #bb6713; border-bottom: 1px solid #ebcba0; } footer#footer { letter-spacing: 1px; font-weight: normal; margin-top: 24px; margin-top: 1.714285714rem; margin-left: 24px; margin-left: 1.714285714rem; padding: 24px 0; padding: 1.714285714rem 0; } footer#footer a, footer#footer a:visited { color: #f3f1e2; border-bottom: 1px solid #f3f1e2; } footer#footer a:hover { color: #cdb79e; border-bottom: 1px solid #cdb79e; } .post-header { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .post-header img.wp-post-image { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .post-header .post-title { font-size: 20px; font-size: 1.428571429rem; line-height: 1.5; margin-top: 12px; margin-top: .857142857rem; } .post-header .post-format { margin-top: 24px; margin-top: 1.714285714rem; } .post-header .comments-link { margin-top: 24px; margin-top: 1.714285714rem; font-size: 13px; font-size: .928571429rem; line-height: 1.846153846; color: #bf6c1a; } article.sticky .featured-post { color: #bf6c1a; font-size: 24px; font-size: 1.714285714rem; line-height: 2; margin-bottom: 24px; margin-bottom: 1.714285714rem; text-align: center; } .post-content, .post-summary { line-height: 1.714285714; } .post-content h1, .comment-content h1, .post-content h2, .comment-content h2, .post-content h3, .comment-content h3, .post-content h4, .comment-content h4, .post-content h5, .comment-content h5, .post-content h6, .comment-content h6 { margin: 24px 0; margin: 1.714285714rem 0; line-height: 1.714285714; } .post-content h1, .comment-content h1 { font-size: 21px; font-size: 1.5rem; line-height: 1.5; } .post-content h2, .comment-content h2 { font-size: 18px; font-size: 1.285714286rem; line-height: 1.6; } .post-content h3, .comment-content h3 { font-size: 16px; font-size: 1.142857143rem; line-height: 1.846153846; } .post-content h4, .comment-content h4 { font-size: 14px; font-size: 1rem; line-height: 1.846153846; } .post-content h5, .comment-content h5 { font-size: 13px; font-size: .928571429rem; line-height: 1.846153846; } .post-content h6, .comment-content h6 { font-size: 12px; font-size: .857142857rem; line-height: 1.846153846; } .post-content p, .post-summary p, .comment-content p { margin: 0 0 1.5rem 0; } .comment-content p { font-size: 1.2em; } .comment-content p.edit-link { font-size: 13px; font-size: .928571429rem; } .post-content ol, .comment-content ol, .post-content ul, .comment-content ul { margin: 0 0 24px; margin: 0 0 1.714285714rem; line-height: 1.714285714; } .post-content ul ul, .comment-content ul ul, .post-content ol ol, .comment-content ol ol, .post-content ul ol, .comment-content ul ol, .post-content ol ul, .comment-content ol ul { margin-bottom: 0; } .post-content ul, .comment-content ul { list-style: disc outside; } .post-content ol, .comment-content ol { list-style: decimal outside; } .post-content li, .comment-content li { margin: 0 0 0 36px; margin: 0 0 0 2.571428571rem; } .post-content blockquote, .comment-content blockquote { margin-bottom: 24px; margin-bottom: 1.714285714rem; padding: 0 24px; padding: 0 1.714285714rem; font-style: italic; } .post-content blockquote p:last-child, .comment-content blockquote p:last-child { margin-bottom: 0; } .post-content code, .comment-content code { font-family: consolas, monospace; font-size: 12px; font-size: .857142857rem; line-height: 2; } .post-content pre, .comment-content pre { border: 1px solid #ededed; color: #666666; font-family: consolas, monospace; font-size: 12px; font-size: .857142857rem; line-height: 1.714285714; margin: 24px 0; margin: 1.714285714rem 0; overflow: auto; padding: 24px; padding: 1.714285714rem; } .post-content abbr, .comment-content abbr, .post-content dfn, .comment-content dfn, .post-content acronym, .comment-content acronym { border-bottom: 1px dotted #666666; cursor: help; } .post-content address, .comment-content address { line-height: 1.714285714; margin: 0 0 24px; margin: 0 0 1.714285714rem; } img.alignleft { margin: 12px 24px 12px 0; margin: .857142857rem 1.714285714rem .857142857rem 0; } img.alignright { margin: 12px 0 12px 24px; margin: .857142857rem 0 .857142857rem 1.714285714rem; } img.aligncenter { margin-top: 12px; margin-top: .857142857rem; margin-bottom: 12px; margin-bottom: .857142857rem; } .post-content embed, .post-content iframe, .post-content object, .post-content video { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .post-content dl, .comment-content dl { margin: 0 24px; margin: 0 1.714285714rem; } .post-content dt, .comment-content dt { font-weight: bold; line-height: 1.714285714; } .post-content dd, .comment-content dd { line-height: 1.714285714; margin-bottom: 24px; margin-bottom: 1.714285714rem; } .post-content table, .comment-content table { color: #bf6c1a; font-size: 12px; font-size: .857142857rem; line-height: 2; margin: 0 0 24px; margin: 0 0 1.714285714rem; width: 100%; } .post-content table caption, .comment-content table caption { font-size: 16px; font-size: 1.142857143rem; margin: 24px 0; margin: 1.714285714rem 0; } .post-content td, .comment-content td { padding: 6px 10px 6px 0; } .content article { padding-bottom: 24px; padding-bottom: 1.714285714rem; margin-bottom: 72px; margin-bottom: 5.142857143rem; } #numbered-pagination { line-height: 1.5; } #numbered-pagination a { padding-top: .2em; border-bottom: 0; background-color: #e0dbb6; background-image: -webkit-gradient(linear, left top, left bottom, from(#e0dbb6), to(#f3f1e2)); background-image: -webkit-linear-gradient(top, #e0dbb6, #f3f1e2); background-image: -moz-linear-gradient(top, #e0dbb6, #f3f1e2); background-image: -o-linear-gradient(top, #e0dbb6, #f3f1e2); background-image: linear-gradient(to bottom, #e0dbb6, #f3f1e2); } #numbered-pagination a:visited { padding-top: .2em; border-bottom: 0; background-color: #d9d2a4; background-image: -webkit-gradient(linear, left top, left bottom, from(#d9d2a4), to(#e0dbb6)); background-image: -webkit-linear-gradient(top, #d9d2a4, #e0dbb6); background-image: -moz-linear-gradient(top, #d9d2a4, #e0dbb6); background-image: -o-linear-gradient(top, #d9d2a4, #e0dbb6); background-image: linear-gradient(to bottom, #d9d2a4, #e0dbb6); } #numbered-pagination a:hover { background-color: #f3f1e2; background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f1e2), to(#e0dbb6)); background-image: -webkit-linear-gradient(top, #f3f1e2, #e0dbb6); background-image: -moz-linear-gradient(top, #f3f1e2, #e0dbb6); background-image: -o-linear-gradient(top, #f3f1e2, #e0dbb6); background-image: linear-gradient(to bottom, #f3f1e2, #e0dbb6); } #numbered-pagination a span, #numbered-pagination a:visited span { font-size: 1em; padding: .5em; } footer.post-meta { margin-top: 24px; margin-top: 1.714285714rem; font-size: 13px; font-size: .928571429rem; line-height: 1.846153846; color: #818181; } .archive-header, .page-header { margin-bottom: 48px; margin-bottom: 3.428571429rem; padding-bottom: 22px; padding-bottom: 1.571428571rem; } .archive-meta { color: #bf6c1a; font-size: 12px; font-size: .857142857rem; line-height: 2; margin-top: 22px; margin-top: 1.571428571rem; } .comments-area article header, .content nav, .author-info, .article.attachment { overflow: hidden; } .wp-caption .wp-caption-text, .gallery-caption, .post-caption, .image-attachment div.attachment, .image-attachment div.attachment p { text-align: center; } .image-attachment div.attachment img { height: auto; margin: 0 auto; max-width: 100%; } .image-attachment .post-caption { margin-top: 8px; margin-top: .571428571rem; } article.format-aside h1 { margin-bottom: 24px; margin-bottom: 1.714285714rem; } article.format-aside h1 a { color: #4d525a; } article.format-aside h1 a:hover { color: #2e3542; } article.format-aside .aside { padding: 24px 24px 0; padding: 1.714285714rem; background-color: #f1edda; border-top: 1px solid #c2b15f; border-right: 2px solid #c2b15f; border-bottom: 2px solid #c2b15f; border-left: 1px solid #c2b15f; } article.format-aside p { font-size: 13px; font-size: .928571429rem; line-height: 1.846153846; color: #4a5466; } article.format-aside blockquote:last-child, article.format-aside p:last-child { margin-bottom: 0; } article.format-image footer h1 { font-size: 13px; font-size: .928571429rem; line-height: 1.846153846; } article.format-image footer h2 { font-size: 13px; font-size: .928571429rem; line-height: 2.181818182; } article.format-link header { padding: 0 10px; padding: 0 .714285714rem; float: right; font-size: 13px; font-size: .928571429rem; line-height: 2.181818182; font-weight: bold; font-style: italic; color: #848484; background-color: #ebebeb; border-radius: 3px; } article.format-link .post-content { max-width: 80%; float: left; } article.format-link .post-content a { font-size: 22px; font-size: 1.571428571rem; line-height: 1.090909091; } article.format-quote .post-content p { margin: 0; padding-bottom: 24px; padding-bottom: 1.714285714rem; } article.format-quote .post-content blockquote { padding: 24px 24px 0; padding: 1.714285714rem 1.714285714rem 0; font-size: 15px; font-size: 1.071428571rem; line-height: 1.6; font-style: normal; color: #f1edda; background: #efefef; } .format-status .post-header { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .format-status .post-header h1 { font-size: 15px; font-size: 1.071428571rem; line-height: 1.6; margin: 0; } .format-status .post-header h2 { font-size: 12px; font-size: .857142857rem; line-height: 2; margin: 0; } .format-status .post-header img { float: left; margin-right: 21px; margin-right: 1.5rem; } .comments-title { margin-bottom: 48px; margin-bottom: 3.428571429rem; font-size: 16px; font-size: 1.142857143rem; line-height: 1.5; } .comments-area article { margin: 24px 0; margin: 1.714285714rem 0; } .comments-area article header { margin: 0 0 24px 0; margin: 0 0 1.714285714rem 0; position: relative; } .comments-area article header img { float: left; padding: 0; margin-right: 1em; line-height: 1; } .comments-area article header cite { font-style: normal; font-size: 15px; font-size: 1.071428571rem; line-height: 1.42857143; } .comments-area article header time { font-size: 12px; font-size: .857142857rem; line-height: 2; color: #5e5e5e; } .comments-area article header h4 { position: absolute; top: 0; right: 0; padding: 6px 12px; padding: .428571429rem .857142857rem; font-size: 12px; font-size: .857142857rem; color: #fafafa; background-color: #0088d0; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #009cee, #0088d0); background-image: -ms-linear-gradient(top, #009cee, #0088d0); background-image: -webkit-linear-gradient(top, #009cee, #0088d0); background-image: -o-linear-gradient(top, #009cee, #0088d0); background-image: linear-gradient(top, #009cee, #0088d0); border-radius: 3px; border: 1px solid #007cbd; } .comments-area li.bypostauthor cite span { position: absolute; margin-left: 5px; margin-left: .357142857rem; padding: 2px 5px; padding: .142857143rem .357142857rem; font-size: 13px; font-size: .928571429rem; } a.comment-reply-link { font-size: 13px; font-size: .928571429rem; line-height: 1.846153846; color: #111111; } a.comment-reply-link:hover { color: #666666; } .commentlist .pingback { margin-bottom: 24px; margin-bottom: 1.714285714rem; line-height: 1.714285714; } .commentlist .children { margin-left: 48px; margin-left: 3.428571429rem; } #respond { margin-top: 24px; margin-top: 1.714285714rem; } #respond h3#reply-title { font-size: 16px; font-size: 1.142857143rem; line-height: 1.5; } #respond h3#reply-title #cancel-comment-reply-link { margin-left: 10px; margin-left: .714285714rem; font-size: 12px; font-size: .857142857rem; } #respond form { margin: 24px 0; margin: 1.714285714rem 0; } #respond form p { margin: 13px 0; margin: .928571429rem 0; } #respond form p.logged-in-as { margin-bottom: 24px; margin-bottom: 1.714285714rem; } #respond form label { line-height: 1.714285714; } #respond form input[type="text"], #respond form textarea { -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-size: .857142857rem; line-height: 1.714285714; padding: 10px; padding: .714285714rem; width: 100%; } #respond form p.form-allowed-tags { margin: 0; font-size: 12px; font-size: .857142857rem; line-height: 2; color: #5e5e5e; } .required { color: red; } label ~ span.required { float: left; margin: -18px 0 0 -16px; margin: -1.285714286rem 0 0 -1.142857143rem; } .post-page-image { margin-bottom: 14px; margin-bottom: 1rem; } .post-meta span.edit-link { display: block; } .blog-header h1, .edit-link a, .edit-link a:visited, .archive-title, article.format-link header, .page-title, .widget-title, .post-content th, .comment-content th, .menu-toggle, input[type="submit"], article.post-password-required input[type=submit], li.bypostauthor cite span { text-transform: uppercase; } .template-front-page .content article { border: 0; margin-bottom: 0; } .template-front-page .aside { float: none; width: auto; padding-top: 24px; padding-top: 1.714285714rem; } .template-front-page .aside .widget li { margin: 8px 0 0; margin: .571428571rem 0 0; font-size: 13px; font-size: .928571429rem; line-height: 1.714285714; list-style-type: square; list-style-position: inside; } .template-front-page .aside .widget-text img { float: left; margin: 8px 24px 8px 0; margin: .571428571rem 1.714285714rem .571428571rem 0; } .aside .widget ul ul { margin-left: 12px; margin-left: .857142857rem; } .widget-rss li { margin: 12px 0; margin: .857142857rem 0; } .widget-recent-entries .post-date, .widget-rss .rss-date { color: #818181; font-size: 13px; font-size: .928571429rem; margin-left: 12px; margin-left: .857142857rem; } #wp-calendar { margin: 0; width: 100%; font-size: 13px; font-size: .928571429rem; line-height: 1.846153846; color: #111111; } #wp-calendar #next { padding-right: 24px; padding-right: 1.714285714rem; text-align: right; } .widget-search label { font-size: 13px; font-size: .928571429rem; line-height: 1.846153846; } .widget-twitter li { list-style-type: none; } .widget-twitter .timesince { text-align: right; } img#wpstats { margin: 0 auto 24px; margin: 0 auto 1.714285714rem; } @media screen and (min-width: 600px) { .site { margin: 0 auto; max-width: 750px; overflow: hidden; } .author-avatar { float: left; margin-top: 8px; margin-top: .571428571rem; } .author-description { float: right; width: 80%; } .content { float: right; width: 60%; } body.template-front-page .content, body.single-attachment .content, body.full-width .content { width: 100%; } .aside { float: left; width: 28%; } .blog-header h1, .blog-header h2 { text-align: left; } .blog-header h1 { font-size: 3em; line-height: 1.5; } .menu ul.nav-menu, .menu div.nav-menu > ul { display: inline-block !important; text-align: left; width: 100%; } .menu ul { margin: 0; text-indent: 0; } .menu li a, .menu li { display: inline-block; text-decoration: none; } .menu li a { padding: 0 10px; padding: 0 .71428571425; border-bottom: 0; line-height: 3; text-transform: uppercase; } .menu li { margin: 10px 10px 10px 0; margin: .71428571425rem .71428571425rem .71428571425rem 0; position: relative; } .menu li ul { display: none; margin: 0; padding: 0; position: absolute; top: 100%; z-index: 1; } .menu li ul ul { top: 0; left: 100%; } .menu ul li:hover > ul { border-left: 0; display: block; } .menu li ul li { margin: 0; } .menu li ul li a { color: #222222; background-color: #ebcba0; background-image: -webkit-gradient(linear, left top, left bottom, from(#ebcba0), to(#9e5710)); background-image: -webkit-linear-gradient(top, #ebcba0, #9e5710); background-image: -moz-linear-gradient(top, #ebcba0, #9e5710); background-image: -o-linear-gradient(top, #ebcba0, #9e5710); background-image: linear-gradient(to bottom, #ebcba0, #9e5710); font-size: 13px; font-size: .928571429rem; line-height: 1.5; padding: 8px 10px; padding: .571428571rem .714285714rem; width: 180px; width: 12.85714286rem; } .menu li ul li a:visited { color: #111111; background-color: #ebcba0; background-image: -webkit-gradient(linear, left top, left bottom, from(#ebcba0), to(#d38f34)); background-image: -webkit-linear-gradient(top, #ebcba0, #d38f34); background-image: -moz-linear-gradient(top, #ebcba0, #d38f34); background-image: -o-linear-gradient(top, #ebcba0, #d38f34); background-image: linear-gradient(to bottom, #ebcba0, #d38f34); } .menu li ul li a:hover { color: #000000; background-color: #ebcba0; background-image: -webkit-gradient(linear, left top, left bottom, from(#ebcba0), to(#d38f34)); background-image: -webkit-linear-gradient(top, #ebcba0, #d38f34); background-image: -moz-linear-gradient(top, #ebcba0, #d38f34); background-image: -o-linear-gradient(top, #ebcba0, #d38f34); background-image: linear-gradient(to bottom, #ebcba0, #d38f34); } .menu .current-menu-item > a, .menu .current-menu-ancestor > a, .menu .current-page-item > a, .menu .current-page-ancestor > a { color: #e9c798; font-weight: bold; } .menu-toggle { display: none; } .post-header .post-title { font-size: 22px; font-size: 1.571428571rem; } #respond form input[type="text"] { width: 46.333333333%; } #respond form textarea.blog-textarea { width: 79.666666667%; } .template-front-page .content, .template-front-page article { overflow: hidden; } .template-front-page.has-post-thumbnail article { float: left; width: 47.916666667%; } .post-page-image { float: right; margin-bottom: 0; width: 47.916666667%; } .template-front-page .aside .widget, .template-front-page.two-sidebars .aside .front-widgets { float: left; width: 51.875%; margin: 24px 13px; margin: 1.714285714rem .928571429rem; } .template-front-page .aside .widget:nth-child(odd) { clear: right; } .template-front-page .aside .widget:nth-child(even), .template-front-page.two-sidebars .aside .front-widgets + .front-widgets { float: right; width: 39.0625%; margin: 24px 13px; margin: 1.714285714rem .928571429rem; } .template-front-page.two-sidebars .widget, .template-front-page.two-sidebars .widget:nth-child(even) { float: none; width: auto; } } @media screen and (min-width: 960px) { body { margin: 24px; margin: 1.7142857145rem; background-color: #1a0608; background-image: -webkit-gradient(linear, left top, left bottom, from(#1a0608), to(#55220d)); background-image: -webkit-linear-gradient(top, #1a0608, #55220d); background-image: -moz-linear-gradient(top, #1a0608, #55220d); background-image: -o-linear-gradient(top, #1a0608, #55220d); background-image: linear-gradient(to bottom, #1a0608, #55220d); } .site { margin: 0 auto; max-width: 900px; overflow: hidden; padding: 0 40px; padding: 0 2.857142857rem; box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); } .content { float: right; width: 65%; } body.template-front-page .content, body.single-attachment .content, body.full-width .content { width: 100%; } .aside { float: left; width: 26%; } } @media screen and (min-width: 1240px) { .site { margin: 0 auto; max-width: 1200px; overflow: hidden; } .content { float: right; width: 67.5%; } body.template-front-page .content, body.single-attachment .content, body.full-width .content { width: 100%; } .aside { float: left; width: 26%; } } @media print { body { background: none !important; font-size: 10pt; } footer a[rel=bookmark]:link:after, footer a[rel=bookmark]:visited:after { content: " [" attr(href) "] "; } a { text-decoration: none; } .post-content img, .comment-content img, .author-avatar img, img.wp-post-image { border-radius: 0; box-shadow: none; } .site { clear: both !important; display: block !important; float: none !important; max-width: 100%; position: relative !important; } .blog-header { margin-bottom: 72px; margin-bottom: 5.142857143rem; text-align: left; } .blog-header h1 { font-size: 21pt; line-height: 1; text-align: left; } .blog-header h2 { font-size: 10pt; text-align: left; } .author-avatar, #footer, #respond, .commentlist .comment-edit-link, .commentlist .reply, .post-header .comments-link, .post-meta .edit-link a, #numbered-pagination, .content nav, .aside, img.header-image, .menu { display: none; } .wrapper { border-top: none; box-shadow: none; } .content { float: right; margin: 0; width: 100%; } .content { margin: 0; width: auto; } .singular .post-header .post-meta { position: static; } .singular .content, .singular .post-header, .singular .post-content, .singular footer.post-meta, .singular .comments-title { margin: 0; width: 100%; } .post-header .post-title, .post-title, .singular .post-title { font-size: 21pt; } footer.post-meta, footer.post-meta a { color: #000000; font-size: 10pt; } .author-description { float: none; width: auto; } .commentlist > li.comment { background: none; position: relative; width: auto; } .commentlist .avatar { height: 39px; left: 2.2em; top: 2.2em; width: 39px; } .comments-area article header cite, .comments-area article header time { margin-left: 50px; margin-left: 3.57142857rem; } } .ie .skip-link, .ie .screen-reader-text, .ie .accessibility { clip: rect(1px 1px 1px 1px); } .ie .site { margin: 48px auto; max-width: 960px; } .ie .content { float: right; width: 65.104166667%; } .ie .full-width .content { float: none; width: 100%; } .ie .aside { float: right; width: 26.041666667%; } .ie img.size-full, .ie img.size-large, .ie img.header-image, .ie img.wp-post-image { width: auto; }