/* Theme Name: Jill Lynn Design Theme Theme URI: http://JillLynnDesign.com/ Author: Ben Kaplan Technologies + Jill Lynn Design Author URI: http://benkaplan.info/ Description: The 2013 theme for Jill Lynn Design Version: 3.1 Date: 5/2013 Development by Ben Kaplan, ben@benkaplan.info Design by Jill Anderson, Jill@JillLynnDesign.com Container structure for reference page header #branding (logo) hgroup (site-title/description) search nav (navigation) main primary content (contains the loop) secondary (sidebar - widgets) footer site-generator CSS File Index Global ---------------------- =Typography =Reset =Wordpress-Template-Specific-Layouts =Structure =Global-Elements =Header =Menu =Content =error404 =Attachments =Navigation =Widgets =Comments =Footer =Pages =Responsive Structure =Print CSS standardized structure .name-with-dashes ( // fonts font-family: inherit; font-size: 100px; font-size: 10.0rem; font-style: inherit; font-weight: inherit; // text treatments color:#FF0000; content:''; line-height:1; line-height:26px; line-height:2.6rem; list-style:none; text-align:left; text-indent:-9999px; text-overflow:ellipsis; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#000000')"; text-shadow: 0 0 0 rgba(255,255,255, 1); text-transform:normal; -ms-word-wrap:normal; word-wrap:normal; background:none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a4a4a', endColorstr='#1e1e1e'); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E4E4E4), to(#bdbdbd)); background: -webkit-linear-gradient(top, #E4E4E4, #bdbdbd); background: -moz-linear-gradient(top, #E4E4E4, #bdbdbd); background: -ms-linear-gradient(top, #E4E4E4, #bdbdbd); background: -o-linear-gradient(top, #E4E4E4, #bdbdbd); // border stuff border: 0; -webkit-border-radius: 12px; border-radius: 12px; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); // the rest of the cool stuff that fun and transformational -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -o-transform: rotate(1deg); -ms-transform: rotate(1deg); transform: rotate(1deg); // positioning position: absolute; top:0; left:0; // floating and layering clear:none; float:none; vertical-align: baseline; z-index:0; // visibility display:block; overflow:visible; visibility:visible; // box size width:100%; min-width:200px; height:100%; min-height:200px; margin: 0; padding: 0; resize: vertical; ) */ @import url('inc/css/bootstrap-responsive.min.css'); @import url('inc/css/bootstrap.min.css'); /* =Typography * -------------------------------------------------------------- */ /* icon fonts */ /* To view these fonts and their corresponding key matches go to /wp-content/themes/bkt/inc/fonts/demo.html */ @font-face { font-family: 'SocialicoRegular'; src: url('inc/fonts/socialico-webfont.eot'); src: url('inc/fonts/socialico-webfont.eot?#iefix') format('embedded-opentype'), url('inc/fonts/socialico-webfont.woff') format('woff'), url('inc/fonts/socialico-webfont.ttf') format('truetype'), url('inc/fonts/socialico-webfont.svg#SocialicoRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ModernPictogramsNormal'; src: url('inc/fonts/modernpics-webfont.eot'); src: url('inc/fonts/modernpics-webfont.eot?#iefix') format('embedded-opentype'), url('inc/fonts/modernpics-webfont.woff') format('woff'), url('inc/fonts/modernpics-webfont.ttf') format('truetype'), url('inc/fonts/modernpics-webfont.svg#ModernPictogramsNormal') format('svg'); font-weight: normal; font-style: normal; } /* font awesome goodness */ @font-face { font-family: 'FontAwesome'; src: url('inc/fonts/font-awesome/fontawesome-webfont.eot'); src: url('inc/fonts/font-awesome/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('inc/fonts/font-awesome/fontawesome-webfont.woff') format('woff'), url('inc/fonts/font-awesome/fontawesome-webfont.ttf') format('truetype'), url('inc/fonts/font-awesome/fontawesome-webfont.svgz#FontAwesomeRegular') format('svg'), url('inc/fonts/font-awesome/fontawesome-webfont.svg#FontAwesomeRegular') format('svg'); font-weight: normal; font-style: normal; } /* sprites.less reset */ [class^="icon-"], [class*=" icon-"] { display: inline; width: auto; height: auto; line-height: inherit; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; } li[class^="icon-"], li[class*=" icon-"] { display: block; } /* Font Awesome styles ------------------------------------------------------- */ ul.icons { list-style:none; text-indent: -20px; text-indent: -2rem; margin: 0 0 26px 40px; margin: 0 0 2.6rem 4rem; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; } a [class^="icon-"], a [class*=" icon-"] { display: inline-block; text-decoration: inherit; } /* makes the font 33% larger relative to the icon container */ .icon-large:before { /* vertical-align: top; */ font-size: 1.3333333333333333em; } .button [class^="icon-"], .button [class*=" icon-"] { /* keeps button heights with and without icons the same */ line-height: .9em; } li [class^="icon-"], li [class*=" icon-"] { display: inline-block; width: 1.25em; text-align: center; } li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] { /* 1.5 increased font size for icon-large * 1.25 width */ width: 1.875em; } li[class^="icon-"], li[class*=" icon-"] { margin-left: 0; list-style-type: none; } li[class^="icon-"]:before, li[class*=" icon-"]:before { text-indent: -2em; text-align: center; } li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before { text-indent: -1.3333333333333333em; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .icon-glass:before { content: "\f000"; } .icon-music:before { content: "\f001"; } .icon-search:before { content: "\f002"; } .icon-envelope:before { content: "\f003"; } .icon-heart:before { content: "\f004"; } .icon-star:before { content: "\f005"; } .icon-star-empty:before { content: "\f006"; } .icon-user:before { content: "\f007"; } .icon-film:before { content: "\f008"; } .icon-th-large:before { content: "\f009"; } .icon-th:before { content: "\f00a"; } .icon-th-list:before { content: "\f00b"; } .icon-ok:before { content: "\f00c"; } .icon-remove:before { content: "\f00d"; } .icon-zoom-in:before { content: "\f00e"; } .icon-zoom-out:before { content: "\f010"; } .icon-off:before { content: "\f011"; } .icon-signal:before { content: "\f012"; } .icon-cog:before { content: "\f013"; } .icon-trash:before { content: "\f014"; } .icon-home:before { content: "\f015"; } .icon-file:before { content: "\f016"; } .icon-time:before { content: "\f017"; } .icon-road:before { content: "\f018"; } .icon-download-alt:before { content: "\f019"; } .icon-download:before { content: "\f01a"; } .icon-upload:before { content: "\f01b"; } .icon-inbox:before { content: "\f01c"; } .icon-play-circle:before { content: "\f01d"; } .icon-repeat:before { content: "\f01e"; } /* \f020 is not a valid unicode character. all shifted one down */ .icon-refresh:before { content: "\f021"; } .icon-list-alt:before { content: "\f022"; } .icon-lock:before { content: "\f023"; } .icon-flag:before { content: "\f024"; } .icon-headphones:before { content: "\f025"; } .icon-volume-off:before { content: "\f026"; } .icon-volume-down:before { content: "\f027"; } .icon-volume-up:before { content: "\f028"; } .icon-qrcode:before { content: "\f029"; } .icon-barcode:before { content: "\f02a"; } .icon-tag:before { content: "\f02b"; } .icon-tags:before { content: "\f02c"; } .icon-book:before { content: "\f02d"; } .icon-bookmark:before { content: "\f02e"; } .icon-print:before { content: "\f02f"; } .icon-camera:before { content: "\f030"; } .icon-font:before { content: "\f031"; } .icon-bold:before { content: "\f032"; } .icon-italic:before { content: "\f033"; } .icon-text-height:before { content: "\f034"; } .icon-text-width:before { content: "\f035"; } .icon-align-left:before { content: "\f036"; } .icon-align-center:before { content: "\f037"; } .icon-align-right:before { content: "\f038"; } .icon-align-justify:before { content: "\f039"; } .icon-list:before { content: "\f03a"; } .icon-indent-left:before { content: "\f03b"; } .icon-indent-right:before { content: "\f03c"; } .icon-facetime-video:before { content: "\f03d"; } .icon-picture:before { content: "\f03e"; } .icon-pencil:before { content: "\f040"; } .icon-map-marker:before { content: "\f041"; } .icon-adjust:before { content: "\f042"; } .icon-tint:before { content: "\f043"; } .icon-edit:before { content: "\f044"; } .icon-share:before { content: "\f045"; } .icon-check:before { content: "\f046"; } .icon-move:before { content: "\f047"; } .icon-step-backward:before { content: "\f048"; } .icon-fast-backward:before { content: "\f049"; } .icon-backward:before { content: "\f04a"; } .icon-play:before { content: "\f04b"; } .icon-pause:before { content: "\f04c"; } .icon-stop:before { content: "\f04d"; } .icon-forward:before { content: "\f04e"; } .icon-fast-forward:before { content: "\f050"; } .icon-step-forward:before { content: "\f051"; } .icon-eject:before { content: "\f052"; } .icon-chevron-left:before { content: "\f053"; } .icon-chevron-right:before { content: "\f054"; } .icon-plus-sign:before { content: "\f055"; } .icon-minus-sign:before { content: "\f056"; } .icon-remove-sign:before { content: "\f057"; } .icon-ok-sign:before { content: "\f058"; } .icon-question-sign:before { content: "\f059"; } .icon-info-sign:before { content: "\f05a"; } .icon-screenshot:before { content: "\f05b"; } .icon-remove-circle:before { content: "\f05c"; } .icon-ok-circle:before { content: "\f05d"; } .icon-ban-circle:before { content: "\f05e"; } .icon-arrow-left:before { content: "\f060"; } .icon-arrow-right:before { content: "\f061"; } .icon-arrow-up:before { content: "\f062"; } .icon-arrow-down:before { content: "\f063"; } .icon-share-alt:before { content: "\f064"; } .icon-resize-full:before { content: "\f065"; } .icon-resize-small:before { content: "\f066"; } .icon-plus:before { content: "\f067"; } .icon-minus:before { content: "\f068"; } .icon-asterisk:before { content: "\f069"; } .icon-exclamation-sign:before { content: "\f06a"; } .icon-gift:before { content: "\f06b"; } .icon-leaf:before { content: "\f06c"; } .icon-fire:before { content: "\f06d"; } .icon-eye-open:before { content: "\f06e"; } .icon-eye-close:before { content: "\f070"; } .icon-warning-sign:before { content: "\f071"; } .icon-plane:before { content: "\f072"; } .icon-calendar:before { content: "\f073"; } .icon-random:before { content: "\f074"; } .icon-comment:before { content: "\f075"; } .icon-magnet:before { content: "\f076"; } .icon-chevron-up:before { content: "\f077"; } .icon-chevron-down:before { content: "\f078"; } .icon-retweet:before { content: "\f079"; } .icon-shopping-cart:before { content: "\f07a"; } .icon-folder-close:before { content: "\f07b"; } .icon-folder-open:before { content: "\f07c"; } .icon-resize-vertical:before { content: "\f07d"; } .icon-resize-horizontal:before { content: "\f07e"; } .icon-bar-chart:before { content: "\f080"; } .icon-twitter-sign:before { content: "\f081"; } .icon-facebook-sign:before { content: "\f082"; } .icon-camera-retro:before { content: "\f083"; } .icon-key:before { content: "\f084"; } .icon-cogs:before { content: "\f085"; } .icon-comments:before { content: "\f086"; } .icon-thumbs-up:before { content: "\f087"; } .icon-thumbs-down:before { content: "\f088"; } .icon-star-half:before { content: "\f089"; } .icon-heart-empty:before { content: "\f08a"; } .icon-signout:before { content: "\f08b"; } .icon-linkedin-sign:before { content: "\f08c"; } .icon-pushpin:before { content: "\f08d"; } .icon-external-link:before { content: "\f08e"; } .icon-signin:before { content: "\f090"; } .icon-trophy:before { content: "\f091"; } .icon-github-sign:before { content: "\f092"; } .icon-upload-alt:before { content: "\f093"; } .icon-lemon:before { content: "\f094"; } /* bktfonts! To view these fonts and their corresponding key matches go to /wp-content/themes/bkt/inc/fonts/bktfonts.html /* -------------------------------------------------------------- */ @font-face { font-family: 'bktfont'; src:url('inc/fonts/bktfonts/bktfont.eot'); src:url('inc/fonts/bktfonts/bktfont.eot?#iefix') format('embedded-opentype'), url('inc/fonts/bktfonts/bktfont.svg#bktfont') format('svg'), url('inc/fonts/bktfonts/bktfont.woff') format('woff'), url('inc/fonts/bktfonts/bktfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-sicon]:before { font-family: 'bktfont'; content: attr(data-icon); speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } /* Use the following CSS code if you want to have a class per icon */ [class^="sicon-"]:before, [class*=" sicon-"]:before { font-family: 'bktfont'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } .sicon-mail:before { content: "\2a"; } .sicon-mail-circle:before { content: "\2b"; } .sicon-mail-square:before { content: "\35"; } .sicon-google-plus:before { content: "\32"; } .sicon-google-plus-circle:before { content: "\34"; } .sicon-google-plus-square:before { content: "\33"; } .sicon-facebook:before { content: "\26"; } .sicon-facebook-circle:before { content: "\28"; } .sicon-facebook-square:before { content: "\27"; } .sicon-twitter:before { content: "\23"; } .sicon-twitter-circle:before { content: "\25"; } .sicon-twitter-square:before { content: "\24"; } .sicon-feed:before { content: "\2c"; } .sicon-feed-circle:before { content: "\2e"; } .sicon-feed-square:before { content: "\2d"; } .sicon-vimeo:before { content: "\30"; } .sicon-vimeo-circle:before { content: "\31"; } .sicon-vimeo-square:before { content: "\21"; } .sicon-flickr:before { content: "\22"; } .sicon-flickr-circle:before { content: "\29"; } .sicon-flickr-square:before { content: "\2f"; } .sicon-wordpress:before { content: "\36"; } .sicon-wordpress-square:before { content: "\37"; } .sicon-pinterest:before { content: "\38"; } .sicon-pinterest-circle:before { content: "\39"; } .sicon-pinterest-square:before { content: "\3a"; } .sicon-linkedin:before { content: "\3b"; } .sicon-linkedin-circle:before{ content: "\3c"; } .sicon-linkedin-square:before { content: "\3d"; } .sicon-youtube:before { content: "\3e"; } .sicon-youtube-circle:before { content: "\3f"; } .sicon-youtube-square:before { content: "\40"; } .sicon-solamar:before { content: "\41"; } .sicon-diamonds:before { content: "\42"; } .sicon-left-quote:before { content: "\43"; } .sicon-right-quote:before { content: "\44"; } .sicon-arrow-up:before { content: "\45"; } .sicon-arrow-right:before { content: "\46"; } .sicon-arrow-down:before { content: "\47"; } .sicon-arrow-left:before { content: "\48"; } .sicon-arrow-left-alt1:before{ content: "\49"; } .sicon-arrow-right-alt1:before { content: "\4a"; } .sicon-arrow-up-alt1:before { content: "\4b"; } .sicon-arrow-down-alt1:before{ content: "\4c"; } .sicon-arrow-left-2:before { content: "\4d"; } .sicon-arrow-right-2:before { content: "\4e"; } .sicon-arrow-up-2:before { content: "\4f"; } .sicon-arrow-down-2:before { content: "\50"; } .sicon-comment:before { content: "\51"; } .sicon-comment-alt2-stroke:before { content: "\52"; } .sicon-comment-alt2-fill:before { content: "\53"; } .sicon-map-pin-stroke:before { content: "\54"; } .sicon-map-pin-fill:before { content: "\55"; } .sicon-instagram-circle:before { content: "\56"; } .sicon-instagram-square:before { content: "\58"; } .sicon-instagram-plain:before { content: "\57"; } .sicon-menu:before { content: "\59"; } /* theme specific fonts -------------------------------------------------------------- */ /* =Reset default browser CSS. * Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html * Based on HTML Boiler Plate http://h5bp.com -------------------------------------------------------------- */ 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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; border: 0; outline: 0; vertical-align: baseline; margin: 0; padding: 0; } :focus {/* remember to define focus styles! */ outline: 0; } body { line-height: 1.5; } ol, ul { list-style: none; } table {/* tables still need 'cellspacing="0"' in the markup */ border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: 0; } /* * 1. Improve image quality when scaled in IE7: h5bp.com/d * 2. Remove the gap between images and borders on image containers: h5bp.com/e */ img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } /* Bootstrap reset */ a:hover { text-decoration: none; color: #1982D1; } /* ============================================================================= Base - boiler plate holdover resets not included in bootstrap ========================================================================== */ [hidden] { display: none; } html { font-size: 10px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-y: scroll; } /* * Setting the base font and color for the site */ body, button, input, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px; font-size: 1.6rem; font-weight: 300; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection declarations have to be separate * Also: now matches link color for easy find + replace */ ::-moz-selection { background: #1982D1; color: #fff; text-shadow: none; } ::selection { background: #1982D1; color: #fff; text-shadow: none; } input::-webkit-input-placeholder { color: #666666; } input:-moz-placeholder { color: #666666; } /* =Structure ----------------------------------------------- */ body { margin: 0; padding: 0; } #page, .container { max-width: 1000px; width: 100%; margin: 0 auto; } .sales #branding { display:none; } #primary { float: left; width: 62%; margin: 0; } /* #home #primary { width: 100%; } */ #content { width: auto; margin: 0; } #secondary { float: right; width: 25%; margin-right: 3.6%; } /* Singular */ .singular #content { margin: 0; } .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title { margin: 0 auto; } /* Attachments */ .singular .image-attachment .entry-content { width: auto; margin: 0 auto; } .singular .image-attachment .entry-description { width: 68.9%; margin: 0 auto; } /* error404 */ .error404 #primary { float: none; margin: 0; } .error404 #primary #content { width: auto; margin: 0 3.6%; } /* Alignment */ .alignleft { display: inline; float: left; margin-right: 26px; margin-right: 2.6rem; } .alignright { display: inline; float: right; margin-left: 26px; margin-left: 2.6rem; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /* Right Content */ .left-sidebar #primary { float: right; width: 100%; margin: 0 0 0 -26.4%; } .left-sidebar #content { width: 58.4%; margin: 0 3.6% 0 34%; } .left-sidebar #secondary { float: left; width: 18.8%; margin-left: 3.6%; margin-right: 0; } /* One column */ .one-column #primary { width: 100%; } .one-column #content { width: auto; margin: 0; } .one-column #nav-below { margin-bottom:26px; margin-bottom:2.6rem; border-bottom: 1px solid #ddd; } .one-column #secondary { float: none; width: auto; margin: 0 3.6%; } /* Simplify the showcase template when small feature */ .one-column section.featured-post .attachment-small-feature { position: static; display: block; height: auto; max-width: 60%; border: none; } .one-column article.feature-image.small { margin: 0 0 26px; margin: 0 0 2.6rem; padding: 0; } .one-column article.feature-image.small .entry-title { font-size: 20px; font-size: 2.0rem; line-height: 24px; line-height: 2.4rem; } .one-column article.feature-image.small .entry-summary { height: 150px; text-overflow: ellipsis; overflow: hidden; padding: 0; } .one-column article.feature-image.small .entry-summary a { left: -9%; } /* Remove the margin on singular articles */ .one-column.singular .entry-header, .one-column.singular .entry-content, .one-column.singular footer.entry-meta, .one-column.singular #comments-title { width: 100%; } /* Simplify the pullquotes and pull styles */ .one-column.singular blockquote.pull { margin: 0 0 26px; margin: 0 0 2.6rem; } .one-column.singular .pull.alignleft { margin: 0 26px 0 0; margin: 0 2.6rem 0 0; } .one-column.singular .pull.alignright { margin: 0 0 0 26px; margin: 0 0 0 2.6rem; } .one-column.singular .entry-meta .edit-link a { position: absolute; left: 0; top: 40px; } .one-column.singular #author-info { margin: 36px -8.8% 0; margin: 3.6rem -8.8% 0; padding: 20px 8.8%; } /* Make sure we have room for our comment avatars */ .one-column .commentlist > li.comment { width: auto; margin-left: 102px; } /* Make sure the logo and search form don't collide */ .one-column #branding #searchform { top: 64px; top: 6.4rem; right: 40px; } /* Talking avatars take up too much room at this size */ .one-column .commentlist > li.comment { margin-left: 0; } .one-column .commentlist > li.comment .comment-meta, .one-column .commentlist > li.comment .comment-content { margin-right: 85px; } .one-column .commentlist .avatar { background: transparent; top: 26px; top: 2.6rem; left: auto; right: 26px; right: 2.6rem; display: block; padding: 0; } .one-column .commentlist .children .avatar { background: none; position: absolute; top: 36px; top: 3.6rem; left: 36px; left: 3.6rem; padding: 0; } .one-column #respond { width: auto; } /* =Global ----------------------------------------------- */ /* Headings */ h1,h2,h3,h4,h5,h6 { } hr { border: 0; border-top: 1px solid #ccc; display:block; height: 1px; margin: 20px 0; margin: 2.0rem 0; padding: 0; } /* Text elements */ p { margin-bottom: 26px; margin-bottom: 2.6rem; } ul, ol { margin: 0 0 26px 40px; margin: 0 0 2.6rem 4.0rem; } ul { list-style: square; } .widget-area ul { list-style:none; } ol { list-style-type: decimal; } ol ol { list-style: upper-alpha; } ol ol ol { list-style: lower-roman; } ol ol ol ol { list-style: lower-alpha; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } dl { margin: 0 26px; margin: 0 2.6rem; } dt { font-weight: bold; } dd { margin-bottom: 26px; margin-bottom: 2.6rem; } b, strong { font-weight: bold; } cite, em, i { font-style: italic; } small { font-size: 85%; } blockquote { margin: 0 48px; margin: 0 4.8rem; } blockquote p { margin-bottom: 26px; margin-bottom: 2.6rem; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote cite { letter-spacing: 0.05em; letter-spacing: 0.05rem; text-transform: uppercase; } pre { line-height: 1.5; background: #f4f4f4; overflow: auto; margin-bottom:26px; margin-bottom:2.6rem; padding: 12px 26px; padding: 1.2rem 2.6rem; } /* Redeclare monospace font family: h5bp.com/j */ pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size:10px; font-size: 1rem; } /* Improve readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } q { quotes: none; } q:before, q:after { content: ""; content: none; } abbr[title], abbr, acronym, dfn { border-bottom: 1px dotted #646464; cursor: help; } address { display: block; margin: 0 0 26px; margin: 0 0 2.6rem; } dfn { font-style: italic; } ins { color:#000; text-decoration: none; background: #fff9c0; } /* Position subscript and superscript content without affecting line-height: h5bp.com/k */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; top: -0.5rem; } sub { bottom: -0.25em; bottom:-0.25rem; } /* Forms */ select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { border: 0; height:auto; padding: 8px; padding: 0.8rem; } input#s { font-size: 14px; font-size: 1.4rem; line-height: 32px; line-height: 3.2rem; -webkit-border-radius: 2px; border-radius: 2px; background: url(images/search.png) no-repeat 5px 6px; height: 32px; padding: 4px 10px 4px 28px; } input#searchsubmit { display: none; } .button { font-size:14px; font-size:1.4rem; font-weight:normal; color:#FFFFFF; text-transform:uppercase; letter-spacing:1px; letter-spacing:0.15rem; border: 0; -moz-border-radius: 5px; border-radius: 5px; -webkit-appearance: none; background:none; background-color: #1982D1; outline: none; padding:8px 12px; } /* Gravity Forms */ body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label .gfield_required { color: #1982D1; } body .gform_wrapper .gform_body .gform_fields .gfield input, body .gform_wrapper .gform_body .gform_fields .gfield textarea { font-size: 16px; font-size: 1.6rem; padding: 5px; padding: 0.5rem; } body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label { font-weight: normal; } /* Links */ a { color: #1982d1; text-decoration: none; } a:active, a:hover { text-decoration: none; outline: 0; } /* Assistive text */ .assistive-text { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } #access a.assistive-text:active, #access a.assistive-text:focus { font-size: 12px; font-size: 1.2rem; color: #1982d1; text-decoration: underline; border-bottom: 1px solid #ddd; background: #eee; position: absolute; top: 0; left: 3.6%; clip: auto !important; } /* =Global-Elements ----------------------------------------------- */ /* =Header ----------------------------------------------- */ #branding { position: relative; z-index: 9999; } .site-title { padding: 20px 0 0; padding: 2.0rem 0 0; } .site-title a { font-size: 30px; font-size: 3.0rem; font-weight: bold; line-height: 36px; text-decoration: none; } .site-title a:hover, .site-title a:focus, .site-title a:active { } .site-description { font-size: 14px; font-size: 1.4rem; color: #7a7a7a; margin: 0 0 20px 0; margin: 0 0 2.0rem 0; } /* .site-title span, .site-description { position: absolute; top: -9999px; left: -9999px; } */ #branding img { } /* Search Form */ #branding #searchform { text-align: right; position: absolute; top: 60px; top: 6.0rem; right: 3.6%; } #branding #searchform div { margin: 0; } #branding #s { -webkit-transition-duration: 400ms; -webkit-transition-property: width, background; -webkit-transition-timing-function: ease; -moz-transition-duration: 400ms; -moz-transition-property: width, background; -moz-transition-timing-function: ease; -o-transition-duration: 400ms; -o-transition-property: width, background; -o-transition-timing-function: ease; float: right; width:150px; max-width: 200px; } #branding #s:focus { background-color: #f9f9f9; width: 196px; } #branding #searchsubmit { display: none; } #branding .only-search #searchform { top: 5px; z-index: 1; } #branding .only-search #s { color: #222; background-color: #666; border-color: #000; } #branding .only-search #s, #branding .only-search #s:focus { width: 85%; } #branding .only-search #s:focus { background-color: #bbb; } #branding .with-image #searchform { top: auto; bottom: -27px; max-width: 195px; } #branding .only-search + #access div { padding-right: 205px; } /* =Menu * * The Main Navigation in the header utilizes custom Walkers to 'clean' out the old legacy wordpress markup. * New Structure *