/*

Theme Name: Shiro
Theme URI: https://dbushell.com
Description: Theme for dbushell.com
Author: David Bushell
Copyright: (c) David Bushell
Version: 6.0


 .d8888888b.       888 888                        888               888 888
d88P"   "Y88b      888 888                        888               888 888
888  d8b  888      888 888                        888               888 888
888  888  888  .d88888 88888b.  888  888 .d8888b  88888b.   .d88b.  888 888
888  888bd88P d88" 888 888 "88b 888  888 88K      888 "88b d8P  Y8b 888 888
888  Y8888P"  888  888 888  888 888  888 "Y8888b. 888  888 88888888 888 888
Y88b.     .d8 Y88b 888 888 d88P Y88b 888      X88 888  888 Y8b.     888 888
 "Y88888888P"  "Y88888 88888P"   "Y88888  88888P' 888  888  "Y8888  888 888

*/
@font-face {
  font-family: 'Droid Serif';
  src: url('./droid-serif-regular.ttf') format('truetype');
  font-display: swap;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Droid Serif';
  src: url('./droid-serif-bold.ttf') format('truetype');
  font-display: swap;
  font-weight: 700;
  font-style: normal;
}
/* ****************************************************************************************************
 *
 *  RESET
 *
 * **************************************************************************************************** */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

strong { font-weight: bold; }
em { font-style: italic; }

abbr[title] { border-bottom: 1px dotted; }

