/* =====>>> Table of contents <<<=============================================================== */
/* BASE
Reset
Tools
DEFAULT STYLES
Typography
Images
Tables
Forms
GLOBAL LAYOUT
Structure
Body
Preheader
Header
Precontent
Content
Prefooter
Footer
PAGE SPECIFIC LAYOUT
Home
Pages
Posts
Works
Search
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;
}
html#ie7 .clearfix { zoom:1; }
.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); /* IE6, IE7 */
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:22px;
}
li > ul,
li > ol {
margin-bottom:0;
}
/* Headings */
h1, .h1 { font-size:60px; line-height:1.10000000; font-weight:normal; }
body.g1-fonts-xs h1, body.g1-fonts-xs .h1 { font-size:36px; }
h2, .h2 { font-size:36px; 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:48px; }
h2, .h2 { font-size:30px; }
}
@media only screen and (max-width: 600px) {
h1, .h1 { font-size:30px; }
h2, .h2 { font-size:24px; }
h3, .h3 { font-size:18px; }
h4, .h4 { font-size:14px; }
h5, .h5 { font-size:12px; text-transform:uppercase; }
}
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; }
/* ----->>> IMAGES <<<-------------------------------------------------------------------------- */
img { max-width:100%; height:auto; }
html#ie7 img {-ms-interpolation-mode:bicubic; }
html#ie8 img { width:auto; }
video,
embed,
object,
iframe {
max-width: 100%;
}
img.preloader { background:url(./../images/preloader.gif) center center no-repeat; }
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.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption.alignleft {
display: inline;
float: left;
margin-right:22px;
}
.wp-caption.alignright {
display:inline;
float:right;
margin-left:22px;
}
.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=search],
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=search],
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; }
.form-message { color:#ff0000; }
p.form-submit { margin-bottom:0; }
/* ============================================================================================= */
/* =====>>> GLOBAL LAYOUT <<<=================================================================== */
/* ============================================================================================= */
/* ----->>> STRUCTURE <<<----------------------------------------------------------------------- */
#page { position:relative; z-index:10; overflow:hidden; }
/* --- Theme Areas ----------------------------------------------------------------------------- */
#preheader,
#header,
#primary-bar,
#secondary-bar,
#precontent,
#content,
#prefooter,
#footer {
width:100%;
position:relative;
z-index:2;
}
#preheader-inner,
#primary-bar-inner,
#secondary-bar-inner,
#precontent-inner,
#content-inner,
#prefooter-inner,
#footer-inner {
max-width:960px;
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;
}
#preheader { z-index:900; }
#header { z-index:800; }
#primary-bar-inner { z-index:20; }
#secondary-bar-inner { z-index:10; }
#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,
#secondary-bar-inner:after,
#precontent-inner:after,
#content-inner:after,
#prefooter-inner:after,
#footer-inner:after {
content:"";
visibility:hidden;
display:block;
clear:both;
height:0;
}
html#ie7 #header-inner,
html#ie7 #primary-bar-inner,
html#ie7 #secondary-bar-inner,
html#ie7 #precontent-inner,
html#ie7 #content-inner,
html#ie7 #prefooter-inner,
html#ie7 #footer-inner {
zoom:1;
}
/* --- Grid system ----------------------------------------------------------------------------- */
.grid { width:100%; min-height:1px; }
.grid:after {
display:block;
height:0;
visibility:hidden;
clear:both;
content:"";
}
html#ie7 .grid { zoom:1; }
.grid > * { min-height:1px; margin-left:3.75%; float:left; }
.grid > *:first-child { margin-left:0; }
.c-one-half { width:48.125%; }
.c-one-third { width:30.8333333%; }
.c-two-third { width:65.4166667%; }
.c-one-fourth { width:22.1875%; }
.c-three-fourth { width:74.0625%; }
.c-one-fifth { width:17%; }
.c-two-fifth { width:37.75%; }
.c-three-fifth { width:58.5%; }
.c-four-fifth { width:79.25%; }
.c-one-sixth { width:13.5416667%; }
.c-five-sixth { width:82.7083333%; }
.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; }
#secondary-bar .simple-menu li a { line-height:30px; }
/* --- Icons --- */
img.icon { padding-right:10px; }
/* --- Additional list styles ------------------------------------------------------------------ */
ul.type-upper-roman,
ol.type-upper-roman {
list-style-type:upper-roman;
}
ul.type-lower-roman,
ol.type-lower-roman {
list-style-type:lower-roman;
}
ul.type-upper-alpha,
ol.type-upper-alpha {
list-style-type:upper-alpha;
}
ul.type-lower-alpha,
ol.type-lower-alpha {
list-style-type:lower-alpha;
}
ul.type-lower-greek,
ol.type-lower-greek {
list-style-type:lower-greek;
}
ul.type-square,
ol.type-square {
list-style-type:square;
}
ul.type-circle,
ol.type-circle {
list-style-type:circle;
}
ul.type-disc,
ol.type-disc {
list-style-type:disc;
}
ul.type-decimal,
ol.type-decimal {
list-style-type:decimal;
}
ul.type-check,
ol.type-check,
ul.type-cross,
ol.type-cross,
ul.type-arrow,
ol.type-arrow,
ul.type-plus,
ol.type-plus,
ul.type-heart,
ol.type-heart,
ul.type-pin,
ol.type-pin,
ul.type-gold-star,
ol.type-gold-star,
ul.type-goldstar,
ol.type-goldstar,
ul.type-silver-star,
ol.type-silver-star,
ul.type-silverstar,
ol.type-silverstar {
margin-left:0;
list-style-type:none;
}
ul.type-check li,
ol.type-check li,
ul.type-cross li,
ol.type-cross li,
ul.type-arrow li,
ol.type-arrow li,
ul.type-plus li,
ol.type-plus li,
ul.type-heart li,
ol.type-heart li,
ul.type-pin li,
ol.type-pin li,
ul.type-gold-star li,
ol.type-gold-star li,
ul.type-goldstar li,
ol.type-goldstar li,
ul.type-silver-star li,
ol.type-silver-star li,
ul.type-silverstar li,
ol.type-silverstar li {
padding-left:26px;
background-position:0 2px;
background-repeat:no-repeat;
}
ul.type-check li,
ol.type-check li {
background-image:url(./../images/icons/check.png);
}
ul.type-cross li,
ol.type-cross li {
background-image:url(./../images/icons/cross.png);
}
ul.type-arrow li,
ol.type-arrow li {
background-image:url(./../images/icons/arrowright.png);
}
ul.type-plus li,
ol.type-plus li {
background-image:url(./../images/icons/plus.png);
}
ul.type-heart li,
ol.type-heart li {
background-image:url(./../images/icons/heart.png);
}
ul.type-pin li,
ol.type-pin li {
background-image:url(./../images/icons/pin.png);
}
ul.type-gold-star li,
ol.type-gold-star li,
ul.type-goldstar li,
ol.type-goldstar li {
background-image:url(./../images/icons/star-gold.png);
}
ul.type-silver-star li,
ol.type-silver-star li,
ul.type-silverstar li,
ol.type-silverstar li {
background-image:url(./../images/icons/star-silver.png);
}
/* --- 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,
.breadcrumbs .flag {
display:none;
}
/* --- 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;
margin-right:0.2px; /*IE8 inline-block fix*/
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; }
/* Wide buttons */
.button.type-wide { display:block; }
.button.type-wide > span { display:block; text-align:center; }
/* Divider buttons */
.button-divider {
padding:3px 0 44px;
overflow:hidden;
text-align:center;
}
html#ie7 .button-divider { position:relative; }/* IE7 overflow fix */
.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;
}
html#ie7 .frame { zoom:1; }
.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; }
/* type-simple */
.frame.type-simple > .decorator > .outer {
padding:7px 0;
border-width:1px 0;
background:#f2f2f2;
background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f2f2f2));
background-image:-webkit-linear-gradient(top, #fff, #f2f2f2);
background-image: -moz-linear-gradient(top, #fff, #f2f2f2);
background-image: -ms-linear-gradient(top, #fff, #f2f2f2);
background-image: -o-linear-gradient(top, #fff, #f2f2f2);
background-image: linear-gradient(top, #fff, #f2f2f2);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:0 0 10px rgba(0,0,0, 0.2);
-moz-box-shadow:0 0 10px rgba(0,0,0, 0.2);
box-shadow:0 0 10px rgba(0,0,0, 0.2);
}
html#ie7 .frame.type-simple > .decorator > .outer { border-width:1px; }
html#ie8 .frame.type-simple > .decorator > .outer { border-width:1px; }
/* type-board*/
.type-board > .decorator > .outer { padding:16px; }
.type-board > .decorator > .outer > .hlp-1,
.type-board > .decorator > .outer > .hlp-2 {
width:16px;
height:100%;
top:0;
background:url(./../images/frame-sprites_1.png) 0 0 repeat-y;
}
.type-board > .decorator > .outer > .hlp-1 { left:0; background-position:0 0; }
.type-board > .decorator > .outer > .hlp-2 { right:0; background-position:-20px 0; }
.type-board > .decorator > .outer > .hlp-3,
.type-board > .decorator > .outer > .hlp-4 {
width:100%;
height:40px;
left:0;
background:url(./../images/frame-sprites_1.png) 0 0 repeat-x;
}
.type-board > .decorator > .outer > .hlp-3 { top:0; background-position:-40px -60px; }
.type-board > .decorator > .outer > .hlp-4 { bottom:0; background-position:-40px 0; }
.type-board > .decorator > .outer > .hlp-5,
.type-board > .decorator > .outer > .hlp-6 {
width:38px;
height: 38px;
right:0;
background:url(./../images/frame-sprites_1.png) 0 0 no-repeat;
}
.type-board > .decorator > .outer > .hlp-5 { top:0; background-position: -1109px -60px; }
.type-board > .decorator > .outer > .hlp-6 { bottom:0; background-position: -1109px -2px; }
/* type-easel*/
.type-easel > .decorator > .outer { padding:16px 0 54px; }
.type-easel > .decorator > .outer > .hlp-1 {
width:180px;
height:54px;
left:50%;
margin-left:-90px;
bottom:0;
background:url(./../images/frame-sprites_1.png) -40px -100px no-repeat;
}
.type-easel > .decorator > .outer > .hlp-2 {
width:16px;
height:16px;
left:50%;;
margin-left:-8px;
top:0;
background:url(./../images/frame-sprites_1.png) -240px -100px no-repeat;
}
/* type-paper-stack*/
.type-paper-stack > .decorator > .outer { padding:10px 10px 15px 10px; }
.type-paper-stack > .decorator > .outer > .hlp-1,
.type-paper-stack > .decorator > .outer > .hlp-2,
.type-paper-stack > .decorator > .outer > .hlp-3,
.type-paper-stack > .decorator > .outer > .hlp-4 {
top:0;
background:#fff;
border-width:1px;
border-color:#ccc !important;
}
.type-paper-stack > .decorator > .outer > .hlp-1 {
left:4px;
right:4px;
bottom:0;
}
.type-paper-stack > .decorator > .outer > .hlp-2 { left:3px; right:3px; bottom:2px; }
.type-paper-stack > .decorator > .outer > .hlp-3 { left:2px; right:2px; bottom:4px; }
.type-paper-stack > .decorator > .outer > .hlp-4 { left:1px; right:1px; bottom:6px; }
/* type-projector-screen */
.type-projector-screen > .decorator > .outer { padding:15px 14px 62px; }
.type-projector-screen > .decorator > .outer > .hlp-1 {
width:132px;
height:50px;
left:50%;
margin-left:-66px;
bottom:0;
background:url(./../images/frame-sprites_1.png) -40px -190px no-repeat;
}
.type-projector-screen > .decorator > .outer > .hlp-2,
.type-projector-screen > .decorator > .outer > .hlp-3 {
height:18px;
left:0;
right:14px;
background:url(./../images/frame-sprites_1.png) -40px -160px repeat-x;
}
.type-projector-screen > .decorator > .outer > .hlp-2 { top:0; }
.type-projector-screen > .decorator > .outer > .hlp-3 { bottom:47px; }
.type-projector-screen > .decorator > .outer > .hlp-4,
.type-projector-screen > .decorator > .outer > .hlp-5 {
width:14px;
height:18px;
right:0;
background:url(./../images/frame-sprites_1.png) -1110px -160px no-repeat;
}
.type-projector-screen > .decorator > .outer > .hlp-4 { top:0; }
.type-projector-screen > .decorator > .outer > .hlp-5 { bottom:47px; }
/* frame shadows */
.type-board > .decorator > .outer,
.type-paper-stack > .decorator > .outer > .hlp-1 {
-webkit-box-shadow:0 2px 2px rgba(0,0,0,.2),0 0 15px rgba(0,0,0,.2);
-moz-box-shadow:0 2px 2px rgba(0,0,0,.2),0 0 15px rgba(0,0,0,.2);
box-shadow:0 2px 2px rgba(0,0,0,.2),0 0 15px rgba(0,0,0,.2);
}
/* --- Indicators ------------------------------------------------------------------------------ */
a .indicator {
width:auto;
height:auto;
display:block;
overflow:hidden;
position:absolute;
left:7px;
right:7px;
top:7px;
bottom:7px;
opacity:0;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-transition:opacity .4s ease;
-moz-transition:opacity .4s ease;
-ms-transition:opacity .4s ease;
-o-transition:opacity .4s ease;
transition:opacity .4s ease;
}
a .indicator { opacity:0; }
a:hover .indicator { opacity:1; }
html#ie7 a .indicator { visibility:hidden; }
html#ie7 a:hover .indicator { visibility:visible; }
html#ie8 a .indicator { visibility:hidden; }
html#ie8 a:hover .indicator { visibility:visible; }
/* Disable hover effect on touch devices */
html.touch a .indicator,
html.touch a:hover .indicator {
display:none;
}
.indicator > span {
width:0px;
height:0px;
margin-left:0px;
margin-top:0px;
display:block;
position:absolute;
left:50%;
top:50%;
}
.indicator > span:first-child {
z-index:2;
background-position:center center;
background-repeat:no-repeat;
}
.indicator > span + span {
z-index:1;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-ms-transition:all .4s ease;
-o-transition:all .4s ease;
transition:all .4s ease;
background:url(./../images/black-opacity-75.png) repeat;
}
a:hover .indicator > span {
width:60px;
height:60px;
margin:-30px 0 0 -30px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
/* Indicator icons */
.indicator-document > span:first-child { background-image:url(./../images/icon_document.png); }
.indicator-new-window > span:first-child { background-image:url(./../images/icon_external_link.png); }
.indicator-play > span:first-child { background-image:url(./../images/icon_zoom.png); }
.indicator-zoom > span:first-child { background-image:url(./../images/icon_zoom.png); }
/* --- Dividers -------------------------------------------------------------------------------- */
hr,
.divider.type-simple,
.divider-arrow,
.divider-top {
width:100%;
height:0px;
display:block;
position:relative;
}
hr,
.divider.type-simple { margin:22px 0 63px; border-width:1px 0 0 0; }
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; }
/* --- Headings -------------------------------------------------------------------------------- */
.heading.type-divider { overflow:hidden; text-align:center; }
html#ie7 .heading.type-divider { position:relative; }/* IE7 overflow fix */
.heading.type-divider .inner { position:relative; }
.heading.type-divider .inner > .helper-1,
.heading.type-divider .inner > .helper-2 {
height:2px;
width:10px;
display:block;
position:absolute;
top:0.6em;
}
.heading.type-divider .inner > .helper-1 { right:100%; border-width:0 0 0 999px; }
.heading.type-divider .inner > .helper-2 { left:100%; border-width:0 999px 0 0; }
/* --- Messages -------------------------------------------------------------------------------- */
.message {
margin: 0 0 22px;
padding:0 22px;
border-width:0 0 1px 0;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,0.5)),to(rgba(255,255,255,0)));
background-image:-webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));
background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));
background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));
background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));
background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));
}
.message > .inner {
padding:22px 0 0 43px;
margin:0 0 22px;
background-repeat:no-repeat;
background-position:0 17px;
}
.message.success { color:#0e6200; background-color:#d8ffcc; border-color:#b3f39f !important; }
.message.success > .inner { background-image:url(./../images/icons/icon_message_success.png); }
.message.info { color:#004a79; background-color:#cbebff; border-color:#a0daff !important; }
.message.info > .inner { background-image:url(./../images/icons/icon_message_info.png); }
.message.warning { color:#7f4800; background-color:#fff8c0; border-color:#ffef6f !important; }
.message.warning > .inner { background-image:url(./../images/icons/icon_message_warning.png); }
.message.error { color:#ca0000; background-color:#ffe0e0; border-color:#ffcccc !important; }
.message.error > .inner { background-image:url(./../images/icons/icon_message_error.png); }
/* --- 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; }
.pullquote.type-simple { border-style:double; }
.pullquote.type-simple.align-left {
margin:22px 22px 22px 0;
padding:22px;
border-width:0 5px 0 0;
}
.pullquote.type-simple.align-right {
margin:22px 0 22px 22px;
padding:22px;
border-width:0 0 0 5px;
}
blockquote {
margin:22px;
padding:0 22px;
border-width:0 0 0 5px;
border-style:double;
}
/* --- Teestimonials --------------------------------------------------------------------------- */
.testimonial > .inner {
position:relative;
font-family: Georgia, Times, 'Times New Roman', serif;
font-style:italic;
}
.testimonial > p {
font-size:12px;
line-height:18px;
font-family:Georgia, Times, 'Times New Roman', serif;
font-style:italic;
}
.testimonial > p * + *:before { content:", "; }
.testimonial.size-medium .inner { font-size:18px; line-height:24px; }
.testimonial.size-big .inner { font-size:24px; line-height:30px; }
/* type-bubble */
.testimonial.type-bubble { margin:0 0 35px; }
.testimonial.type-bubble > .inner {
padding:12px;
position:relative;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.testimonial.type-bubble.size-medium > .inner { padding:12px; }
.testimonial.type-bubble.size-big > .inner { padding:33px 44px 11px; }
.testimonial.type-bubble > .inner:before {
width:0;
display:block;
content:"";
position:absolute;
bottom:-16px;
left:30px;
border-width:8px;
border-style:solid outset outset solid;
border-right-color:transparent !important;
border-bottom-color:transparent !important;
}
.testimonial.type-bubble > .inner > .helper {
width:20px;
height:20px;
position:absolute;
bottom:-30px;
left:0;
text-indent:-9999px;
background:url(./../images/client.png) 0 0 no-repeat;
}
.testimonial.type-bubble > p {
min-height:20px;
padding:13px 22px 0 44px;
margin:0;
text-align:left;
}
/* type-quote */
.testimonial.type-quote.size-small > .inner,
.testimonial.type-quote.size-small > p {
padding-left:18px;
}
.testimonial.type-quote.size-medium > .inner,
.testimonial.type-quote.size-medium > p {
padding-left:27px;
}
.testimonial.type-quote.size-big > .inner,
.testimonial.type-quote.size-big > p {
padding-left:36px;
}
.testimonial.type-quote > .inner > .helper {
position:absolute;
left:0;
top:0;
}
.testimonial.type-quote.size-small > .inner > .helper { font-size:26px; line-height:26px; }
.testimonial.type-quote.size-medium > .inner > .helper { font-size:36px; line-height:36px; }
.testimonial.type-quote.size-big > .inner > .helper { font-size:48px; line-height:48px; }
.testimonial.type-quote > p { margin-top:-11px; position:relative; }
/* type-simple */
.testimonial.type-simple > .inner > .helper { display:none; }
.testimonial.type-simple > p { margin-top:-11px; position:relative; }
.testimonial.type-simple > p:before { content:"â "; }
.testimonial.type-simple > p:after { content:" â"; }
/* --- 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;
}
/* --- Feeds ----------------------------------------------------------------------------------- */
ul.feeds { list-style-type:none; margin-left:0; overflow:hidden; }
ul.feeds h5 { min-height:16px; margin-bottom:0; padding-left:21px; position:relative; }
ul.feeds h5 img { position:absolute; left:0; top:0; }
ul.feeds h5 span { padding-left:5px; }
ul.feeds .meta { padding-left:26px; font:italic 12px/18px Georgia, sans-serif; }
ul.feeds.no-icon h5 { padding-left:0; }
ul.feeds.no-icon .meta { padding-left:0; }
ul.feeds.list-horizontal li { display:inline; float:left; }
ul.feeds.list-horizontal span { padding-right:2em; }
ul.feeds.list-vertical li { padding-bottom:5px; }
ul.feeds.list-vertical li + li { padding-top:5px; border-width:1px 0 0; }
/* --- Tweets ---------------------------------------------------------------------------------- */
.tweets {
padding:22px;
position:relative;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.tweets:before {
width:0;
display:block;
content:"";
position:absolute;
bottom:-16px;
left:30px;
border-width:8px;
border-style:solid outset outset solid;
border-right-color:transparent !important;
border-bottom-color:transparent !important;
}
.twitter > p {
padding:13px 22px 13px 44px;
font:italic 12px/18px Georgia, sans-serif;
background:url(./../images/twitter.png) 0 13px no-repeat;
}
.tweets { margin:0; list-style:none; }
.tweets li { padding:9px 0; border-width:1px 0 0 0; }
.tweets li:first-child { padding-top:0; border:0; }
.tweet p { margin:0; }
.tweet p.meta { font:italic 12px/18px Georgia, sans-serif; }
/* --- JPLAYER --------------------------------------------------------------------------------- */
div.jp-audio { color:#fff; background-color:#404040; position:relative; }
div.jp-audio { width:960px; max-width:100%; }
div.jp-interface {
position:relative;
background:url( ./../images/fader.skin.png ) 0 -60px repeat-x;
}
div.jp-audio .jp-interface { height:40px; padding:10px 20px; }
div.jp-controls-holder {
clear:both;
width:440px;
margin:0 auto 10px;
position:relative;
overflow:hidden;
}
ul.jp-controls {
width:100%;
height:23px;
margin:0;
padding:0;
overflow:hidden;
position:absolute;
left:20px;
bottom:10px;
list-style-type:none;
}
ul.jp-controls li { display:inline; float:left; }
ul.jp-controls a {
height:23px;
margin:0;
padding:0;
display:block;
overflow:hidden;
text-indent:-9999px;
}
.jp-controls li a{
background-image:url( ./../images/fader.skin.png );
background-repeat:no-repeat;
}
.jp-play { width:32px; background-position:-20px -25px; }
.jp-play:hover { background-position:-60px -25px; }
.jp-pause { width:32px; background-position:-100px -25px; }
.jp-pause:hover { background-position:-140px -25px; }
.jp-progress { margin:0 auto; height:8px; overflow:hidden; }
.jp-seek-bar {
width:0px;
height:100%;
overflow:hidden;
cursor:pointer;
background:#4d4d4d;
}
.jp-play-bar { width:0px; height:100%; overflow:hidden; }
a.jp-mute,
a.jp-unmute {
width:32px;
position:absolute;
bottom:0;
right:90px;
background-image:url( ./../images/fader.skin.png );
background-repeat:no-repeat;
}
a.jp-mute { background-position:-180px -25px; }
a.jp-mute:hover { background-position:-220px -25px; }
a.jp-unmute { background-position:-260px -25px; }
a.jp-unmute:hover { background-position:-300px -25px; }
.jp-volume-bar {
width:40px;
height:8px;
overflow:hidden;
position:absolute;
}
.jp-volume-bar:hover { cursor:pointer; }
.jp-volume-bar { bottom:17px; right:20px; }
.jp-volume-bar-value { height:8px; }
.jp-volume-bar-value,
.jp-play-bar {
background:#fa2323;
background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#fa2323),to(#c50303));
background-image:-webkit-linear-gradient(top,#fa2323,#c50303);
background-image: -moz-linear-gradient(top,#fa2323,#c50303);
background-image: -ms-linear-gradient(top,#fa2323,#c50303);
background-image: -o-linear-gradient(top,#fa2323,#c50303);
background-image: linear-gradient(top,#fa2323,#c50303);
}
.jp-current-time, .jp-duration { position:relative; z-index:5; margin-top:10px; font-size:11px; }
.jp-current-time { margin-left:42px; float:left; color:#fff; }
.jp-duration { margin-left:5px; float:left; color:#b2b2b2; }
.jp-title ul { margin:0; padding:0; list-style-type:none; }
.jp-title li { position:relative; padding:10px 20px 0; overflow:hidden; }
div.jp-jplayer audio,
div.jp-jplayer {
width:0px;
height:0px;
}
div.jp-jplayer { background-color:#000000; }
.jp-progress,
.jp-seek-bar,
.jp-volume-bar {
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
}
.jp-progress,
.jp-volume-bar {
border-width:1px;
border-color:#232323 !important;
background:#1a1a1a;
-webkit-box-shadow:0 1px 0 #4e4e4e;
-moz-box-shadow:0 1px 0 #4e4e4e;
box-shadow:0 1px 0 #4e4e4e;
}
/* --- Toggle UI ------------------------------------------------------------------------------- */
.toggle { margin-bottom:22px; position:relative; }
html#ie7 .toggle { position:static; }
.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; }
/* --- Tab UI ---------------------------------------------------------------------------------- */
.tabs { margin:0 0 22px; }
.tabs-nav { margin:0; list-style:none; }
.tabs .tabs-nav { display:table; }
.tabs .tabs-nav:after { height:0; content:""; display:block; clear:both; visibility:hidden; }
html#ie7 .tabs .tabs-nav { zoom:1; }
.tabs.align-left .tabs-nav { margin:0 auto 0 0; }
.tabs.align-center .tabs-nav { margin:0 auto; }
.tabs.align-right .tabs-nav { margin:0 0 0 auto; }
html#ie7 .tabs.align-center { text-align:center; }
html#ie7 .tabs.align-center .tabs-nav { display:inline; zoom:1; }
html#ie7 .tabs.align-center .tabs-viewport { text-align:left; }
.tabs-nav-item {
padding:8px 15px;
float:left;
font-size:12px;
font-weight:bold;
line-height:20px;
cursor:pointer;
}
.tabs-nav-item h1,
.tabs-nav-item h2,
.tabs-nav-item h3,
.tabs-nav-item h4,
.tabs-nav-item h5,
.tabs-nav-item h6,
.tabs-nav-item p {
margin:0;
}
@media only screen and (min-width: 601px) {
.tabs.layout-vertical { overflow:hidden; }
.tabs.tabs-left .tabs-nav { max-width:200px; float:left; }
.tabs.tabs-right .tabs-nav { max-width:200px; float:right; }
.tabs.layout-vertical .tabs-nav { display:block; }
.tabs.layout-vertical .tabs-nav-item { float:none; }
.tabs.layout-vertical .tabs-viewport { overflow:hidden; }
}
/* Tabs - Transparent */
.tabs.type-transparent .tabs-nav-item {
opacity:0.33;
-webkit-transition:opacity .5s ease;
-moz-transition:opacity .5s ease;
-ms-transition:opacity .5s ease;
-o-transition:opacity .5s ease;
transition:opacity .5s ease;
}
.tabs.type-transparent .tabs-nav-item:hover,
.tabs.type-transparent .tabs-nav-item.current {
opacity:1;
}
/* Tabs - Button */
.tabs.type-button .tabs-nav {
position:relative;
left:-10px;
}
.tabs.type-button .tabs-nav-item {
padding:2px 22px;
border-width:1px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.tabs.type-button .tabs-nav-item { margin:0 0 0 10px; }
.tabs.type-button .tabs-nav-item.current {
padding:3px 21px;
position:relative;
border-width:0;
}
.tabs.type-button .tabs-nav-item.current:after {
width:0;
height:0;
display:block;
content:"";
position:absolute;
border-width:6px;
}
.tabs.type-button.tabs-top .tabs-nav-item.current:after {
margin-left:-6px;
bottom:-12px;
left:50%;
border-style:solid outset outset outset;
border-right-color:transparent !important;
border-bottom-color:transparent !important;
border-left-color:transparent !important;
}
@media only screen and (max-width: 600px) {
.tabs.type-button.tabs-left .tabs-nav-item.current:after,
.tabs.type-button.tabs-right .tabs-nav-item.current:after {
margin-left:-6px;
bottom:-12px;
left:50%;
border-style:solid outset outset outset;
border-right-color:transparent !important;
border-bottom-color:transparent !important;
border-left-color:transparent !important;
}
}
.tabs.type-button.tabs-bottom .tabs-nav-item.current:after {
margin-left:-6px;
top:-12px;
left:50%;
border-style:outset outset solid outset;
border-top-color:transparent !important;
border-right-color:transparent !important;
border-left-color:transparent !important;
}
.tabs.type-button.tabs-top .tabs-viewport { padding:20px 0 0; }
.tabs.type-button.tabs-bottom .tabs-viewport { padding:0 0 20px; }
@media only screen and (min-width: 601px) {
.tabs.type-button.layout-vertical .tabs-nav {
position:static;
left:auto;
}
.tabs.type-button.tabs-left .tabs-nav-item { margin:0 20px 4px 0; }
.tabs.type-button.tabs-right .tabs-nav-item { margin:0 0 4px 20px; }
.tabs.type-button.tabs-left .tabs-nav-item.current:after {
margin-left:0;
margin-top:-6px;
left:auto;
right:-12px;
top:50%;
bottom:auto;
border-style:outset outset outset solid;
border-top-color:transparent !important;
border-right-color:transparent !important;
border-bottom-color:transparent !important;
}
.tabs.type-button.tabs-right .tabs-nav-item.current:after {
margin-left:0;
margin-top:-6px;
left:-12px;
right:auto;
top:50%;
bottom:auto;
border-style:outset solid outset outset;
border-top-color:transparent !important;
border-bottom-color:transparent !important;
border-left-color:transparent !important;
}
.tabs.type-button.layout-vertical .tabs-viewport { padding:0; }
}
/* Tabs - Simple */
.tabs.type-simple .tabs-nav { position:relative; }
.tabs.type-simple.tabs-top .tabs-nav { padding:0 16px; top:4px; }
.tabs.type-simple.tabs-bottom .tabs-nav { padding:0 16px; top:-4px; }
.tabs.type-simple .tabs-nav-item {
position:relative;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.tabs.type-simple.layout-horizontal .tabs-nav-item {
padding:8px 16px;
top:3px;
}
.tabs.type-simple.layout-horizontal .tabs-nav-item.current { padding:8px 13px; }
.tabs.type-simple.tabs-top .tabs-nav-item {
border-width:1px 1px 0;
-webkit-border-radius:3px 3px 0 0;
-moz-border-radius:3px 3px 0 0;
border-radius:3px 3px 0 0;
}
.tabs.type-simple.tabs-bottom .tabs-nav-item {
border-width:0px 1px 1px 1px;
-webkit-border-radius:0 0 3px 3px;
-moz-border-radius:0 0 3px 3px;
border-radius:0 0 3px 3px;
}
.tabs.type-simple .tabs-nav-item.current {
top:0;
border-width:4px;
}
/* Current tab arrow */
.tabs.type-simple .tabs-nav-item.current:after {
width:0;
height:0;
display:block;
position:absolute;
content:"";
border-width:6px;
}
.tabs.type-simple.tabs-top .tabs-nav-item.current:after {
margin-left:-6px;
bottom:-16px;
left:50%;
border-style:solid outset outset outset;
border-right-color:transparent !important;
border-bottom-color:transparent !important;
border-left-color:transparent !important;
}
.tabs.type-simple.tabs-bottom .tabs-nav-item.current:after {
margin-left:-6px;
top:-16px;
left:50%;
border-style:outset outset solid outset;
border-top-color:transparent !important;
border-right-color:transparent !important;
border-left-color:transparent !important;
}
.tabs.type-simple .tabs-viewport {
padding:22px 22px 0;
border-width:1px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
/* max-width 600px, tabs-left & tabs-right similar to tabs-top */
@media only screen and (max-width: 600px) {
.tabs.type-simple.layout-vertical .tabs-nav {
padding:0 16px;
top:4px;
}
.tabs.type-simple.layout-vertical .tabs-nav-item {
padding:8px 16px;
position:relative;
top:3px;
border-width:1px 1px 0 1px;
-webkit-border-radius:3px 3px 0 0;
-moz-border-radius:3px 3px 0 0;
border-radius:3px 3px 0 0;
}
.tabs.type-simple.layout-vertical .tabs-nav-item.current {
padding:8px 13px;
top:0;
border-width:4px;
}
.tabs.type-simple.layout-vertical .tabs-nav-item.current:after {
margin-left:-6px;
bottom:-16px;
left:50%;
border-style:solid outset outset outset;
border-right-color:transparent !important;
border-bottom-color:transparent !important;
border-left-color:transparent !important;
}
}
/* min-width: 601px */
@media only screen and (min-width: 601px) {
.tabs.type-simple.layout-vertical .tabs-nav {
margin-top:10px;
}
.tabs.type-simple.tabs-left .tabs-nav-item.current {
padding:5px 15px 5px 12px;
}
.tabs.type-simple.tabs-right .tabs-nav-item.current {
padding:5px 12px 5px 15px;
}
.tabs.type-simple.tabs-left .tabs-nav-item {
border-width:1px 0 1px 1px;
-webkit-border-radius:3px 0 0 3px;
-moz-border-radius:3px 0 0 3px;
border-radius:3px 0 0 3px;
}
.tabs.type-simple.tabs-right .tabs-nav-item {
border-width:1px 1px 1px 0;
-webkit-border-radius:0 3px 3px 0;
-moz-border-radius:0 3px 3px 0;
border-radius:0 3px 3px 0;
}
.tabs.type-simple.tabs-left .tabs-nav-item.current {
margin-right:-4px;
border-width:4px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.tabs.type-simple.tabs-left .tabs-nav-item.current:after {
margin-top:-6px;
right:-16px;
top:50%;
border-style:outset outset outset solid;
border-top-color:transparent !important;
border-right-color:transparent !important;
border-bottom-color:transparent !important;
}
.tabs.type-simple.tabs-right .tabs-nav-item.current {
margin-left:-4px;
padding-left:15px;
border-width:4px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.tabs.type-simple.tabs-right .tabs-nav-item.current:after {
margin-top:-6px;
left:-16px;
top:50%;
border-style:outset solid outset outset;
border-top-color:transparent !important;
border-bottom-color:transparent !important;
border-left-color:transparent !important;
}
}
/* --- 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;
}
/* --- FlexSlider ------------------------------------------------------------------------------ */
.flex-container { margin-bottom:22px; position:relative; text-align:center; zoom:1; }
#precontent .flex-container { margin-bottom:11px; }
.flexslider { width:100%; margin:0 auto; position:relative; zoom:1; }
.flexslider .slides { margin:0; list-style:none; zoom:1; }
.flexslider .slides:after {
height:0;
display:block;
clear:both;
content:".";
visibility:hidden;
line-height:0;
}
html[xmlns] .flexslider .slides { display:block; }
* html .flexslider .slides { height:1%; }
.flexslider .slides > li { position:relative; }
.flexslider .slides > li + li { display:none; }
.flexslider .slides img { max-width:100%; display:block; }
.flexslider { text-align:left; }
.flex-nav {
height:16px;
margin:14px 0 0;
padding:0 32px;
display:inline-block;
position:relative;
text-align:center;
}
html#ie7 .flex-nav { display:inline; zoom:1; }
.flex-control-nav,
.flex-direction-nav {
margin:0;
overflow:hidden;
list-style:none;
}
.flex-control-nav li,
.flex-direction-nav li {
float:left;
}
.flex-control-nav a,
.flex-direction-nav a {
float:left;
text-indent:-9999px;
background-repeat:no-repeat;
background-image:url(./../images/sprites_1.png);
}
.flex-control-nav a { width:16px; height:16px; }
.flex-control-nav a { background-position:0 -160px;; }
.flex-control-nav a:hover { background-position:0 -176px;; }
.flex-control-nav a.active { background-position:-16px -160px; }
.flex-direction-nav a { width:22px; height:22px; position:absolute; top:-4px; }
.flex-direction-nav .prev { left:0; background-position:0 0; }
.flex-direction-nav .prev:hover { background-position:0 -22px; }
.flex-direction-nav .next { right:0; background-position:-22px 0; }
.flex-direction-nav .next:hover { background-position:-22px -22px; }
.flex-shadow { position:relative; display:block; z-index:-1; }
.flex-shadow + .flex-nav { margin-top:4px; }
@media only screen and (min-width: 961px) {
/* Apply the layout-narrow only above the breakpoint */
.flex-container.layout-narrow { padding:0 72px; }
.flex-container.layout-narrow .flex-direction-nav a {
width:52px;
height:52px;
top:50%;
margin-top:-26px;
}
.flex-container.layout-narrow .flex-direction-nav .prev { background-position:0 -50px; }
.flex-container.layout-narrow .flex-direction-nav .prev:hover { background-position:0 -102px; }
.flex-container.layout-narrow .flex-direction-nav .next { background-position:-52px -50px; }
.flex-container.layout-narrow .flex-direction-nav .next:hover { background-position:-52px -102px; }
.flex-container.layout-narrow .flex-nav,
html#ie7 .flex-container.layout-narrow .flex-nav {
display:block;
position:static;
}
.flex-container.layout-narrow .flex-control-nav { display:inline-block; }
html#ie7 .flex-container.layout-narrow .flex-control-nav { display:inline; zoom:1; }
}
.flexslider .slide { filter:inherit; }
.flexslider .slide { overflow: hidden; }
.flexslider .slide > .description { position:absolute; }
.slide > .description > .inner { position:relative; z-index:2; }
.slide[class*="layout-bubble-"] > .description {
max-width:47.9166667%;
position:absolute;
z-index:2;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.slide[class*="layout-bubble-"] > .description:after {
width:0;
display:block;
content:"";
position:absolute;
border-width:8px;
}
.slide.layout-bubble-top-left > .description { left:20px; top:20px; }
.slide.layout-bubble-top-right > .description { right:20px; top:20px; }
.slide.layout-bubble-bottom-left > .description { left:20px; bottom:20px; }
.slide.layout-bubble-bottom-right > .description { right:20px; bottom:20px; }
.slide[class*="layout-bubble-top-"] > .description:after {
top:100%;
border-style:solid outset outset outset;
border-right-color:transparent !important;
border-bottom-color:transparent !important;
border-left-color:transparent !important;
}
.slide[class*="layout-bubble-bottom-"] > .description:after {
bottom:100%;
border-style:outset outset solid outset;
border-top-color:transparent !important;
border-right-color:transparent !important;
border-left-color:transparent !important;
}
.slide.layout-bubble-top-left > .description:after,
.slide.layout-bubble-bottom-left > .description:after {
left:20px;
}
.slide.layout-bubble-top-right > .description:after,
.slide.layout-bubble-bottom-right > .description:after {
right:20px;
}
.slide[class*="layout-bubble-"] > .description > .inner { padding: 15px 20px; }
.slide[class*="layout-bubble-"] > .description > .inner > h4 { margin: 0; }
.flexslider .slide * { filter: inherit; -ms-filter: inherit; }
.flexslider .slides > li > div > .media > a { display:block; }
.flex-container.entry-mediabox {
padding:7px 0;
border-width:1px 0;
background:#f2f2f2;
background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#f2f2f2));
background-image:-webkit-linear-gradient(top,#fff,#f2f2f2);
background-image: -moz-linear-gradient(top,#fff,#f2f2f2);
background-image: -ms-linear-gradient(top,#fff,#f2f2f2);
background-image: -o-linear-gradient(top,#fff,#f2f2f2);
background-image: linear-gradient(top,#fff,#f2f2f2);
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:0 1px 5px rgba(0,0,0,.1),inset -1px -1px 0 rgba(255,255,255,1),inset 1px -1px 0 rgba(255,255,255,1);
-moz-box-shadow:0 1px 5px rgba(0,0,0,.1),inset -1px -1px 0 rgba(255,255,255,1),inset 1px -1px 0 rgba(255,255,255,1);
box-shadow:0 1px 5px rgba(0,0,0,.1),inset -1px -1px 0 rgba(255,255,255,1),inset 1px -1px 0 rgba(255,255,255,1);
}
@media only screen and (max-width: 600px) {
.flex-container { margin-bottom:10px; }
.slide[class*="layout-bubble-"] > .description { display:none; }
}
/* --- 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; }
.collection.view-as-grid.one-fourth .entry-featured-media { margin-bottom:10px; }
.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;
}
.collection .entry-terms { padding-top:0; border:none; }
.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; }
html#ie7 .entry-nav { text-align:center; }
html#ie7 .entry-nav > ul { display:inline; zoom:1; }
.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; }
/* --- Collections ----------------------------------------------------------------------------- */
.sticky {}
.collection { width:100%; }
.collection > ul { margin:0; position:relative; list-style:none; }
.collection.view-as-grid > ul > li { margin:0 0 22px; display:inline-block; vertical-align:top; }
html#ie7 .collection.view-as-grid > ul > li { display:inline; zoom:1; }
.collection.view-as-grid.one-fourth > ul { width:103.75%; left:-3.75%; }
.collection.view-as-grid.one-fourth > ul > li { width:21.3855422%; margin-left:3.61445783%; }
.c-three-fourth .collection.view-as-grid.one-fourth > ul { width:105.06329114%; left:-5.06329114%; }
.c-three-fourth .collection.view-as-grid.one-fourth > ul > li { width:28.5140562%; margin-left:4.81927711%; }
.c-one-half .collection.view-as-grid.one-fourth > ul { width:107.79220779%; left:-7.79220779%; }
.c-one-half .collection.view-as-grid.one-fourth > ul > li { width:42.7710843%; margin-left:7.22891566%; }
.c-one-fourth .collection.view-as-grid.one-fourth > ul > li { width:100%; margin-left:0; }
.collection.view-as-grid.one-third > ul { width:103.75%; left:-3.75%; }
.collection.view-as-grid.one-third > ul > li { width:29.7188755%; margin-left:3.61445783%; }
.c-two-third .collection.view-as-grid.one-third > ul { width:105.73248408%; left:-5.73248408%; }
.c-two-third .collection.view-as-grid.one-third > ul > li { width:44.5783133%; margin-left:5.42168675%; }
.c-one-third .collection.view-as-grid.one-third > ul > li { width:100%; margin-left:0; }
.collection.view-as-grid.one-half > ul { width:103.75%; left:-3.75%; }
.collection.view-as-grid.one-half > ul > li { width:46.3855422%; margin-left:3.61445783%; }
.c-one-half .collection.view-as-grid.one-half > ul > li { width:100%; margin-left:0; }
.collection.view-as-grid.two-thirds > ul > li { width:100%; }
.collection.view-as-grid.max > ul > li { width:100%; margin-bottom:40px; }
.collection.view-as-list > ul { margin:0; list-style:none; }
/* collection-list-one-twelth */
.collection.view-as-list.one-twelfth > ul { margin:0 0 20px; }
.collection.view-as-list.one-twelfth > ul > li { padding:0 0 10px; }
.collection.view-as-list.one-twelfth > ul > li + li {
padding:10px 0;
border-top-width:1px;
}
.collection.view-as-list.one-twelfth .entry-featured-media .frame { margin-bottom:0; }
.collection.view-as-list.one-twelfth .entry-featured-media .frame > .decorator > .outer { padding:7px; }
.collection.view-as-list.one-twelfth .entry-featured-media .frame > span { vertical-align:bottom; }
.collection.view-as-list.one-twelfth .entry-featured-media img.shadow-bottom { display:none; }
.collection.view-as-list.one-twelfth .c-x { float:none; margin:0 0 0 79px; }
.collection.view-as-list.one-twelfth.no-featured-media .c-x { margin:0; }
.collection.view-as-list.one-twelfth .entry-meta { margin-top:-22px; }
/* collection-list-two-third */
.collection.view-as-list.two-third > ul { margin:0 0 22px; }
.collection.view-as-list.two-third > ul > li { margin: 0 0 44px; }
.collection.view-as-list.two-third > ul > li + li {
padding-top:44px;
border-top-width:1px;
}
.collection.view-as-list.two-third > ul > li.even > article > .c-two-third {
position:relative;
left:34.5833333%;
}
.collection.view-as-list.two-third > ul > li.even > article > .c-one-third {
position:relative;
left:-69.1666667%;
}
@media only screen and (max-width: 600px) {
.collection.view-as-grid.one-fourth > ul,
.collection.view-as-grid.one-third > ul,
.collection.view-as-grid.one-half > ul,
.collection.view-as-grid.one-fourth > ul > li,
.collection.view-as-grid.one-third > ul > li,
.collection.view-as-grid.one-half > ul > li {
width:100%;
margin-left:0;
left:0;
}
}
.collection.view-as-list .entry-featured-media { margin:0; }
/* --- Isotope --------------------------------------------------------------------------------- */
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/* CSS3 transitions */
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: top, left, opacity;
transition-property: transform, opacity;
}
/* disable CSS3 transitions */
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
/* toolbar */
.isotope-toolbar { margin:-11px 0 44px; }
.isotope-toolbar .filters {
padding:0 20px 8px 10px;
overflow:hidden;
border-width:1px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.isotope-toolbar .filters > p {
padding:2px 10px;
margin:8px 0 0 0;
float:left;
font-size:12px;
line-height:20px;
}
.isotope-toolbar .filters > ul {
margin:0;
float:right;
list-style:none;
}
.isotope-toolbar .filters > ul li {
margin:8px 0 0 8px;
float:left;
font-size:12px;
line-height:20px;
}
.isotope-toolbar .filters > ul li a {
padding:2px 20px;
display:block;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.isotope-toolbar .filters > ul li.current a {
position:relative;
cursor:default;
}
/* Arrow */
.isotope-toolbar .filters > ul li.current a:after {
width:0;
height:0;
display:block;
content:"";
position:absolute;
border-width:4px;
margin-left:-4px;
bottom:-8px;
left:50%;
border-style:solid outset outset outset;
border-right-color:transparent !important;
border-bottom-color:transparent !important;
border-left-color:transparent !important;
}
@media only screen and (max-width: 768px) {
.isotope-toolbar .filters > ul li a { padding-left:10px; padding-right:10px; }
}
@media only screen and (max-width: 600px) {
.isotope-toolbar .filters > p { display:none; }
.isotope-toolbar .filters > ul { float:none; }
}
/* --- Widgets -------------------------------------------------------------------------------- */
.widget { margin-bottom:21px; padding-bottom:1px;/* Prevent margin collapsing */ }
/* --- Widget Calendar ------------------------------------------------------------------------- */
.widget_calendar table { width:100%; }
.widget_calendar table caption { font-weight:bold; }
.widget_calendar th,
.widget_calendar td {
padding:3px;
}
.widget_calendar th { text-align:center; border-width:1px 0 3px 0; }
.widget_calendar tbody td { text-align:center; border-width:1px; }
.widget_calendar tbody td.pad:first-child { border-width:1px 0 0 1px; }
.widget_calendar tbody td a,
.widget_calendar tbody td#today {
font-weight:bold;
}
/* --- WordPress Default Widgets --------------------------------------------------------------- */
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget_links ul,
.widget_meta ul,
.widget_rss ul,
.widget_pages ul,
.widget_nav_menu ul,
.widget_categories ul,
.widget_archive ul {
margin-left:0;
list-style:none;
}
.widget_links ul ul,
.widget_meta ul ul,
.widget_rss ul ul,
.widget_pages ul ul,
.widget_nav_menu ul ul,
.widget_categories ul ul,
.widget_archive ul ul {
padding:0 0 0 2em;
margin:0;
border-width:1px 0 0;
}
.widget_recent_entries li,
.widget_links li,
.widget_meta li,
.widget_rss li,
.widget_pages a,
.widget_nav_menu a,
.widget_categories span,
.widget_archive li {
padding:5px 0;
display:block;
border-width: 1px 0 0;
}
.widget_recent_entries li:first-child,
.widget_links li:first-child,
.widget_meta li:first-child,
.widget_rss li:first-child,
.widget_pages li:first-child > a,
.widget_nav_menu li:first-child > a,
.widget_categories li:first-child > span,
.widget_archive li:first-child {
padding-top:0;
border:0;
}
.widget_recent_entries li li:first-child,
.widget_links li li:first-child,
.widget_meta li li:first-child,
.widget_rss li li:first-child,
.widget_pages li li:first-child > a,
.widget_nav_menu li li:first-child > a,
.widget_categories li li:first-child > span,
.widget_archive li li:first-child {
padding-top:5px;
}
.widget_rss li a.rsswidget { display:block; }
.widget_rss .rssSummary { margin:9px 0 0; }
.widget_tag_cloud a { line-height:100%; }
.widget_categories select,
.widget_archive select,
div.tagcloud {
margin:0 0 22px;
}
.widget_recent_comments li { padding:5px 0; border-width:1px 0 0; }
.widget_recent_comments li:first-child { padding-top:0; border:0; }
/* --- Comment list ---------------------------------------------------------------------------- */
img.avatar {
padding:3px;
border-width:1px;
background:#f2f2f2;
background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#f2f2f2));
background-image:-webkit-linear-gradient(top,#fff,#f2f2f2);
background-image: -moz-linear-gradient(top,#fff,#f2f2f2);
background-image: -ms-linear-gradient(top,#fff,#f2f2f2);
background-image: -o-linear-gradient(top,#fff,#f2f2f2);
background-image: linear-gradient(top,#fff,#f2f2f2);
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:0 1px 5px rgba(0,0,0, 0.1), inset -1px -1px 0 rgba(255,255,255, 1), inset 1px -1px 0 rgba(255,255,255, 1);
-moz-box-shadow:0 1px 5px rgba(0,0,0, 0.1), inset -1px -1px 0 rgba(255,255,255, 1), inset 1px -1px 0 rgba(255,255,255, 1);
box-shadow:0 1px 5px rgba(0,0,0, 0.1), inset -1px -1px 0 rgba(255,255,255, 1), inset 1px -1px 0 rgba(255,255,255, 1);
}
.commentlist { margin:0; list-style:none; }
.commentlist li { position:relative; }
.comment.bypostauthor {}
.commentlist .comment-wrapper {
padding:22px 0 11px 0px;
border-style:dotted;
border-width:1px 0 0 0;
}
.comment-wrapper footer {
margin:11px 0 0;
font:italic 12px/18px Georgia, sans-serif;
text-align:right;
}
.commentlist div.vcard { padding:4px 0 0 58px; }
.commentlist div.vcard cite.fn { font-style:normal; font-weight:bold; }
.commentlist img.avatar { position:absolute; left:0; top:20px; }
.commentlist div.commentmetadata {
margin:0 0 22px 58px;
font:italic 12px/18px Georgia, sans-serif;
}
.commentlist ul.children { margin:0 0 0 20px; list-style:none; }
.comment-body {
padding:22px 22px 1px;
border-width:3px 1px 1px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.bypostauthor > article > .comment-body { border-width:0; }
img.avatar-20 { width:20px; height:20px; }
img.avatar-40 { width:40px; height:40px; }
img.avatar-60 { width:60px; height:60px; }
img.avatar-80 { width:80px; height:80px; }
img.avatar-100 { width:100px; height:100px; }
/* --- Comments -------------------------------------------------------------------------------- */
#comments { margin:22px 0 0; }
#respond { margin:44px 0 0; position:relative; }
.commentlist #respond { margin:22px 0; }
/* --- 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; }
/* --- Sidebar --------------------------------------------------------------------------------- */
.sidebar > .inner { zoom:1; }
.sidebar > .inner:before,
.sidebar > .inner:after {
display:table;
clear:both;
content:"";
}
@media only screen and (min-width: 601px) {
.sidebar > .helper { height:60px; background-position:no-repeat; }
.sidebar > .inner { background-repeat:repeat-y; }
.sidebar > .inner > * { position:relative; top:-40px; }
.sidebar.after > .helper:first-child,
.sidebar.after > .inner {
background-position:left 0;
}
.sidebar.after > .inner { padding-left:30px; }
.sidebar.c-one-fourth.after > .inner { padding-left:20px; }
.sidebar.after > .inner + .helper { background-position:left -60px; }
.sidebar.before > .helper:first-child,
.sidebar.before > .inner {
background-position:right 0;
}
.sidebar.before > .inner { padding-right:30px; }
.sidebar.c-one-fourth.before > .inner { padding-right:20px; }
.sidebar.before > .inner + .helper { background-position:right -60px; }
}
@media only screen and (max-width: 600px) {
.sidebar > .helper { display:none; }
.sidebar.before > .inner,
.sidebar.after > .inner {
background-image:none !important;
padding:0;
}
}
/* --- Side navigation ------------------------------------------------------------------------- */
.sidebar .side-nav + .widget { margin-top:44px; }
.sidebar.before .side-nav { margin:0 -20px 0 0; }
.sidebar.after .side-nav { margin:0 0 0 -20px; }
.side-nav ul { margin:0; list-style:none; }
.side-nav li { display:block; }
.side-nav li a {
display:block;
background-repeat:no-repeat;
border-width:0 0 1px;
}
/* Differentiate the top ancestor */
.side-nav > ul > li:first-child > a { font-weight:bold; }
.side-nav li a > span { display: block; }
.side-nav li.current_page_item > a {
margin-left:-4px;
margin-right:-4px;
position:relative;
border-width:4px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
/* IE7 negative margin fix */
html#ie7 .side-nav li { display:block; }
html#ie7 .side-nav li.current_page_item > a { zoom:1; }
.side-nav li.current_page_item > a:after {
width:0;
height:0;
margin-top:-6px;
display:block;
position:absolute;
top:50%;
content:"";
border-width:6px;
}
@media only screen and (max-width: 600px) {
aside.before .side-nav li.current_page_item > a:after,
aside.after .side-nav li.current_page_item > a:after {
left:0px;
border-style:outset outset outset solid;
border-top-color:transparent !important;
border-right-color:transparent !important;
border-bottom-color:transparent !important;
}
}
@media only screen and (min-width: 601px) {
aside.before .side-nav li.current_page_item > a:after {
right:-16px;
border-style:outset outset outset solid;
border-top-color:transparent !important;
border-right-color:transparent !important;
border-bottom-color:transparent !important;
}
aside.after .side-nav li.current_page_item > a:after {
left:-16px;
border-style:outset solid outset outset;
border-top-color:transparent !important;
border-bottom-color:transparent !important;
border-left-color:transparent !important;
}
}
aside.before .side-nav li a > span { padding:7px 20px 7px 10px;; }
aside.after .side-nav li a > span { padding:7px 10px 7px 20px; }
/* --- 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;
}
/* --- Placeholders ---------------------------------------------------------------------------- */
.placeholder { width:999px; max-width:100%; margin:0 0 22px; display:block; }
.frame .placeholder { margin:0; }
.placeholder.aligncenter { margin-left:auto; margin-right:auto; }
.placeholder > .inner {
width:100%;
height:0;
display:block;
background-position:center center;
background-repeat:no-repeat;
}
.placeholder {
background:#f2f2f2;
background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#f1f1f1),to(#e5e5e5));
background-image:-webkit-linear-gradient(top,#f1f1f1,#e5e5e5);
background-image: -moz-linear-gradient(top,#f1f1f1,#e5e5e5);
background-image: -ms-linear-gradient(top,#f1f1f1,#e5e5e5);
background-image: -o-linear-gradient(top,#f1f1f1,#e5e5e5);
background-image: linear-gradient(top,#f1f1f1,#e5e5e5);
}
.placeholder-no-image > .inner { background-image:url(./../images/icons/placeholder-no-image.png); }
.placeholder-password-required > .inner { background-image:url(./../images/icons/placeholder-password-required.png); }
.placeholder-user > .inner { background-image:url(./../images/icons/placeholder-user.png); }
.placeholder-users > .inner { background-image:url(./../images/icons/placeholder-users.png); }
/* --- Pagination, Page links ------------------------------------------------------------------ */
.pagination { margin-bottom:22px; }
.pagination p,
.comment-pagination p {
margin:0 auto;
display:table;
}
.pagination p > *,
.comment-pagination p > * {
float:left;
}
.pagination p > strong:first-child { display:none; }
.pagination strong.current {
position:relative;
font-weight:normal;
border-width:4px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.pagination strong.current:after {
width:0;
height:0;
margin-left:-4px;
display:block;
position:absolute;
top:-12px;
left:50%;
content:"";
border-style:outset outset solid outset;
border-width:4px;
border-top-color:transparent !important;
border-right-color:transparent !important;
border-left-color:transparent !important;
}
.pagination strong.current > span {
margin:3px;
padding:2px 3px;
}
.pagination a {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:0 1px 0px rgba(0,0,0, 0.14);
-moz-box-shadow:0 1px 0px rgba(0,0,0, 0.14);
box-shadow:0 1px 0px rgba(0,0,0, 0.14);
}
.pagination strong.current { margin:0 2px; }
.pagination a { margin:4px 2px 0; }
.pagination span,
.comment-pagination a,
.comment-pagination span {
padding:5px 6px;
display:block;
font-size:12px;
line-height:12px;
}
.pagination a.prev,
.pagination a.next {
margin-top:7px;
padding:4px 12px;
text-indent:-9999px;
}
.pagination a.next span,
.pagination a.prev span {
height:0;
width:0;
padding:0;
border-width:4px;
}
.pagination a.next span {
margin-left: 4px;
border-style: outset outset outset solid;
border-top-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
}
.pagination a.prev span {
margin-right:4px;
border-style:outset solid outset outset;
border-top-color:transparent !important;
border-bottom-color:transparent !important;
border-left-color:transparent !important;
}
.comment-pagination a.prev,
.comment-pagination a.next {
width:32px;
text-indent:-9999px;
}
.pagination a.prev,
.comment-pagination a.prev {
margin-right:10px;
}
.pagination a.next,
.comment-pagination a.next {
margin-left:10px;
}
/* ----->>> PREHEADER SECTION <<<--------------------------------------------------------------- */
html.js #preheader {
width:100%;
position:absolute;
top:0;
left:0;
-webkit-box-shadow:0 1px 20px rgba(0,0,0, 0.5);
-moz-box-shadow:0 1px 20px rgba(0,0,0, 0.5);
box-shadow:0 1px 20px rgba(0,0,0, 0.5);
}
html.js #preheader-inner.off { display:none; }
html.js #preheader-inner.on { display:block; }
#preheader-inner {
width:93.0232558%; /* Fix: slide animation jumping */
padding-top:40px;
}
html.no-js #preheader-toggle { display:none; }
#preheader-toggle {
max-width:960px;
margin:0 auto;
position:relative;
z-index:3;
cursor:pointer;
}
#preheader-toggle .arrow {
width:22px;
height:22px;
margin-left:-11px;
position:absolute;
left:50%;
background-repeat:no-repeat;
background-image:url(./../images/sprites_1.png);
}
#preheader-toggle .arrow { bottom:-27px; }
#preheader-toggle .arrow-up { bottom:10px; }
#preheader-toggle .arrow { background-position:-44px 0; }
#preheader-toggle .arrow:hover { background-position:-44px -22px; }
#preheader-toggle .arrow-up { background-position:-66px 0; }
#preheader-toggle .arrow-up:hover { background-position:-66px -22px; }
/* ----->>> HEADER SECTION <<<------------------------------------------------------------------ */
#header { padding:31px 0 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; }
#secondary-bar { position:absolute; left:0; top:0; }
/* --- Primary navigation ---------------------------------------------------------------------- */
#primary-nav { display:block; float:right; }
#primary-nav-select { padding-bottom:10px; display:none; }
@media only screen and (max-width: 900px) {
#primary-nav-menu { display:none; }
#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;
}
html#ie7 .dd-menu ul a { zoom:1; }
/* 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;
}
#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.pattern {
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
z-index:4;
background-position:0 0 !important;
background-repeat:repeat;
background-image:url(./../images/noise.png);
border-width:1px 0 0 0;
border-color:rgba(255,255,255,0.1);
}
#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);
}
/* --- Search Form ----------------------------------------------------------------------------- */
#searchform { position:relative; }
.widget_search #searchform { margin:0 0 22px; }
fieldset.compact { position:relative; }
fieldset.compact #s { padding-right:35px; }
fieldset.compact #searchsubmit {
width:22px;
height:22px;
margin-top:-11px;
position:absolute;
top:50%;
right:5px;
text-indent:-9999px;
cursor:pointer;
background:url(./../images/sprites_1.png) -132px 0 no-repeat;
}
fieldset.compact #searchsubmit:hover { background-position:-132px -22px; }
#secondary-bar .searchform {
margin-left:10px;
float:right;
position:relative;
top:5px;
}
#secondary-bar #searchform {
padding:10px;
display:none;
position:absolute;
right:0;
top:35px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);
box-shadow:0 1px 2px rgba(0,0,0,.2);
}
#secondary-bar #searchform:after {
width:0;
height:0;
display:block;
position:absolute;
top:-12px;
right:5px;
content:"";
border-width:6px;
border-style:outset outset solid outset;
border-top-color:transparent !important;
border-right-color:transparent !important;
border-left-color:transparent !important;
}
#secondary-bar .searchform > a {
width:22px;
height:22px;
display:block;
background:url(./../images/sprites_1.png) -110px 0 no-repeat;
}
#secondary-bar .searchform > a:hover { background-position:-110px -22px; }
#secondary-bar .searchform.on > a { background-position:-88px 0; }
#secondary-bar .searchform.on > a:hover { background-position:-88px -22px; }
#secondary-bar #s { width: 280px; }
/* --- Feeds navigation ------------------------------------------------------------------------ */
#secondary-nav { float:left; }
#feeds-nav { margin-top:7px; float:right; }
#feeds-nav ul { margin:0; }
/* ----->>> PRECONTENT SECTION <<<-------------------------------------------------------------- */
#precontent { overflow:hidden; }
#precontent-inner { padding-top:30px; }
#precontent > .background > div.pattern {
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
z-index:4;
background-position:0 0 !important;
background-repeat:repeat;
background-image:url(./../images/noise.png);
}
#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:44px; padding-bottom:44px; }
/* --- Content header -------------------------------------------------------------------------- */
.breadcrumbs p { margin:0; font:italic 12px/18px Georgia, sans-serif; }
.breadcrumbs strong { font-weight:normal; }
#content-inner > .breadcrumbs { position:relative; top:-34px; }
/* --- Entry utilities ------------------------------------------------------------------------- */
.entry-utility { clear:both; }
.entry-utility span { margin:0 0 22px; display:block; }
/* ----->>> PREFOOTER SECTION <<<--------------------------------------------------------------- */
#prefooter > .background { overflow:hidden; }
#prefooter > .background > div.pattern {
width:100%;
height:100%;
position:absolute;
left:0;
top:-1px;
z-index:4;
background:url(./../images/noise.png) 0 0 repeat;
}
#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:12px;
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:10px; }
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; }
#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 > .pattern { border-width: 1px 0 0 0; }
#footer > .background > .pattern {
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
z-index:4;
background-position:0 0 !important;
background-repeat:repeat;
background-image:url(./../images/noise.png);
}
#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;
}
/* ============================================================================================= */
/* =====>>> PAGE SPECIFIC LAYOUT <<<============================================================ */
/* ============================================================================================= */
/* ----->>> PAGES <<<--------------------------------------------------------------------------- */
/* ----->>> POSTS <<<--------------------------------------------------------------------------- */
/* ----->>> WORKS <<<--------------------------------------------------------------------------- */
/* ----->>> SEARCH <<<-------------------------------------------------------------------------- */
/* --- Search Results -------------------------------------------------------------------------- */
ul.search-results { margin:0; list-style:none; }
ul.search-results > li + li { padding-top:22px; border-width:1px 0 0; }
ul.search-results p.search-meta { margin:0; }
/* ----->>> 404 <<<----------------------------------------------------------------------------- */
#error404 {}
/* ----->>> EXTRAS <<<-------------------------------------------------------------------------- */
.entry-format { display:none; }
/* WPML language switcher */
#secondary-bar #lang_sel { margin-right:10px; padding-top:2px; float:left; }
#secondary-bar #lang_sel ul { width:46px; }
#secondary-bar #lang_sel ul li { position: relative; width:46px; }
#secondary-bar #lang_sel ul li a { text-indent:-9999px; }
#secondary-bar #lang_sel ul li a img { position: absolute; left:5px; top:5px; }
#secondary-bar #lang_sel ul li a.lang_sel_sel img { top:7px; }