/* Theme Name: HCF Theme URI: http:// Version: 0.1 License: GNU General Public License v2 License URI: http://www.gnu.org/licenses/gpl-2.0.html /* ============================================================================= - Reset Stylesheet ============================================================================= */ 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: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } audio, canvas, video { display: -moz-inline-stack; -moz-box-orient: vertical; display: inline-block; *display: inline; vertical-align: top; *zoom: 1; } audio:not([controls]), [hidden] { display: none; } a:focus { outline: thin dotted #333333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } nav ul, nav ol { list-style: none; margin: 0; padding: 0; } img { border: 0; max-width: 100%; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: text-bottom; } table { border-collapse: collapse; border-spacing: 0; } /* ============================================================================= - Base ============================================================================= */ * html { font-size: 87.5%; } html { font-size: 14px; line-height: 1.5em; overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -webkit-font-smoothing: antialiased; /* http://maxvoltar.com/archive/-Webkit-font-smoothing */ } body { background: white; color: #b1b1b1; font-family: "Lato", sans-serif; font-weight: 400; text-rendering: optimizeLegibility; /* http://aestheticallyloyal.com/public/optimize-legibility/ */ } /* SELECTION ----------------- */ ::-moz-selection { background: #00baff; color: white; text-shadow: none; } ::selection { background: #00baff; color: white; text-shadow: none; } /* LINKS ----------------- */ a { color: #00baff; text-decoration: none; } a:hover { color: #0095cc; text-decoration: underline; } a:visited, a:active { color: #00a7e6; } /* ============================================================================= - Grid System ============================================================================= */ /* GRID LAYOUT - 24 column grid 24 columns 20px Gutter 20px Column width ----------------- */ .container { margin: 0 auto 40px; *zoom: 1; width: 940px; } .container:after { content: ""; display: table; clear: both; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-17, .col-18, .col-19, .col-20, .col-21, .col-22, .col-23, .col-24 { display: inline; float: left; margin-right: 20px; } * html .col-1, * html .col-2, * html .col-3, * html .col-4, * html .col-5, * html .col-6, * html .col-7, * html .col-8, * html .col-9, * html .col-10, * html .col-11, * html .col-12, * html .col-13, * html .col-14, * html .col-15, * html .col-16, * html .col-17, * html .col-18, * html .col-19, * html .col-20, * html .col-21, * html .col-22, * html .col-23, * html .col-24 { overflow-x: hidden; } .col-1 { width: 20px; } .col-2 { width: 60px; } .col-3 { width: 100px; } .col-4 { width: 140px; } .col-5 { width: 180px; } .col-6 { width: 220px; } .col-7 { width: 260px; } .col-8 { width: 300px; } .col-9 { width: 340px; } .col-10 { width: 380px; } .col-11 { width: 420px; } .col-12 { width: 460px; } .col-13 { width: 500px; } .col-14 { width: 540px; } .col-15 { width: 580px; } .col-16 { width: 620px; } .col-17 { width: 660px; } .col-18 { width: 700px; } .col-19 { width: 740px; } .col-20 { width: 780px; } .col-21 { width: 820px; } .col-22 { width: 860px; } .col-23 { width: 900px; } .col-24 { width: 940px; margin-right: 0; } /* ============================================================================= - Typography ============================================================================= */ /* HEADING ----------------- */ h1, h2, h3, h4, h5, h6 { font-family: "Oswald", sans-serif; font-weight: 300; } /* TEXT ELEMENT ----------------- */ p { margin: 0 0 1.5em; } i, em { font-style: italic; font-family: "Lato", sans-serif; font-weight: 400; font-style: italic; } b, strong { font-weight: bold; font-family: "Lato", sans-serif; font-weight: 700; } small { font-size: 85%; } cite { font-style: normal; } dfn { font-style: italic; font-weight: bold; font-family: "Lato", sans-serif; font-weight: 700; } sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; vertical-align: sub; } sub { bottom: -0.25em; vertical-align: super; } abbr, acronym { font-size: 90%; text-transform: uppercase; border-bottom: 1px dotted #dddddd; cursor: help; } del { color: #aaaaaa; text-decoration: line-through; vertical-align: baseline; } pre { background: #ffff99; border-bottom: 1px solid #ffff22; border-top: 1px solid #ffff22; color: #990; margin: 1.5em 0; padding: 0.75em 0.45em; white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: -hp-pre-wrap; word-wrap: break-word; } code { background: #ffff99; color: #990; font-size: 11px; line-height: 1.2em; padding: 0.3em; } pre, code, kbd, samp, tt { font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace; } ins { text-decoration: underline; } mark { background: #ff0; color: #990; font-size: 11px; } /* BLOCKQUOTE ----------------- */ blockquote { border-left: 3px solid #eeeeee; color: #cccccc; font-style: italic; font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; margin: 1em 40px; padding-left: 1.35em; } blockquote em, blockquote i, blockquote cite { font-style: normal; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } address { display: block; margin: 0 0 1.5em; font-style: italic; font-family: "Lato", sans-serif; font-weight: 400; font-style: italic; } /* LISTS ----------------- */ ul, ol { margin: 1em 0; padding: 0 0 0 2.25em; } ul { list-style: circle; } 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; } li ul, li ol { margin: 0; } dl { margin: 0 1.625em; } dt { font-weight: bold; font-family: "Lato", sans-serif; font-weight: 700; } dd { margin-bottom: 1.625em; } /* ============================================================================= - Form ============================================================================= */ /* BASE FORM STYLES ----------------- */ label { font-weight: bold; font-size: 12px; font-family: "Lato", sans-serif; font-weight: 700; } fieldset { border: 1px solid #dddddd; font-size: 12px; line-height: 1.3em; margin: 0 0 1.5em; padding: 0 1.4em 1.4em 1.4em; } legend { background: whitesmoke; border: 1px solid #dddddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: bold; font-family: "Lato", sans-serif; font-weight: 700; display: block; left: 0; margin: 0; padding: 0.3em 1.2em; position: relative; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7); top: 0; } fieldset { padding-top: 1.4em; } legend { margin-top: 0; margin-bottom: 0; } /* INPUT WIDTH ----------------- */ .input-tiny { width: 50px; } .input-small { width: 100px; } .input-medium { width: 150px; } .input-large { width: 200px; } .input-xlarge { width: 250px; } .input-xxlarge { width: 300px; } .input-xxxlarge { width: 350px; } .input-full { width: 100%; } .input_full_wrap { display: block; padding-right: 8px; } /* UI Consistency ----------------- */ input[type="search"]::-webkit-search-decoration { display: none; } button:invalid, select:invalid { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } input, textarea { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.2s linear; -webkit-transition-delay: 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } input:invalid, textarea:invalid { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, select:focus, button:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="button"]:focus { outline: thin dotted #333333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } input[type="file"]:focus, input[type="file"]:active, input[type="radio"]:focus, input[type="radio"]:active, input[type="checkbox"]:focus, input[type="checkbox"]:active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } button, input[type="reset"], input[type="submit"], input[type="button"] { -webkit-appearance: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; background: #f2f2f2 url('img/button.png') repeat-x; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)); background-image: -webkit-linear-gradient(#ffffff, #f2f2f2); background-image: -moz-linear-gradient(#ffffff, #f2f2f2); background-image: -o-linear-gradient(#ffffff, #f2f2f2); background-image: linear-gradient(#ffffff, #f2f2f2); border: 1px solid #e6e6e6; cursor: pointer; color: #333333; font: bold 12px/1.3 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; outline: 0; overflow: visible; margin: 0; padding: 3px 10px; *padding-top: 2px; *padding-bottom: 0; text-shadow: white 0 1px 1px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; vertical-align: top; width: auto; } button:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover { background: #f4f4f4; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f2f2), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(#f2f2f2, #ffffff); background-image: -moz-linear-gradient(#f2f2f2, #ffffff); background-image: -o-linear-gradient(#f2f2f2, #ffffff); background-image: linear-gradient(#f2f2f2, #ffffff); } button:active, input[type="reset"]:active, input[type="submit"]:active, input[type="button"]:active { box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.15); box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.15); outline: 0; } button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border: 0; padding: 0; } button { *padding-top: 1px; *padding-bottom: 1px; } textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-appearance: none; background-color: white; border: 1px solid #cccccc; color: black; outline: 0; margin: 0; padding: 3px 4px; text-align: left; font-size: 13px; font-family: Arial, "Liberation Sans", FreeSans, sans-serif; height: 2.2em; vertical-align: top; *padding-top: 2px; *padding-bottom: 1px; *height: auto; } textarea[disabled], select[disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="email"][disabled], input[type="month"][disabled], input[type="number"][disabled], input[type="password"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="text"][disabled], input[type="time"][disabled], input[type="url"][disabled], input[type="week"][disabled] { background-color: #eeeeee; } textarea:focus, select:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); } button[disabled], input[disabled], select[disabled], select[disabled] option, select[disabled] optgroup, textarea[disabled] { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; color: #888888; cursor: default; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #888888; } input:-moz-placeholder, textarea:-moz-placeholder { color: #888888; } input.placeholder_text, textarea.placeholder_text { color: #888888; } textarea, select[size], select[multiple] { height: auto; } select[size="0"], select[size="1"] { height: 1.8em; *height: auto; } @media (-webkit-min-device-pixel-ratio: 0) { select[size], select[multiple], select[multiple][size] { background-image: none; padding-right: 3px; } select, select[size="0"], select[size="1"] { background-image: url('img/select_arrow.gif'); background-repeat: no-repeat; background-position: right center; padding-right: 20px; } ::-webkit-validation-bubble-message { -webkit-box-shadow: none; box-shadow: none; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black)); border: 1px solid; border-color: #747474 #5e5e5e #4f4f4f; color: white; font: 13px/17px "Lucida Grande", Arial, "Liberation Sans", FreeSans, sans-serif; overflow: hidden; padding: 15px 15px 17px; text-shadow: black 0 0 1px; height: 16px; } ::-webkit-validation-bubble-arrow, ::-webkit-validation-bubble-top-outer-arrow, ::-webkit-validation-bubble-top-inner-arrow { -webkit-box-shadow: none; box-shadow: none; background: #666666; border: 0; } } textarea { min-height: 40px; overflow: auto; padding: 5px; resize: vertical; width: 100%; } optgroup { color: black; font-style: normal; font-weight: normal; font-family: Arial, "Liberation Sans", FreeSans, sans-serif; } optgroup::-moz-focus-inner { border: 0; padding: 0; } /* ============================================================================= - Table ============================================================================= */ /* STANDARD TABLE ----------------- */ table { font-size: 12px; line-height: 1.3em; width: 100%; } table, td { border: 1px solid #e8e8e8; border-collapse: collapse; margin: 1.5em 0; padding: 5px 10px; } th { background-color: #e8e8e8; border-right: 1px solid #e0e0e0; color: #666; margin: 5px 0 10px; padding: 5px 10px; text-transform: uppercase; text-align: left; } table button, table input { *overflow: auto; } /* STRIPE TABLE ----------------- */ table.striped tr:nth-child(odd) { background-color: #f9f9f9; } /* ============================================================================= - Images ============================================================================= */ /* BASE IMAGES STYLES ----------------- */ .entry-content img, .comment-content img, .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ } img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } img.size-full, img.size-large { max-width: 97.5%; height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } img.alignleft, img.alignright, img.aligncenter { margin-top: 10px; } /* CAPTION ----------------- */ p img, .wp-caption { margin-top: 8px; } .wp-caption { background: whitesmoke; max-width: 96%; padding: 15px 10px 10px; -webkit-transition: all 0.15s ease-in-out; -webkit-transition-delay: 0s; -moz-transition: all 0.15s ease-in-out 0s; -o-transition: all 0.15s ease-in-out 0s; transition: all 0.15s ease-in-out 0s; } .wp-caption img { display: block; margin: 0 auto; max-width: 98%; } .wp-caption:hover { background: #eeeeee; } .wp-caption .wp-caption-text { color: #b1b1b1; font-size: 12px; margin: 0; padding: 15px 0 5px 40px; position: relative; } .wp-caption .wp-caption-text:before { content: '\2014'; font-size: 14px; font-style: normal; font-weight: bold; font-family: "Lato", sans-serif; font-weight: 700; margin-right: 5px; position: absolute; left: 10px; top: 17px; } .gallery-caption { color: #cccccc; font-size: 12px; } /* GALLERY ----------------- */ .gallery { margin: auto; overflow: hidden; width: 100%; } .gallery .gallery-item { display: inline; float: left; margin-bottom: 10px; text-align: center; } .gallery .gallery-caption { background: #f7f7f7; border: 1px solid #e6e6e6; clear: both; color: #888; display: block; font-size: 12px; margin: 10px 0; padding: 5px 3px; text-align: center; width: 100%; } .gallery dl { margin: 0; } .gallery img { border: 1px solid #e0e0e0; } .gallery a:hover img { border-color: #cccccc; } .gallery br { clear: both; } .gallery br + br { display: none; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33.333%; } .gallery-columns-4 .gallery-item { margin-right: 2%; width: 23%; } .gallery-columns-5 .gallery-item { margin-right: 2%; width: 18%; } .gallery-columns-6 .gallery-item { margin-right: 2%; width: 14.666%; } .gallery-columns-7 .gallery-item { margin-right: 2%; width: 12.285%; } .gallery-columns-8 .gallery-item { margin-right: 2%; width: 10.5%; } .gallery-columns-9 .gallery-item { margin-right: 2%; width: 9.111%; } /* ATTACHMENT ----------------- */ embed, iframe, object { max-width: 100%; width: 100%; } /* ============================================================================= - Header ============================================================================= */ .site-header { border-bottom: 4px double #eeeeee; margin: 40px 0 20px; padding-bottom: 20px; } .site-branding .site-title { font-family: "Lato", sans-serif; font-weight: 700; font-size: 48px; letter-spacing: -2px; line-height: 1em; } .site-branding .site-title a { color: #f0eff1; text-shadow: #dbdbdb 0 -1px 0; } .site-branding .site-title a:hover { text-decoration: none; } .site-branding .site-tagline { font-size: 14px; font-family: "Oswald", sans-serif; font-weight: 300; text-transform: uppercase; } .site-branding .site-logo { position: relative; } .site-branding .site-logo a { display: block; } .site-branding .site-logo span { text-indent: 110%; white-space: nowrap; overflow: hidden; left: 0; position: absolute; top: 0; } .header-right-area { text-align: right; } .site-social { padding-top: 20px; } .site-social span { display: -moz-inline-stack; -moz-box-orient: vertical; display: inline-block; *display: inline; vertical-align: top; *zoom: 1; margin-right: 10px; } .site-social span a { height: 26px; display: -moz-inline-stack; -moz-box-orient: vertical; display: inline-block; *display: inline; vertical-align: top; *zoom: 1; text-indent: 110%; white-space: nowrap; overflow: hidden; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; width: 26px; } .site-social span.feed a { background: url('img/sprite-icons.png') no-repeat -9px -13px; } .site-social span.feed a:hover { background: url('img/sprite-icons.png') no-repeat -9px -46px; } .site-social span.gplus a { background: url('img/sprite-icons.png') no-repeat -48px -13px; } .site-social span.gplus a:hover { background: url('img/sprite-icons.png') no-repeat -48px -46px; } .site-social span.fb { margin-right: 5px; } .site-social span.fb a { background: url('img/sprite-icons.png') no-repeat -89px -13px; } .site-social span.fb a:hover { background: url('img/sprite-icons.png') no-repeat -89px -45px; } .site-social span.tw { margin-right: 0; } .site-social span.tw a { background: url('img/sprite-icons.png') no-repeat -123px -14px; height: 24px; width: 32px; } .site-social span.tw a:hover { background: url('img/sprite-icons.png') no-repeat -123px -45px; } #searchform { padding-top: 20px; position: relative; } #searchform input[type="text"] { border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1); color: #b1b1b1; font-family: "Oswald", sans-serif; font-weight: 300; height: 30px; width: 100%; } #searchform input[type="submit"] { font-size: 12px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important; font-weight: normal; height: 24px; letter-spacing: -1px; padding: 4px 14px; position: absolute; right: 3px; top: 23px; } #searchform input[type="submit"]:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* ============================================================================= - Main styles ============================================================================= */ /* BIG TEXT ON HEADER ----------------- */ .header-text { background: url('img/separator.png') no-repeat center bottom; margin-bottom: 40px; overflow: hidden; padding-bottom: 45px; text-align: center; } .header-text .page-title, .header-text .entry-title { font-family: "Oswald", sans-serif; font-weight: 300; font-size: 30px; line-height: 1.2em; float: none; display: block; margin: auto; } .header-text .entry-title a { color: #b1b1b1; } .header-text .entry-title a:hover { text-decoration: none; } /* FEATURED ----------------- */ .site-featured-content { margin-bottom: 40px; } .site-featured-content .featured-slider { background: url('img/shadow-slider.png') no-repeat bottom center; } .site-featured-content .rslides .entry-image { position: relative; } .site-featured-content .rslides .entry-title { background: black; bottom: 0; color: white; padding: 10px; position: absolute; } /* MAIN CONTENT ----------------- */ #main { margin-bottom: 40px; } .home-content { margin-bottom: 50px; -webkit-transition: all 0.2s ease-in-out; -webkit-transition-delay: 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; position: relative; } .home-content:nth-of-type(4n+4) { margin-right: 0; } .home-content:hover { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .home-content:hover .entry-title a, .home-content:hover .entry-title a:visited { color: #00baff; } .home-content .entry-thumbnail img { display: block; } .home-content .entry-detail { background: white; border: 1px solid #eeeeee; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; padding: 10px; position: relative; } .home-content .entry-detail:after, .home-content .entry-detail:before { border: 1px solid #eeeeee; border-top: medium none; bottom: -3px; content: ""; height: 1px; left: 2px; position: absolute; right: 2px; } .home-content .entry-detail:after { bottom: -5px; left: 3px; right: 3px; } .home-content .entry-title { font-size: 18px; margin-bottom: 10px; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .home-content .entry-title a, .home-content .entry-title a:visited { color: #b1b1b1; } .home-content .entry-title a:hover, .home-content .entry-title a:visited:hover { color: #00baff; text-decoration: none; } .home-content .entry-meta { font-size: 12px; } .home-content .entry-meta a { color: #b1b1b1; display: -moz-inline-stack; -moz-box-orient: vertical; display: inline-block; *display: inline; vertical-align: top; *zoom: 1; } .home-content .entry-meta a:hover { text-decoration: none; } .home-content .entry-meta .entry-comment { background: url('img/sprite-icons.png') no-repeat -183px -16px; margin-right: 10px; padding-left: 18px; } .home-content .entry-meta .entry-comment:hover { background: url('img/sprite-icons.png') no-repeat -183px -37px; } .home-content .entry-meta .entry-view { background: url('img/sprite-icons.png') no-repeat -228px -16px; padding-left: 18px; } .home-content .entry-meta .entry-view:hover { background: url('img/sprite-icons.png') no-repeat -229px -35px; } .home-content .entry-meta .entry-permalink { background: url('img/sprite-icons.png') no-repeat -179px -83px; text-indent: 110%; white-space: nowrap; overflow: hidden; display: inline; float: right; width: 16px; } .home-content .entry-meta .entry-permalink:hover { background: url('img/sprite-icons.png') no-repeat -211px -82px; } .primary { display: inline; float: right; } .primary .entry-thumbnail { margin-bottom: 20px; -webkit-transition: all 0.2s ease-in-out; -webkit-transition-delay: 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .primary .entry-thumbnail a { display: block; position: relative; } .primary .entry-thumbnail a:hover > .pop-up { opacity: 1; filter: alpha(opacity=100); } .primary .entry-thumbnail:hover { opacity: 0.4; filter: alpha(opacity=40); } .primary .entry-thumbnail .pop-up { background: url('img/zoom.png') no-repeat center center; display: block; height: 60px; left: 45%; text-indent: 110%; white-space: nowrap; overflow: hidden; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 43%; -webkit-transition: all 0.2s ease-in-out; -webkit-transition-delay: 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; width: 60px; } .sticky { border: none; } .entry-content { color: #999999; /* post heading */ } .entry-content h1 { font-size: 24px; line-height: 1.3em; } .entry-content h2 { font-size: 21px; line-height: 1.3em; } .entry-content h3 { font-size: 18px; line-height: 1.5em; } .entry-content h4 { font-size: 16px; line-height: 1.5em; } .entry-content h5 { font-size: 14px; line-height: 1.5em; } .entry-content h6 { font-size: 14px; line-height: 1.5em; } .post-content, .page-content { border-bottom: 4px double #eeeeee; margin-bottom: 40px; padding-bottom: 20px; } .content-heading { font-family: "Oswald", sans-serif; font-weight: 300; font-size: 24px; margin: 0 0 10px; } .secondary { display: inline; float: left; margin-bottom: 20px; } .secondary .content-heading { background: #eeeeee; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5)); background-image: -webkit-linear-gradient(center top, #ffffff, #f5f5f5); background-image: -moz-linear-gradient(center top, #ffffff, #f5f5f5); background-image: -o-linear-gradient(center top, #ffffff, #f5f5f5); background-image: linear-gradient(center top, #ffffff, #f5f5f5); border: 1px solid #eeeeee; font-size: 18px; line-height: 1.5em; margin: 0; padding: 5px 10px 3px; text-shadow: white 0 1px 0; } .secondary .content-data { background: white; border: 1px solid #eeeeee; font-size: 12px; list-style: none; margin: -1px 0 0; padding: 10px; } .secondary .content-data .data-left { display: -moz-inline-stack; -moz-box-orient: vertical; display: inline-block; *display: inline; vertical-align: top; *zoom: 1; font-family: "Lato", sans-serif; font-weight: 700; width: 70px; } .secondary .content-data .separator { margin-right: 5px; } .edit-link { clear: both; display: block; } /* 404 ----------------- */ .not-found { text-align: center; } .not-found .entry-title { font-size: 50px; line-height: 1.5em; } .not-found #searchform { display: -moz-inline-stack; -moz-box-orient: vertical; display: inline-block; *display: inline; vertical-align: top; *zoom: 1; float: none; } /* ============================================================================= - Sidebar & Widget ============================================================================= */ .widget { font-size: 12px; } .widget .widget-title { font-size: 12px; text-transform: uppercase; } /* ARCHIVES WIDGET ----------------- */ .widget_archive select { margin-top: 1.2em; width: 100%; } /* TAG CLOUD WIDGET ----------------- */ .widget_tag_cloud .tagcloud a { background: #f2f2f2; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)); background-image: -webkit-linear-gradient(#ffffff, #f2f2f2); background-image: -moz-linear-gradient(#ffffff, #f2f2f2); background-image: -o-linear-gradient(#ffffff, #f2f2f2); background-image: linear-gradient(#ffffff, #f2f2f2); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #e6e6e6; color: #999999; display: inline-block; *display: inline; height: 2em; line-height: 1.9em; margin: 0 5px 5px 0; padding: 0 8px; text-shadow: 0 1px 0 white; *zoom: 1; } .widget_tag_cloud .tagcloud a:hover { background: #f2f2f2; text-decoration: none; } /* CALENDAR WIDGET ----------------- */ .widget_calendar { border: none; } #calendar_wrap th { border: none; } #calendar_wrap td { color: #aaa; } #wp-calendar tr td { background: #f5f5f5; border: 1px solid white; padding: 3px 0 2px; text-align: center; } #wp-calendar caption { color: #999999; font-weight: bold; font-family: "Lato", sans-serif; font-weight: 700; padding-bottom: 4px; text-align: left; } #wp-calendar #prev { text-align: left; } #wp-calendar #next { text-align: right; } /* CATEGORY WIDGET ----------------- */ .widget_categories ul ul.children { padding-left: 1.5em; } .widget_categories select { margin-top: 1.2em; width: 100%; } /* SEARCH WIDGET ----------------- */ .widget_search { overflow: hidden; } .widget_search input[type="text"] { background: #fafafa; border: 1px solid #eeeeee; display: inline; float: left; margin-right: 5px; padding: 5px 10px; width: 150px; } .widget_search input[type="text"]:focus { background: white; } .screen-reader-text { display: none; } /* CUSTOM TWITTER WIDGET ----------------- */ .widget_foto_twitter_widget ul li { border-bottom: 1px solid #eeeeee; padding-bottom: 8px; margin-bottom: 8px; } .widget_foto_twitter_widget ul li a { display: inline; } .follow-me { display: block; margin-top: 10px; } /* CUSTOM AUTHOR PROFILE WIDGET ----------------- */ .foto_author_bio .widget-author-info { font-size: 12px; line-height: 1.5em; } .foto_author_bio .author-detail span { display: inline; float: left; } .foto_author_bio .author-detail span p { color: #999999; font-size: 12px; font-family: "Lato", sans-serif; font-weight: 700; margin: 0 0 5px; } .foto_author_bio .author-detail .author-img { display: inline; float: right; height: 60px; width: 60px; } .foto_author_bio .author-detail .author-img img { background: white; border: 1px solid #eeeeee; padding: 3px; } /* ============================================================================= - Comments ============================================================================= */ /* COMMENT FORMS ----------------- */ #reply-title, .comments-title { font-family: "Oswald", sans-serif; font-weight: 300; font-size: 24px; margin-bottom: 5px; } .comment-notes, .form-allowed-tags, .logged-in-as { font-size: 12px; } #respond { margin-top: 30px; } #respond .comment-form-comment label { display: block; margin-bottom: 10px; } #respond label { color: #cccccc; font-family: "Oswald", sans-serif; font-weight: 300; font-size: 18px; font-weight: normal; position: relative; top: 5px; } #respond input[type="text"], #respond textarea { border: none; -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1); color: #b1b1b1; font-family: "Lato", sans-serif; font-weight: 400; } #respond input[type="text"] { height: 30px; display: inline; float: left; margin-right: 5px; } #respond textarea { font-size: 14px; line-height: 1.5em; padding: 7px; } #respond input[type="submit"] { font-size: 18px; font-weight: normal; padding: 10px 15px; } #respond input[type="submit"]:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #respond .required { color: #f00; position: relative; top: 3px; } /* COMMENT LISTS ----------------- */ .comments-title { margin-bottom: 20px; } .commentlist { list-style: none; margin: 0; padding: 0; } .commentlist li { background: white; -webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.1); margin-bottom: 20px; padding: 20px; } .commentlist li .children { list-style: none; margin-top: 20px; } .commentlist li.pingback p { margin: 0; } .commentlist li.bypostauthor { background: #fafafa; } .commentlist .comment-reply-link { color: #b1b1b1; font-size: 11px; } .comment-meta { display: block; font-size: 11px; margin-bottom: 10px; overflow: hidden; } .comment-meta img.avatar { border: 1px solid #eeeeee; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display: inline; float: left; margin-right: 10px; padding: 3px; } .comment-meta .fn { font-size: 12px; display: block; } .comment-meta .comment-awaiting-moderation { background: #fbe3e4; border: 1px solid #fbc2c4; color: #8a1f11; clear: both; display: block; margin-top: 25px; padding: 5px; } .comment-content { /* RESET HEADING ON COMMENT CONTENT ----------------- */ } .comment-content h1 { font-size: 24px; line-height: 1.3em; } .comment-content h2 { font-size: 21px; line-height: 1.3em; } .comment-content h3 { font-size: 18px; line-height: 1.5em; } .comment-content h4 { font-size: 16px; line-height: 1.5em; } .comment-content h5 { font-size: 14px; line-height: 1.5em; } .comment-content h6 { font-size: 14px; line-height: 1.5em; } .comment-content ul li, .comment-content ol li { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin: 0; padding: 0; } .comment-navigation { margin-bottom: 20px; } .comment-navigation .nav-next a, .comment-navigation .nav-previous a { padding: 7px 10px; } /* ============================================================================= - Footer ============================================================================= */ .site-footer { margin-bottom: 20px; } .site-footer .widget-title { border-top: 3px solid #eeeeee; margin-bottom: 15px; padding: 10px 0 0; } .site-info { border-top: 4px double #eeeeee; font-size: 12px; padding-top: 10px; } .site-info .credits p { margin: 0; } .main-navigation ul { display: inline; float: right; } .main-navigation ul li { background: url('img/separator-nav.png') no-repeat right center; display: inline; float: left; margin-right: 10px; padding-right: 20px; } .main-navigation ul li:last-child { background: none; margin: 0; padding: 0; } .main-navigation ul li a { color: #cccccc; } .main-navigation ul li a:hover { color: #00baff; text-decoration: none; } /* ============================================================================= - Plugins ============================================================================= */ /* RESPONSIVE SLIDES http://responsiveslides.com v1.32 by @viljamis ----------------- */ .rslides-container { background: white; border: 1px solid whitesmoke; margin-bottom: 25px; position: relative; padding: 10px; } .rslides-container:hover > .rslides1_nav { opacity: 0.7; filter: alpha(opacity=70); } .rslides { list-style: none; margin: 0; padding: 0; overflow: hidden; position: relative; width: 100%; } .rslides li { display: none; left: 0; position: absolute; top: 0; width: 100%; } .rslides li:first-child { display: block; position: relative; float: left; } .rslides img { border: 0; display: block; height: auto; float: left; width: 100%; } .rslides1_nav { background: transparent url('img/nav-slide.gif') no-repeat left top; height: 61px; margin-top: -25px; left: 0; opacity: 0; filter: alpha(opacity=0); overflow: hidden; position: absolute; text-indent: -9999em; text-decoration: none; -webkit-transition: all 0.25s ease-in-out; -webkit-transition-delay: 0s; -moz-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; top: 50%; width: 38px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 9; } .rslides1_nav:focus { outline: none; } .rslides1_nav.next { left: auto; background-position: right top; right: 0; } .rslides_tabs { left: 50%; margin: 20px 0 0 -20px; padding: 0; position: absolute; text-align: center; } .rslides_tabs li { display: inline; float: none; _float: left; *float: left; margin-right: 5px; } .rslides_tabs a { background: url('img/sprite-icons.png') no-repeat -185px -69px; text-indent: -9999px; overflow: hidden; display: inline-block; _display: block; *display: block; width: 11px; height: 11px; } .rslides_tabs .rslides_here a { background: url('img/sprite-icons.png') no-repeat -210px -69px; } /* FancyBox http://fancybox.net ----------------- */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('img/fancybox/fancybox.png'); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid white; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('img/fancybox/fancybox.png') -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('img/fancybox/blank.gif'); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url('img/fancybox/fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('img/fancybox/fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('img/fancybox/fancybox-x.png'); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url('img/fancybox/fancybox.png'); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('img/fancybox/fancybox-y.png'); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('img/fancybox/fancybox.png'); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('img/fancybox/fancybox-x.png'); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('img/fancybox/fancybox.png'); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('img/fancybox/fancybox-y.png'); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url('img/fancybox/fancybox.png'); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('img/fancybox/fancy_title_over.png'); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url('img/fancybox/fancybox.png') -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('img/fancybox/fancybox-x.png') 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url('img/fancybox/fancybox.png') -55px -90px no-repeat; } /* IE6 */ .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_close.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right { height: expression(this.parentNode.clientHeight + "px"); } #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); } #fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression((-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } #fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_loading.png', sizingMethod='scale'); } /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg { background: transparent !important; } .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); } /* ============================================================================= - Utilities ============================================================================= */ /* CLEARFIX http://nicolasgallagher.com/micro-clearfix-hack/ ----------------- */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* IMAGE REPLACEMENT ----------------- */ .ir { border: 0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; } /* HIDE/SHOW ELEMENT ----------------- */ .hide { display: none; visibility: hidden; } .show { display: block; visibility: visible; } .invisible { visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* FLOATING ALIGNMENT ----------------- */ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .alignnone { display: block; } /* TEXT ALIGNMENT ----------------- */ .left { text-align: left; } .right { text-align: right; } .center { text-align: center; } /* HR/STANDALONE BORDER ----------------- */ hr { border-top: 1px solid #eeeeee; border-bottom: 0; border-right: 0; border-left: 0; clear: both; height: 1px; margin: 1.5em 0; min-height: 0; } hr.dotted { border-style: dotted; } hr.dashed { border-style: dashed; } hr.darkborder { border-color: black; } hr.lightborder { border-color: white; } /* MISC CLASSES ----------------- */ .first { margin-left: 0; padding-left: 0; } .last { margin-right: 0; padding-right: 0; } .top { margin-top: 0; padding-top: 0; } .bottom { margin-bottom: 0; padding-bottom: 0; } /* Text meant only for screen readers */ .assistive-text { clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } /* ============================================================================= - Pagination ============================================================================= */ /* ARTICLE PAGINATION ----------------- */ .page-links { clear: both; display: block; text-align: center; } /* PAGING NAVIGATION & WP-PAGENAVI ----------------- */ #nav-above { margin-bottom: 40px; } .paging-navigation { clear: both; text-align: right; } .paging-navigation a { display: block; font-size: 12px; padding: 4px 14px 0; text-transform: uppercase; } .paging-navigation .nav-previous { display: inline; float: left; } .paging-navigation .nav-next { display: inline; float: right; } .paging-navigation .wp-pagenavi .pages, .paging-navigation .wp-pagenavi .current { background: whitesmoke; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5)); background-image: -webkit-linear-gradient(center top, #ffffff, #f5f5f5); background-image: -moz-linear-gradient(center top, #ffffff, #f5f5f5); background-image: -o-linear-gradient(center top, #ffffff, #f5f5f5); background-image: linear-gradient(center top, #ffffff, #f5f5f5); border: 1px solid #eeeeee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #aaaaaa; font-family: "Oswald", sans-serif; font-weight: 300; text-shadow: white 0 1px 0; display: -moz-inline-stack; -moz-box-orient: vertical; display: inline-block; *display: inline; vertical-align: top; *zoom: 1; font-size: 12px; margin-right: 10px; padding: 4px 14px 0; text-transform: uppercase; } .paging-navigation .wp-pagenavi a { display: -moz-inline-stack; -moz-box-orient: vertical; display: inline-block; *display: inline; vertical-align: top; *zoom: 1; margin-right: 10px; } /* SINGLE PAGE NAVIGATION ----------------- */ .post-navigation { display: inline; float: right; margin-right: 20px; } .post-navigation a { display: -moz-inline-stack; -moz-box-orient: vertical; display: inline-block; *display: inline; vertical-align: top; *zoom: 1; height: 35px; text-indent: 110%; white-space: nowrap; overflow: hidden; width: 35px; } .post-navigation .nav-previous { display: inline; float: left; margin-right: 5px; } .post-navigation .nav-previous a[rel="prev"] { background: url('img/sprite-icons.png') no-repeat -8px -84px; } .post-navigation .nav-previous a[rel="prev"]:hover { background: url('img/sprite-icons.png') no-repeat -9px -125px; } .post-navigation .nav-next { display: inline; float: left; } .post-navigation .nav-next a[rel="next"] { background: url('img/sprite-icons.png') no-repeat -56px -84px; } .post-navigation .nav-next a[rel="next"]:hover { background: url('img/sprite-icons.png') no-repeat -57px -125px; } /* ATTACHMENT PAGE NAVIGATION ----------------- */ .image-navigation { display: inline; float: right; margin-right: 20px; } .image-navigation a { display: -moz-inline-stack; -moz-box-orient: vertical; display: inline-block; *display: inline; vertical-align: top; *zoom: 1; height: 35px; text-indent: 110%; white-space: nowrap; overflow: hidden; width: 35px; } .image-navigation .previous-image { display: inline; float: left; margin-right: 5px; } .image-navigation .previous-image a { background: url('img/sprite-icons.png') no-repeat -8px -84px; } .image-navigation .previous-image a:hover { background: url('img/sprite-icons.png') no-repeat -9px -125px; } .image-navigation .next-image { display: inline; float: left; } .image-navigation .next-image a { background: url('img/sprite-icons.png') no-repeat -56px -84px; } .image-navigation .next-image a:hover { background: url('img/sprite-icons.png') no-repeat -57px -125px; } /* ============================================================================= - Miscellaneous ============================================================================= */ /* GLOBAL BUTTON STYLE ----------------- */ .btn, #searchform input[type="submit"], #respond input[type="submit"], .comment-navigation .nav-next a, .comment-navigation .nav-previous a, .paging-navigation a { background: whitesmoke; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5)); background-image: -webkit-linear-gradient(center top, #ffffff, #f5f5f5); background-image: -moz-linear-gradient(center top, #ffffff, #f5f5f5); background-image: -o-linear-gradient(center top, #ffffff, #f5f5f5); background-image: linear-gradient(center top, #ffffff, #f5f5f5); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 1px solid #eeeeee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #aaaaaa; font-family: "Oswald", sans-serif; font-weight: 300; text-shadow: white 0 1px 0; } .btn:hover, #searchform input[type="submit"]:hover, #respond input[type="submit"]:hover, .comment-navigation .nav-next a:hover, .comment-navigation .nav-previous a:hover, .paging-navigation a:hover { background: white; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(center top, #f5f5f5, #ffffff); background-image: -moz-linear-gradient(center top, #f5f5f5, #ffffff); background-image: -o-linear-gradient(center top, #f5f5f5, #ffffff); background-image: linear-gradient(center top, #f5f5f5, #ffffff); text-decoration: none; } .btn:active, #searchform input[type="submit"]:active, #respond input[type="submit"]:active, .comment-navigation .nav-next a:active, .comment-navigation .nav-previous a:active, .paging-navigation a:active { -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.15); outline: 0; } /* CONTACT FORM 7 ----------------- */ .entry-content .wpcf7 { background: whitesmoke; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 0 1.5em 0; padding: 1.4em; } .entry-content .wpcf7 input[type="text"], .entry-content .wpcf7 input[type="email"] { height: 2.5em; } .entry-content div.wpcf7-validation-errors, .entry-content div.wpcf7-mail-sent-ng { background: #f00; border: 2px solid red; color: white; } .entry-content span.wpcf7-not-valid-tip { background: #f00; border: 1px solid red; color: white; left: 105%; padding: 0.2em 0.75em; top: -21%; width: 18em; } .entry-content div.wpcf7 img.ajax-loader { margin-left: 1em; } /* ============================================================================= - Conditional IE class ============================================================================= */ .ie button:hover, .ie input[type="reset"]:hover, .ie input[type="submit"]:hover, .ie input[type="button"]:hover { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC'); } .ie button:active, .ie input[type="reset"]:active, .ie input[type="submit"]:active, .ie input[type="button"]:active { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFDDDDDD'); } .ie #searchform input[type="submit"], .ie .paging-navigation a { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFF5F5F5'); } .ie .commentlist li { border: 1px solid #eeeeee; } .ie #respond input[type="text"], .ie #respond textarea { border: 1px solid #dddddd; } .ie8 #searchform input[type="text"] { border: 1px solid #dddddd; line-height: 2em; } .ie8 .foto_author_bio .author-detail span { width: 120px; }