/* Theme Name: Able Theme URI: http://theme.wordpress.com/themes/able/ Author: Automattic Author URI: http://automattic.com/ Description: A multipurpose, traditional blog theme which contains up to a large three-column layout that is clean, responsive, and highly readable. Version: 1.2 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: blue, gray, white, light, one-column, two-columns, three-columns, left-sidebar, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, rtl-language-support, sticky-post, translation-ready */ /* =Reset -------------------------------------------------------------- */ a, abbr, acronym, address, applet, article, aside, audio, b, bdi, bdo, big, blockquote, body, button, canvas, caption, center, cite, code, col, colgroup, command, datalist, dd, del, details, dfn, dir, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, frame, frameset, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, input, ins, kbd, label, legend, li, map, mark, menu, meter, nav, noframes, noscript, object, ol, optgroup, option, output, p, pre, progress, q, rp, rt, ruby, s, samp, script, section, select, small, span, strike, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp, wbr { /* HTML5 / HTML 4.01 / XHTML 1.0 tags all covered in reset. */ border: 0; font: inherit; line-height: 26px; margin: 0; outline: 0; padding: 0; text-indent: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { /* HTML5 display-role reset for older browsers. */ display: block; } html { font-size: 62.5%; /* Define base font of 62.5% for convenient rem sizing. See http://snook.ca/archives/html_and_css/font-size-with-rem */ overflow-y: scroll; /* Eliminate Jumps in Horizontal Centering By Forcing a Scroll Bar: http://css-tricks.com/eliminate-jumps-in-horizontal-centering-by-forcing-a-scroll-bar/ */ -webkit-text-size-adjust: 100%; /* Control text size in Safari for iOS without disabling user zoom */ -ms-text-size-adjust: 100%; /* http://www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ } body, button, input, select, textarea { color: rgb( 50, 50, 50 ); /* #323232 */ color: rgba( 50, 50, 50, 1 ); font-family: Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-size: 1.6rem; font-weight: 300; text-rendering: optimizeLegibility; } #secondary, #secondary button, #secondary input, #secondary select, #secondary textarea, #tertiary, #tertiary button, #tertiary input, #tertiary select, #tertiary textarea { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } body { background-color: rgb( 250, 250, 250 ); /* #fafafa */ background-image: -webkit-gradient( linear, left top, left bottom, from( rgba( 250, 250, 250, 0.8 ) ), to( rgba( 245, 245, 245, 0.8 ) ) ) ; /* Safari 4+, Chrome 1-9 */ background-image: -webkit-linear-gradient( rgba( 250, 250, 250, 0.8 ), rgba( 245, 245, 245, 0.8 ) ); /* Safari 5.1+, Mobile Safari, Chrome 10+ */ background-image: -moz-linear-gradient( rgba( 250, 250, 250, 0.8 ), rgba( 245, 245, 245, 0.8 ) ); /* Firefox 3.6+ */ background-image: -ms-linear-gradient( rgba( 250, 250, 250, 0.8 ), rgba( 245, 245, 245, 0.8 ) ); /* IE 10+ */ background-image: -o-linear-gradient( rgba( 250, 250, 250, 0.8 ), rgba( 245, 245, 245, 0.8 ) ); /* Opera 11.10+ */ background-image: linear-gradient( rgba( 250, 250, 250, 0.8 ), rgba( 245, 245, 245, 0.8 ) ); /* Firefox 16+ */ } /* =Accessibility -------------------------------------------------------------- */ .assistive-text { /** * Using CSS clip as an Accessible Method of Hiding Content. * See: http://adaptivethemes.com/using-css-clip-as-an-accessible-method-of-hiding-content */ clip: rect( 1px 1px 1px 1px ); clip: rect( 1px, 1px, 1px, 1px ); position: absolute !important; } /* =Links -------------------------------------------------------------- */ a, a:hover, a:active, a:focus { color: rgb( 13, 61, 155 ); /* #0d3d9b */ color: rgba( 13, 61, 155, 1 ); text-decoration: none; } a:hover { text-decoration: underline; } a:active, a:focus { background: rgb( 235, 235, 235 ); /* #ebebeb */ background: rgba( 50, 50, 50, .1 ); } #page a { /* We're using #page before a so that the WordPress Toolbar isn't interfered with. */ -webkit-transition: all .1s ease-in; /* Safari 3.2+, Chrome */ -moz-transition: all .1s ease-in; /* Firefox 4-15 */ -o-transition: all .1s ease-in; /* Opera 10.5–12.00 */ transition: all .1s ease-in; /* Firefox 16+, Opera 12.50+ */ } /* =Headings -------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { clear: both; font-family: 'Droid Serif', Georgia, Cambria, 'Times New Roman', Times, serif; margin-bottom: 26px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: rgb( 50, 50, 50 ); /* #323232 */ color: rgba( 50, 50, 50, 1 ); } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; } h1, h2, h3 { line-height: 52px; } h1 { /** * Don't compose without a scale. * See http://www.webtypography.net/Harmony_and_Counterpoint/Size/3.1.1/ */ font-size: 48px; font-size: 4.8rem; } h2 { font-size: 36px; font-size: 3.6rem; } h3 { font-size: 28px; font-size: 2.8rem; } h4 { font-size: 22px; font-size: 2.2rem; } h5 { font-size: 18px; font-size: 1.8rem; } h6 { font-size: 16px; font-size: 1.6rem; font-weight: bold; } /* =Typography -------------------------------------------------------------- */ p { margin-bottom: 26px; } b, strong { font-weight: 700; } del, s, strike { color: rgb( 200, 200, 200 ); /* #c8c8c8 */ color: rgba( 200, 200, 200, 1 ); text-decoration: line-through; } dfn, em, i { font-style: italic; } abbr, acronym { border-bottom: 1px dotted; /* Color inherited from body. */ cursor: help; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { /** * Safari doesn't support the quotes attribute, so the following rules are used. * See http://www.paulchaplin.com/blog/css-reset-and-quirky-quotes */ content: ""; /* CSS 2; used to remove quotes in case "none" fails below. */ content: none; /* CSS 2.1: will remove quotes if supported. */ } blockquote, .quote-caption { margin: 26px; } cite { font-style: italic; } address { background: rgb( 245, 245, 245 ); /* #f5f5f5 */ background: rgba( 245, 245, 245, 0.8 ); border: 1px solid rgb( 230, 230, 230 ); /* #e6e6e6 */ border: 1px solid rgba( 230, 230, 230, 0.8 ); display: inline-block; font-style: italic; margin: 0 0 26px; padding: 25px; } pre { background: rgb( 245, 245, 245 ); /* #f5f5f5 */ background: rgba( 245, 245, 245, 0.8 ); border: 1px solid rgb( 230, 230, 230 ); /* #e6e6e6 */ border: 1px solid rgba( 230, 230, 230, 0.8 ); font-family: "Courier 10 Pitch", Courier, monospace; font-size: 13px; font-size: 1.3rem; margin-bottom: 26px; padding: 25px; overflow: auto; max-width: 100%; white-space: pre; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 13px; font-size: 1.3rem; } mark, ins { background: rgb( 245, 245, 245 ); /* #f5f5f5 */ background: rgba( 245, 245, 245, 0.8 ); text-decoration: none; } sup, sub { font-size: 11px; font-size: 1.1rem; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 9px; } sub { top: 3px; } small { font-size: 75%; } big { font-size: 125%; } hr { background: rgb( 230, 230, 230 ); /* #e6e6e6 */ background: rgba( 230, 230, 230, 0.8 ); border: none; color: rgb( 230, 230, 230 ); /* #e6e6e6 */ color: rgba( 230, 230, 230, 0.8 ); clear: both; float: none; margin: 0 0 25px; width: 100%; height: 1px; } /* =Lists -------------------------------------------------------------- */ dl { margin: 0 0 26px; } dt { font-weight: 700; } dd { margin: 0 0 0 26px; } ul, ol { margin: 0 26px 26px 0; padding-left: 26px; } li > ul, li > ol { margin: 0; } ul, ul ul ul ul { list-style: disc; } ul ul { list-style: circle; } ul ul ul { list-style: square; } ol, ol ol ol ol { list-style: decimal; } ol ol { list-style: upper-alpha; } ol ol ol { list-style: lower-roman; } /* =Tables -------------------------------------------------------------- */ table { /** * See http://www.the-art-of-web.com/css/bordercollapse/ and http://www.the-art-of-web.com/css/bordercollapse/1/ * for an illustration of border-collapse: separate; and border-collapse: collapse; */ border-collapse: separate; border-spacing: 0; margin-bottom: 26px; table-layout: fixed; max-width: 100%; width: 100%; } tfoot { font-size: 14px; font-size: 1.4rem; } th, td, caption { padding: 0 26px; } th { background: rgb( 240, 240, 240 ); /* #f0f0f0 */ background: rgba( 240, 240, 240, 0.8 ); border-bottom: 1px solid rgb( 220, 220, 220 ); /* d7d7d7 */ border-bottom: 1px solid rgba( 220, 220, 220, 0.8 ); font-size: 16px; font-size: 1.6rem; line-height: 51px; text-align: left; } tr:hover { background: rgb( 245, 245, 245 ); /* #f5f5f5 */ background: rgba( 245, 245, 245, 0.8 ); } td { border-bottom: 1px solid rgb( 230, 230, 230 ); /* #e6e6e6 */ border-bottom: 1px solid rgba( 230, 230, 230, 0.8 ); line-height: 51px; word-wrap: break-word; } /* =Forms and Inputs -------------------------------------------------------------- */ form { float: left; margin: 0 0 26px; width: 100%; } button, input, select, textarea { border: 1px solid rgb( 230, 230, 230 ); /* #e6e6e6 */ border: 1px solid rgba( 230, 230, 230, 1 ); } button, input[ type="button" ], input[ type="reset" ], input[ type="submit" ] { -webkit-appearance: button; /* Display element using platform-native styling. See http://css-tricks.com/almanac/properties/a/appearance/ */ background-color: rgb( 247, 247, 247 ); /* #f7f7f7 */ background-image: -webkit-gradient( linear, left top, left bottom, from( rgba( 247, 247, 247, 0.8 ) ), to( rgba( 215, 215, 215, 0.8 ) ) ); background-image: -webkit-linear-gradient( rgba( 247, 247, 247, 0.8 ), rgba( 215, 215, 215, 0.8 ) ); background-image: -moz-linear-gradient( rgba( 247, 247, 247, 0.8 ), rgba( 215, 215, 215, 0.8 ) ); background-image: -ms-linear-gradient( rgba( 247, 247, 247, 0.8 ), rgba( 215, 215, 215, 0.8 ) ); background-image: -o-linear-gradient( rgba( 247, 247, 247, 0.8 ), rgba( 215, 215, 215, 0.8 ) ); background-image: linear-gradient( rgba( 247, 247, 247, 0.8 ), rgba( 215, 215, 215, 0.8 ) ); filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#f7f7f7', endColorstr='#d7d7d7' ); border-color: rgb( 231, 231, 231 ) rgb( 215, 215, 215 ) rgb( 231, 231, 231 ) rgb( 215, 215, 215 ); border-color: rgba( 231, 231, 231, 0.8 ) rgba( 215, 215, 215, 0.8 ) rgba( 231, 231, 231, 0.8 ) rgba( 215, 215, 215, 0.8 ); -webkit-box-shadow: inset 0 1px 0 rgba( 231, 231, 231, 0.8 ), inset 0 2px 0 rgba( 255, 255, 255, 0.8 ), inset 0 -1px 0 rgba( 199, 199, 199, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.09 ); -moz-box-shadow: inset 0 1px 0 rgba( 231, 231, 231, 0.8 ), inset 0 2px 0 rgba( 255, 255, 255, 0.8 ), inset 0 -1px 0 rgba( 199, 199, 199, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.09 ); -ms-box-shadow: inset 0 1px 0 rgba( 231, 231, 231, 0.8 ), inset 0 2px 0 rgba( 255, 255, 255, 0.8 ), inset 0 -1px 0 rgba( 199, 199, 199, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.09 ); -o-box-shadow: inset 0 1px 0 rgba( 231, 231, 231, 0.8 ), inset 0 2px 0 rgba( 255, 255, 255, 0.8 ), inset 0 -1px 0 rgba( 199, 199, 199, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.09 ); box-shadow: inset 0 1px 0 rgba( 231, 231, 231, 0.8 ), inset 0 2px 0 rgba( 255, 255, 255, 0.8 ), inset 0 -1px 0 rgba( 199, 199, 199, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.09 ); cursor: pointer; font-size: 14px; font-size: 1.4rem; margin: 1%; padding: 1% 2%; } button:hover, input[ type="button" ]:hover, input[ type="reset" ]:hover, input[ type="submit" ]:hover { background-color: rgb( 231, 231, 231); /* e7e7e7 */ background-image: -webkit-gradient( linear, left top, left bottom, from( rgba( 231, 231, 231, 0.8 ) ), to( rgba( 199, 199, 199, 0.8 ) ) ); background-image: -webkit-linear-gradient( rgba( 231, 231, 231, 0.8 ), rgba( 199, 199, 199, 0.8 ) ); background-image: -moz-linear-gradient( rgba( 231, 231, 231, 0.8 ), rgba( 199, 199, 199, 0.8 ) ); background-image: -ms-linear-gradient( rgba( 231, 231, 231, 0.8 ), rgba( 199, 199, 199, 0.8 ) ); background-image: -o-linear-gradient( rgba( 231, 231, 231, 0.8 ), rgba( 199, 199, 199, 0.8 ) ); background-image: linear-gradient( rgba( 231, 231, 231, 0.8 ), rgba( 199, 199, 199, 0.8 ) ); filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#e7e7e7', endColorstr='#c7c7c7' ); border-color: rgb( 215, 215, 215 ) rgb( 199, 199, 199 ) rgb( 215, 215, 215 ) rgb( 199, 199, 199 ); border-color: rgba( 215, 215, 215, 0.8 ) rgba( 199, 199, 199, 0.8 ) rgba( 215, 215, 215, 0.8 ) rgba( 199, 199, 199, 0.8 ); -webkit-box-shadow: inset 0 1px 0 rgba( 215, 215, 215, 0.8 ), inset 0 2px 0 rgba( 247, 247, 247, 0.8 ), inset 0 -1px 0 rgba( 183, 183, 183, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.14 ); -moz-box-shadow: inset 0 1px 0 rgba( 215, 215, 215, 0.8 ), inset 0 2px 0 rgba( 247, 247, 247, 0.8 ), inset 0 -1px 0 rgba( 183, 183, 183, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.14 ); -ms-box-shadow: inset 0 1px 0 rgba( 215, 215, 215, 0.8 ), inset 0 2px 0 rgba( 247, 247, 247, 0.8 ), inset 0 -1px 0 rgba( 183, 183, 183, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.14 ); -o-box-shadow: inset 0 1px 0 rgba( 215, 215, 215, 0.8 ), inset 0 2px 0 rgba( 247, 247, 247, 0.8 ), inset 0 -1px 0 rgba( 183, 183, 183, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.14 ); box-shadow: inset 0 1px 0 rgba( 215, 215, 215, 0.8 ), inset 0 2px 0 rgba( 247, 247, 247, 0.8 ), inset 0 -1px 0 rgba( 183, 183, 183, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.14 ); } button:active, button:focus, input[ type="reset" ]:active, input[ type="reset" ]:focus, input[ type="button" ]:active, input[ type="button" ]:focus, input[ type="submit" ]:active, input[ type="submit" ]:focus { background-color: rgb( 215, 215, 215 ); /* #d7d7d7 */ background-image: -webkit-gradient( linear, left top, left bottom, from( rgba( 215, 215, 215, 0.8 ) ), to( rgba( 183, 183, 183, 0.8 ) ) ); background-image: -webkit-linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 183, 183, 183, 0.8 ) ); background-image: -moz-linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 183, 183, 183, 0.8 ) ); background-image: -ms-linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 183, 183, 183, 0.8 ) ); background-image: -o-linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 183, 183, 183, 0.8 ) ); background-image: linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 183, 183, 183, 0.8 ) ); filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#d7d7d7', endColorstr='#b7b7b7' ); border-color: rgb( 199, 199, 199 ) rgb( 183, 183, 183 ) rgb( 199, 199, 199 ) rgb( 183, 183, 183 ); border-color: rgba( 199, 199, 199, 0.8 ) rgba( 183, 183, 183, 0.8 ) rgba( 199, 199, 199, 0.8 ) rgba( 183, 183, 183, 0.8 ); -webkit-box-shadow: inset 0 1px 0 rgba( 199, 199, 199, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 167, 167, 167, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.19 ); -moz-box-shadow: inset 0 1px 0 rgba( 199, 199, 199, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 167, 167, 167, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.19 ); -ms-box-shadow: inset 0 1px 0 rgba( 199, 199, 199, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 167, 167, 167, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.19 ); -o-box-shadow: inset 0 1px 0 rgba( 199, 199, 199, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 167, 167, 167, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.19 ); box-shadow: inset 0 1px 0 rgba( 199, 199, 199, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 167, 167, 167, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.19 ); } input[ type="text" ], input[ type="password" ] { margin-right: 2%; max-width: 55%; padding: 1%; } select { max-width: 100%; } textarea { overflow: auto; /* Remove default scrollbars in Internet Explorer. */ padding: 2%; width: 96%; } input[ type="text" ]:focus, input[ type="password" ]:focus, textarea:focus { border: 1px solid rgb( 200, 200, 200 ); /* #c8c8c8 */ } .comment-form-comment { /* WordPress Comment Form. */ margin-bottom: 13px; } .form-allowed-tags { /* Allowed HTML tags in WordPress Comment Form. */ font-size: 14px; font-size: 1.4rem; margin-bottom: 13px; padding: 1%; } .form-allowed-tags code { font-size: 12px; font-size: 1.2rem; } /* =Embeds -------------------------------------------------------------- */ embed, iframe, object { /* Make sure all embeds fit their containers. */ display: block; margin: 0 0 26px; max-width: 100%; } /* =Images -------------------------------------------------------------- */ img { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ max-width: 100%; /* Prevent images from overflowing their boundaries. */ } #ie8 img { width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8. */ } .aligncenter, .alignleft, .alignright, .alignnone { display: block; } .aligncenter { /* Center-aligned images with no captions. */ margin: 26px auto; } .alignleft { /* Left-aligned images with no captions. */ float: left; margin: 26px 26px 26px 0; } .alignright { /* Right-aligned images with no captions. */ float: right; margin: 26px 0 26px 26px; } .alignnone { /* Images with no alignments and no captions. */ display: inline; margin: 0 0 -7px 0; } div.alignnone { /* Captions with no alignment. */ display: block; } .wp-caption { /* WordPress Captions. */ border: 1px solid rgb( 230, 230, 230 ); /* #e6e6e6 */ border: 1px solid rgba( 230, 230, 230, 0.8 ); max-width: 96%; /* Prevent captions from overflowing into sidebars and other adjacent content. */ margin-bottom: 26px; /* Value should match line-height. */ padding: 13px 8px 3px; /* WordPress automatically adds 5 pixels of padding on the right and left sides of captions, add balance. */ } .wp-caption img { display: block; margin: 0 auto 3px auto; } .wp-caption-text { /* This text is contained within the caption. */ font-family: 'Droid Serif', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 14px; font-size: 1.4rem; font-style: italic; margin: 0; padding: 2px 0 3px 0; text-align: center; } /* =Responsive Galleries -------------------------------------------------------------- */ #content .gallery-item img { border: 1px solid rgb( 230, 230, 230 ); /* #e6e6e6 */ border: 1px solid rgba( 230, 230, 230, 0.8 ); padding: 2%; max-width: 90%; } .gallery-item { /* By default gallery items are set to text-align: center; */ margin: 0 0 19px !important; } .gallery-item a { display: block; width: 100%; } .gallery-caption { font-size: 14px; font-size: 1.4rem; margin: 0 auto !important; max-width: 90%; padding: 0; } .gallery-columns-1 img { /* Single column gallery images. */ padding: 1%; max-width: 96%; } .gallery-columns-1 .gallery-caption { /* Single column gallery captions. */ max-width: 97%; } /* =Page Structure -------------------------------------------------------------- */ #page { padding: 2%; width: 96%; } #page-liner:before, #page-liner:after, #main:before, #main:after, #colophon:before, #colophon:after, .entry-content:before, .entry-content:after { /** * Micro clearfix hack for Main Structure. * See: http://nicolasgallagher.com/micro-clearfix-hack/ */ content: ''; display: table; } #page-liner:after, #main:after, #colophon:after, .entry-content:after { clear: both; } #page-liner { background: rgb( 255, 255, 255 ); /* #fff */ background: rgba( 255, 255, 255, 1 ); border-bottom: 3px solid rgb( 235, 235, 235 ); /* #ebebeb */ border-bottom: 3px solid rgba( 235, 235, 235, 1 ); -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; margin: 0 auto; min-width: 320px; max-width: 1280px; zoom: 1; } #main { clear: both; padding: 0 26px; zoom: 1; } #primary, #secondary, #tertiary { float: left; margin-right: 2%; /** * Word wrapping and hyphenation using CSS * See http://blog.kenneth.io/blog/2012/03/04/word-wrapping-hypernation-using-css/ * @todo Resolve IE8 and FF15 browser bugs with commented out text break rules */ /* -ms-word-break: break-all; word-break declaration is prefixed in IE8 */ /* word-break: break-all; specifies line break opportunities within words. */ /* word-break: break-word; non-standard for WebKit */ /* -webkit-hyphens: auto; add support for hyphenation in WebKit */ /* -moz-hyphens: auto; add support for hyphenation in Firefox */ /* hyphens: auto; split words when line-wrapping */ word-wrap: break-word; /* Force long, unbroken text to wrap to a new line; useful for long URLs and super-long text within small containers. */ } #primary { width: 50%; } #content { float: left; width: 100%; } .one-column #primary { /* No widgets are currently active. */ width: 100%; } .left-sidebar #primary { /* Left sidebar widget area currently active. */ margin: 0 0 0 25%; } .three-columns #primary { /* both left sidebar widget and right sidebar widget are currently active. */ margin: 0 2% 0 25%; } .right-sidebar #primary, .left-sidebar #primary { /* Only one sidebar widget area is active. */ width: 75%; } .page-template-full-width-page-php #primary { /* Full-width page template in use. */ margin: 0; width: 100%; } #secondary { /* Left sidebar */ width: 23%; } .left-sidebar #secondary { margin: 0 0 0 -100%; } .three-columns #secondary { margin: 0 0 0 -77%; } #tertiary { /* Right sidebar */ margin-right: 0; width: 23%; } #colophon { /* Footer */ clear: both; } #primary.image-attachment { margin: 0; width: 100%; } /* =Header -------------------------------------------------------------- */ #site-introduction { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding: 13px 52px; width: 100%; } #masthead { float: left; margin: 0 0 26px; width: 100%; } #headimg { clear: both; } #headimg img { -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; -webkit-box-shadow: 0 0 10px 0 rgba( 0, 0, 0, .2 ); /* #000 */ box-shadow: 0 0 10px 0 rgba( 0, 0, 0, .2 ); display: block; margin: 0 auto; width: 100%; } .site-title, .site-description { font-weight: 700; margin-right: auto; margin-left: auto; min-width: 320px; max-width: 1280px; } .site-title { margin-bottom: 0; } .site-description { font-size: 16px; font-size: 1.6rem; font-style: italic; font-weight: 300; line-height: 26px; } /* =Site Navigation -------------------------------------------------------------- */ .site-navigation { clear: both; float: left; font-size: 14px; font-size: 1.4rem; margin: 0 0 26px 0; width: 100%; } .site-navigation a { color: rgb( 50, 50, 50 ); /* #323232 */ color: rgba( 50, 50, 50, 1 ); } .nav-previous, .nav-next { float: left; width: 50%; } .nav-next { float: right; text-align: right; } #nav-below { border-bottom: 1px solid rgb( 230, 230, 230 ); /* #e6e6e6 */ border-bottom: 1px solid rgba( 230, 230, 230, 0.8 ); padding-bottom: 25px; } /* =Navigation Menu -------------------------------------------------------------- */ .main-navigation, .menu-toggle { /* Small menu */ background-color: rgb( 240, 240, 240 ); /* #f0f0f0 */ background-image: -webkit-gradient( linear, left top, left bottom, from( rgba( 240, 240, 240, 0.8 ) ), to( rgba( 210, 210, 210, 0.8 ) ) ); background-image: -webkit-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) ); background-image: -moz-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) ); background-image: -ms-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) ); background-image: -o-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) ); background-image: linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) ); filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#f0f0f0', endColorstr='#d2d2d2' ); -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; /* box-shadow values: #e6e6e6, #fafafa, #c8c8c8, #000 */ -webkit-box-shadow: inset 0 1px 0 rgba( 230, 230, 230, 0.8 ), inset 0 2px 0 rgba( 250, 250, 250, 0.8 ), inset 0 -1px 0 rgba( 200, 200, 200, 0.6 ), 0 0 1px rgba( 0, 0, 0, .1 ); -moz-box-shadow: inset 0 1px 0 rgba( 230, 230, 230, 0.8 ), inset 0 2px 0 rgba( 250, 250, 250, 0.8 ), inset 0 -1px 0 rgba( 200, 200, 200, 0.6 ), 0 0 1px rgba( 0, 0, 0, .1 ); -ms-box-shadow: inset 0 1px 0 rgba( 230, 230, 230, 0.8 ), inset 0 2px 0 rgba( 250, 250, 250, 0.8 ), inset 0 -1px 0 rgba( 200, 200, 200, 0.6 ), 0 0 1px rgba( 0, 0, 0, .1 ); -o-box-shadow: inset 0 1px 0 rgba( 230, 230, 230, 0.8 ), inset 0 2px 0 rgba( 250, 250, 250, 0.8 ), inset 0 -1px 0 rgba( 200, 200, 200, 0.6 ), 0 0 1px rgba( 0, 0, 0, .1 ); box-shadow: inset 0 1px 0 rgba( 230, 230, 230, 0.8 ), inset 0 2px 0 rgba( 250, 250, 250, 0.8 ), inset 0 -1px 0 rgba( 200, 200, 200, 0.6 ), 0 0 1px rgba( 0, 0, 0, .1 ); float: left; font-size: 13px; font-size: 1.3rem; margin: 0; } .main-navigation ul, .main-small-navigation ul { list-style: none; margin: 0; padding: 0 26px; } .main-navigation li { float: left; position: relative; } .main-navigation li li { width: 180px; } .main-navigation a { display: block; padding: 6px 13px 7px; text-decoration: none; word-wrap: break-word; } .main-navigation ul ul { background: rgb( 255, 255, 255 ); /* #fff */ background: rgba( 255, 255, 255, .95 ); -webkit-box-shadow: 2px 2px 0 0 rgba( 0, 0, 0, .1 ); /* #000 */ box-shadow: 2px 2px 0 0 rgba( 0, 0, 0, .1 ); display: none; float: left; padding: 0; position: absolute; top: 39px; width: 180px; z-index: 99999; } .main-navigation ul ul ul { top: 0; left: 180px; } .main-navigation ul li:hover > ul { display: block; } .main-navigation a:focus, .main-navigation li:hover > a, .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a { background-color: rgb( 215, 215, 215 ); /* #d7d7d7 */ background-image: -webkit-gradient( linear, left top, left bottom, from( rgba( 215, 215, 215, 0.8 ) ), to( rgba( 180, 180, 180, 0.8 ) ) ); background-image: -webkit-linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 180, 180, 180, 0.8 ) ); background-image: -moz-linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 180, 180, 180, 0.8 ) ); background-image: -ms-linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 180, 180, 180, 0.8 ) ); background-image: -o-linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 180, 180, 180, 0.8 ) ); background-image: linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 180, 180, 180, 0.8 ) ); filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#d7d7d7', endColorstr='#b4b4b4' ); /* box-shadow values: #c8c8c8, #f0f0f0, #a5a5a5, #000 */ -webkit-box-shadow: inset 0 1px 0 rgba( 200, 200, 200, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 165, 165, 165, 0.6 ), 0 0 1px rgba( 0, 0, 0, 0.19 ); -moz-box-shadow: inset 0 1px 0 rgba( 200, 200, 200, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 165, 165, 165, 0.6 ), 0 0 1px rgba( 0, 0, 0, 0.19 ); -ms-box-shadow: inset 0 1px 0 rgba( 200, 200, 200, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 165, 165, 165, 0.6 ), 0 0 1px rgba( 0, 0, 0, 0.19 ); -o-box-shadow: inset 0 1px 0 rgba( 200, 200, 200, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 165, 165, 165, 0.6 ), 0 0 1px rgba( 0, 0, 0, 0.19 ); box-shadow: inset 0 1px 0 rgba( 200, 200, 200, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 165, 165, 165, 0.6 ), 0 0 1px rgba( 0, 0, 0, 0.19 ); } .main-navigation li li:hover > a, .main-navigation li li a:hover { background: rgb( 215, 215, 215 ); /* #d7d7d7 */ background: rgba( 215, 215, 215, 0.9 ); box-shadow: none; color: rgb( 13, 61, 155 ); /* #0d3d9b */ color: rgba( 13, 61, 155, 1 ); } .main-navigation li .current-menu-item > a, .main-navigation li .current-menu-ancestor > a, .main-navigation li .current_page_item > a, .main-navigation li .current_page_ancestor > a { background: rgb( 230, 230, 230 ); /* #e6e6e6 */ background: rgba( 230, 230, 230, 0.9 ); box-shadow: none; color: rgb( 13, 61, 155 ); /* #0d3d9b */ color: rgba( 13, 61, 155, 1 ); } h1.menu-toggle { cursor: pointer; float: none; line-height: 26px; padding: 13px 0; text-align: center; } .main-small-navigation { margin-bottom: 0; } .main-small-navigation .menu { display: none; font-size: 12px; font-size: 1.2rem; } .main-small-navigation ul, .main-small-navigation ul ul { padding: 0; } .main-small-navigation li a { background: rgb( 220, 220, 220 ); background: rgba( 220, 220, 220, .8 ); /* box-shadow values: #c8c8c8, #f0f0f0, #a5a5a5, #000 */ -webkit-box-shadow: inset 0 2px 0 rgba( 240, 240, 240, .8 ), 0 0 1px rgba( 0, 0, 0, .5 ); -moz-box-shadow: inset 0 2px 0 rgba( 240, 240, 240, .8 ), 0 0 1px rgba( 0, 0, 0, .5 ); -ms-box-shadow: inset 0 2px 0 rgba( 240, 240, 240, .8 ), 0 0 1px rgba( 0, 0, 0, .5 ); -o-box-shadow: inset 0 2px 0 rgba( 240, 240, 240, .8 ), 0 0 1px rgba( 0, 0, 0, .5 ); box-shadow: inset 0 2px 0 rgba( 240, 240, 240, .8 ), 0 0 1px rgba( 0, 0, 0, .5 ); display: block; padding: 13px 26px; } .main-small-navigation li li { margin: 0 13px; } .main-small-navigation li li a { background: rgb( 240, 240, 240 ); background: rgba( 240, 240, 240, .8 ); padding: 13px; } .main-small-navigation li li li { margin: 0 0 0 26px; } .main-small-navigation li li li a { background: rgb( 253, 253, 253 ); background: rgba( 253, 253, 253, .8 ); } /* =Entries -------------------------------------------------------------- */ .hentry { border-bottom: 1px solid rgb( 230, 230, 230 ); /* #e6e6e6 */ border-bottom: 1px solid rgba( 230, 230, 230, 0.8 ); /* box-shadow values: #c8c8c8, #000 */ -webkit-box-shadow: inset -1px -1px 0 rgba( 200, 200, 200, .3 ), 0 0 1px rgba( 0, 0, 0, .2 ); -moz-box-shadow: inset -1px -1px 0 rgba( 200, 200, 200, .3 ), 0 0 1px rgba( 0, 0, 0, .2 ); -ms-box-shadow: inset -1px -1px 0 rgba( 200, 200, 200, .3 ), 0 0 1px rgba( 0, 0, 0, .2 ); -o-box-shadow: inset -1px -1px 0 rgba( 200, 200, 200, .3 ), 0 0 1px rgba( 0, 0, 0, .2 ); box-shadow: inset -1px -1px 0 rgba( 200, 200, 200, .3 ), 0 0 1px rgba( 0, 0, 0, .2 ); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ clear: both; float: left; margin: 0 0 25px; padding: 26px 26px 13px; position: relative; width: 100%; } .entry-title { font-size: 36px; /* like a default h2 */ font-size: 3.6rem; margin-bottom: 0; } .logged-in .entry-title { width: 93%; } .page .entry-title, .error404 .entry-title, .search-no-results .entry-title { margin-bottom: 26px; } .entry-meta { font-size: 12px; font-size: 1.2rem; margin-bottom: 26px; } .page-links, .more-link { clear: both; font-family: 'Droid Serif', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 14px; font-size: 1.4rem; margin: 0 0 26px; } .page-links a, .more-link { background-color: rgb( 240, 240, 240 ); /* #f0f0f0 */ background-image: -webkit-gradient( linear, left top, left bottom, from( rgba( 240, 240, 240, 0.8 ) ), to( rgba( 210, 210, 210, 0.8 ) ) ); background-image: -webkit-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) ); background-image: -moz-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) ); background-image: -ms-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) ); background-image: -o-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) ); background-image: linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) ); filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#f0f0f0', endColorstr='#d2d2d2' ); -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid rgb( 220, 220, 220 ); /* #dcdcdc */ border: 1px solid rgba( 220, 220, 220, 0.8 ); color: rgb( 50, 50, 50 ); /* #323232 */ color: rgba( 50, 50, 50, 1 ); padding: 0 5px; text-decoration: none; } .page-links a:hover, .page-links a:active, .page-links a:focus { color: rgb( 13, 61, 155 ); /* #0d3d9b */ color: rgba( 13, 61, 155, 1 ); } .page-links a:active, .page-links a:focus { background: rgb( 235, 235, 235 ); /* #ebebeb */ background: rgba( 50, 50, 50, .1 ); } .more-link { display: inline-block; } .more-link:hover { text-decoration: none; } .post-edit-link { background-color: rgb( 240, 240, 240 ); /* #f0f0f0 */ background-image: -webkit-gradient( linear, left top, left bottom, from( rgba( 240, 240, 240, 0.8 ) ), to( rgba( 210, 210, 210, 0.8 ) ) ); background-image: -webkit-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) ); background-image: -moz-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) ); background-image: -ms-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) ); background-image: -o-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) ); background-image: linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) ); filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#f0f0f0', endColorstr='#d2d2d2' ); color: rgb( 50, 50, 50 ); /* #323232 */ color: rgba( 50, 50, 50, 1 ); -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid rgb( 220, 220, 220, 1 ); /* #dcdcdc */ border: 1px solid rgba( 220, 220, 220, 0.8 ); display: inline-block; font-family: 'Droid Serif', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 13px; font-size: 1.3rem; padding: 0 5px; position: absolute; top: 39px; right: 26px; text-decoration: none; } .post-edit-link:hover { text-decoration: none; } #nav-above + .hentry .edit-link { top: 39px; } .entry-attachment img { display: block; margin: 0 auto 26px; } .entry-attachment { clear: both; float: left; width: 100%; } /* =Sticky Posts -------------------------------------------------------------- */ .sticky { background: rgb( 254, 254, 254 ); /* #fefefe */ background: rgba( 254, 254, 254, 0.8 ); /* box-shadow values: #c8c8c8, #000 */ -webkit-box-shadow: inset -1px -1px 0 rgba( 200, 200, 200, .6 ), 0 0 1px rgba( 0, 0, 0, .4 ); -moz-box-shadow: inset -1px -1px 0 rgba( 200, 200, 200, .6 ), 0 0 1px rgba( 0, 0, 0, .4 ); -ms-box-shadow: inset -1px -1px 0 rgba( 200, 200, 200, .6 ), 0 0 1px rgba( 0, 0, 0, .4 ); -o-box-shadow: inset -1px -1px 0 rgba( 200, 200, 200, .6 ), 0 0 1px rgba( 0, 0, 0, .4 ); box-shadow: inset -1px -1px 0 rgba( 200, 200, 200, .6 ), 0 0 1px rgba( 0, 0, 0, .4 ); } /* =Comments TODO -------------------------------------------------------------- */ #comments { clear: both; } .commentlist, .commentlist > ul, .commentlist > ol, .commentlist .children { list-style: none; margin: 0; padding: 0; } .commentlist { margin-bottom: 26px; } .commentlist .children { padding-left: 26px; } article.comment { border-bottom: 1px solid rgb( 231, 231, 231 ); border-bottom: 1px solid rgba( 231, 231, 231, 0.8 ); clear: both; margin-bottom: 12px; padding: 13px; position: relative; } .bypostauthor > article.comment { background: rgb( 240, 240, 240 ); /* #f0f0f0 */ background: rgba( 240, 240, 240, 0.8 ); border-bottom: 1px solid rgb( 215, 215, 215 ); border-bottom: 1px solid rgba( 215, 215, 215, 0.8 ); } .comment footer { font-size: 14px; font-size: 1.4rem; margin-bottom: 26px; } .commentlist .avatar { display: block; float: left; margin-right: 13px; } .comment footer cite { font-style: normal; } .comment-content, .reply { padding-left: 65px; } .reply { font-size: 14px; font-size: 1.4rem; margin: 0 0 13px; } #respond { clear: both; float: left; width: 100%; } #comments #respond form { width: 100% !important; } #commentform label { font-size: 14px; font-size: 1.4rem; font-weight: 700; } #commentform input[ type="text" ] { display: block; } #commentform .required { color: rgb( 255, 0, 0 ); /* #ff0000 */ } .comments-title, #reply-title { font-size: 22px; /* Like a default h3. */ font-size: 2.2rem; line-height: 26px; } /* =Archives -------------------------------------------------------------- */ .page-header { border-bottom: 1px solid rgb( 230, 230, 230 ); /* #e6e6e6 */ border-bottom: 1px solid rgba( 230, 230, 230, 0.8 ); margin-bottom: 25px; } .page-title { font-size: 22px; /* Like a default h4. */ font-size: 2.2rem; line-height: 26px; } /* =Search -------------------------------------------------------------- */ .search-results .page .sep { display: none; } /* =Sidebars -------------------------------------------------------------- */ #secondary, #tertiary { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding: 26px; } /* =Widgets -------------------------------------------------------------- */ .widget-area { font-size: 14px; font-size: 1.4rem; } .widget-area img { -webkit-border-radius: 3px; border-radius: 3px; box-shadow: 0 0 5px 1px #f1f1f1; box-shadow: 0 0 5px 1px rgba( 0, 0, 0, .1 ); } .widget-area .wp-smiley, .widget-area .wp-caption img { -webkit-border-radius: 0; border-radius: 0; box-shadow: none; } .widget-area ul { list-style: none; margin: 0; padding: 0; } .widget-area ul ul { padding-left: 26px; } .widget-area tfoot { font-size: 12px; font-size: 1.2rem; } .widget-area th, .widget-area td, .widget-area caption { padding: 0; } .widget-area th, .widget-area td { text-align: center; } .widget-area th { font-size: 14px; font-size: 1.4rem; } .widget-area tfoot td { text-align: left; } .widget-area tfoot tr:hover { background: none; } .widget-area tfoot #next { text-align: right; } .widget-area caption { line-height: 52px; } .widget { margin: 0 0 39px; float: left; width: 100%; } .widget-title { font-size: 22px; /* like a default h4 */ font-size: 2.2rem; font-style: italic; line-height: 26px; } .widget_calendar .widget-title, .widget_calendar table { margin-bottom: 0; } .widget_rss li { margin: 0 0 26px; } .widget_rss li:last-of-type, .widget form { margin-bottom: 0; } .widget_recent_comments td, td.recentcommentstexttop { border-bottom: 0; line-height: 1.5; padding-bottom: 5px !important; text-align: left; vertical-align: top; } /* =Footer -------------------------------------------------------------- */ #colophon { font-size: 13px; font-size: 1.3rem; padding: 0 26px 26px; zoom: 1; } .footer-navigation { float: left; font-size: 13px; font-size: 1.3rem; margin: 0 0 13px; width: 100%; } .footer-navigation ul { list-style: none; margin: 0; padding: 0; } .footer-navigation li { float: left; position: relative; } .footer-navigation a { border-right: 1px solid rgb( 200, 200, 200 ); /* #c8c8c8 */ border-right: 1px solid rgba( 200, 200, 200, .8 ); display: block; padding: 0 8px 0 6px; } .footer-navigation li:first-child a { padding: 0 8px 0 0; } .footer-navigation li:last-child a { border: none; padding: 0 0 0 6px; } .site-info { clear: both; } .site-info .sep { color: rgb( 200, 200, 200 ); /* #c8c8c8 */ color: rgba( 200, 200, 200, .8 ); } /* =WordPress.com Twitter Widget -------------------------------------------------------------- */ .widget_twitter li { margin-bottom: 26px; } .widget_twitter .timesince { font-size: 12px; font-size: 1.2rem; } /* =WordPress.com Milestone Widget -------------------------------------------------------------- */ .milestone-widget .milestone-header { background-color: rgb( 50, 50, 50 ); /* #323232 */ } .milestone-countdown { color: rgb( 50, 50, 50 ) !important; /* #323232 */ } /* =WordPress.com Widget Overrides -------------------------------------------------------------- */ .widget_goodreads img { -webkit-border-radius: 0; border-radius: 0; box-shadow: none; } /* =WordPress.com Stats Smiley -------------------------------------------------------------- */ #wpstats { display: block; margin: 0 auto 26px; } /* =WordPress.com Sharing -------------------------------------------------------------- */ .sharedaddy { margin: 0 0 13px; } .sharedaddy .sharedaddy { margin: 0; } #content div.sharedaddy div.sd-block { border-color: rgb( 245, 245, 245 ); /* #f5f5f5 */ border-color: rgba( 245, 245, 245, 0.8 ); padding: 16px 0 5px !important; } #content div.sharedaddy div.wpl-likebox { padding-bottom: 12px !important; } div.sharedaddy .wpl-count { padding: 7px 0 0; } .wpl-count-number { line-height: 1; } div.sharedaddy ul.wpl-avatars { padding-bottom: 2px !important; } .entry-content div.sharedaddy .sd-content ul li.share-google-plus-1 { margin-top: 3px !important; margin-bottom: -1px !important; } /* =WordPress.com/Polldaddy Polls -------------------------------------------------------------- */ .PDS_Poll { margin: 0 0 26px; } /* =WordPress.com Digg Button -------------------------------------------------------------- */ .db-wrapper { margin: 0 10px 10px 0; } /* =WordPress.com Follow -------------------------------------------------------------- */ #bit h3 { line-height: 26px; } #bit form { float: none; margin: 0; } /* =Jetpack Carousel -------------------------------------------------------------- */ .jp-carousel-image-meta a.jp-carousel-image-download { display: inline; } /* =SyntaxHighlighter Styles -------------------------------------------------------------- */ .syntaxhighlighter table { table-layout: auto; } .syntaxhighlighter .lines td { padding: 5px 0 6px !important; } /* =VideoPress Styles -------------------------------------------------------------- */ .video-player { margin: 0 0 26px !important; padding: 0 !important; } /* =Tiled Galleries -------------------------------------------------------------- */ div.tiled-gallery { margin: 0 0 26px; } /* =Infinite Scroll -------------------------------------------------------------- */ /** * Globally hidden elements when IS is supported and in use. */ .infinite-scroll #nav-above, /* Older / Newer Posts Navigation (always hidden). */ .infinite-scroll #nav-below, .infinite-scroll.neverending #colophon { /* Theme Footer (when set to scrolling). */ display: none; } /** * When IS has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending #colophon { display: block; } /** * Global style tweaks when IS is supported and in use. */ .infinite-scroll .infinite-wrap, /* Each IS loop content wrapper (multiple instances). */ .infinite-scroll .infinite-loader, /* Each IS loading spinner (multiple instances). */ .infinite-scroll #infinite-handle /* The Load more posts button. */ { clear: both; } .infinite-scroll .infinite-wrap { border-top: none; padding: 0; } .infinite-scroll #infinite-footer .container { /* IS border */ border-color: #e7e7e7; } /** * Make sure that clicking Load more posts doesn't cause any jarringness. */ .infinite-scroll #infinite-handle { float: left; height: 79px; } .infinite-scroll #infinite-handle span { display: block; margin: 13px 0; } .infinite-scroll .infinite-loader { margin: 0 0 51px; }