/* Theme Name: Able Description: Used to style the TinyMCE editor. */ html .mceContentBody { 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+ */ padding: 26px; margin: 26px; max-width: 869px; } /* =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; } 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-weight: 300; text-rendering: optimizeLegibility; } /* =Links -------------------------------------------------------------- */ a, a:hover, a:active, a:focus { color: rgb( 13, 61, 155 ); /* #0d3d9b */ color: rgba( 13, 61, 155, 1 ); text-decoration: none; } /* =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, 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; } h2 { font-size: 36px; } h3 { font-size: 28px; } h4 { font-size: 22px; } h5 { font-size: 18px; } h6 { font-size: 16px; 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 */ } 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 { 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; 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; } mark, ins { background: rgb( 245, 245, 245 ); /* #f5f5f5 */ background: rgba( 245, 245, 245, 0.8 ); color: rgb( 50, 50, 50 ); /* #323232 */ color: rgba( 50, 50, 50, 1 ); text-decoration: none; } sup, sub { font-size: 11px; 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; width: 100%; } tfoot { font-size: 14px; } 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; line-height: 51px; text-align: left; } td { border-bottom: 1px solid rgb( 230, 230, 230 ); /* #e6e6e6 */ border-bottom: 1px solid rgba( 230, 230, 230, 0.8 ); line-height: 51px; } /* =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 */ background: rgb( 255, 255, 255 ); border: 1px solid rgb( 230, 230, 230 ); /* #e6e6e6 */ border: 1px solid rgba( 230, 230, 230, 0.8 ); max-width: 100%; /* 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, .wp-caption-dd { /* This text is contained within the caption */ font-family: 'Droid Serif', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 14px; font-style: italic; margin: 0; padding: 2px 0 3px 0; text-align: center; }