/* =====>>> Table of contents <<<=============================================================== */ /* BASE Reset Tools DEFAULT STYLES Typography Images Tables Forms GLOBAL LAYOUT Structure Body Header Precontent Content Prefooter Footer PAGE SPECIFIC LAYOUT Home Pages Posts Works 404 Extras */ /* ============================================================================================= */ /* =====>>> BASE <<<============================================================================ */ /* ============================================================================================= */ /* ----->>> RESET <<<--------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, abbr, acronym, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border-width:0; border-style:solid; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } body { line-height:1; } ol, ul { list-style:none; } blockquote, q { quotes:none; } :focus { outline:0; } ins { text-decoration:none; } del { text-decoration:line-through; } /* Permanent vertical scrollbar */ html { overflow-y:scroll; } html { overflow:-moz-scrollbars-vertical; } /* ----->>> TOOLS <<<--------------------------------------------------------------------------- */ /* Clearfix */ .clearfix:after { content:""; visibility:hidden; display:block; clear:both; height:0; } .clear { display:block; clear:both; } /* Basic CSS animations */ @-webkit-keyframes expand-inline-width { from { width:0px; } } @-moz-keyframes expand-inline-width { from { width:0px; } } @-ms-keyframes expand-inline-width { from { width:0px; } } @-o-keyframes expand-inline-width { from { width:0px; } } @keyframes expand-inline-width { from { width:0px; } } @-webkit-keyframes fade-in { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fade-in { 0% { opacity:0; } 100% { opacity:1; } } @-ms-keyframes fade-in { 0% { opacity:0; } 100% { opacity:1; } } @-o-keyframes fade-in { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fade-in { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fade-out { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fade-out { 0% { opacity:1; } 100% { opacity:0; } } @-ms-keyframes fade-out { 0% { opacity:1; } 100% { opacity:0; } } @-o-keyframes fade-out { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fade-out { 0% { opacity:1; } 100% { opacity:0; } } /* Fluid (responsive) wrapper for iframes, objects, embeds */ .fluid-wrapper { max-width: 100%; margin:0 0 22px; } .fluid-wrapper > .inner { width: 100%; height:0; position:relative; } .fluid-wrapper.ratio-16x9 { width:9999px;} .fluid-wrapper.ratio-16x9 > .inner { padding-bottom:56.25%; } .fluid-wrapper > .inner > iframe, .fluid-wrapper > .inner > object, .fluid-wrapper > .inner embed { width:100%; height:100%; position:absolute; left:0; top:0; } /* Assistive text */ .assistive-text { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); } /* ============================================================================================= */ /* =====>>> DEFAULT STYLES <<<================================================================== */ /* ============================================================================================= */ /* ----->>> TYPOGRAPHY <<<---------------------------------------------------------------------- */ body { font:normal 14px/1.57142857 Arial,"Helvetica Neue",Helvetica,sans-serif; } h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, dl, ol, ul, table, legend, hr, figure { margin-bottom:18px; } li > ul, li > ol { margin-bottom:0; } /* Headings */ h1, .h1 { font-size:30px; line-height:1.10000000; font-weight:normal; } h2, .h2 { font-size:28px; line-height:1.16666667; font-weight:normal; } h3, .h3 { font-size:24px; line-height:1.25000000; font-weight:normal; } h4, .h4 { font-size:18px; line-height:1.33333333; font-weight:normal; } h5, .h5 { font-size:14px; line-height:1.57142857; font-weight:normal; } h6, .h6 { font-size:12px; line-height:1.57142857; font-weight:normal; } /* Subheadings */ h1 + h3, h1 + .heading-3, .heading-1 + h3, .heading-1 + heading-3, h1 + h4, h1 + .heading-4, .heading-1 + h4, .heading-1 + heading-4, h1 + h5, h1 + .heading-5, .heading-1 + h5, .heading-1 + heading-5, h1 + h6, h1 + .heading-6, .heading-1 + h6, .heading-1 + heading-6, h2 + h4, h2 + .heading-4, .heading-2 + h4, .heading-2 + heading-4, h2 + h5, h2 + .heading-5, .heading-2 + h5, .heading-2 + heading-5, h2 + h6, h2 + .heading-6, .heading-2 + h6, .heading-2 + heading-6, h3 + h5, h3 + .heading-5, .heading-3 + h5, .heading-3 + heading-5, h3 + h6, h3 + .heading-6, .heading-3 + h6, .heading-3 + heading-6, h4 + h6, h4 + .heading-6, .heading-4 + h6, .heading-4 + heading-6, h1 + .subheading, h2 + .subheading, h3 + .subheading, h4 + .subheading, h5 + .subheading, h6 + .subheading, h1 + .meta, h2 + .meta, h3 + .meta, h4 + .meta, h5 + .meta, h6 + .meta, .heading + .subheading, .heading + .meta, .subheading + .meta { margin-top:-22px; } @media only screen and (min-width: 601px) and (max-width: 960px) { h1, .h1 { font-size:28px; margin-bottom: 12px;} h2, .h2 { font-size:24px; } } @media only screen and (max-width: 600px) { h1, .h1 { font-size:25px; margin-bottom: 12px;} h2, .h2 { font-size:22px; } h3, .h3 { font-size:18px; } h4, .h4 { font-size:14px; } h5, .h5 { font-size:12px; text-transform:uppercase; } } #precontent #precontent-inner p { width: 600px; margin:0 auto 30px; font-size: 18px; line-height:24px; color:#dddddd; } @media only screen and (max-width: 600px) { #precontent #precontent-inner p { width: 320px; margin:0 auto 50px; font-size: 14px; line-height:18px; } } ul { margin-left:2em; list-style-type:disc; } ol { margin-left:2em; list-style-type:decimal; } dl { overflow:hidden; } dt { font-weight:bold; } dd + dt { padding:5px 0 0; border-width:1px 0 0 0; } dd { padding:0 0 5px; } @media only screen and (min-width: 601px) { dt { width:30%; margin-right:3.75%; padding:5px 0; clear:left; float:left; font-weight:bold; border-width:0; } dd { padding:5px 0 5px 33.75%; } dd + dt + dd { border-width:1px 0 0 0; } } pre, code, kbd, samp { font-family:"Lucida Console", Courier, "DejaVu Sans Mono", monospace, sans-serif; } pre { overflow:auto; white-space:pre; white-space:pre-wrap; word-wrap:break-word; } code { padding:0 10px; display:block; font-size:12px; line-height:21px; border-width:1px; } pre code { padding:22px; } blockquote { min-height:32px; padding:0 22px; } a { cursor:pointer; text-decoration:none; border-width:0; border-style:solid; } a:hover, a:active { outline:none; } small { font-size:11px; } strong { font-weight:bold; } dfn, em, q, cite { font-weight:normal; font-style:italic; } del { text-decoration:line-through; } sub, sup { position:relative; font-size:75%; line-height:0; } sup { top:-0.5em; } sub { bottom:-0.25em; } h1 sub, h2 sub, h3 sub { font-size:50%; bottom:0; } h1 sup, h2 sup, h3 sup { font-size:50%; top:-0.75em; } abbr, acronym { text-transform:uppercase; } hr { border-style:solid; border-width:1px 0 0 0; } p.first-paragraph { font-size:18px; line-height:26px; } /* ----->>> IMAGES <<<-------------------------------------------------------------------------- */ img { max-width:100%; height:auto; } video, embed, object, iframe { max-width: 100%; } img.alignleft { margin:0 22px 11px 0; float:left; } img.alignright { margin:22px 0 11px 22px; float:right; } img.aligncenter { margin:0 auto; display:block; } .wp-caption {} .wp-caption-text { font:italic 12px/18px Georgia, sans-serif; text-align:center; } .gallery-caption {} /* ----->>> TABLES <<<-------------------------------------------------------------------------- */ table { border-collapse:collapse; border-spacing:0; } table caption { width:100%; padding:6px 10px; font:italic 12px/18px Georgia, sans-serif; } th { font-weight:bold; vertical-align:bottom; } td { font-weight:normal; vertical-align:top; } /* ----->>> FORMS <<<--------------------------------------------------------------------------- */ legend { font-size:18px; font-weight:bold; } label { margin:0 0 2px; display:block; font-weight:bold; } label em.meta { font:italic 12px/18px Georgia, sans-serif; } input, select, textarea, button { margin:0; border-style:solid; font:normal 12px/20px Arial, Helvetica, Verdana, sans-serif; } input[type=email], input[type=password], input[type=text], input[type=url], select { width:100%; max-width:498px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } textarea { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } input[type=color], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=email], input[type=number], input[type=password], input[type=text], input[type=url], select, textarea { padding:6px 10px; border-width:1px; background:#fff; color:#666; -webkit-transition:background-color .5s ease; -moz-transition:background-color .5s ease; -ms-transition:background-color .5s ease; -o-transition:background-color .5s ease; transition:background-color .5s ease; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:inset 0 2px 2px rgba(0,0,0, 0.1); -moz-box-shadow:inset 0 2px 2px rgba(0,0,0, 0.1); box-shadow:inset 0 2px 2px rgba(0,0,0, 0.1); } input[type=checkbox], input[type=file], input[type=image], input[type=radio], input[type=submit] { width:auto; padding:0; border:none; } input[type=image] { background:none; } select optgroup { font-style:normal; } select option { padding:0 10px; } /* Extra classes */ .form-row { margin:0 0 10px 0; } .form-row-error input { border-color:#ff0000 !important; } p.form-submit { margin-bottom:0; } /* ============================================================================================= */ /* =====>>> GLOBAL LAYOUT <<<=================================================================== */ /* ============================================================================================= */ /* ----->>> STRUCTURE <<<----------------------------------------------------------------------- */ #page { position:relative; z-index:10; overflow:hidden; } /* --- Theme Areas ----------------------------------------------------------------------------- */ #header, #primary-bar, #precontent, #content, #prefooter, #footer { width:100%; position:relative; z-index:2; } #primary-bar-inner, #precontent-inner, #content-inner, #prefooter-inner, #footer-inner { max-width:998px; padding:0 3.48837209%; margin:0 auto; position:relative; z-index:2; } .background { width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; } #header { z-index:800; } #primary-bar-inner { z-index:20; } #precontent { z-index:700; } #content { z-index:600; } #prefooter { z-index:300; } #footer { z-index:400; } /* Add clearfix rules */ #header-inner:after, #primary-bar-inner:after, #precontent-inner:after, #content-inner:after, #prefooter-inner:after, #footer-inner:after { content:""; visibility:hidden; display:block; clear:both; height:0; } /* --- Grid system ----------------------------------------------------------------------------- */ .grid { max-width:960px; min-height:1px; margin: 0 auto 0 auto; } .grid:after { display:block; height:0; visibility:hidden; clear:both; content:""; } .grid > * { min-height:1px; margin-left:3.75%; float:left; } .grid > *:first-child { margin-left:0; } .push-one-half, .pull-one-half, .push-one-third, .pull-one-third, .push-one-fourth, .pull-one-fourth, .push-two-third, .pull-two-third, .push-three-fourth, .pull-three-fourth { position:relative; } .push-one-fourth { left:25.9375%; } .push-one-third { left:34.5833333%; } .push-one-half { left:51.875%; } .push-two-third { left:69.1666667%; } .push-three-fourth { left:77.8125%; } .pull-one-fourth { left:-25.9375%; } .pull-one-third { left:-34.5833333%; } .pull-one-half { left:-51.875%; } .pull-two-third { left:-69.1666667%; } .pull-three-fourth { left:-77.8125%; } /* Destroy:) grid system on smaller screens */ @media only screen and (max-width: 600px) { .grid > * { width:100%; margin:0; float:none; left:0; } } /* ----->>> BODY SECTION <<<-------------------------------------------------------------------- */ .space { display:block; } .simple-menu { margin:0; overflow:hidden; list-style:none; } .simple-menu li { float:left; } .simple-menu li + li { margin-left:10px; } .simple-menu a { font-size:12px; } /* --- Icons --- */ img.icon { padding-right:10px; } /* --- Additional table styles ----------------------------------------------------------------- */ table.simple { width:100%; margin-bottom:20px; } table.simple th, table.simple td { padding:6px 10px; } table.simple thead th { text-align:left; text-transform:uppercase; } table.simple tfoot td { font-weight:bold; } table.simple thead th { padding-top:22px; padding-bottom:22px; border-top-width:1px; } table.simple thead th + th { border-left-width:1px; } table.simple tbody tr td { margin:4px; border-width:1px 0 1px 1px; } table.simple tbody tr td:first-child { border-left-width:0; } table.simple tfoot td { border-width:3px 0 1px 1px; } table.simple tfoot td:first-child { border-left-width:0; } @media only screen and (max-width: 600px) { .table-wrapper { margin:0 0 22px 0; overflow-x:scroll; border-style:dotted solid; border-width:3px; } .table-wrapper table.simple { width:auto; margin:0; white-space:nowrap; } .table-wrapper table.simple caption { text-align:left; } } /* --- Lead ------------------------------------------------------------------------------------ */ .lead { margin:0 0 22px; overflow:hidden; font-size:18px; line-height:30px;} @media only screen and (max-width: 600px) { .lead { font-size:14px; line-height:24px; } } /* --- Flags ----------------------------------------------------------------------------------- */ .flag { padding:1px 4px; position:relative; top:-1px; vertical-align:middle; font:normal normal normal 10px/12px Arial, sans-serif !important; text-transform:uppercase; text-shadow:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .flag canvas { display:none; } .flag cufon { width:auto !important; height:100% !important; font:normal normal normal 10px/12px Arial, sans-serif !important; } .flag cufontext { width:auto !important; height:auto !important; font:normal normal normal 10px/12px Arial, sans-serif !important; text-indent:0 !important; } .page-title .flag, /* --- Plus, minus ----------------------------------------------------------------------------- */ .plus, .minus { width:16px; height:16px; display:block; overflow:hidden; cursor:pointer; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .plus > span, .minus > span { width:100%; height:100%; display:block; position:relative; } .plus > span > span, .minus > span > span { position:absolute; } .plus > span > span:first-child, .minus > span > span:first-child { width:8px; height:2px; left:4px; top:7px; } .plus > span > span + span { width:2px; height:8px; left:7px; top:4px; } /* --- Links ----------------------------------------------------------------------------------- */ .link img.icon { vertical-align:middle; } /* --- Buttons --------------------------------------------------------------------------------- */ .button { margin-bottom:22px; display:inline-block; position:relative; text-decoration:none !important; text-align:center; text-transform:uppercase; vertical-align:middle; -webkit-box-shadow:0 1px 2px rgba(0,0,0, 0.2); -moz-box-shadow:0 1px 2px rgba(0,0,0, 0.2); box-shadow:0 1px 2px rgba(0,0,0, 0.2); zoom:1; } .button, .button span { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .button > span { position:relative; display:inline-block; overflow:hidden; vertical-align:bottom; zoom:1; } .button > span:before, .button > span:after { height:1px; content:""; position:absolute; left:1px; right:1px; z-index:2; } .button > span:after { top:1px; background-image:-webkit-linear-gradient(left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.33) 50%, rgba(255,255,255, 0) 100%); background-image: -moz-linear-gradient(left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.33) 50%, rgba(255,255,255, 0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.33) 50%, rgba(255,255,255, 0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.33) 50%, rgba(255,255,255, 0) 100%); background-image: linear-gradient(left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.33) 50%, rgba(255,255,255, 0) 100%); } .button > span:before { bottom:0; background-image:-webkit-linear-gradient(left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.2) 50%, rgba(255,255,255, 0) 100%); background-image: -moz-linear-gradient(left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.2) 50%, rgba(255,255,255, 0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.2) 50%, rgba(255,255,255, 0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.2) 50%, rgba(255,255,255, 0) 100%); background-image: linear-gradient(left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.2) 50%, rgba(255,255,255, 0) 100%); } .button:hover > span:before { background:none; } .button > span > span { display:block; letter-spacing:1px; zoom:1; } /* Small buttons */ .button small { margin-top:2px; display:block; font:italic 12px/18px Georgia, sans-serif; text-transform:none; letter-spacing:0; opacity:0.66; } .button.small > span > span { padding:6px 20px; top:-2px; font-size:10px; line-height:12px; } .button.small > span { top:-2px; } .button.small:hover > span { top:-1px; } .button.small small { font-size:10px; line-height:12px; } /* Medium buttons */ .button.medium { margin-top:3px; } .button.medium > span > span { padding:10px 30px; font-size:14px; line-height:14px; font-weight:normal; } .button.medium > span { top:-3px; } .button.medium:hover > span { top:-1px; } .button.medium small { font-size:11px; line-height:13px; } /* Big buttons */ .button.big { margin-top:4px; } .button.big > span > span { padding:18px 40px; font-size:18px; line-height:18px; font-weight:normal; } .button.big > span { top:-4px; } .button.big:hover > span { top:-1px; } .button.big small { font-size:12px; line-height:14px; } /* Divider buttons */ .button-divider { padding:3px 0 44px; overflow:hidden; text-align:center; } .button-divider .button { margin:0; } .button-divider > span { display:inline-block; position:relative; } .button-divider > span .helper-1, .button-divider > span .helper-2 { width:10px; height:2px; display:block; position:absolute; top:50%; } .button-divider > span .helper-1 { right:100%; border-width:0 0 0 999px; } .button-divider > span .helper-2 { left:100%; border-width:0 999px 0 0; } /* --- Frame ----------------------------------------------------------------------------------- */ .frame { max-width:100%; margin:0 auto 22px; display:block; text-align:center; } /* Clearfix */ .frame:after { height:0; display:block; clear:both; content:""; visibility:hidden; } .frame.alignleft, .frame.alignright { margin-bottom:1em; display:inline; } .frame.alignleft { margin-right:1.625em; float:left; } .frame.alignright { margin-left:1.625em; float:right; } /* Decorators */ .frame > .decorator { max-width:100%; display:inline-block; position:relative; } .decorator { max-width:100%; display:inline-block; } .decorator > .outer { display:block; position:relative; } .decorator > .outer > .inner { display:block; position:relative; z-index:10; } .decorator > .outer > .inner > * { margin:0; display:block; } .decorator > .outer > span[class*="hlp-"] { display:block; position:absolute; z-index:1; } /* --- Dividers -------------------------------------------------------------------------------- */ hr, .divider-arrow, .divider-top { width:100%; height:0px; display:block; position:relative; } hr, hr { margin:22px 0 21px 0; } .divider-arrow { margin:22px 0 43px; border-width:1px 0 0 0; } .divider-arrow > div { height:0; width:0; margin-left:-6px; position:absolute; top:0; left:50%; border-style:solid outset outset outset; border-width:12px; border-left-color:transparent !important; border-right-color:transparent !important; border-bottom-color:transparent !important; } .divider-top { height:auto; margin:44px 0 22px; top:-9px; overflow:hidden; font:italic 12px/18px Georgia, sans-serif; } .divider-top div { height:1px; margin-top:8px; overflow:hidden; white-space:nowrap; border-width:1px 0 0 0; } .divider-top a { margin-left:10px; float:right; } .divider.fancy { margin:26px 0 48px; text-align:center; } /* --- Qoutes ---------------------------------------------------------------------------------- */ .pullquote { width:33.3%; } .pullquote, blockquote { font-family:Georgia, serif; font-style:italic; } blockquote { margin:11px 22px 0; padding:27px 22px 11px; } .pullquote.align-left { float:left; } .pullquote.align-right { float:right; } blockquote { margin:22px; padding:0 22px; border-width:0 0 0 5px; border-style:double; } /* --- Text highlighting ----------------------------------------------------------------------- */ ins { color:#333; background-color:#c1f7ff; } mark { padding:0 0.33em; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } /* --- Dropcaps ------------------------------------------------------------------------------- */ .dropcap { float:left; display:block; text-transform:uppercase; } .dropcap > span { width:100%; height:100%; display:block; } /* type-simple */ .dropcap.type-simple { height:38px; margin-right:0.25em; font-size:44px; line-height:44px; font-weight:bold; } /* type-square */ .dropcap.type-square { height:38px; width:38px; margin-right:0.5em; overflow:hidden; font-size:18px; line-height:38px; font-weight:bold; text-align:center; -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.25); box-shadow:0 1px 2px rgba(0, 0, 0, 0.25); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } /* --- Progress Bar ---------------------------------------------------------------------------- */ .progress-bar { padding:2px; margin:0 0 46px; position:relative; top:23px; border-width:1px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:inset 0 -1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow:inset 0 -1px 1px rgba(0, 0, 0, 0.1); box-shadow:inset 0 -1px 1px rgba(0, 0, 0, 0.1); } .progress-bar > .inner { height:6px; position:relative; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-animation:expand-inline-width 2s ease-in-out; -moz-animation:expand-inline-width 2s ease-in-out; -ms-animation:expand-inline-width 2s ease-in-out; -o-animation:expand-inline-width 2s ease-in-out; animation:expand-inline-width 2s ease-in-out; } .progress-bar > .inner > span { width:28px; padding:2px; margin-right:-17px; display:block; position:absolute; right:0; top:-25px; font-size:10px; line-height:12px; letter-spacing:1px; text-transform:uppercase; text-align:center; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-animation:fade-in 1s 2s ease-in-out; -moz-animation:fade-in 1s 2s ease-in-out; -ms-animation:fade-in 1s 2s ease-in-out; -o-animation:fade-in 1s 2s ease-in-out; animation:fade-in 1s 2s ease-in-out; -webkit-animation-fill-mode:backwards; -moz-animation-fill-mode:backwards; -ms-animation-fill-mode:backwards; -o-animation-fill-mode:backwards; -animation-fill-mode:backwards; } .progress-bar > .inner > span:after { width:0; margin-left:-4px; display:block; content:""; position:absolute; bottom:-8px; left:50%; border-width:4px; border-style:solid outset outset outset; border-right-color:transparent !important; border-bottom-color:transparent !important; border-left-color:transparent !important; } /* --- Box ------------------------------------------------------------------------------------- */ .box { overflow:hidden; margin:0 0 22px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 1px 3px rgba(0,0,0, 0.1); -moz-box-shadow:0 1px 3px rgba(0,0,0, 0.1); box-shadow:0 1px 3px rgba(0,0,0, 0.1); } .box-header { padding:8px 22px; overflow:hidden; position:relative; } .box-header:after { height:1px; position:absolute; left:3px; right:3px; top:1px; z-index:2; content:""; background-image:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.33) 50%,rgba(255,255,255,0) 100%); background-image: -moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.33) 50%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.33) 50%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.33) 50%,rgba(255,255,255,0) 100%); background-image: linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.33) 50%,rgba(255,255,255,0) 100%); } .box > :first-child { -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; } .box > :last-child { -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; } .box-header h1, .box-header h2, .box-header h3, .box-header h4, .box-header h5, .box-header h6, .box-header p { margin:0; } .box-content { padding:22px 22px 0; overflow:hidden; position:relative; border-width:1px; } .box .box-content + .box-content { border-top-width:0; } .box-content > .inner { position:relative; z-index:2; } .box-content > .background { width:auto; height:auto; top:1px; bottom:1px; left:1px; right:1px; } /* --- Toggle UI ------------------------------------------------------------------------------- */ .toggle { margin-bottom:22px; position:relative; } .toggle + .toggle { margin-top:22px; padding:22px 0 0; border-top-width:1px; border-top-style:solid; } .toggle + .divider { margin-top:0; } .toggle-title { cursor:pointer; } .toggle-title .plus, .toggle-title .minus { margin-top:4px; float:left; } .toggle-title h4 { margin:0 0 0 26px; } .toggle-content .block { padding:22px 26px 2px; } /* --- Before & After Effect ------------------------------------------------------------------- */ .before-after { max-width:100%; display:block; } .before-after > .fluid-wrapper { margin:0; overflow:hidden; } .before-after > .fluid-wrapper:hover { cursor:col-resize; cursor:w-resize; } .before-after img { display:block; } .before-after .layer-before { width:100%; height:100%; position:relative; z-index:1; } .before-after .layer-after { width:100%; height:100%; position:absolute; left:50%; top:0; overflow:hidden; z-index:2; } .before-after .layer-after img { position:absolute; right:50%; top:0; z-index:2; } /* Handle */ .before-after .handle { width:6px; height:100%; margin-left:-3px; position:absolute; left:50%; top:0; z-index:2; background:red; -webkit-box-shadow:0 0 10px rgba(0,0,0,.5); -moz-box-shadow:0 0 10px rgba(0,0,0,.5); box-shadow:0 0 10px rgba(0,0,0,.5); } /* Arrows */ .before-after .handle span { width:0; height:0; margin-top:-7px; display:block; position:absolute; top:50%; border-width:7px; } /* Left arrow */ .before-after .handle span { left:-20px; right:auto; border-style:outset solid outset outset; border-top-color:transparent !important; border-bottom-color:transparent !important; border-left-color:transparent !important; border-right-color:red !important; } /* Right arrow */ .before-after .handle span + span { left:auto; right:-20px; border-style:outset outset outset solid; border-top-color:transparent !important; border-right-color:transparent !important; border-bottom-color:transparent !important; border-left-color:red !important; } /* --- Entry elements -------------------------------------------------------------------------- */ .entry-mediabox {} .entry-mediabox img, .entry-mediabox object, .entry-mediabox iframe { margin:0 auto; display:block; } .entry-featured-media { position:relative; } .entry-featured-media > .frame { margin:0; } .entry-featured-media a { position:relative; display:block; } .entry-featured-media img, .entry-featured-media object, .entry-featured-media iframe { margin:0 auto; display:block; } .entry-meta { font:italic 12px/18px Georgia, sans-serif; } .entry-meta > span { margin-right:0.33em; } .entry-meta > span:after { content:","; } .entry-meta > span:last-child:after { content:""; } .entry-terms { padding:22px 0; overflow:hidden; border-style:dotted; border-width:1px 0 0 0; font:italic 12px/18px Georgia, sans-serif; } .entry-terms > div h6 { width:0; height:20px; margin-bottom:0; overflow:hidden; float:left; font-weight:normal; } .entry-terms > div ul { margin:0; overflow:hidden; list-style:none; } .entry-terms > div li { margin:0 8px 6px 0; float:left; } .entry-categories li:after { content:","; } .entry-categories li:last-child:after { content:""; } .entry-tags ul li a { padding:1px 8px; position:relative; display:block; white-space:nowrap; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .entry-tags ul li a:after { width:0; height:0; margin-top:-4px; margin-right:4px; display:block; position:absolute; left:100%; top:50%; content:""; border-style:outset outset outset solid; border-width:4px; border-top-color:transparent !important; border-right-color:transparent !important; border-bottom-color:transparent !important; } .entry-buttons { padding-top:3px; margin:0 0 22px; list-style:none; overflow: hidden; } .entry-buttons li { float:left; } .entry-buttons.horizontal li { display:inline; float:left; } .entry-buttons.vertical li { display:block; float:none; } .entry-buttons .button { margin-bottom:0; } /* Entry navigation */ .entry-nav { margin:0 0 22px; padding:22px 0 0; overflow:hidden; } .entry-nav > ul { margin:0 auto; display:table; position:relative; list-style:none; } .entry-nav > ul:after, .entry-nav > ul:before { width:5px; height:3px; display:block; position:absolute; top:11px; content:""; border-style:solid; } .entry-nav > ul:after { left:100%; border-width:0 999px 0 0; } .entry-nav > ul:before { right:100%; border-width:0 0 0 999px; } .entry-nav > ul > li { float:left; overflow:hidden; position:relative; } .entry-nav > ul > li.prev, .entry-nav > ul > li.next { top:4px; } .entry-nav > ul > li > a { margin:0 5px; display:block; float:left; position:relative; } .entry-nav > ul > li.back > a { width:25px; height:25px; } .entry-nav > ul > li.prev > a, .entry-nav > ul > li.next > a { width:36px; height:16px; } .entry-nav > ul > li > a > span { display:block; text-indent:-9999px; } .entry-nav > ul > li.back a > span.helper-1, .entry-nav > ul > li.back a > span.helper-2 { width:3px; height:3px; position:absolute; left:8px; border-width:0 3px; } .entry-nav > ul > li.back a > span.helper-1 { top:8px; } .entry-nav > ul > li.back a > span.helper-2 { top:14px; } .entry-nav > ul > li.prev a > span, .entry-nav > ul > li.next a > span { width:0; height:0; position:absolute; top:4px; border-width:4px; } .entry-nav > ul > li.next a > span { margin-left:4px; left:12px; border-style:outset outset outset solid; border-top-color:transparent !important; border-right-color:transparent !important; border-bottom-color:transparent !important; } .entry-nav > ul > li.prev a > span { margin-right:4px; right:12px; border-style:outset solid outset outset; border-top-color:transparent !important; border-bottom-color:transparent !important; border-left-color:transparent !important; } .entry-nav > ul > li, .entry-nav > ul > li > a { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .related-entries { margin-top:40px; } /* --- Author Info ----------------------------------------------------------------------------- */ #author-info { min-height: 108px; padding: 22px 22px 0 128px; overflow:hidden; position:relative; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } #author-info:before { height:1px; content:""; position:absolute; left:1px; right:1px; top:1px; z-index:2; background-image:-webkit-linear-gradient(left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.2) 50%, rgba(255,255,255, 0) 100%); background-image: -moz-linear-gradient(left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.2) 50%, rgba(255,255,255, 0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.2) 50%, rgba(255,255,255, 0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.2) 50%, rgba(255,255,255, 0) 100%); background-image: linear-gradient(left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.2) 50%, rgba(255,255,255, 0) 100%); } #author-info > header > h3 { margin:0 0 11px; } #author-avatar { position:absolute; left:22px; top:22px; } /* --- the_meta() ------------------------------------------------------------------------------ */ .post-meta { margin:0; list-style:none; } .post-meta li { padding:6px 0; border-width:1px 0 0 0; } .post-meta li:first-child { padding-top:0; border:0; } .post-meta-key { display:block; font-weight:bold; } /* --- Media ----------------------------------------------------------------------------------- */ figure.media { margin:0; } figure.media ul.attachments { margin:0; list-style:none; } figure.media ul.attachments > li { margin:0 0 28px; vertical-align:bottom; } figure.media ul.attachments > li > figure { margin:0; } figure.media ul.attachments > li > figure > .frame { margin-bottom:3px; } figure.media figure.media-image img, figure.media figure.media-embed object, figure.media figure.media-embed iframe { max-width:100%; margin:0 auto; display:block; } /* ----->>> HEADER SECTION <<<------------------------------------------------------------------ */ #header { padding:0; } /* --- Site ID --------------------------------------------------------------------------------- */ #id { float:left; } #id h1.site-title, #id p.site-title { margin:0; font-size:24px; font-weight:normal; line-height:24px; } #id p.site-tagline { margin:0; } #id p.site-tagline > strong { font-weight:normal; } /* --- Primary bar ----------------------------------------------------------------------------- */ #primary-bar-inner { position:relative; z-index:2; } /* --- Primary navigation ---------------------------------------------------------------------- */ #primary-nav { display:block; float:right; } #primary-nav-select { padding-bottom:10px; display:none; } @media only screen and (max-width: 900px) { body #primary-nav-menu > li > a { font-size: 15px; padding: 0 8px; } #primary-nav-select { display:block; float:right; width:300px; } } @media only screen and (max-width: 600px) { #id { margin:0 auto; padding:33px 0 !important; float:none; text-align:center; } #primary-nav { width:100%; margin-top:0 !important; padding-bottom:10px; float:none; } #primary-nav-select { width:100%; max-width:600px; float:none; } } /* Base */ .dd-menu, .dd-menu ul { padding:0; margin:0; position:relative; list-style-type:none; list-style-position:outside; } .dd-menu li { position:relative; } .dd-menu li a { position:relative; text-decoration:none; } .dd-menu li ul { width:170px; position:absolute; display:none; z-index:1; } /* Links level 1 */ .dd-menu > li { display:inline; float:left; } .dd-menu > li > a { height:30px; padding:0 10px; display:inline; float:left; line-height:30px; } /* Links level 2,3,4 */ .dd-menu ul li { padding:0; margin:0; } .dd-menu ul a { margin:0; padding:7px 10px; position:relative; display:block; line-height:18px; font-size:12px; } /* Submenu level 1 */ .dd-menu ul { left:0px; top:40px; } html.no-js .dd-menu ul { top:30px; } /* Submenu level 2,3,4 */ .dd-menu ul ul { left:170px; top:0px; } /* Dropdown mechanism */ .dd-menu li:hover ul ul, .dd-menu li:hover ul ul ul, .dd-menu li:hover ul ul ul ul { display:none; } .dd-menu li:hover ul, .dd-menu li li:hover ul, .dd-menu li li li:hover ul, .dd-menu li li li li:hover ul { display:block; } /* Disable CSS dropdown mechanism if JavaScript is enabled */ html.js .dd-menu li:hover > ul { display:none; } html.js .dd-menu li.dd-show > ul { display:block; } /* Arrows level 1 */ .dd-menu > li > a span.dd-arrow { display:none; } .dd-menu a:hover span.dd-arrow, .dd-menu a.dd-path span.dd-arrow { display:block; } /* Arrows level 2,3,4 */ .dd-menu ul a span.dd-arrow { height:8px; width:4px; position:absolute; left:150px; top:12px; } .dd-menu ul a span.dd-arrow .css-shape { width:0; height:0; position:absolute; left:0; top:0; border-width:4px 0 4px 4px; border-top-color:transparent !important; border-right-color:transparent !important; border-bottom-color:transparent !important; } /* Shadows*/ .dd-menu ul { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 0 6px rgba(0,0,0,0.25); -moz-box-shadow:0 0 6px rgba(0,0,0,0.25); box-shadow:0 0 6px rgba(0,0,0,0.25); } /* Rounded corners */ #primary-nav-menu > li > a { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:18px; } #primary-nav-menu ul > li:first-child > a { -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; } #primary-nav-menu ul > li:last-child > a { -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; } #primary-bar > .background > div.flare { width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0; z-index:2; } #primary-bar > .background > div.flare > div { width:100%; height:100%; padding-bottom:20px; float:left; } #primary-nav-menu ul li a { color:#666; border: 1px solid #e6e6e6; border-width:1px 0 0 0; background-color:#fff; background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#e6e6e6)); background-image:-webkit-linear-gradient(top,#fff,#e6e6e6); background-image: -moz-linear-gradient(top,#fff,#f2f2f2); background-image: -ms-linear-gradient(top,#fff,#e6e6e6); background-image: -o-linear-gradient(top,#fff,#e6e6e6); background-image: linear-gradient(top,#fff,#e6e6e6); } #primary-nav-menu ul li:first-child a { border:none; } #primary-nav-menu li li a:hover, #primary-nav-menu li li .dd-path { color:#000; background-color:#ccc; background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#d9d9d9),to(#bfbfbf)); background-image:-webkit-linear-gradient(top,#d9d9d9,#bfbfbf); background-image: -moz-linear-gradient(top,#d9d9d9,#bfbfbf); background-image: -ms-linear-gradient(top,#d9d9d9,#bfbfbf); background-image: -o-linear-gradient(top,#d9d9d9,#bfbfbf); background-image: linear-gradient(top,#d9d9d9,#bfbfbf); } /* ----->>> PRECONTENT SECTION <<<-------------------------------------------------------------- */ #precontent { overflow:hidden; } #precontent-inner { padding-top:30px; } #precontent > .background > div.flare { width:1360px; min-height:600px; height:100%; margin-left:-680px; overflow:hidden; position:absolute; left:50%; top:0; z-index:2; } #precontent > .background > div.flare > div { width:50%; height:100%; float:left; } #precontent > .background > div.shadow { width:100%; height:100px; position:absolute; left:0; top:0; background:url(images/big_shadow.png) center top no-repeat; z-index:5; } #precontent header { margin:0 0 33px; } /* ----->>> CONTENT SECTION <<<----------------------------------------------------------------- */ #content { min-height:320px; padding-top:22px; padding-bottom:44px; } /* ----->>> PREFOOTER SECTION <<<--------------------------------------------------------------- */ #prefooter > .background { overflow:hidden; } #prefooter > .background > div.flare { width:1360px; min-height:600px; height:100%; margin-left:-680px; overflow:hidden; position:absolute; left:50%; top:0; z-index:2; } #prefooter > .background > div.flare > div { width:50%; height:100%; float:left; } #prefooter > .background > div.shadow { width:100%; height:100px; position:absolute; left:0; top:0; background:url(images/big_shadow.png) center top no-repeat; z-index:5; } #prefooter-inner { padding-top:40px; } /* ----->>> FOOTER SECTION <<<------------------------------------------------------------------ */ #footer-inner { padding-top:11px; padding-bottom:11px;} #footer-text, #footer-nav, #footer-back-to-top { margin:0; font-size:13px; line-height:18px; } #footer-text, #footer-nav { max-width:47.5%; } .footer-menu { margin:0; overflow:hidden; float:left; list-style:none; } .footer-menu li { float:left; } .footer-menu li + li { margin-left:15px; } a.back-to { padding-left:14px; position:relative; font-size:12px; line-height:18px; font-weight:bold; } /* Arrow */ a.back-to:before, a.back-to:after { display:block; position:absolute; content:""; } a.back-to:before { left:0; top:-3px; border-width:5px; border-style:outset outset solid outset; border-top-color:transparent !important; border-right-color:transparent !important; border-left-color:transparent !important; } a.back-to:after { width:0; height:6px; left:4px; top:7px; border-style:outset solid; border-width:0 1px; } /* text-nav layout (default) */ #footer-text { float:left; margin-top: 7px; } #footer-nav { float:right; display:inline; } #footer-back-to-top { margin:0 0 0 20px; float:left; } /* nav-text layout */ #footer.layout-nav-text #footer-text { float:right; text-align:right; } #footer.layout-nav-text #footer-nav { float:left; display:inline; } #footer.layout-nav-text .footer-menu { float:right; } #footer.layout-nav-text #footer-back-to-top { margin:0 20px 0 0; float:right; } #footer > .background > div.flare { width:1360px; height:100%; margin-left:-680px; overflow:hidden; position:absolute; left:50%; top:0; z-index:2; } #footer > .background > div.flare > div { width:50%; height:100%; float:left; } #footer-nav-menu{ margin: 7px 5px 0 0; } .page-title{ max-width: 960px; margin: 0 auto 0 auto; } #content-inner { /* max-width: 810px; */ } /* ============================================================================================= */ /* =====>>> PAGE SPECIFIC LAYOUT <<<============================================================ */ /* ============================================================================================= */ /* ----->>> PAGES <<<--------------------------------------------------------------------------- */ /* ----->>> POSTS <<<--------------------------------------------------------------------------- */ /* ----->>> WORKS <<<--------------------------------------------------------------------------- */ /* ----->>> 404 <<<----------------------------------------------------------------------------- */ #error404 {} /* ----->>> EXTRAS <<<-------------------------------------------------------------------------- */ .entry-format { display:none; } #id { padding-top: 30px; } #id { padding-bottom: 30px; } #primary-nav { margin-top: 28px; } #primary-nav-menu > li > a:hover, #primary-nav-menu > li > a.dd-path { color: #c0d3dc; } #header > .background, #primary-nav-menu > li.current-menu-item > a, #primary-nav-menu > li.current-menu-ancestor > a, #primary-nav-menu > li.current_page_parent > a { background: #034462; } #primary-bar > .background > div.flare > div:first-child { filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff0088b2, endColorstr=#000088b2); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ff0088b2, endColorstr=#000088b2)"; } #primary-bar > .background > div.flare { background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(0,136,178,1)),to(rgba(0,136,178,0))); background-image:-webkit-linear-gradient(left,rgba(0,136,178,0) 0%,rgba(0,136,178,1) 50%,rgba(0,136,178,0) 100%); background-image: -moz-linear-gradient(left,rgba(0,136,178,0) 0%,rgba(0,136,178,1) 50%,rgba(0,136,178,0) 100%); background-image: -ms-linear-gradient(left,rgba(0,136,178,0) 0%,rgba(0,136,178,1) 50%,rgba(0,136,178,0) 100%); background-image: -o-linear-gradient(left,rgba(0,136,178,0) 0%,rgba(0,136,178,1) 50%,rgba(0,136,178,0) 100%); background-image: linear-gradient(left,rgba(0,136,178,0) 0%,rgba(0,136,178,1) 50%,rgba(0,136,178,0) 100%); background-image:-webkit-radial-gradient(top center,rgba(0,136,178,1),rgba(0,136,178,0)); background-image: -moz-radial-gradient(top center,rgba(0,136,178,1),rgba(0,136,178,0)); background-image: -ms-radial-gradient(top center,rgba(0,136,178,1),rgba(0,136,178,0)); background-image: -o-radial-gradient(top center,rgba(0,136,178,1),rgba(0,136,178,0)); background-image: radial-gradient(top center,rgba(0,136,178,1),rgba(0,136,178,0)); } #header-inner *, #header .entry-nav > ul:after, #header .entry-nav > ul:before { border-color: #056693; } #header table.simple tbody tr:nth-child(even) td { background-color: rgba(5,102,147, 0.33); } #header table.simple thead th, #header .box-content > .background { background-color: #04557b; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(5,102,147, 0.66)), to(rgba(5,102,147, 0))); background:-webkit-linear-gradient(top, rgba(5,102,147, 0.66), rgba(5,102,147, 0)); background: -moz-linear-gradient(top, rgba(5,102,147, 0.66), rgba(5,102,147, 0)); background: -ms-linear-gradient(top, rgba(5,102,147, 0.66), rgba(5,102,147, 0)); background: -o-linear-gradient(top, rgba(5,102,147, 0.66), rgba(5,102,147, 0)); background: linear-gradient(top, rgba(5,102,147, 0.66), rgba(5,102,147, 0)); } #header .entry-tags ul li a:after { border-color: #04557b; } #header .pullquote.type-simple, #header .entry-tags ul li a, #header #author-info, #header .bypostauthor > article > .comment-body { background-color: #04557b; } #header h1, #header h2, #header h3, #header h4, #header h5, #header h6 { color: #ffffff; } #header, #header h1 + h3, #header h1 + h4, #header h1 + h5, #header h1 + h6, #header h2 + h4, #header h2 + h5, #header h2 + h6, #header h3 + h5, #header h3 + h6, #header h4 + h6, #header .heading-1 + h3, #header .heading-1 + h4, #header .heading-1 + h5, #header .heading-1 + h6, #header .heading-2 + h4, #header .heading-2 + h5, #header .heading-2 + h6, #header .heading-3 + h5, #header .heading-3 + h6, #header .heading-4 + h6 { color: #c0d3dc; } #header a { color: #ffffff; } #header a.back-to:before, #header a.back-to:after { border-color: #ffffff; } #header a:hover { color: #c0d3dc; } #header a.back-to:hover:before, #header a.back-to:hover:after { border-color: #c0d3dc; } #header .meta { color: #81a3b2; } #header .meta a { color: #c0d3dc; } #header .meta a:hover { color: #ffffff; } #header mark, #header .button { background-color: #e64e00; } #header .progress-bar > .inner > span, #header .slide[class*="layout-bubble-"] > .description { background-color: #ff6c00; } #header .plus > span, #header .minus > span, #header .dropcap.type-square > span, #header .button > span > span, #header .entry-nav > ul > li > a, #header .box-header, #header .progress-bar > .inner { background-color: #ff6c00;filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff894d, endColorstr=#ffff6c00); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ff894d, endColorstr=#ff6c00)"; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff894d), to(#ff6c00)); background-image: -webkit-linear-gradient(top, #ff894d, #ff6c00); background-image: -moz-linear-gradient(top, #ff894d, #ff6c00); background-image: -ms-linear-gradient(top, #ff894d, #ff6c00); background-image: -o-linear-gradient(top, #ff894d, #ff6c00); background-image: linear-gradient(top, #ff894d, #ff6c00); } #header .plus:hover > span, #header .minus:hover > span, #header .button:hover > span > span, #header .entry-nav > ul > li > a:hover { background-color: #ff6c00;filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff6c00, endColorstr=#ffff894d); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ff6c00, endColorstr=#ff894d)"; background-image: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#ff6c00), to(#ff894d)); background-image: -webkit-linear-gradient(top, #ff6c00 0%, #ff894d 200%); background-image: -moz-linear-gradient(top, #ff6c00 0%, #ff894d 200%); background-image: -ms-linear-gradient(top, #ff6c00 0%, #ff894d 200%); background-image: -o-linear-gradient(top, #ff6c00 0%, #ff894d 200%); background-image: linear-gradient(top, #ff6c00 0%, #ff894d 200%); } #header .progress-bar > .inner > span:after, #header .slide[class*="layout-bubble-"] > .description:after { border-color: #ff6c00; } #header .box-header h1, #header .box-header h2, #header .box-header h3, #header .box-header h4, #header .box-header h5, #header .box-header h6, #header .slide > .description h1, #header .slide > .description h2, #header .slide > .description h3, #header .slide > .description h4, #header .slide > .description h5, #header .slide > .description h6, #header mark, #header .dropcap.type-square, #header .button > span > span, #header .button:hover > span > span { color: #ffffff; } #header .plus > span > span, #header .minus > span > span { background-color: #ffffff; } #header .entry-nav > ul > li > a > span { border-color: #ffffff; } #header .progress-bar > .inner > span, #header .box-header, #header .slide > .description { color: #ffdabf; } #header .box-header a, #header .slide > .description a { color: #ffffff; } #header .box-header a:hover, #header .slide > .description a:hover { color: #000000; } #precontent > .background { background-color: #034462; } #precontent > .background > div.flare > div:first-child { filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#000088b2, endColorstr=#ff0088b2); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#000088b2, endColorstr=#ff0088b2)"; } #precontent > .background > div.flare > div + div { filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#ff0088b2, endColorstr=#000088b2); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#ff0088b2, endColorstr=#000088b2)"; } #precontent > .background > div.flare { background-image:-webkit-gradient(linear,0% 0%,100% 0%, from(rgba(0,136,178, 0)),color-stop(50%,rgba( 0,136,178, 1)),to(rgba(0,136,178,0)));background-image:-webkit-linear-gradient(left,rgba(0,136,178,0) 0%,rgba(0,136,178,1) 50%,rgba(0,136,178,0) 100%); background-image: -moz-linear-gradient(left,rgba(0,136,178,0) 0%,rgba(0,136,178,1) 50%,rgba(0,136,178,0) 100%); background-image: -ms-linear-gradient(left,rgba(0,136,178,0) 0%,rgba(0,136,178,1) 50%,rgba(0,136,178,0) 100%); background-image: -o-linear-gradient(left,rgba(0,136,178,0) 0%,rgba(0,136,178,1) 50%,rgba(0,136,178,0) 100%); background-image: linear-gradient(left,rgba(0,136,178,0) 0%,rgba(0,136,178,1) 50%,rgba(0,136,178,0) 100%); background-image:-webkit-radial-gradient(top center,ellipse farthest-side,rgba(0,136,178,1),rgba(0,136,178,0)); background-image: -moz-radial-gradient(top center,ellipse farthest-side,rgba(0,136,178,1),rgba(0,136,178,0)); background-image: -ms-radial-gradient(top center,ellipse farthest-side,rgba(0,136,178,1),rgba(0,136,178,0)); background-image: -o-radial-gradient(top center,ellipse farthest-side,rgba(0,136,178,1),rgba(0,136,178,0)); background-image: radial-gradient(top center,ellipse farthest-side,rgba(0,136,178,1),rgba(0,136,178,0)); } #precontent-inner *, #precontent .entry-nav > ul:after, #precontent .entry-nav > ul:before { border-color: #056693; } #precontent table.simple tbody tr:nth-child(even) td { background-color: rgba(5,102,147, 0.33); } #precontent table.simple thead th, #precontent .box-content > .background { background-color: #04557b; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(5,102,147, 0.66)), to(rgba(5,102,147, 0))); background:-webkit-linear-gradient(top, rgba(5,102,147, 0.66), rgba(5,102,147, 0)); background: -moz-linear-gradient(top, rgba(5,102,147, 0.66), rgba(5,102,147, 0)); background: -ms-linear-gradient(top, rgba(5,102,147, 0.66), rgba(5,102,147, 0)); background: -o-linear-gradient(top, rgba(5,102,147, 0.66), rgba(5,102,147, 0)); background: linear-gradient(top, rgba(5,102,147, 0.66), rgba(5,102,147, 0)); } #precontent .entry-tags ul li a:after { border-color: #04557b; } #precontent .pullquote.type-simple, #precontent .entry-tags ul li a, #precontent #author-info, #precontent .bypostauthor > article > .comment-body { background-color: #04557b; } #precontent h1, #precontent h2, #precontent h3, #precontent h4, #precontent h5, #precontent h6 { color: #ffffff; } #precontent, #precontent h1 + h3, #precontent h1 + h4, #precontent h1 + h5, #precontent h1 + h6, #precontent h2 + h4, #precontent h2 + h5, #precontent h2 + h6, #precontent h3 + h5, #precontent h3 + h6, #precontent h4 + h6, #precontent .heading-1 + h3, #precontent .heading-1 + h4, #precontent .heading-1 + h5, #precontent .heading-1 + h6, #precontent .heading-2 + h4, #precontent .heading-2 + h5, #precontent .heading-2 + h6, #precontent .heading-3 + h5, #precontent .heading-3 + h6, #precontent .heading-4 + h6 { color: #81a3b2; } #precontent a { color: #80e5ff; } #precontent a.back-to:before, #precontent a.back-to:after { border-color: #80e5ff; } #precontent a:hover { color: #00ccff; } #precontent a.back-to:hover:before, #precontent a.back-to:hover:after { border-color: #00ccff; } #precontent .meta { color: #81a3b2; } #precontent .meta a { color: #c0d3dc; } #precontent .meta a:hover { color: #ffffff; } #precontent mark, #precontent .button { background-color: #e64e00; } #precontent .progress-bar > .inner > span, #precontent .slide[class*="layout-bubble-"] > .description { background-color: #ff6c00; } #precontent .plus > span, #precontent .minus > span, #precontent .dropcap.type-square > span, #precontent .button > span > span, #precontent .entry-nav > ul > li > a, #precontent .box-header, #precontent .progress-bar > .inner { background-color: #ff6c00;filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff894d, endColorstr=#ffff6c00); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ff894d, endColorstr=#ff6c00)"; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff894d), to(#ff6c00)); background-image: -webkit-linear-gradient(top, #ff894d, #ff6c00); background-image: -moz-linear-gradient(top, #ff894d, #ff6c00); background-image: -ms-linear-gradient(top, #ff894d, #ff6c00); background-image: -o-linear-gradient(top, #ff894d, #ff6c00); background-image: linear-gradient(top, #ff894d, #ff6c00); } #precontent .plus:hover > span, #precontent .minus:hover > span, #precontent .button:hover > span > span, #precontent .entry-nav > ul > li > a:hover { background-color: #ff6c00;filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff6c00, endColorstr=#ffff894d); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ff6c00, endColorstr=#ff894d)"; background-image: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#ff6c00), to(#ff894d)); background-image: -webkit-linear-gradient(top, #ff6c00 0%, #ff894d 200%); background-image: -moz-linear-gradient(top, #ff6c00 0%, #ff894d 200%); background-image: -ms-linear-gradient(top, #ff6c00 0%, #ff894d 200%); background-image: -o-linear-gradient(top, #ff6c00 0%, #ff894d 200%); background-image: linear-gradient(top, #ff6c00 0%, #ff894d 200%); } #precontent .progress-bar > .inner > span:after, #precontent .slide[class*="layout-bubble-"] > .description:after { border-color: #ff6c00; } #precontent .box-header h1, #precontent .box-header h2, #precontent .box-header h3, #precontent .box-header h4, #precontent .box-header h5, #precontent .box-header h6, #precontent .slide > .description h1, #precontent .slide > .description h2, #precontent .slide > .description h3, #precontent .slide > .description h4, #precontent .slide > .description h5, #precontent .slide > .description h6, #precontent mark, #precontent .dropcap.type-square, #precontent .button > span > span, #precontent .button:hover > span > span { color: #ffffff; } #precontent .plus > span > span, #precontent .minus > span > span { background-color: #ffffff; } #precontent .entry-nav > ul > li > a > span { border-color: #ffffff; } #precontent .progress-bar > .inner > span, #precontent .box-header, #precontent .slide > .description { color: #ffdabf; } #precontent .box-header a, #precontent .slide > .description a { color: #ffffff; } #precontent .box-header a:hover, #precontent .slide > .description a:hover { color: #000000; } #content > .background { background: #fafafa; } #content-inner *, #content .entry-nav > ul:after, #content .entry-nav > ul:before { border-color: #e1e1e1; } #content table.simple tbody tr:nth-child(even) td { background-color: rgba(225,225,225, 0.33); } #content table.simple thead th, #content .box-content > .background { background-color: #ededed; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(225,225,225, 0)), to(rgba(225,225,225, 0.66))); background:-webkit-linear-gradient(top, rgba(225,225,225, 0), rgba(225,225,225, 0.66)); background: -moz-linear-gradient(top, rgba(225,225,225, 0), rgba(225,225,225, 0.66)); background: -ms-linear-gradient(top, rgba(225,225,225, 0), rgba(225,225,225, 0.66)); background: -o-linear-gradient(top, rgba(225,225,225, 0), rgba(225,225,225, 0.66)); background: linear-gradient(top, rgba(225,225,225, 0), rgba(225,225,225, 0.66)); } #content .entry-tags ul li a:after { border-color: #ededed; } #content .pullquote.type-simple, #content .entry-tags ul li a, #content #author-info, #content .bypostauthor > article > .comment-body { background-color: #ededed; } #content h1, #content h4, #content h5, #content h6 { color: #000000; } #content h2 { color: #048ebb; } #content h3 { color: #666666; } #content, #content h1 + h3, #content h1 + h4, #content h1 + h5, #content h1 + h6, #content h2 + h4, #content h2 + h5, #content h2 + h6, #content h3 + h5, #content h3 + h6, #content h4 + h6, #content .heading-1 + h3, #content .heading-1 + h4, #content .heading-1 + h5, #content .heading-1 + h6, #content .heading-2 + h4, #content .heading-2 + h5, #content .heading-2 + h6, #content .heading-3 + h5, #content .heading-3 + h6, #content .heading-4 + h6 { color: #808080; } #content a { color: #034462; } #content a.back-to:before, #content a.back-to:after { border-color: #034462; } #content a:hover { color: #0090ed; } #content a.back-to:hover:before, #content a.back-to:hover:after { border-color: #0090ed; } #content .meta { color: #999999; } #content .meta a { color: #666666; } #content .meta a:hover { color: #000000; } #content mark, #content .button { background-color: #e64e00; } #content .progress-bar > .inner > span, #content .slide[class*="layout-bubble-"] > .description { background-color: #ff6c00; } #content .plus > span, #content .minus > span, #content .dropcap.type-square > span, #content .button > span > span, #content .entry-nav > ul > li > a, #content .box-header, #content .progress-bar > .inner { background-color: #ff6c00;filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff894d, endColorstr=#ffff6c00); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ff894d, endColorstr=#ff6c00)"; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff894d), to(#ff6c00)); background-image: -webkit-linear-gradient(top, #ff894d, #ff6c00); background-image: -moz-linear-gradient(top, #ff894d, #ff6c00); background-image: -ms-linear-gradient(top, #ff894d, #ff6c00); background-image: -o-linear-gradient(top, #ff894d, #ff6c00); background-image: linear-gradient(top, #ff894d, #ff6c00); } #content .plus:hover > span, #content .minus:hover > span, #content .button:hover > span > span, #content .entry-nav > ul > li > a:hover { background-color: #ff6c00;filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff6c00, endColorstr=#ffff894d); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ff6c00, endColorstr=#ff894d)"; background-image: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#ff6c00), to(#ff894d)); background-image: -webkit-linear-gradient(top, #ff6c00 0%, #ff894d 200%); background-image: -moz-linear-gradient(top, #ff6c00 0%, #ff894d 200%); background-image: -ms-linear-gradient(top, #ff6c00 0%, #ff894d 200%); background-image: -o-linear-gradient(top, #ff6c00 0%, #ff894d 200%); background-image: linear-gradient(top, #ff6c00 0%, #ff894d 200%); } #content .progress-bar > .inner > span:after, #content .slide[class*="layout-bubble-"] > .description:after { border-color: #ff6c00; } #content .box-header h1, #content .box-header h2, #content .box-header h3, #content .box-header h4, #content .box-header h5, #content .box-header h6, #content .slide > .description h1, #content .slide > .description h2, #content .slide > .description h3, #content .slide > .description h4, #content .slide > .description h5, #content .slide > .description h6, #content mark, #content .dropcap.type-square, #content .button > span > span, #content .button:hover > span > span { color: #ffffff; } #content .plus > span > span, #content .minus > span > span { background-color: #ffffff; } #content .entry-nav > ul > li > a > span { border-color: #ffffff; } #content .progress-bar > .inner > span, #content .box-header, #content .slide > .description { color: #ffdabf; } #content .box-header a, #content .slide > .description a { color: #ffffff; } #content .box-header a:hover, #content .slide > .description a:hover { color: #000000; } #prefooter > .background { background-color: #cccccc; } #prefooter > .background > div.flare > div:first-child { filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#00f2f2f2, endColorstr=#fff2f2f2); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#00f2f2f2, endColorstr=#fff2f2f2)"; } #prefooter > .background > div.flare > div + div { filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#fff2f2f2, endColorstr=#00f2f2f2); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#fff2f2f2, endColorstr=#00f2f2f2)"; } #prefooter > .background > div.flare { background-image:-webkit-gradient(linear,0% 0%,100% 0%,from(rgba(242,242,242,0)),color-stop(50%,rgba(242,242,242,1)),to(rgba(242,242,242,0)));background-image:-webkit-linear-gradient(left,rgba(242,242,242,0) 0%,rgba(242,242,242,1) 50%,rgba(242,242,242,0) 100%); background-image: -moz-linear-gradient(left,rgba(242,242,242,0) 0%,rgba(242,242,242,1) 50%,rgba(242,242,242,0) 100%); background-image: -ms-linear-gradient(left,rgba(242,242,242,0) 0%,rgba(242,242,242,1) 50%,rgba(242,242,242,0) 100%); background-image: -o-linear-gradient(left,rgba(242,242,242,0) 0%,rgba(242,242,242,1) 50%,rgba(242,242,242,0) 100%); background-image: linear-gradient(left,rgba(242,242,242,0) 0%,rgba(242,242,242,1) 50%,rgba(242,242,242,0) 100%); background-image:-webkit-radial-gradient(top center,ellipse farthest-side,rgba(242,242,242,1),rgba(242,242,242,0)); background-image: -moz-radial-gradient(top center,ellipse farthest-side,rgba(242,242,242,1),rgba(242,242,242,0)); background-image: -ms-radial-gradient(top center,ellipse farthest-side,rgba(242,242,242,1),rgba(242,242,242,0)); background-image: -o-radial-gradient(top center,ellipse farthest-side,rgba(242,242,242,1),rgba(242,242,242,0)); background-image: radial-gradient(top center,ellipse farthest-side,rgba(242,242,242,1),rgba(242,242,242,0)); } #prefooter-inner *, #prefooter .entry-nav > ul:after, #prefooter .entry-nav > ul:before { border-color: #b3b3b3; } #prefooter table.simple tbody tr:nth-child(even) td { background-color: rgba(179,179,179, 0.33); } #prefooter table.simple thead th, #prefooter .box-content > .background { background-color: #d9d9d9; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(179,179,179, 0)), to(rgba(179,179,179, 0.66))); background:-webkit-linear-gradient(top, rgba(179,179,179, 0), rgba(179,179,179, 0.66)); background: -moz-linear-gradient(top, rgba(179,179,179, 0), rgba(179,179,179, 0.66)); background: -ms-linear-gradient(top, rgba(179,179,179, 0), rgba(179,179,179, 0.66)); background: -o-linear-gradient(top, rgba(179,179,179, 0), rgba(179,179,179, 0.66)); background: linear-gradient(top, rgba(179,179,179, 0), rgba(179,179,179, 0.66)); } #prefooter .entry-tags ul li a:after { border-color: #d9d9d9; } #prefooter .pullquote.type-simple, #prefooter .entry-tags ul li a, #prefooter #author-info, #prefooter .bypostauthor > article > .comment-body { background-color: #d9d9d9; } #prefooter h1, #prefooter h2, #prefooter h3, #prefooter h4, #prefooter h5, #prefooter h6 { color: #333333; } #prefooter, #prefooter h1 + h3, #prefooter h1 + h4, #prefooter h1 + h5, #prefooter h1 + h6, #prefooter h2 + h4, #prefooter h2 + h5, #prefooter h2 + h6, #prefooter h3 + h5, #prefooter h3 + h6, #prefooter h4 + h6, #prefooter .heading-1 + h3, #prefooter .heading-1 + h4, #prefooter .heading-1 + h5, #prefooter .heading-1 + h6, #prefooter .heading-2 + h4, #prefooter .heading-2 + h5, #prefooter .heading-2 + h6, #prefooter .heading-3 + h5, #prefooter .heading-3 + h6, #prefooter .heading-4 + h6 { color: #808080; } #prefooter a { color: #034462; } #prefooter a.back-to:before, #prefooter a.back-to:after { border-color: #034462; } #prefooter a:hover { color: #0096ff; } #prefooter a.back-to:hover:before, #prefooter a.back-to:hover:after { border-color: #0096ff; } #prefooter .meta { color: #999999; } #prefooter .meta a { color: #666666; } #prefooter .meta a:hover { color: #000000; } #prefooter mark, #prefooter .button { background-color: #e64e00; } #prefooter .progress-bar > .inner > span, #prefooter .slide[class*="layout-bubble-"] > .description { background-color: #ff6c00; } #prefooter .plus > span, #prefooter .minus > span, #prefooter .dropcap.type-square > span, #prefooter .button > span > span, #prefooter .entry-nav > ul > li > a, #prefooter .box-header, #prefooter .progress-bar > .inner { background-color: #ff6c00;filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff894d, endColorstr=#ffff6c00); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ff894d, endColorstr=#ff6c00)"; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff894d), to(#ff6c00)); background-image: -webkit-linear-gradient(top, #ff894d, #ff6c00); background-image: -moz-linear-gradient(top, #ff894d, #ff6c00); background-image: -ms-linear-gradient(top, #ff894d, #ff6c00); background-image: -o-linear-gradient(top, #ff894d, #ff6c00); background-image: linear-gradient(top, #ff894d, #ff6c00); } #prefooter .plus:hover > span, #prefooter .minus:hover > span, #prefooter .button:hover > span > span, #prefooter .entry-nav > ul > li > a:hover { background-color: #ff6c00;filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff6c00, endColorstr=#ffff894d); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ff6c00, endColorstr=#ff894d)"; background-image: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#ff6c00), to(#ff894d)); background-image: -webkit-linear-gradient(top, #ff6c00 0%, #ff894d 200%); background-image: -moz-linear-gradient(top, #ff6c00 0%, #ff894d 200%); background-image: -ms-linear-gradient(top, #ff6c00 0%, #ff894d 200%); background-image: -o-linear-gradient(top, #ff6c00 0%, #ff894d 200%); background-image: linear-gradient(top, #ff6c00 0%, #ff894d 200%); } #prefooter .progress-bar > .inner > span:after, #prefooter .slide[class*="layout-bubble-"] > .description:after { border-color: #ff6c00; } #prefooter .box-header h1, #prefooter .box-header h2, #prefooter .box-header h3, #prefooter .box-header h4, #prefooter .box-header h5, #prefooter .box-header h6, #prefooter .slide > .description h1, #prefooter .slide > .description h2, #prefooter .slide > .description h3, #prefooter .slide > .description h4, #prefooter .slide > .description h5, #prefooter .slide > .description h6, #prefooter mark, #prefooter .dropcap.type-square, #prefooter .button > span > span, #prefooter .button:hover > span > span { color: #ffffff; } #prefooter .plus > span > span, #prefooter .minus > span > span { background-color: #ffffff; } #prefooter .entry-nav > ul > li > a > span { border-color: #ffffff; } #prefooter .progress-bar > .inner > span, #prefooter .box-header, #prefooter .slide > .description { color: #ffdabf; } #prefooter .box-header a, #prefooter .slide > .description a { color: #ffffff; } #prefooter .box-header a:hover, #prefooter .slide > .description a:hover { color: #000000; } #footer > .background { background-color: #cccccc; } #footer > .background > div.flare > div:first-child { filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#00f2f2f2, endColorstr=#fff2f2f2); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#00f2f2f2, endColorstr=#fff2f2f2)"; } #footer > .background > div.flare > div + div { filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#fff2f2f2, endColorstr=#00f2f2f2); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#fff2f2f2, endColorstr=#00f2f2f2)"; } #footer > .background > div.flare { background-image:-webkit-gradient(linear,0% 0%,100% 0%,from(rgba(242,242,242,0)),color-stop(50%,rgba(242,242,242,1)),to(rgba(242,242,242,0)));background-image:-webkit-linear-gradient(left,rgba(242,242,242,0) 0%,rgba(242,242,242,1) 50%,rgba(242,242,242,0) 100%); background-image: -moz-linear-gradient(left,rgba(242,242,242,0) 0%,rgba(242,242,242,1) 50%,rgba(242,242,242,0) 100%); background-image: -ms-linear-gradient(left,rgba(242,242,242,0) 0%,rgba(242,242,242,1) 50%,rgba(242,242,242,0) 100%); background-image: -o-linear-gradient(left,rgba(242,242,242,0) 0%,rgba(242,242,242,1) 50%,rgba(242,242,242,0) 100%); background-image: linear-gradient(left,rgba(242,242,242,0) 0%,rgba(242,242,242,1) 50%,rgba(242,242,242,0) 100%); } #footer > .background > .pattern { border-color: #b3b3b3; border-color: rgba(255,255,255,0.1); } #footer-inner *, #footer .entry-nav > ul:after, #footer .entry-nav > ul:before { border-color: #b3b3b3; } #footer table.simple tbody tr:nth-child(even) td { background-color: rgba(179,179,179, 0.33); } #footer table.simple thead th, #footer .box-content > .background { background-color: #d9d9d9; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(179,179,179, 0)), to(rgba(179,179,179, 0.66))); background:-webkit-linear-gradient(top, rgba(179,179,179, 0), rgba(179,179,179, 0.66)); background: -moz-linear-gradient(top, rgba(179,179,179, 0), rgba(179,179,179, 0.66)); background: -ms-linear-gradient(top, rgba(179,179,179, 0), rgba(179,179,179, 0.66)); background: -o-linear-gradient(top, rgba(179,179,179, 0), rgba(179,179,179, 0.66)); background: linear-gradient(top, rgba(179,179,179, 0), rgba(179,179,179, 0.66)); } #footer .entry-tags ul li a:after { border-color: #d9d9d9; } #footer .pullquote.type-simple, #footer .entry-tags ul li a, #footer #author-info, #footer .bypostauthor > article > .comment-body { background-color: #d9d9d9; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color: #333333; } #footer, #footer h1 + h3, #footer h1 + h4, #footer h1 + h5, #footer h1 + h6, #footer h2 + h4, #footer h2 + h5, #footer h2 + h6, #footer h3 + h5, #footer h3 + h6, #footer h4 + h6, #footer .heading-1 + h3, #footer .heading-1 + h4, #footer .heading-1 + h5, #footer .heading-1 + h6, #footer .heading-2 + h4, #footer .heading-2 + h5, #footer .heading-2 + h6, #footer .heading-3 + h5, #footer .heading-3 + h6, #footer .heading-4 + h6 { color: #808080; } #footer a { color: #034462; } #footer a.back-to:before, #footer a.back-to:after { border-color: #034462; } #footer a:hover { color: #0096ff; } #footer a.back-to:hover:before, #footer a.back-to:hover:after { border-color: #0096ff; } #footer .meta { color: #999999; } #footer .meta a { color: #666666; } #footer .meta a:hover { color: #000000; } #footer mark, #footer .button { background-color: #e64e00; } #footer .progress-bar > .inner > span, #footer .slide[class*="layout-bubble-"] > .description { background-color: #ff6c00; } #footer .plus > span, #footer .minus > span, #footer .dropcap.type-square > span, #footer .button > span > span, #footer .entry-nav > ul > li > a, #footer .box-header, #footer .progress-bar > .inner { background-color: #ff6c00;filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff894d, endColorstr=#ffff6c00); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ff894d, endColorstr=#ff6c00)"; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff894d), to(#ff6c00)); background-image: -webkit-linear-gradient(top, #ff894d, #ff6c00); background-image: -moz-linear-gradient(top, #ff894d, #ff6c00); background-image: -ms-linear-gradient(top, #ff894d, #ff6c00); background-image: -o-linear-gradient(top, #ff894d, #ff6c00); background-image: linear-gradient(top, #ff894d, #ff6c00); } #footer .plus:hover > span, #footer .minus:hover > span, #footer .button:hover > span > span, #footer .entry-nav > ul > li > a:hover { background-color: #ff6c00;filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff6c00, endColorstr=#ffff894d); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ff6c00, endColorstr=#ff894d)"; background-image: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#ff6c00), to(#ff894d)); background-image: -webkit-linear-gradient(top, #ff6c00 0%, #ff894d 200%); background-image: -moz-linear-gradient(top, #ff6c00 0%, #ff894d 200%); background-image: -ms-linear-gradient(top, #ff6c00 0%, #ff894d 200%); background-image: -o-linear-gradient(top, #ff6c00 0%, #ff894d 200%); background-image: linear-gradient(top, #ff6c00 0%, #ff894d 200%); } #footer .progress-bar > .inner > span:after, #footer .slide[class*="layout-bubble-"] > .description:after { border-color: #ff6c00; } #footer .box-header h1, #footer .box-header h2, #footer .box-header h3, #footer .box-header h4, #footer .box-header h5, #footer .box-header h6, #footer .slide > .description h1, #footer .slide > .description h2, #footer .slide > .description h3, #footer .slide > .description h4, #footer .slide > .description h5, #footer .slide > .description h6, #footer mark, #footer .dropcap.type-square, #footer .button > span > span, #footer .button:hover > span > span { color: #ffffff; } #footer .plus > span > span, #footer .minus > span > span { background-color: #ffffff; } #footer .entry-nav > ul > li > a > span { border-color: #ffffff; } #footer .progress-bar > .inner > span, #footer .box-header, #footer .slide > .description { color: #ffdabf; } #footer .box-header a, #footer .slide > .description a { color: #ffffff; } #footer .box-header a:hover, #footer .slide > .description a:hover { color: #000000; } /* AUTO-GENERATED BASED ON THEME OPTIONS -------------------------------------------------- */ #id { padding-top: 5px; padding-bottom: 5px; } #primary-nav { margin-top: 55px; } #primary-nav-menu > li > a:hover, #primary-nav-menu > li > a.dd-path { color: #fffdf3; } #header > .background, #primary-nav-menu > li.current-menu-item > a, #primary-nav-menu > li.current-menu-ancestor > a, #primary-nav-menu > li.current_page_parent > a { background: #004662; } #primary-bar > .background > div.flare > div:first-child { filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff008baf, endColorstr=#00008baf); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ff008baf, endColorstr=#00008baf)"; } #primary-bar > .background > div.flare { background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(0,139,175,1)),to(rgba(0,139,175,0))); background-image:-webkit-linear-gradient(left,rgba(0,139,175,0) 0%,rgba(0,139,175,1) 50%,rgba(0,139,175,0) 100%); background-image: -moz-linear-gradient(left,rgba(0,139,175,0) 0%,rgba(0,139,175,1) 50%,rgba(0,139,175,0) 100%); background-image: -ms-linear-gradient(left,rgba(0,139,175,0) 0%,rgba(0,139,175,1) 50%,rgba(0,139,175,0) 100%); background-image: -o-linear-gradient(left,rgba(0,139,175,0) 0%,rgba(0,139,175,1) 50%,rgba(0,139,175,0) 100%); background-image: linear-gradient(left,rgba(0,139,175,0) 0%,rgba(0,139,175,1) 50%,rgba(0,139,175,0) 100%); background-image:-webkit-radial-gradient(top center,rgba(0,139,175,1),rgba(0,139,175,0)); background-image: -moz-radial-gradient(top center,rgba(0,139,175,1),rgba(0,139,175,0)); background-image: -ms-radial-gradient(top center,rgba(0,139,175,1),rgba(0,139,175,0)); background-image: -o-radial-gradient(top center,rgba(0,139,175,1),rgba(0,139,175,0)); background-image: radial-gradient(top center,rgba(0,139,175,1),rgba(0,139,175,0)); } #header-inner *, #header .entry-nav > ul:after, #header .entry-nav > ul:before { border-color: #006a95; } #header table.simple tbody tr:nth-child(even) td { background-color: rgba(0,106,149, 0.33); } #header table.simple thead th, #header .box-content > .background { background-color: #00587c; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,106,149, 0.66)), to(rgba(0,106,149, 0))); background:-webkit-linear-gradient(top, rgba(0,106,149, 0.66), rgba(0,106,149, 0)); background: -moz-linear-gradient(top, rgba(0,106,149, 0.66), rgba(0,106,149, 0)); background: -ms-linear-gradient(top, rgba(0,106,149, 0.66), rgba(0,106,149, 0)); background: -o-linear-gradient(top, rgba(0,106,149, 0.66), rgba(0,106,149, 0)); background: linear-gradient(top, rgba(0,106,149, 0.66), rgba(0,106,149, 0)); } #header .entry-tags ul li a:after { border-color: #00587c; } #header .pullquote.type-simple, #header .entry-tags ul li a, #header #author-info, #header .bypostauthor > article > .comment-body { background-color: #00587c; } #header a:hover { color: #fffdf3; } #header a.back-to:hover:before, #header a.back-to:hover:after { border-color: #fffdf3; } #content, #content h1 + h3, #content h1 + h4, #content h1 + h5, #content h1 + h6, #content h2 + h4, #content h2 + h5, #content h2 + h6, #content h3 + h5, #content h3 + h6, #content h4 + h6, #content .heading-1 + h3, #content .heading-1 + h4, #content .heading-1 + h5, #content .heading-1 + h6, #content .heading-2 + h4, #content .heading-2 + h5, #content .heading-2 + h6, #content .heading-3 + h5, #content .heading-3 + h6, #content .heading-4 + h6 { color: #044563; } #content .watch-trailer.button { background-color: #f77513; display:inline-block; } #content .watch-trailer.button > span { display:block; text-align:center; } #content .watch-trailer.button > span > span, #content .watch-trailer.button:hover > span > span { color: #ffffff; } #content .watch-trailer.button > span > span { background-color: #e7943c; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#faaf75, endColorstr=#ffe7943c); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#faaf75, endColorstr=#e7943c)"; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#faaf75), to(#e7943c)); background-image: -webkit-linear-gradient(top, #faaf75, #e7943c); background-image: -moz-linear-gradient(top, #faaf75, #e7943c); background-image: -ms-linear-gradient(top, #faaf75, #e7943c); background-image: -o-linear-gradient(top, #faaf75, #e7943c); background-image: linear-gradient(top, #faaf75, #e7943c); } #content .watch-trailer.button:hover > span > span { filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e7943c, endColorstr=#fffaaf75); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e7943c, endColorstr=#faaf75)"; background-image: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#e7943c), to(#faaf75)); background-image: -webkit-linear-gradient(top, #e7943c 0%, #faaf75 200%); background-image: -moz-linear-gradient(top, #e7943c 0%, #faaf75 200%); background-image: -ms-linear-gradient(top, #e7943c 0%, #faaf75 200%); background-image: -o-linear-gradient(top, #e7943c 0%, #faaf75 200%); background-image: linear-gradient(top, #e7943c 0%, #faaf75 200%); }