pre, code, kbd, samp { font-family: 'Consolas', 'Courier New', monospace; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

img { display: block; max-width: 100%; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }

/* from normalize.css */
button, input, select, textarea { margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
.vhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.vhidden.focusable:active, .vhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }

.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .cf { zoom: 1; }
*:first-child+html .cf { zoom: 1; }


/* ****************************************************************************************************
 *
 *  BASE
 *
 * **************************************************************************************************** */


body { background: #fff; color: #545454; font-family: 'Helvetica Neue', Arial, sans-serif; }

.wrapper { position: relative; margin: 0 auto; max-width: 80em; /*1280*/ }
.oldie .wrapper { min-width: 60em;/*960*/ }

#header 	{ z-index: 50; }
#all 		{ z-index: 100; }
#side 		{ z-index: 125; }
#content 	{ z-index: 150; }

.home #paper 	{ z-index: 175; }
.home #crane	{ z-index: 190; }
.home #side		{ z-index: 195; }
.home #banner 	{ z-index: 200; }
.home #main  	{ z-index: 200; }

#all { position: relative; overflow: hidden; background: #f5f8fa;
	-webkit-box-shadow: 0 0 3em 0 rgba(0,0,0,.7);
	-moz-box-shadow: 0 0 3em 0 rgba(0,0,0,.7);
	box-shadow: 0 0 3em 0 rgba(0,0,0,.7);
}

#masthead { position: relative; overflow: hidden; background: #333 url('./black.jpg'); }
#header:before { display: block; content: ' '; position: absolute; top: 0; height: 0.4325em;/*7*/ width: 100%;
	background: #80cc70;
	background: -moz-linear-gradient(left, #5aa64b 0%, #80cc70 30%, #7ed96c 50%, #80cc70 70%, #5aa64b 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #5aa64b), color-stop(30%, #80cc70), color-stop(50%, #7ed96c), color-stop(70%, #80cc70), color-stop(100%, #5aa64b));
	background: -webkit-linear-gradient(left, #5aa64b 0%, #80cc70 30%, #7ed96c 50%, #80cc70 70%, #5aa64b 100%);
	background: -o-linear-gradient(left, #5aa64b 0%, #80cc70 30%, #7ed96c 50%, #80cc70 70%, #5aa64b 100%);
	background: -ms-linear-gradient(left, #5aa64b 0%, #80cc70 30%, #7ed96c 50%, #80cc70 70%, #5aa64b 100%);
	background: linear-gradient(left, #5aa64b 0%, #80cc70 30%, #7ed96c 50%, #80cc70 70%, #5aa64b 100%);
}

#header { display: block; position: relative; overflow: hidden; width: 100%; opacity: 1; margin: 0; }
#header .wrapper { margin-top: 1.3125em;/*21*/ margin-bottom: 0.875em;/*14*/ padding: 1.3125em 0;/*21,21*/ }
.js-ready #header {
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.oldie #header { opacity: 1; margin-bottom: 0; }
.js #top:target #header { opacity: 1; margin-bottom: 0; }
.js #top:target #banner .title:after { visibility: hidden; }


.home #header { opacity: 1; margin-bottom: 0; }
.home #banner .title:after { visibility: hidden; }
#intro { margin-bottom: 1.75em; }
#intro .logo { display: inline-block; margin: 0 0 0.625em 0; border: none; }
#intro .text { padding: 0 9.411%; font-size: 1.125em;/*18*/ line-height: 1.1666em;/*21*/ color: #fff; font-family: Georgia, serif; font-style: italic; }
#intro .text span { white-space: nowrap; }
.no-svg #intro .logo { background: url('./dbushell-logo.png') 0 0 no-repeat; }
.ie6 #intro .logo { background-image: url('./dbushell-logo.gif') !important; }
.no-svg #intro .logo img { visibility: hidden; }
.oldie #intro .logo { display: block; width: 470px; height: 60px; }

#colophon { position: relative; padding: 0 9.411%; min-height: 5.25em;/*84*/ }
#colophon:before { position: absolute; display: block; content: ' '; width: 5em;/*80*/ height: 5em;/*80*/ background: url('./avatar.png'); background-size: 5em 5em; border-radius:100%; overflow: hidden; }
#colophon .text { margin-left: 7.1428em;/*100*/ max-width: 38em; color: #fff; font-size: 0.875em;/*14*/ line-height: 1.5em;/*21*/ font-weight: bold; }
#colophon a { color: #fff; }
.oldie #colophon:before { background-image: url('./avatar.png'); }
.ie6 #colophon .text { margin-left: 0; padding-left: 7.1428em;/*100*/ height: 5.7142em;/*80*/ background: url('./avatar.png') 0 0 no-repeat; }

#banner { padding: 3.5em 9.411% 2.1875em 9.411%;/*56,35*/ }
#banner .title { position: relative; display: block; float: left; font-weight: bold; padding-right: 1em; font-size: 1.25em;/*20*/ line-height: 1.4em;/*28*/ height: 1.4em; text-transform: uppercase; letter-spacing: 0.05em;/*1*/ }
#banner .title:after { position: absolute; top: 50%; right: 0; display: block; content: ' '; width: 1em; height: 1em; margin: -0.5em 0 0 0.25em;/*-5,2.5*/ visibility: visible; background: url('./arrow.png') 0 0 no-repeat; }
#banner .title:hover:after { background-position: left bottom; }
.svg #banner .title:after { background-size: 1em 2em; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSI0MCI+PGxpbmUgc3Ryb2tlPSIjQzJDOUNDIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjEwIiB5MT0iMTAiIHgyPSIxMCIgeTI9IjE4IiBmaWxsPSJub25lIi8+PHBvbHlnb24gZmlsbD0iI0MyQzlDQyIgcG9pbnRzPSI0LjY0NiwxMiAxMC4wMjksMi42NzQgMTUuNDE1LDEyIi8+PGxpbmUgc3Ryb2tlPSIjNDc4RkIzIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjEwIiB5MT0iMzAiIHgyPSIxMCIgeTI9IjM4IiBmaWxsPSJub25lIi8+PHBvbHlnb24gZmlsbD0iIzQ3OEZCMyIgcG9pbnRzPSI0LjY0NiwzMiAxMC4wMjksMjIuNjc0IDE1LjQxNSwzMiIvPjwvc3ZnPg=='); }
#banner .title span { font-weight: normal; color: #c2c9cc; }
#banner .title { border: 0; }

#nav li { display: block; float: left; margin-right: 1.25em;/*20*/ }
#nav li:last-child { margin-right: 0; }
#nav a { font-weight: bold; line-height: 1.75em;/*28*/ }

#content { position: relative; width: 100%; }

#paper { position: relative; width: 100%; background: #fff;
	-webkit-box-shadow: 0 0 3em 0 rgba(0,0,0,.1);/*e1e4e5*/
	-moz-box-shadow: 0 0 3em 0 rgba(0,0,0,.1);
	box-shadow: 0 0 3em 0 rgba(0,0,0,.1);
}
.oldie #paper { width: auto; border-right: 1px solid #c8cbcc; border-bottom: 1px solid #c8cbcc; }

#main { padding: 0 9.411% 1.75em 9.411%; /*28*/ }

#preview img { max-width: 100%; height: auto; margin: 0 auto; }
#crane { display: none; }

.sub { color: #919699; font-size: 1em; text-transform: uppercase; }

.nowrap { white-space: nowrap; }

a { color: #6d7173; border-bottom: 1px solid #a1cfe5; text-decoration: none; }
a:active,
a:hover { color: #478fb3; border-bottom: 1px solid #7ab1cc; }
a:focus { color: #478fb3 !important; background: #fff; border-bottom: 0; outline: 0.1em dotted #919699; }

#masthead a:focus { background: transparent; }

.post-single { overflow: hidden; }

.post a { border-bottom-color: #91d982; }
.post a:hover { color: #4ab336; border-bottom-color: #77b36b; }
.post-footer a { border-bottom-color: #a1cfe5; }
.post-footer a:hover { color: #478fb3; border-bottom-color: #7ab1cc; }
.post p,
.post li { font-family: 'Georgia', serif; }
.post h1,
.post h2,
.post h3,
.post h4,
.post h5 { color: #333; font-family: 'Droid Serif', 'Georgia', serif; }
.post h1 { font-size: 2.5em;/*40*/ letter-spacing: -1px; line-height: 1.4em;/*56*/ font-weight: bold; }
.post h1 a { border: 0; color: #333; }
.post h1 a:hover { color: #70bf60; }
.post h1 a:hover .highlight { background: transparent; }
.post-sub { display: block; line-height: 1.75em;/*28,42*/ padding: 0.4375em 0;/*7*/ margin: -1px 0 1.75em 0; border-top: 1px solid #dae2e5; }
.post h2 { font-size: 1.5em;/*24*/line-height: 1.1666em;/*28*/ margin: 1.75em 0 1.1666em 0;/*42,28*/ font-weight: bold; }
.post h3,
.post h4,
.post h5 { font-size: 1.125em;/*18*/ line-height: 1.5555em;/*28*/ letter-spacing: 0.055555em;/*1*/ margin-bottom: 0.7777em;/*14*/ text-transform: uppercase; font-weight: bold; }
.post code { color: #333; display: inline-block; background: #f2f0da; font-size: 0.8235em;/*14*/ line-height: 1.4285em;/*20*/ font-family: 'Consolas', 'Courier New', monospace; }
.post code a { color: #333; display: inline-block; border-bottom-color: #a1cfe5; }
.post code a:hover { color: #478fb3; border-bottom-color: #7ab1cc; }
.post pre {
	font-family: 'Consolas', 'Courier New', monospace; color: #333; font-size: 0.875em;/*14*/ line-height: 1.5em;/*21*/ padding: 1.1428em 2em 1.1428em 11.544%;/*16,28*/ margin-left: -11.544%; /*padding: 1em 2em 1.0714em 2em;/*14,28*/ /*margin-left: -2em;/*28*/ margin-bottom: 2em;/*28*/ background: #faf9ed;
	-webkit-box-shadow: inset 0 0 2em 0 #f2f0da;
	-moz-box-shadow: inset 0 0 2em 0 #f2f0da;
	box-shadow: inset 0 0 2em 0 #f2f0da;
}
.post-image { padding: 1.647em 11.544%;/*28*/ margin-left: -11.544%; margin-right: -11.544%;
	background: #e1e7eb; border-bottom: 1px solid #ced3d6;
	-webkit-box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, .07);
	-moz-box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, .07);
	box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, .07);
}
.post-image img { margin: 0 auto;
	-webkit-box-shadow: 0 0.2941em 0.8235em -0.2941em rgba(0, 0, 0, .3);/*5,14*/
	-moz-box-shadow: 0 0.2941em 0.8235em -0.2941em rgba(0, 0, 0, .3);
	box-shadow: 0 0.2941em 0.8235em -0.2941em rgba(0, 0, 0, .3);
}
.post-image.is-flat img {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.post .highlight { background-color: #fff480; }
.post blockquote { color: #333; font-family: 'Georgia', serif; position: relative; font-size: 1em;/*16*/ line-height: 1.75em;/*28*/ font-style: italic; margin-bottom: 1.75em; padding: 0 1.875em;/*30*/ border-left: 3px solid #ced5d9; }
.post blockquote p { font-size: 1em;/*16*/ line-height: 1.75em;/*28*/ margin-bottom: 0.875em;/*14*/ }
.post blockquote p:last-child { margin-bottom: 0; }
.post blockquote:before { color: #919699; display: block; content: '“'; margin-left: -1em; width: 1em; float: left; }
.post blockquote:after { color: #919699; content: '”'; }

.post .twitter-embed { margin-bottom: 1.75em; }
.post .twitter-embed .twitter-tweet-rendered { margin: 0 !important; }
.post .twitter-embed blockquote:before,
.post .twitter-embed blockquote:after { content: ''; display: none; }
.post .twitter-embed.socialite-loaded {
	float: left; background: #e6f2f7; padding: 1.1428em 2em 1.1428em 11.544%;/*16,28*/ margin-left: -11.544%;
	-webkit-box-shadow: inset 0 0 2em 0 #d3e6f0;
	-moz-box-shadow: inset 0 0 2em 0 #d3e6f0;
	box-shadow: inset 0 0 2em 0 #d3e6f0;
}


.post p { font-size: 1.0625em; /*17*/ line-height: 1.647em;/*28*/ margin-bottom: 1.647em; }
.post p.note { font-family: 'Helvetica Neue', Arial, sans-serif; color: #777; font-size: 0.9375em;/*15*/ line-height: 1.4em;/*21*/ padding-top: 0.2em;/*3*/ margin-bottom: 0.9333em;/*14*/ }
.post ul,
.post ol { list-style: disc outside; font-size: 1.0625em;/*17*/ line-height: 1.647em;/*28*/ margin-bottom: 1.647em; }
.post ol { list-style: decimal; }
.post img.right { float: right; margin: 0 0 1.75em 1.75em;/*28*/ }
.post-content { }
/*.post-content p:first-of-type::first-letter { font-size: 3.3em; line-height: 1em; float: left; margin-right: 0.1em; font-weight: normal; }*/
.post-excerpt { margin-bottom: 3.5em;/*56*/ }
.post-excerpt .more { font-size: 0.875em;/*14*/ line-height: 1.5em;/*21*/ }
.post-external-url { font-weight: bold; padding: 0; font-size: 1em;/*16*/ line-height: 1.75em;/*28*/ margin-bottom: 1.75em; }
.post-external-url a:before { content: '⚓ '; }
.post-external-url a:hover:before {color: #4ab336; }
.post-ad { background: #e5e5e5; float: right; margin-left: 1.75em;/*28*/ margin-bottom: 0.875em;/*14*/ }
.post-ad img { background: #e5e5e5; }
.post-share { margin: 1.75em 0;/*28*/ }
.post-share .socialite { line-height: 1.75em; height: 1.75em; }
.post-share .socialite-loaded { position: relative; line-height: 1.75em; height: 1.75em; margin-bottom: 0.875em;/*14*/ }

.post-categories { padding-bottom: 0.875em; }
.post-author { border-top: 1px solid #ced5d9; padding-top: 0.875em;/*14*/ margin-bottom: 1.75em;/*28*/ }
.post-author p,
.post-categories p,
.post-categories li { display: inline; color: #919699; font-size: 0.875em;/*14*/ line-height: 2em;/*28*/ text-transform: uppercase; font-family: 'Helvetica Neue', Arial, sans-serif; }
.post-categories p:after { content: ':'; }
.post-categories li { }
.post-categories li:after { content: ','; }
.post-categories li:last-child:after { content: ''; }
.post-categories ul { display: inline; font-size: 1em; }
.post-author a,
.post-categories a { color: #919699; font-weight: bold; }
.post-author a:hover,
.post-categories a:hover { color: #478fb3; border-bottom: 1px solid #7ab1cc; }
.post-footer { position: relative; margin-bottom: -1px; }
.post-follow { line-height: 1.75em;/*28*/ }
.post-follow a { font-size: 0.875em;/*14*/ }
.post-follow .socialised { width: 205px; height: 23px; }
.post-nav { margin-bottom: 1.75em; line-height: 1.75em; }
.post-nav a { font-weight: bold; }
.post-nav .prev a:before { content: '← '; }
.post-nav .next a:after { content: ' →'; }
.post-type-bookmark h1 a:before { content: '⚓ '; }

#comments { padding: 1.75em 0 1.75em 9.411%; /*28*/ }
#comments .sub { line-height: 1.75em;/*28*/ margin-bottom: 0.875em;/*14*/ font-weight: bold; }
.comments .comment { display: block; position: relative; margin-bottom: 1.75em;/*28*/ padding: 0.875em 0;/*14*/ background: #fff;
	-webkit-box-shadow: 0 0 3em 0 rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 3em 0 rgba(0,0,0,.1);
	box-shadow: 0 0 3em 0 rgba(0,0,0,.1);
}
.oldie .comments .comment {border: 1px solid #c8cbcc; }
.comments .comment.moderation .comment-notice { color: #d14836; }
.comments .comment.moderation .comment-avatar { opacity: .3; filter: alpha(opacity=30); }
.comment-text { width: 76%; padding-right: 10%; float: right; }
.comment-text p { color: #444; font-family: 'Georgia', serif; font-size: 0.9375em;/*15*/ line-height: 1.4em;/*21*/ margin-bottom: 0.9333em;/*14*/ }
.comment-text p:last-of-type { margin-bottom: 0.46666em;/*7*/ }
.comment-time { display: block; color: #919699; font-size: 0.875em;/*14*/ line-height: 2em;/*28*/ text-transform: uppercase; }
.comment-avatar { width: 11%; margin-top: 0.375em;/*6*/ /*margin-right: 3%;*/ float: left; background: #ccc; }
.comment-author { line-height: 1.75em;/*28*/ margin-bottom: 0.4375em;/*7*/ }
#comment-form .comment { padding: 1.75em 0;/*28*/ }
#comment-form .comment-text { width: auto; float: none; padding: 0 10% 0 1.75em;/*28*/ }
#comment-form .comment-text p { margin: 0; }
#comment-form fieldset { width: auto; padding: 0 10% 0 5%; }

.form .fields { display: block; }
.form .row { display: block; width: 100%; float: left; margin-bottom: 0.875em;/*14*/ }
.form .row:last-child { margin-bottom: 0; }
.form .row p { color: #6d7173; font-size: 0.9375em;/*15*/ line-height: 1.4em;/*21*/ margin: 0; }
.form .label { color: #6d7173; font-size: 0.875em;/*14*/ line-height: 1.5em;/*21*/ display: block; float: left; clear: both; text-transform: uppercase; }
.form .label.required { color: #6d7173; font-weight: bold; }
.form .label.required:after { content: ' *'; }
.form .field { display: block; float: left; clear: both; }
.form input.field { max-width: 30em; }
.form .inset .field { margin-bottom: 0; }
.form .button { display: block; padding: 0.5em 1em;/*7,14*/ float: left; color: #fff; font-size: 0.875em;/*14*/ line-height: 1.5em;/*21*/ background: #6d7173; border: 0; outline: 0; font-weight: bold; text-transform: uppercase; }
.form .button:hover,
.form .button:active { background: #478fb3; }

#side { position: relative; /*min-height: 7em;/*112*/ }
.side { position: relative; width: 100%; padding: 0.875em 0;/*14*/ }
.side .mod { padding: 0 9.411%; }
.side .mod .sub { font-weight: bold; line-height: 1.75em;/*28*/ margin-bottom: 1.75em; }

.inset { background: #e1e7eb; border-bottom: 1px solid #ced3d6;
	-webkit-box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, .07);
	-moz-box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, .07);
	box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, .07);
}
.inset:after { display: block; position: absolute; bottom: -2px; content: ''; height: 0; width: 100%; border-bottom: 1px solid #fff; }
.inset .field { font-family: 'Helvetica Neue', Arial, sans-serif; color: #919699; font-size: 0.875em; width: 100%; padding: 0.7142em;/*10*/ margin: 0.5em 0;/*7*/line-height: 1.5714em;/*22*/	border: none; outline: none; background: #fff;
	-webkit-box-shadow: inset 1px 1px 2px 0 rgba(161, 173, 178, .9);
	-moz-box-shadow: inset 1px 1px 2px 0 rgba(161, 173, 178, .9);
	box-shadow: inset 1px 1px 2px 0 rgba(161, 173, 178, .9);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.inset .field:focus { color: #494b4d;
	-webkit-box-shadow: 0 0 4px 2px rgba(69, 176, 229, .7);
	-moz-box-shadow: 0 0 4px 2px rgba(69, 176, 229, .7);
	box-shadow: 0 0 4px 2px rgba(69, 176, 229, .7);
}

.main-nav { padding: 1.75em 0; border-top: 1px solid #dae2e5; margin-bottom: -1px; }
.main-nav .sub { line-height: 1.75em;/*2*/ margin-bottom: 0.875em;/*14*/ }
.main-nav li { margin-bottom: 0.875em;/*14*/ }
.main-nav li a { font-size: 1em;/*16*/ line-height: 1.75em;/*28*/ font-weight: bold; }
.main-nav li .info { display: block; color: #919699; font-size: 0.875em;/*14*/ line-height: 1.5em;/*21*/ height: 1.5em; text-transform: uppercase; }
.main-nav li p.info { font-size: 0.75em;/*12*/ line-height: 1.75em;/*21*/ height: 1.75em; }


#recent li { margin-bottom: 1.75em;/*28*/ }
#recent time { display: block; color: #919699; font-size: 0.875em;/*14*/ line-height: 1.5em;/*21*/ text-transform: uppercase; }
#recent a { font-size: 1em;/*16*/ line-height: 1.75em;/*28*/ font-weight: bold; text-shadow: 0 1px 1px #fff; }

#search { margin-top: 0.4375em;/*7*/ }

#icons { padding: 1.75em 0;/*28*/ }
#icons ul { display: block;  line-height: 2.625em;/*42*/ width: 8em;/*128*/ }
#icons li { display: inline; }
#icons .ico { display: block; overflow: hidden; float: left; position: relative; top: 0.4375em;/*7*/ margin-right: 0.4375em; border: none; vertical-align: middle; }

#icons .ico:before { position: relative; display: block; content: ''; width: 2.1875em;/*35*/ height: 2.1875em; border-radius: 50%; background: #c2c9cc; }
#icons .ico:hover { overflow: visible; }
#icons .ico:before 		{ background: #c2c9cc url('./icon.png') 0 0 no-repeat; background-size: 2.1875em 6.5625em;/*35,105*/ }
.svg #icons .ico:before { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIxMDUiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMS43NjYgMjAuOTY3Yy0xLjI1MSAwLTIuMjY2IDEuMDExLTIuMjY2IDIuMjU3IDAgMS4yNDcgMS4wMTUgMi4yNTcgMi4yNjYgMi4yNTdzMi4yNjYtMS4wMSAyLjI2Ni0yLjI1N2MtLjAwMS0xLjI0Ni0xLjAxNS0yLjI1Ny0yLjI2Ni0yLjI1N3ptLTIuMjYzLTYuNjkxdjMuMjU5YzIuMTIzIDAgNC4xMTguODI2IDUuNjE4IDIuMzI3IDEuNTAyIDEuNTAzIDIuMzI5IDMuNTA0IDIuMzI5IDUuNjM0aDMuMjcxYzAtNi4xODYtNS4wMzItMTEuMjItMTEuMjE4LTExLjIyem0uMDA0LTUuNzc2djMuMjU4YzcuNTY2IDAgMTMuNzIyIDYuMTY1IDEzLjcyMiAxMy43NDJoMy4yNzFjMC05LjM3NS03LjYyMy0xNy0xNi45OTMtMTd6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTI5LjUgNTEuMzQyYy0uODguMTQ4LTIuMTU2LS4wMDYtMi44MzItLjI4MyAxLjQwNS0uMTE1IDIuMzU2LS43NDUgMi43MjMtMS42LS41MDYuMzA3LTIuMDc5LjY0Mi0yLjk0Ni4zMjNsLS4xMzktLjU2NmMtLjY2LTIuMzk3LTIuOTI2LTQuMzI5LTUuMjk4LTQuMDk1LjE5LS4wNzcuMzg1LS4xNDguNTgxLS4yMTMuMjYtLjA5MiAxLjc5My0uMzM5IDEuNTUyLS44NzItLjIwNC0uNDctMi4wNzcuMzU0LTIuNDMuNDYyLjQ2Ni0uMTcyIDEuMjM1LS40NjkgMS4zMTgtLjk5OC0uNzE0LjA5Ny0xLjQxMy40My0xLjk1NC45MTQuMTk1LS4yMDguMzQ0LS40Ni4zNzQtLjczMi0xLjkwMiAxLjItMy4wMTMgMy42MTctMy45MTIgNS45NjMtLjcwNi0uNjc2LTEuMzMzLTEuMjA4LTEuODk1LTEuNTA0LTEuNTc0LS44MzItMy40NTgtMS43MDItNi40MTQtMi43ODYtLjA5Ljk2NS40ODQgMi4yNSAyLjEzOCAzLjEwMy0uMzU4LS4wNDctMS4wMTMuMDYtMS41MzguMTgyLjIxNCAxLjEwNy45MTEgMi4wMTggMi43OTkgMi40NTgtLjg2My4wNTctMS4zMS4yNTEtMS43MTMuNjY4LjM5My43NyAxLjM1NCAxLjY3NSAzLjA3OCAxLjQ4OC0xLjkxOS44MTYtLjc4MyAyLjMyOC43NzkgMi4xMDMtMi42NjMgMi43MTYtNi44NjIgMi41MTYtOS4yNzMuMjQ1IDYuMjk1IDguNDY3IDE5Ljk3OSA1LjAwOCAyMi4wMTctMy4xNDggMS41MzEuMDEyIDIuNDI4LS41MjIgMi45ODUtMS4xMTJ6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2Ljk1OSA5MC4xNTljLS42NTEtLjI2Ny0xLjQ1NS0uNDA5LTIuNDExLS40MjZsLTEuNjg3LS4wMjdjLS4yMjkgMC0uNTUtLjAwNi0uOTY0LS4wMTktLjQxNS0uMDE0LS42ODUtLjAyOC0uODEyLS4wNDYtLjI1NC0uMDM0LS40NTMtLjEyNS0uNTk3LS4yNzEtLjE0My0uMTQ3LS4yMTUtLjM1NC0uMjE1LS42MjEgMC0uMzM3LjE0NC0uNjI1LjQzMi0uODY3LjI3OS0uMjMxLjU0Ni0uMzcuNzk5LS40MTNsLjM2Mi4wMTJjLjA4LjAxLjI1MS4wMTQuNTE0LjAxNCAxLjIwOSAwIDIuMjItLjE2MyAzLjAzMi0uNDkxIDEuNTQ4LS42MTEgMi4zMjItMS43NDUgMi4zMjItMy40MDEgMC0uNTI1LS4wOTEtMS4wMTMtLjI3My0xLjQ2Mi0uMTgyLS40NDYtLjQ0Mi0uODQtLjc4LTEuMTc2aDIuMTA2di0xLjQwOWgtMy40MjZjLS4yNzktLjEzLS42NzItLjI1NS0xLjE3OS0uMzc2LS41MDgtLjEyLTEuMDY2LS4xOC0xLjY3NS0uMTgtMS42MTYgMC0yLjg5Ny4zOTEtMy44NDQgMS4xNzctLjk0OC43ODQtMS40MjEgMS43OC0xLjQyMSAyLjk4NiAwIC45NTcuMjcgMS43NzEuODEyIDIuNDQ0LjU0MS42NzIgMS4yNTEgMS4xODkgMi4xMyAxLjU1MnYuMTgyYy0uNjA4LjIwNy0xLjIzMi41NzMtMS44NzEgMS4wOTlzLS45NTggMS4xNTktLjk1OCAxLjljMCAuNjIxLjIwMyAxLjExNy42MDkgMS40ODcuMjI5LjIwNy41OTcuNDA5IDEuMTA0LjYwOHYuMTgxYy0uNzYxLjEyMS0xLjI5Ny4zODItMS42MDYuNzgyLS4zMDguNDAyLS40NjIuNzkyLS40NjIgMS4xNyAwIC45NzUuNzI4IDEuNjY0IDIuMTgyIDIuMDY5Ljg4LjI0MiAxLjkyOS4zNjMgMy4xNDcuMzYzIDEuNDg4IDAgMi43MjMtLjE2OCAzLjcwNS0uNTA0IDEuODYxLS42NDYgMi43OTItMS44MzIgMi43OTItMy41NTctLjAwMS0xLjMzNS0uNjIzLTIuMjYyLTEuODY3LTIuNzh6bS01LjgyMy05LjQzM2MuMjI5LS41ODEuNjg1LS44NzMgMS4zNzEtLjg3My42MjUgMCAxLjA2Ny4yNzIgMS4zMjUuODE1LjI1OC41NDIuMzg3IDEuNDA5LjM4NyAyLjU5OSAwIDEuMTIyLS4xMjMgMS45NzItLjM2NyAyLjU1NC0uMjQ2LjU4Mi0uNjk0Ljg3My0xLjM0NS44NzMtLjcxOSAwLTEuMjA2LS4zODctMS40Ni0xLjE2My0uMTY4LS40OTItLjI1NC0xLjI0NS0uMjU0LTIuMjY0IDAtMS4xMTMuMTE1LTEuOTU5LjM0My0yLjU0MXptMy44NyAxNS4xODdjLS42MjYuMTU2LTEuNDIxLjIzMy0yLjM4Ni4yMzMtMS4wODIgMC0xLjkwOS0uMTU1LTIuNDc5LS40NjgtLjU3Mi0uMzEyLS44NTctLjczOS0uODU3LTEuMjg1IDAtLjMyLjEwNi0uNjIyLjMxOC0uOTA4LjExOC0uMTU2LjMxMi0uMzQ3LjU4My0uNTcyaDQuMjYzYy44OCAwIDEuNDg3LjExNSAxLjgyMS4zNDUuMzMzLjIyOS41MDEuNTczLjUwMSAxLjAzMiAwIC43ODgtLjU4OSAxLjMyOS0xLjc2NCAxLjYyM3ptMTAuNzg2LTEyLjg1OXYtMy4xODJoLTIuMDUxdjMuMTgyaC0zLjEyMXYyLjI1aDMuMTIxdjMuMTExaDIuMDUxdi0zLjE5OWgzLjIwOHYtMi4xNjJoLTMuMjA4eiIvPjwvc3ZnPg=='); }
#icons .i-feed:before 		{ background-position: 0 0; }
#icons .i-twitter:before 	{ background-position: 0 -2.1875em;/*35*/ }
#icons .i-gplus:before 		{ background-position: 0 -4.375em;/*70*/ }
#icons .i-feed:hover:before 	{ background-color: #ff8c1a; }
#icons .i-twitter:hover:before 	{ background-color: #17a1e5; }
#icons .i-gplus:hover:before 	{ background-color: #d14836; }
#icons .ico:hover:before { z-index: 1001; }

#icons .ico .more { position: absolute; top: 0; left: 1.09375em;/*17.5px*/ overflow: hidden; width: auto; }
#icons .ico .more span { opacity: 0; display: block; z-index: 1000; position: relative; left: -100%; top: 0; padding: 0 1em 0 1.2em; height: 2.1875em;/*35*/ line-height: 2.1875em; white-space: nowrap; color: #fff; font-weight: bold;
	-moz-border-radius-topright: 1.09375em;/*17.5*/ -moz-border-radius-bottomright: 1.09375em; -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0;
	-webkit-border-radius: 0 1.09375em 1.09375em 0; border-radius: 0 1.09375em 1.09375em 0;
}
#icons .ico .more span { background: #c2c9cc; }
#icons .ico:hover .more span { opacity: 1; left: 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
#icons .i-feed .more span 		{ background: #ff8c1a; }
#icons .i-twitter .more span 	{ background: #17a1e5; }
#icons .i-gplus .more span 		{ background: #d14836; }

#search { margin-bottom: 1.75em;/*28*/ }

#footer .sub { font-size: 0.8125em;/*13*/ line-height: 2.1538em;/*28*/ }

#stream li { display: block; }
#stream .tweet {
	color: #797d80; font-size:  0.875em;/*14*/ line-height: 1.5em;/*21*/ padding: 1em;/*14*/ font-family: 'Helvetica Neue', Arial, sans-serif; background: #fff; margin-bottom: 1em;
	-webkit-box-shadow: 0 0.3125em 0.875em -0.3125em rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0.3125em 0.875em -0.3125em rgba(0, 0, 0, .5);
	box-shadow: 0 0.3125em 0.875em -0.3125em rgba(0, 0, 0, .5);
}
#stream a { color: #919699; border-bottom: 1px solid #c2c8cc; }
#stream a:hover { color: #478fb3; color: #478fb3; border-bottom: 1px solid #7ab1cc; }
#stream .more { display: block; margin-top: 1.75em; clear: both; font-weight: bold; color: #6d7173; font-size: 0.875em;/*14*/ line-height: 2em;/*28*/ }

#links li { position: relative; line-height: 1.75em;/*28*/ padding-left: 1.2em; }
#links li:before { display: block; content: '⚓'; position: absolute; left: 0; font-weight: bold; color: #999; }


.post-portfolio .thumbnails { margin-bottom: 1.75em;/*28*/ text-align: center; }
.post-portfolio .thumb { display: inline-block; width: 290px; height: 190px; margin: 0 1.3125em 1.3125em 0;/*21*/ border: 2px solid #cbcbcb; }
.post-portfolio .thumb:hover { border: 2px solid #4ab336;
	-webkit-box-shadow: 0 0.3125em 0.875em -0.3125em rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0.3125em 0.875em -0.3125em rgba(0, 0, 0, .2);
	box-shadow: 0 0.3125em 0.875em -0.3125em rgba(0, 0, 0, .2)
}
.post-portfolio .thumb a { position: relative; display: block; width: 290px; height: 190px; overflow: hidden; }
.post-portfolio .thumb a:hover img { position: relative; top: -190px; }


/**
 * Tricolore theme
 *
 * @author Jean Nicolas
 * @version 1.0
 */

pre .comment {
    color: #7E7E7E;
	font-style: italic;
}

pre .constant, pre .integer {
    color: #18838A;
	font-weight: bold;
}

pre .storage {
    color: #0000A1;
}

pre .string {
    color: #8E0022;
}

pre .keyword, pre .selector {
    color: #0000A1;
	font-weight: bold;
}

pre .parent {
    font-style: italic;
}

pre .entity, pre .meta {
    color: #3E853F;
}

pre .support {
    color: #192140;
}

pre .variable.global, pre .variable.class, pre .variable.instance {
    color: #3E853F;
}

/* ****************************************************************************************************
 *
 *  PRINT
 *
 * **************************************************************************************************** */

@media only print {

	* { background-color: #fff !important; }

	#banner { display: none !important; }

}