/*
	Theme Name: Henix
	Theme URI: http://demo.mattiaviviani.com/henix/
	Description: Responsive Portfolio & Blog WordPress Theme
	Author: Mattia Viviani
	Author URI: http://mattiaviviani.com
	Version: 1.0.2
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: responsive, modular homepage, custom background, custom menu, featured images, page templates, post formats, theme options, translation-ready

	01. HTML5 Reset Stylesheet
	02. General Styles
	03. Typography
	04. Embedded Content (images + thumb overlay)
	05. Forms
	06. Layout
	07. Header
	08. Footer
	09. Widgets
	10. Page Templates
	11. Blog
	12. Related Posts
	13. Misc
*/

/*-------------------------------------------------------------------------------------------*/
/* 01. =HTML5 Reset Stylesheet - http://html5doctor.com/html-5-reset-stylesheet/ */
/*-------------------------------------------------------------------------------------------*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
ins{background-color:#fef6d2;color:#000;text-decoration:none}
mark{background-color:#fef6d2;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #c6ccd1;margin:1em 0;padding:0}
input,select{vertical-align:middle}

/*-------------------------------------------------------------------------------------------*/
/* 02. =General Styles */
/*-------------------------------------------------------------------------------------------*/

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

html, button, input, select, textarea { font-family: sans-serif; color: #51575b; }

body { margin: 0; font-size: 1em; line-height: 1.4; }

/* Selection */
::-webkit-selection { background: #39c; /* alternate */ color: #fff; text-shadow: none; }
::-moz-selection { background: #39c; /* alternate */ color: #fff; text-shadow: none; }
::selection { background: #39c; /* alternate */ color: #fff; text-shadow: none; }


/*-----------------------------------------------------------------------------------*/
/* 03. =Typography */
/*-----------------------------------------------------------------------------------*/

body {
	color: #51575b;
	/*font: 14px/21px "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font: 100%/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
	/*-webkit-font-smoothing: antialiased;*/
}

h1, h2, h3, h4, h5, h6 {
	/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	color: #111314;
	text-rendering: optimizeLegibility;
	letter-spacing: -1px;
}

h1 { font-size: 48px; line-height: 3.3rem; margin: 35px 0; }

h2 { font-size: 30px; line-height: 2.3rem; margin: 25px 0; }

h3 { font-size: 22px; line-height: 1.8rem; margin: 23px 0; }

h4 { font-size: 20px; line-height: 1.5rem; margin: 25px 0; }

h5 { font-size: 18px; line-height: 1.375rem; margin: 30px 0; }

h6 { font-size: 16px; line-height: 1.125rem; margin: 36px 0; }

h1.page-title { margin-top: 0; }

h1.page-title span {
/*	color: #8f969c;*/
	font-weight: 300;
}

h1.entry-title { /*margin-bottom: 20px;*/ }

.entry-title {
	width: 100%;
	margin: 0 0 10px 0;
}

.entry-title a { color: #202223; }

.entry-title a:hover { color: #39c; /* alternate */ }

/*.page-template-page-templateshomepage-php .entry-content,
.page-template-page-templateshomepage-extended-php .entry-content { margin-bottom: 40px; }*/

p { margin-bottom: 20px; }

b, strong { font-weight: bold; color: #3b4045; }

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

blockquote {
	margin-top: 8px;
	margin-bottom: 25px;
	color: #202223;
	font-family: Georgia, sans-serif;
	font-style: italic;
	border-top: 2px solid #d8dbdf;
	border-bottom: 2px solid #d8dbdf;
	padding-top: 25px;
	float: left;
	width: 100%
}

blockquote:before, blockquote p:after { font-size: 18px !important }

blockquote:before {
	content: ' " ';
	float: left;
	width: 20px;
	height: 20px;
	text-indent: -99999px;
	background: url(images/sprites.png) 0px -273px no-repeat;
	margin-right: 10px;

		display: none;
}

blockquote p:after {
	content: ' " ';
	float: none;
	display: inline-block;
	width: 20px;
	height: 30px;
	text-indent: -99999px;
	background: url(images/sprites.png) 0px -317px no-repeat;
	margin-left: 10px;

		display: none;
}

blockquote p {
	font-size: 26px;
	line-height: 2.3rem;
	text-align: center;
	margin-bottom: 25px;
}

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #c6ccd1; margin: 1em 0; padding: 0; }

ins { background: #fff9c0; color: #3b4045; text-decoration: none; }

mark { background: #ff0; color: #51575b; font-style: italic; font-weight: bold; }

cite, em, i {
	font-style: italic;
	font-size: 90%;
	color: #3b4045;
}

/* Redeclare monospace font family: h5bp.com/j */
var, pre, code, kbd, samp { font-size: 1em; font: 11px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace; background: #f7f8f9; color: #3B4045; }

code { padding: 3px; }

/* Improve readability of pre-formatted text in all browsers */
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
	display: inline-block;
	margin-bottom: 24px;
	padding: 15px;
	background-color: #f7f8f9;
	font-size: 85%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}

address { margin-top: 10px; margin-bottom: 25px; color: #8f969c; font-size: 13px; font-family: Georgia, sans-serif; font-style: italic; }

q { quotes: none; }

q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

big { font-size: 131.25%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/***** Table *****/

table {
	border-width: 1px;
	border-color: #d8dbdf;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 25px;
}

table th, table td {
	border-width: 1px;
	padding: 10px 20px;
	border-style: solid;
	border-color: #d8dbdf;
}

table th {
	background-color: #f7f8f9;
	font-weight: 600;
	padding: 10px;
}

table td { background-color: #fff; }

td { vertical-align: top; }


/***** Lists *****/

ul, ol { margin: 0; padding: 0 0 0 40px; }

ul li, ol li { margin-bottom: 5px; }

ul ul, ol ol { margin-top: 5px; }

dl { margin: 0 20px; }

dd { margin: 0 0 15px 0; }

dt { margin-bottom: 3px; font-weight: bold; }

nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

li > ul, li > ol {}


/***** Links *****/

a, a:link, a:visited {
	color: #39c; /* alternate */
	text-decoration: none;
	-webkit-transition: color .2s linear 0s;
	-moz-transition: color .2s linear 0s;
	-o-transition: color .2s linear 0s;
	transition: color .2s linear 0s;
	outline: none;
}

a:active, a:hover {
	color: #222; /* alternate */
	text-decoration: underline;
}

a:focus { outline: none; }


/*-----------------------------------------------------------------------------------*/
/* 04. =Embedded Content (Images + Thumb Overlay) */
/*-----------------------------------------------------------------------------------*/

img, embed, iframe, object, video { max-width: 100%; }

/* 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440 */

img {
	max-width: 100%;
	height: auto;
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}

.alignleft, img.alignleft { display: inline; float: left; margin-right: 20px; }

.alignright, img.alignright { display: inline; float: right; margin-left: 20px; }

.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft, img.alignright, img.aligncenter { margin-bottom: 20px; }

svg:not(:root) { overflow: hidden; } /* Correct overflow not hidden in IE9 */

/***** Images =Overlay *****/

figure.thumb-container {
	position: relative; /* if we use span.view use "position: static;" instead of "relative" */
	max-width: 100%; /* FF fix */
}

span.overlay {
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 5;
	cursor: pointer;
	background-color: transparent;
	-webkit-transition: background-color .3s linear 0s;
	-moz-transition: background-color .3s linear 0s;
	-o-transition: background-color .3s linear 0s;
	transition: background-color .3s linear 0s;

	/*display: table;*/	/* If we use span.view */
	text-align: center;
	vertical-align: middle;

	/*display: none;*/
}

span.overlay:hover {
	background-color: #39c; /* alternate */
	background-image: url(images/overlay-plus.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

span.overlay.lightbox:hover { background-image: url(images/overlay-lens.png); }
span.overlay.link:hover { background-image: url(images/overlay-link.png); }

span.view {
	display: table-cell;
	vertical-align: middle;
	opacity: 0;

	display: none; /* comment if you want to use this */
}

span.overlay:hover > span.view { opacity: 1; }


/*-----------------------------------------------------------------------------------*/
/* 05. Forms */
/*-----------------------------------------------------------------------------------*/

form { margin: 0; }

fieldset { border: 0; margin: 0; padding: 0; }

label {
	cursor: pointer;
	font-weight: bold;
	margin-bottom: 10px;
	display: inline-block;
	font-size: 16px;
	line-height: 26px;
	color: #202223;
}

/***** jQuery form validation *****/

label.error {
	color: #fd4141;
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 13px;
	font-weight: normal;
}

input.required.error, textarea.required.error { border: 1px solid #fd9898 !important; }

/* 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7 */

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

/* 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers */

button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; /* always to overwrite in child to get a new style */
	outline: none; /*!important*/
	-webkit-appearance: none; /*!important */
}

/* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) */
button, input { line-height: normal; }

/* 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6) */

button, input[type="button"], input[type="reset"], input[type="email"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; outline: none !important; }

/* Re-set default cursor for disabled elements */
button[disabled], input[disabled] { cursor: default; }

/* Consistent box sizing and appearance */
input[type="checkbox"], input[type="radio"], input[type="email"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
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, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/* Remove inner padding and border in FF3/4: h5bp.com/l */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing */

textarea { overflow: auto; vertical-align: top; resize: vertical; height: 160px; line-height: 21px; }

/* Colors for form validity */
input:valid, textarea:valid {}

input:invalid, textarea:invalid { background-color: #f0d8db; }


/***** Inputs & Textareas *****/

/*input,*/
input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
textarea {
/*	width: 99%;*/width: 100%;
	border: 1px solid #c6ccd1;
	margin: 0;
	padding: 15px;
	background-color: #f7f8f9;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: border-color .2s linear 0s, box-shadow .2s linear 0s, background-color .2s linear 0s;
	-moz-transition: border-color .2s linear 0s, box-shadow .2s linear 0s, background-color .2s linear 0s;
	-o-transition: border-color .2s linear 0s, box-shadow .2s linear 0s, background-color .2s linear 0s;
	transition: border-color .2s linear 0s, box-shadow .2s linear 0s, background-color .2s linear 0s;
	outline: none !important;
	-webkit-appearance: none !important;
	color: #51575B;
}

input[type="text"], input[type="search"], input[type="password"], input[type="email"] { height: 40px; }

#footer input[type="search"] { background-color: #fff; }

input[type="text"]:hover,
input[type="search"]:hover,
input[type="password"]:hover,
input[type="email"]:hover,
textarea:hover,
.post-password-required input[type="password"]:hover {
	outline: none;
	border-color: #8f969c;
}

input[type="text"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus,
.post-password-required input[type="password"]:focus {
	outline: none;
	border-color: #8f969c;
	background-color: #fff;
}

input[type="search"] {
	background: #f7f8f9 url(images/sprites.png) 13px -218px no-repeat;
	padding-left: 40px;
	font-size: 90%;
}

input[type="search"]:focus {}

input[type=submit] { -webkit-appearance: none; }

/***** Post Password *****/

.post-password-required input[type="submit"] { padding: 8px 15px; margin-left: 1px; display: block; }

.post-password-required input[type="password"] { margin-bottom: 0; margin-top: 7px; font-size: 18px; }

/***** Button *****/

input[type="submit"] {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: all .2s linear 0s;
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	transition: all .2s linear 0s;
	border: 1px solid;	
	border-color: #111314;
	background-color: #111314;
	color: #fff;
	padding: 18px 30px;
	margin: 10px 0;
	display: inline-block;
	font-size: 18px;
/*	opacity: .80;*/
}

input[type="submit"]:hover {
	background-color: #39c; /* alternate */
	border-color: #39c; /* alternate */
	color: #fff !important;
/*	opacity: 1;*/
}


/*-----------------------------------------------------------------------------------*/
/* 05. =Layout */
/*-----------------------------------------------------------------------------------*/

.wrapper {
	margin: 0 auto;
	/* @since framework 14 */
	max-width: 940px;
	/*max-width: 1200px;*/ /* Removing this means have a fullfill 100% layout. Usefull note. */
	width: 90%;
}

#header,
#footer,
#main,
#topbar,
#sidebar-footer,
#sidebar-delta {
	margin: 0 auto;
	clear: both;
}

#main {
	overflow: hidden;
	padding-top: 40px;
	padding-bottom: 40px;
}

.page-template-page-templateshomepage-php #main,
.page-template-page-templateshomepage-extended-php #main {
	padding-top: 0;
	padding-bottom: 0;
}

.page-template-page-templateshomepage-php #main .wrapper.modular,
.page-template-page-templateshomepage-extended-php #main .wrapper.modular,
.tax-portfolios #main .wrapper.modular,
.tax-project_tag #main .wrapper.modular,
.tax-project_category #main .wrapper.modular {
	width: 100%;
	max-width: 100%;
}

.page-template-page-templateshomepage-extended-php #main {
	padding-bottom: 30px;
}

#content,
#home-content {
/*	width: 68%;*/
	width: 66%; /* based on fibonacci spiral */
	float: left;
	padding-bottom: 20px;
}

#content ul, #content ol, #home-content ul, #home-content ol { margin-bottom: 10px; }

#content ul, #home-content ul { list-style-type: square; }

#content.one-column { width: 100%; }


/***** Sidebars (=primary) *****/

#primary,
#secondary {
	float: right;
	clear: right;
/*	width: 27%;*/
	width: 28.7%; /* based on fibonacci spiral */
	margin-bottom: 20px;
}

#primary .widget-container:last-child { border-bottom: 1px solid #d8dbdf; }

#secondary .widget-container:last-child { padding-bottom: 0; }

#primary,
#secondary,
#sidebar-footer,
#sidebar-delta {
/*	line-height: 1.45rem;*/
/*	font-size: 95%;*/
}


/***** Alternate Layout *****/

.layout-2cl #content,
.layout-2cl #home-content,
.layout-2cl #project-content { float: right; }

.layout-2cl #primary, .layout-2cl #secondary { float: left; clear: left; }

.layout-2cl #secondary { clear: left; }


/*-----------------------------------------------------------------------------------*/
/* 07. =Header */
/*-----------------------------------------------------------------------------------*/

#header { background-color: #fff; }

#header .wrapper {
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #d8dbdf;
}

.page-template-page-templateshomepage-php #header .wrapper,
.page-template-page-templateshomepage-extended-php #header .wrapper {
	border-bottom: none;
}

#logo, #logo a { float: left; }

a h1#site-title {
	text-shadow: none;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 600;
	-webkit-transition: color .2s linear 0s;
	-moz-transition: color .2s linear 0s;
	-o-transition: color .2s linear 0s;
	transition: color .2s linear 0s;
	text-indent: -2px;
}

a h1#site-title:hover { color: #51575b; /* alternate */}

#sidebar-header {
	width: 32%;
	float: right;
}
 
#sidebar-header .widget-container {
	margin-bottom: 0;
	padding-bottom: 0;
}

#sidebar-header input[type="search"] { /*background-color: #fff;*/ }


/***** Topbar *****/

#topbar {
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #f7f8f9;
}

#topbar a { font-weight: bold; }

#topbar a:hover {}

span.topbar_text { float: left; width: 54%; font-size: 14px; /*color: #d8dbdf;*/ }

#tagline {
	font-size: 14px;
	float: left;
	clear: left;
	margin-top: 8px;
}


/***** Menu *****/

#navi {
	z-index: 2000;
	display: block;
	margin: 0;
	padding: 0;
	float: right;
	clear: right;
	height: 34px; /* !important, otherwise it will mess up (relative to "#navi ul li a" and "#navi ul ul") */
	max-width: 80%;
}

#navi .custom-menu, #navi .menu { float: left; }

#navi ul li { display: inline-block; }

#navi .custom-menu ul ul li, #navi .menu ul ul li { margin-left: 0; width: 100%; }

#navi ul li a {
	font-weight: bold;
	color: #202223;
	padding: 6px 12px;
	display: block !important; /* otherwise the menu items jumps at page loading */
	-webkit-transition: all .2s linear 0s;
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	transition: all .2s linear 0s;
	text-decoration: none;
}

#navi ul li:last-child a { padding-right: 0; }

#navi ul li a:active, #navi ul li a:hover { color: #39c; /* alternate */ }

#navi ul li a.sf-with-ul {
	padding-right: 30px; /* distance between arrow and menu item */
	margin-bottom: 20px;
}

#navi ul ul li a.sf-with-ul {
	margin-bottom: 0;
}

a.sf-with-ul:hover { /*color: #fc0*/ }


/***** Submenu *****/

#navi .sf-with-ul { /*margin-bottom: 10px !important;*/ /* fix the distance problem between menu and submenu */ }

#navi ul ul {
	top: 40px;
	left: 0;
	/*margin-top: 0 !important;*/ /* Defines the space between main menu and submenu. also between submenus */
	background: #fff;
	border: 1px solid #c6ccd1;
	position: absolute;
	display: none;
	float: left;
	width: 170px;
	padding-top: 0;
	padding-left: 10px !important;
	padding-right: 10px !important;
	z-index: 999999;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}

#navi ul ul li { border-top: 1px solid #d8dbdf; border-right: none !important; }

#navi ul ul li:first-child { border-top: none; }

#navi ul ul li:last-child { border-bottom: none; }

#navi ul ul li a {
	padding: 9px 7px;
	font-weight: normal;
	font-size: 80%;
	color: #8f969c;
}

#navi ul ul li:hover > a {}

#navi ul li.current-menu-item > a { color: #39c; /* alternate */ }

#navi ul li.current-menu-item > a:hover { color: #39c; /* alternate */ }

#navi ul ul li.current-menu-item > a { color: #39c; /* alternate */ }

/***** Submenu (2nd level) *****/

#navi ul ul ul {
	left: 100%;
	top: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	padding-top: 0;
}

#navi ul li:hover > ul { display: block; }

/***** Superfish - http://users.tpg.com.au/j_birch/plugins/superfish/ *****/

/*** ESSENTIAL STYLES ***/
.sf-menu,
.sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li { width: 100%; }

.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

.sf-menu li { position: relative; }

.sf-menu a { display: block; position: relative; }

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 0;
	top: 2.5em; /* match top ul list item height */
	z-index: 99;
}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}

/***** Superfish: DEMO SKIN *****/

.sf-menu a, .sf-menu a:visited  { /* color: #13a;*/ /* visited pseudo selector so IE6 applies text colour*/ }
.sf-menu li { background: transparent; }
.sf-menu li li {}
.sf-menu li li li {}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; }

/***** Superfish: ARROWS - be carefull here... ****/

.sf-menu a.sf-with-ul {
	padding-right: 2.25em;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
	position: absolute;
	display: block;
	right: .75em;
	top: 1.05em; /* IE6 only */
	width: 10px;
	height: 10px;
	text-indent: -999em;
	overflow: hidden;
	background: url(images/sprites.png) 0px -150px no-repeat;
}

/* give all except IE6 the correct values */
a > .sf-sub-indicator {
	top: 15px; /* arrow position from top */
	background-position: 0 -150px; /* use translucent arrow for modern browsers*/
}

/* arrow submenu */
ul ul li a > .sf-sub-indicator {
	top: 18px; /* position arrow up/down */
	background-position: 0px -120px;
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
#navi ul li:hover > a, /* super important!!! item hover color when on submenu */
li:hover > a > .sf-sub-indicator/*,
li.sfHover > a > .sf-sub-indicator*/ {
	background-position: -10px -150px; /* arrow hovers for modern browsers*/
	/*background-color: #fc0;*/ /* !important - don't delete */
	color: #39c; /* alternate */
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: -10px -120px; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 -120px; }

/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -120px; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {}
.sf-shadow ul.sf-shadow-off { background: transparent; }

/***** Responsive Menu (attached to css/media-queries.css) *****/

select.responsive_menu { display: none; }
select.responsive_menu:focus { outline: none; }
.menu-notice { display: none; }

/* menu hover page loading fix */
#header .wrapper, #navi, .custom-menu, nav ul  { position: relative; }
.sf-menu li { position: relative; }

/*-----------------------------------------------------------------------------------*/
/* 08. =Footer + Sidebar Footer + Delta */
/*-----------------------------------------------------------------------------------*/

#footer { background-color: #fff; }

#footer .wrapper {	
	border-top: 1px solid #d8dbdf;
	padding-top: 40px;
	padding-bottom: 50px;
}
	
	#sidebar-footer+#footer .wrapper { border-top: none; }

#footer .custom-menu { margin-bottom: 10px; }

#footer .custom-menu ul li {
	display: inline-block;
	margin-left: 20px;
	margin-bottom: 0;
}

#footer .custom-menu ul ul li { display: none; }

#footer .custom-menu ul { margin: 0; padding-left: 0; }

#sidebar-footer { background: #F7F8F9; }

#sidebar-delta { background: #26292C; }

#sidebar-footer .wrapper,
#sidebar-delta .wrapper {
	padding-top: 40px;
	padding-bottom: 25px;
}

#sidebar-footer .widget-area,
#sidebar-delta .widget-area {
	/*width: 30.4%;*/
	width: 21.7%;
	float: left;
	margin-bottom: 20px;
	padding-right: 2.2%;
	margin-right: 2.2%;
}

#sidebar-footer .widget-container,
#sidebar-delta .widget-container {}

#sidebar-footer #first,
#sidebar-delta #first {}

#sidebar-footer #second,
#sidebar-delta #second {}

#sidebar-footer #third,
#sidebar-delta #third {}

#sidebar-footer #fourth,
#sidebar-delta #fourth { margin-right: 0; padding-right: 0; }

#sidebar-delta { color: #C2CED8; }

#sidebar-delta h3.widget-title,
#sidebar-delta h4.widget-title { color: #fff; }

p.footer-text {}

p.footer-text.right {
	font-size: 95%;
	line-height: 1.3rem;
	margin-top: 23px;
}

span.footer-img.left,
span.footer-img.right {
	display: block;
	margin-bottom: 20px;
}

#footer a:active, #footer a:hover {
	color: #222; /*alternate*/
	text-decoration: none;
}


/***** Site Info *****/

#site-info {
	float: left;
	clear: left;
	width: 35%;
}

#site-info a {}

#site-info a:hover {}


/***** Site Generator *****/

#site-generator {
	float: right;
	clear: right;
	text-align: right;
	width: 60%;
}


/*-----------------------------------------------------------------------------------*/
/* 09. =Widgets */
/*-----------------------------------------------------------------------------------*/

h3.widget-title, h4.widget-title {
	/*margin-top: 0;
	margin-bottom: 15px;*/
}

h3.widget-title a, h4.widget-title a { color: #202223; }

h3.widget-title a:hover, h4.widget-title a:hover { color: #39c; /* alternate */ }

span.title-bg { background-color: transparent; } /* it works also for related titles */

.widget-area {}

.widget-area ul { list-style: none; margin: 0; padding: 0; }

.widget-area ul.children { margin: 5px 0 10px 10px; font-style: italic; }

.widget-area ul ul { list-style: none; }

.widget-area select {
	width: 100%;
	background: #f7f8f9;
	border: 1px solid #d8dbdf;
	padding: 8px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	color: #8f969c;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.widget-area select:focus { outline: none; }

.widget-area a:link, .widget-area a:visited {}

.widget-area a:active, .widget-area a:hover {}

.widget-container {
	margin: 0 0 30px 0;
	width: 100%;
	float: left;
	border-bottom: 1px solid #d8dbdf;
	padding-bottom: 25px;
}

.widget-container a { /*font-weight: bold;*/ }

.widget-container:last-child {
	margin-bottom: 20px;
	border-bottom: none;
}

.post-date {
	display: block;
	font-size: 80%;
	margin-bottom: 5px;
}


/***** Widgets: Misc *****/

#wp-calendar { width: 100%; }

#wp-calendar caption { border-bottom: 1px solid #d8dbdf; padding-bottom: 10px; margin-bottom: 15px; }


/***** Widgets: RSS *****/

.widget_rss .widget-title img { width: 11px; height: 11px; }


/***** Widgets: Text *****/

.widget_text img { display: block; float: left; }

.widget_text p:last-child { margin-bottom: 0 !important; }


/***** Widgets: Search *****/

.widget_search .s { width: 100%; background-color: #f7f8f9; }

.widget_search .s:focus {}

.widget_search label { display: none; }

.widget_search .searchform { margin-bottom: 0; }

.searchform { width: 100%; margin-bottom: 30px; }

.search #content .searchform, .search-results #content .searchform { border-bottom: 1px solid #d8dbdf; padding-bottom: 40px; }


/***** Widgets: Tag Cloud *****/

.tagcloud { /*line-height: auto;*/ }

.tagcloud a:link,
.tagcloud a:visited {
	font-size: 80% !important;
	line-height: 33px;
	font-weight: bold;
	padding: 5px 10px !important;
	background-color: #fff;
	border: 1px solid;
	border-color: #d8dbdf;
	color: #202223;
	text-decoration: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: all .2s linear 0s;
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	transition: all .2s linear 0s;
}

.tagcloud a:hover {
	background-color: #39c; /* alternate */
	border-color: #39c; /* alternate */
	border: 1px solid;
	color: #fff !important;
}


/***** Widgets: Tweets *****/

.widget-latest-tweets {}

/* plugin styles */
p.tweet-text { margin-bottom: 6px; }

p.tweet-details { font-size: 80%; margin-bottom: 18px; }

p.tweet-details a { color: #8f969c }

p.tweet-details a:hover { /*color: #3b4045;*/ }


/***** Widgets: Blog *****/

.widget-blog { padding-bottom: 0; }

.widget-blog h4.entry-title {
	margin-top: 15px;
	margin-bottom: 4px;
}

.widget-blog a { text-decoration: none; }

.widget-blog p {}

.widget-blog header.entry-meta { margin-bottom: 4px; }

.widget-blog .hentry {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.widget-blog .hentry:last-child {}

.widget-blog a.entry-format { display: none; }

.widget-blog figure.feat_img { margin-top: 5px; /* same as portfolio widget img */ }

.single-project .widget-blog .hentry { width: 100%; } /* this is !important */

.widget-blog+.widget-portfolio {}

#sidebar-footer .widget-portfolio:last-child/*,
#sidebar-footer .widget-blog .hentry:last-child*/ { border-bottom: none; }


/***** Widgets: Portfolios *****/

.widget-portfolio { padding-bottom: 0; }

.widget-portfolio h4.entry-title {
	margin-top: 15px;
	margin-bottom: 4px;
}

.widget-portfolio h4.entry-title a { text-decoration: none; }

.widget-portfolio p { margin-bottom: 20px; }

.widget-portfolio header.entry-meta { margin-bottom: 4px; }

.widget-portfolio footer.entry-meta { margin-top: 0; }

.widget-portfolio span.cat-links { margin-bottom: 15px; }

.widget-portfolio img.portfolio-image { background: #f7f8f9; }

.widget-portfolio figure.thumb_img { margin-top: 5px; /* same as blog widget img */ }

.widget-project {
	float: left;
	max-width: 100%; /* FF fix */
}

.widget-project:last-child {}


/*-----------------------------------------------------------------------------------*/
/* 10. Page =Templates =Homepage */
/*-----------------------------------------------------------------------------------*/

/***** Framework: =Slider container for Revolution Slider (view css/plugins.css) *****/

.slider-home {
	width: 100%;
	float: left;
	margin-bottom: 15px; /* because of .rev_slider_wrapper 25px */
	/*overflow: hidden;*/
/*	Dark background  */
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #171c20;
/*	Clean background  */
	padding-top: 0;
	padding-bottom: 0;
	background-color: #fff;
}

.slider-home .wrapper { background-color: transparent; }


/***** Home Message *****/

#home-message { width: 100%; float: left; }

#home-message .wrapper {
	border-bottom: 1px solid #d8dbdf;
	margin-bottom: 20px;
	padding-bottom: 20px;
	padding-top: 40px;
}

#home-message:last-of-type .wrapper { border-bottom: none; margin-bottom: 0; }

#home-message h1.entry-title {}

#home-message p {
/*	font-size: 24px;
	line-height: 32px;
	color: #8f969c;
	font-weight: 300;*/
}

	#home-message iframe, #home-message img {
		/*margin-top: 30px;*/
		margin-bottom: 30px;
	}

/***** Message Navigation *****/

#home-message .custom-menu { margin-bottom: 10px; }

#home-content #home-message .custom-menu ul { margin-bottom: 0; }

#home-message .custom-menu ul { padding-left: 0; }

#home-message .custom-menu ul li { display: inline-block; margin-right: 20px; }

#home-message .custom-menu ul.sub-menu { display: none; }


/***** Home Quote *****/

#home-quote {
	width: 100%;
	float: left;
/*	font-size: 24px;
	line-height: 32px;
*/	position: relative;
	display: table;
	background: no-repeat center center;
	background-size: cover; /* can't upload patterns... */
	background-color: #f7f8f9;
}

#home-quote .wrapper {
	padding-top: 30px;
	padding-bottom: 30px;
}

#home-quote a.home_link_button {}

#home-quote h1.entry-title {}

figure.quote-cover {
/*	float: left;*/
	margin-top: 20px;
	margin-bottom: 40px;
}

/***** Clients Home *****/

#clients-home {
	width: 100%;
	height: 60%;
	float: left;
/*	font-size: 24px;
	line-height: 32px;*/
	position: relative;
	display: table;
	background: no-repeat center center;
	background-size: cover; /* can't upload patterns... */
}

#clients-home .wrapper {
	padding-top: 30px;
	padding-bottom: 30px;
}

#clients-home a.home_link_button {}

#clients-home h1.entry-title {}

figure.clients-cover {
/*	float: left;*/
	margin-top: 20px;
}


/***** Blog Home *****/

#blog-home {
	width: 100%;
	float: left;
	margin-top: 40px;
}

#blog-home .wrapper {
	border-bottom: 2px solid #d8dbdf;
	margin-bottom: 40px;
}

#blog-home:last-of-type .wrapper {
	border-bottom: none;
	margin-bottom: 0px;
}


/***** Portfolio + Project Home *****/

#portfolio-home,
#projects-home {
	float: left;
	width: 100%;
	padding-top: 30px;
}

#portfolio-home { /*background-color: #fff;*/ }

#projects-home { /*background-color: #fff;*/ }

#portfolio-home .wrapper {
/*	border-bottom: 1px solid #d8dbdf;*/
	margin-bottom: 20px;
}

#portfolio-home:last-of-type .wrapper,
#projects-home:last-of-type .wrapper {
	border-bottom: none;
	margin-bottom: 0px;
}

#portfolio-home h1.entry-title,
#projects-home h1.entry-title {}

#portfolio-home a.more-link,
#portfolio-home a:link.more-link,
#portfolio-home a:visited.more-link {
	margin-top: 10px;
	display: inline-block;
}

h2.project-title,
h3.project-title {
	margin-top: 20px;
	margin-bottom: 8px;
}

	.portfolio2col h2.project-title,
	.portfolio2col h3.project-title,
	.portfolio3col h2.project-title,
	.portfolio3col h3.project-title,
	.portfolio4col h2.project-title,
	.portfolio4col h3.project-title,
	.tax-project_category h2.project-title,
	.tax-project_category h3.project-title,
	.tax-project_tag h2.project-title,
	.tax-project_tag h3.project-title {
		font-size: 22px;
		line-height: 1.8rem;
	}

h2.project-title a, h3.project-title a { color: #202223; }

h2.project-title a:hover, h3.project-title a:hover { color: #39c; /* alternate */ }


/***** Page Templates: =Portfolio (Portfolio, Projects, Single Project, Isotope) *****/

.tax-portfolios #main,
.tax-project_tag #main,
.tax-project_category #main {
	padding-bottom: 0;
}
	
.portfolio {
	padding-bottom: 20px;
}

#projects,
#portfolios {
	float: left;
	width: 104%;
}

#portfolios .element,
#projects .element {
	float: left;
	overflow: hidden;
	position: relative;	
	width: 30.1%;
/*	height: auto;*/
	margin-right: 2.95%;
	margin-bottom: 3.5%;
}

.portfolio2col #projects .element { width: 46.4%; }

.portfolio4col #projects .element { width: 21.94%; }

#portfolios .element img, #projects .element img { background: #39c; /* alternate */ }

.portfolio-header-description {
/*	font-weight: 300;
	color: #8f969c;
	font-size: 24px;
	line-height: 32px;
	margin-top: 0;
	margin-bottom: 30px;*/
}

#portfolios h3.entry-title {
	margin-top: 20px;
	margin-bottom: 8px;
}

.home p.project-description {}

p.project-description { margin-bottom: 5px; }


/***** Isotope filter style *****/

ul#filters, span.ooops { /*float: left; ***** */ width: 100%; margin: 0px 0 35px 0; padding-left: 0; }

ul#filters li { display: inline-block; margin: 0; }

ul#filters li a {
	display: inline-block;
	font-weight: bold;
	color: #3b4045;
}

ul#filters li a:hover, ul#filters li a.selected { color: #39c; /* alternate */ }

ul#filters li a.show-all {}

ul#filters span.sep { margin: auto 8px; color: #c6ccd1; }

/***** Isotope Filtering *****/

	.isotope,
	.isotope .isotope-item {
	  /* change duration value to whatever you like */
	  -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:      -o-transform, opacity;
	          transition-property:         transform, opacity;
	}

	/**** disabling Isotope 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;
	}


/***** =Single Project *****/

#project-content {
	float: left;
/*	width: 68%;*/
	width: 66%; /* based on fibonacci spiral */
}

.project-header {}

.single-project h1.entry-title {
/*	text-indent: -2px;*/
}

body.single-project  {
/*	background-image: none;*/
}

.single-project #primary h3.widget-title {
	margin-top: 0;
	margin-bottom: 10px;
}

.single-project p.project-description {
	font-weight: 300;
	color: #8f969c;
	font-size: 24px;
	line-height: 32px;
	margin-top: 0;
	margin-bottom: 30px;
}

.project_iframe_thumb { text-align: center; }

/*.single-project .hentry { width: 68%; }*/

.single-project.layout-2cl .hentry { float: right; }

.single-project .entry-content {}

.single-project span.by-author { display: block; }

.single-project  footer.entry-meta {
	margin-top: 25px;
	margin-bottom: 25px;
}

.single-project #navigation {
	border-top: 1px solid #d8dbdf;
	border-bottom: 1px solid #d8dbdf;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 0;
	margin-bottom: 20px;
}

.single_thumb_wrapper {
	display: block;
	margin-bottom: 30px;
	position: relative;
}

.project_label {
	position: absolute;
	top: 0px;
	right: 0px;
	background: transparent;
	z-index: 103;
}

.project_label img {
	width: auto !important;
	height: auto !important;
	background: transparent !important;
}

#projects .element img.portfolios-project-label { width: 69px; height: 43px; }

.project-image {
	margin: 0px auto;
	display: block;
}

span.img_copyrights {
	position: absolute;
	bottom: 0;
	right: 0;
	background: #3b4045;
	background: rgba(0,0,0,.6);
	color: #e3e9ee;
	font-size: 12px;
	padding: 2px 9px;
	font-style: italic;
	text-align: right;
}

span.img_copyrights a { color: #e3e9ee; }

span.img_copyrights a:hover { color: #fff; }


/***** Project Details *****/

.custom-fields { margin-bottom: 25px; }

.custom-fields ul.fields {
	list-style-type: none !important;
	padding-left: 0 !important;
	margin-bottom: 15px;
}

.custom-fields ul.fields li { margin-bottom: 0px; }

.custom-fields ul.fields li strong { margin-right: 3px; }

.custom-fields p {}

.project-link { float: left; width: 100%; }

a.project-link-button {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: all .2s linear 0s;
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	transition: all .2s linear 0s;
	border: 3px solid;
	border-color: #111314;
	background-color: #111314;
	color: #fff !important;
	padding: 18px 24px;
	font-size: 18px;
	display: block;
	width: auto;
	text-align: center;
/*	opacity: .80;*/
}

a.project-link-button:hover {
	background-color: #39c; /* alternate */
	border-color: #39c; /* alternate */
/*	border: 1px solid;*/
/*	opacity: 1;*/
}


/***** Portfolio Pagination *****/

ol#pagination {
	display: block;
	background: #3B4045;
	margin: 0 0 30px 0;
	padding: 0;
	float: left;
	width: 100%;
}

ol#pagination li {
	display: inline-block;
	margin-right: 10px;
	cursor: pointer;
}


/***** Portfolio Quote *****/

#portfolio-quote {
	width: 100%;
	float: left;
	font-size: 24px;
	line-height: 32px;
	background-color: #1C1F26;
	color: #d8dbdf;
	font-weight: 200
}

#portfolio-quote .wrapper {
	padding-top: 30px;
	padding-bottom: 30px;
}

#portfolio-quote p { /*margin-bottom: 0;*/ }

#portfolio-quote a.portfolio_link_button {

}



/***** Page Templates: =Archives *****/

#archives-content {
	float: left;
	width: 106%;
	margin-bottom: 20px;
}

#archives-content h3 {}

#archives-content a { font-size: 90%; }

#archives-content ul { padding-left: 0; }

#archives-content ul ul {
	padding-left: 40px;
	margin-top: 5px;
}

#archives-content ul li {
	margin-bottom: 5px;
	list-style-type: none;
	border-bottom: 1px solid #e3e9ee;
	padding-bottom: 5px;
	width: 100%;
}

#archives-content ul li:last-of-type { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }

#content.archives {}

#content.archives.one-column { width: 100%; }

.archives-block-first, .archives-block-second { width: 100%; float: left; }

.archives-content {
	float: left;
	width: 28.1%;
	margin-bottom: 20px;
	margin-right: 50px;
}

.archives-content:nth-of-type(even) { margin-right: 0px; }

.archives-content-portfolio .portfolio-cat {
	margin-top: 20px;
	margin-bottom: 5px;
	display: block;
}

span.archive-portfolios {
	margin-bottom: 10px;
	margin-top: 16px;
	display: block;
	color: #8f969c;
	font-size: 80%;
}

.page-template-page-templatesarchives-sidebar-php .archives-content {
	width: 43.9%;
	margin-right: 40px;
}


/***** Page Templates: =Fullwidth *****/

.one-column {}


/***** Page Templates: =Contact *****/

#contact-form {
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.contact-name,
.contact-email,
.contact-message {
	margin-bottom: 30px !important;
	float: left;
	width: 100%;
	display: block;
}

.contact-name {}

.contact-message {}

#submitButton { float: left; }

#contact-form div.success,
#contact-form div.error {
	margin-bottom: 25px;
	float: left;
	width: 100%;
	border-bottom: 1px solid #d8dbdf;
	padding-bottom: 10px;
}

#contact-form div.error { color: #fd4141; }

#contact-form h3 { border-bottom: none; }


/***** Page Templates: Blog =Full Width *****/

.page-template-page-templatesblog-fullwidh-php {}

.page-template-page-templatesblog-fullwidh-php #content.one-column {}


/***** Page Templates: Blog =Masonry *****/

.page-template-page-templatesblog-masonry-php { /*background-color: green*/ }

.page-template-page-templatesblog-masonry-sidebar-php { /*background-color: yellow*/ }

.page-template-page-templatesblog-masonry-php #header .wrapper,
.page-template-page-templatesblog-masonry-sidebar-php #header .wrapper { border-bottom: none; }

.page-template-page-templatesblog-masonry-php #content .hentry,
.page-template-page-templatesblog-masonry-sidebar-php #content .hentry {
	width: 26.75%;
	padding: 2%;
	margin-right: 2%;
	margin-bottom: 1.3rem;
	background-color: #FFF;
	border-bottom: none;
}

.page-template-page-templatesblog-masonry-sidebar-php #content .hentry {
	width: 40.6%;
	padding: 2.9%;
	margin-right: 3%;
}

.page-template-page-templatesblog-masonry-php #content.masonry { width: 104%; }

.page-template-page-templatesblog-masonry-sidebar-php #content.masonry { width: 69%; }

.page-template-page-templatesblog-masonry-php #main,
.page-template-page-templatesblog-masonry-sidebar-php #main { background-color: transparent; }

.page-template-page-templatesblog-masonry-php span.posted-on,
.page-template-page-templatesblog-masonry-php span.by-author,
.page-template-page-templatesblog-masonry-php span.cat-links,
.page-template-page-templatesblog-masonry-php span.tag-links,
.page-template-page-templatesblog-masonry-php span.comments-link,
.page-template-page-templatesblog-masonry-sidebar-php span.posted-on,
.page-template-page-templatesblog-masonry-sidebar-php span.by-author,
.page-template-page-templatesblog-masonry-sidebar-php span.cat-links,
.page-template-page-templatesblog-masonry-sidebar-php span.tag-links,
.page-template-page-templatesblog-masonry-sidebar-php span.comments-link { display: block; }

.page-template-page-templatesblog-masonry-php span.comments-div,
.page-template-page-templatesblog-masonry-sidebar-php span.comments-div { display: none; }

.page-template-page-templatesblog-masonry-sidebar-php #primary,
.page-template-page-templatesblog-masonry-sidebar-php #secondary {
	background-color: #fff;
	padding: 2%;
}

.page-template-page-templatesblog-masonry-php .format-audio .mejs-container .mejs-controls,
.page-template-page-templatesblog-masonry-sidebar-php .format-audio .mejs-container .mejs-controls {
	width: 102%;
}


/***** Page Templates: =About Me/Author *****/

.page-template-page-templatesauthor-php .page-header,
.page-template-page-templatesauthor-fullwidth-php .page-header { margin-bottom: 20px; }

.page-template-page-templatesauthor-php .author-description,
.page-template-page-templatesauthor-fullwidth-php .author-description {
	margin: 0;
	font-size: 21px;
	line-height: 26px;
	font-weight: 300;
}

.page-template-page-templatesauthor-php h1.page-title.author,
.page-template-page-templatesauthor-fullwidth-php h1.page-title.author { margin-bottom: 8px; }

.page-template-page-templatesauthor-php h1.page-title.author span.vcard,
.page-template-page-templatesauthor-fullwidth-php h1.page-title.author span.vcard { /*color: #111314;*/ }

.page-template-page-templatesauthor-php .author-info,
.page-template-page-templatesauthor-fullwidth-php .author-info {
	border-bottom: none;
	width: 80px;
	float: right;
}

.page-template-page-templatesauthor-php .author-description p,
.page-template-page-templatesauthor-fullwidth-php .author-description p { margin-bottom: 10px; }

.page-template-page-templatesauthor-php .author-info .author-avatar,
.page-template-page-templatesauthor-fullwidth-php .author-info .author-avatar { float: right; margin: 0; }


/***** =404 *****/

.error404.not-found p {}

.error404 .searchform { margin-bottom: 10px; }


/***** =Pages *****/

.page-header { /*float: left; width: 100%; */ }


/*-----------------------------------------------------------------------------------*/
/* 11. =Blog (Single, Archive, Post Formats, Blog Navigation, Attachment) */
/*-----------------------------------------------------------------------------------*/

.hentry {
	width: 100%;
	float: left;
	position: relative;
	margin-bottom: 40px;
	border-bottom: 1px solid #d8dbdf;
	padding-bottom: 30px;
}

.entry-content {
	float: left;
	width: 100%;
}

.entry-content img {}

.entry-content a, .entry-summary a { /*font-weight: bold;*/ }

.entry-content h1 { margin-top: 45px; margin-bottom: 25px; }
.entry-content h2 { margin-top: 35px; margin-bottom: 15px; font-weight: 400; }
.entry-content h3 { margin-top: 30px; margin-bottom: 15px; }
.entry-content h4 { margin-top: 30px; margin-bottom: 15px; }
.entry-content h5 { margin-bottom: 10px; }
.entry-content h6 { margin-bottom: 10px; }

.entry-summary {}

.entry-meta { display: block }

header.entry-meta {
	float: left;
	width: 100%;
	color: #8f969c;
	margin-bottom: 18px;
}

footer.entry-meta {
	float: left;
	width: 100%;
	color: #8f969c;
	margin-top: 10px;
}

header.entry-meta, footer.entry-meta {
	font-size: 90%;
}

header.entry-meta a, footer.entry-meta a {
	color: #202223;
	font-weight: bold;
}

header.entry-meta a:hover, footer.entry-meta a:hover { color: #39c; /* alternate */ }

span.posted-on,
span.by-author,
span.cat-links,
span.tag-links,
span.comments-link,
span.portfolio-links {
	/*margin-bottom: 3px;*/ /* --- don't delete --- */
	display: inline-block; /* --- don't delete --- */
	margin-right: 3px;
}

span.posted-on-title,
span.by-author-title,
span.cat-links-title,
span.tag-links-title,
span.portfolio-links-title {}

span.cat-links,
span.tag-links { display: block; }

time.entry-date { margin-right: 2px; }

span.comments-link {}

span.comments-div { margin-right: 5px; }

a.post-edit-link,
a.comment-edit-link {}

.comment-meta a.comment-edit-link {
	margin-top: 0px;
	float: right;
}

span.edit-link {/* float: left; */}

span.sep { margin: auto 4px; color: #acb6bb; }
span.sep:last-child { display: none; }

a.more-link,
a:link.more-link,
a:visited.more-link {
	font-weight: bold;
	text-decoration: none;
	color: #202223;
	display: inline-block;
}

a.more-link:hover,
a:link.more-link:hover,
a:visited.more-link:hover { color: #39c; /* alternate */ }


/***** Blog Navigation *****/

#navigation {
	display: block;
	overflow: hidden;
	width: 100%;
	float: left;
	font-weight: bold;
	margin-bottom: 40px;
}

#navigation a { color: #6b7175; }

#navigation a:hover { color: #202223; }

.nav-previous {
	float: left;
	/*width: 50%;*/
}

.nav-next {
	float: right;
	/*width: 50%;*/
	text-align: right;
}

.meta-nav { display: inline-block; }

.page-template-page-templatesblog-masonry-php #navigation,
.page-template-page-templatesblog-masonry-sidebar-php #navigation {
	background-color: #fff;
	padding: 20px;
}

.page-template-page-templatesblog-masonry-php #navigation {
	width: 100%;
	max-width: 160px;
}


/***** Attachment *****/

.attachment .entry-content { width: 100%; margin-bottom: 20px; }

.attachment h2 { margin-top: 0; }

.attachment header.entry-meta { margin-bottom: 25px; }

p.attachment { margin-bottom: 40px; }

.attachment span.image-size { margin-left: 2px; }

.attachment #navigation {
	border-top: 1px solid #d8dbdf;
	padding-top: 40px;
}


/***** =Blog Archives *****/

.archive h1.page-title {
	font-size: 36px;
	line-height: 2.5rem;
}


/***** =Author *****/

.author-info {
	float: left;
	border-bottom: 1px solid #d8dbdf;
	margin-bottom: 40px;
	padding-bottom: 25px;
	width: 100%;
}

.author-info .author-avatar { float: left; margin: 0 -80px 0 0; }

.author-info .author-avatar img.avatar { -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }

.author-info .author-description {
	float: left;
	margin: 0 0 0 105px;
	color: #8f969c;
}

.author-info h3 {
	margin-top: 0;
	border-bottom: none;
	margin-bottom: 3px;
}

.author-info .author-description p { margin-bottom: 5px; }

.archive.author .author-info .author-description p { margin-bottom: 15px; }

span.author-meta-url {
	margin-bottom: 3px;
	display: inline-block;
}


/***** Blog =Single *****/

.single-post h1.entry-title {}

.single-post .entry-content {}

.single-post #navigation {
	border-top: 1px solid #d8dbdf;
	padding-top: 40px;
}

.single-post .author-info {
	float: left;
	margin-top: 40px;
	border-top: 1px solid #d8dbdf;
	padding-top: 40px;
	padding-bottom: 5px;
	margin-bottom: 0;
	border-bottom: none;
	width: 100%;
}


/***** Post =Formats: General Elements *****/

.post-labels {
	margin-bottom: 10px;
}

span.format-label {
	margin-bottom: 10px;
	display: block;
}

a.entry-format {
	padding: 4px 6px;
	background-color: #39c; /* alternate */
	-webkit-transition: background-color .2s linear 0s;
	-moz-transition: background-color .2s linear 0s;
	-o-transition: background-color .2s linear 0s;
	transition: background-color .2s linear 0s;
	color: #fff !important;
	text-transform: capitalize;
	margin-right: 7px;
}

a.entry-format:hover { background-color: #202223; }

a.entry-format.standard,
a.entry-format.aside,
a.entry-format.gallery-label,
a.entry-format.link,
a.entry-format.quote,
a.entry-format.image,
a.entry-format.video,
a.entry-format.audio,
a.entry-format.chat,
a.entry-format.status,
a.entry-format.sticky { font-weight: normal; }

span.entry-format.sticky {
	/*float: left;*/
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	padding: 4px 9px;
	margin-bottom: 15px;
}

span.entry-format.new,
span.entry-format.free {
	padding: 4px 10px;
	color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

span.entry-format.none { display: none; }

span.entry-format.sticky { background-color: #fd4141; }
span.entry-format.new { background-color: #4eade3; }
span.entry-format.free { background-color: #a1ca57; }

div.page-links { margin-bottom: 15px; }

.page-links a {
	-webkit-transition: all .2s linear 0s;
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	transition: all .2s linear 0s;
	background-color: #f7f8f9;
}

.page-links a, .page-links > span {
	padding: 3px 8px;
	text-decoration: none;
	font-weight: bold;
}

/* basically, the current status */
.page-links > span {
	background-color: #39c; /* alternate */
	color: #fff;
}

.page-links a:hover {
	background-color: #39c; /* alternate */
	color: #fff !important;
}

span.page-links-title {
	background-color: transparent !important;
	border: none; padding: 0;
	margin-right: 5px;
	color: #51575b;
}



/***** Post Formats: =Standard *****/

.format-standard h2.entry-title {}

.format-standard .entry-content img:first-of-type {}


/***** Post Formats: =Aside *****/

.format-aside h2.entry-title {}

.format-aside header.entry-meta {}


/***** Post Formats: =Gallery *****/

.format-gallery {}

	.format-gallery figure.thumb-container { display: none; }

	.page-template-page-templatesblog-masonry-php .format-gallery figure.thumb-container,
	.page-template-page-templatesblog-masonry-sidebar-php .format-gallery figure.thumb-container {
		display: block;
	}

.gallery {
	margin-bottom: 20px;
}

.gallery-item {
	float: left;
	margin: 0 4px 4px 0;
	overflow: hidden;
	position: relative;
}.format-aside h2.entry-title {}

.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
	display: table;
	margin: 0 auto 20px;
}

.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {
	text-align: center;
}

.gallery-columns-4 .gallery-item {
	max-width: 23%;
	max-width: -webkit-calc(25% - 4px);
	max-width:         calc(25% - 4px);
}

.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width: -webkit-calc(20% - 4px);
	max-width:         calc(20% - 4px);
}

.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width: -webkit-calc(16.7% - 4px);
	max-width:         calc(16.7% - 4px);
}

.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width: -webkit-calc(14.28% - 4px);
	max-width:         calc(14.28% - 4px);
}

.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width: -webkit-calc(12.5% - 4px);
	max-width:         calc(12.5% - 4px);
}

.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width: -webkit-calc(11.1% - 4px);
	max-width:         calc(11.1% - 4px);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;
}

.gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	box-sizing: border-box;
	color: #fff;
	font-size: 14px;
	line-height: 1.3;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 5px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	-webkit-transition: opacity 400ms ease;
	transition:         opacity 400ms ease;
	width: 100%;
}

.gallery-caption:before {
	box-shadow: 0 -10px 15px #000 inset;
	content: "";
	height: 100%;
	min-height: 49px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.gallery-item:hover .gallery-caption {
	opacity: 1;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

.gallery-item img {
	/*border: 3px solid #f7f8f9 !important;*/
	-webkit-transition: all .2s linear 0s;
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	transition: all .2s linear 0s;
	/*opacity: .85;*/
	border: none;
}

.gallery-item img:hover { /*border-color: #39c;*/ /* alternate */ opacity: .85; }

dt.gallery-icon { margin: 0; }


/***** Post Formats: =Image *****/

.format-image .content-image {
	margin-bottom: 20px;
	float: left;
}

.format-image span.entry-format.sticky { /*position: absolute; top: 0; left: 0; z-index: 99999;*/ }


/***** Post Formats: =Link *****/

.format-link h2.entry-title {}

.format-link span.link {
	font-weight: bold;
	font-size: 16px;
	color: #8f969c;
	display: block;
	margin-bottom: 20px;
	float: left;
	width: 100%;
}


/***** Post Formats: =Quote *****/

.format-quote h1.quote {
	margin-bottom: 0;
	font-family: Georgia, sans-serif;
	font-style: italic;
	font-size: 26px;
	line-height: 2.3rem;
	margin-top: 25px;
	color: #202223;
	font-weight: normal;
	letter-spacing: 0;
}

.format-quote h1.quote a {
	color: #202223;
	font-weight: normal;
}

.format-quote h1.quote a:hover { color: #39c; /* alternate */ }

.format-quote h4.quote_author { margin-top: 20px; }

.single-post .format-quote h4.quote_author {
	border-bottom: 2px solid #D8DBDF;
	padding-bottom: 27px;
	margin-bottom: 25px;
}

.format-quote h4.quote_author a { /*color: #111314;*/ }

.format-quote h4.quote_author a:hover { /*color: #3b4045;*/ }

h1.quote, h4.quote_author { text-align: center; }

.format-quote h3.entry-title { margin-bottom: 0; display: none; }

.format-quote h3.entry-title a { color: #39c; /* alternate */ }

.format-quote header.entry-meta {}

.format-quote figure.content-image {}


/***** Post Formats: =Audio & =Video *****/

.format-audio .mejs-container,
.format-video .mejs-container {
	margin-bottom: 20px;
		float: left; /* !!! */
}

.format-audio h2.entry-title, .format-video h2.entry-title {}

.embedded { margin-bottom: 8px; padding: 0; float: left; }

.format-audio header.entry-meta {}

.album-cover {}

.album-cover img {} 

#player-audio, #player-video { background: #202223; margin-bottom: 20px; width: 100%; }


/***** Post Formats: =Status *****/

.format-status p { font-size: 24px; line-height: 32px; }

/***** Post Formats: =Chat *****/

.format-chat {}

/***** Post =Sticky *****/

.sticky .entry-format {}


/***** =Search Results *****/

.search-results h1.page-title {
	margin-top: 0px;
	margin-bottom: 40px;
	border-bottom: 1px solid #d8dbdf;
	padding-bottom: 40px;
	font-size: 36px;
}

.search-results span.format-label { display: none; }


/***** =Comments *****/

#comments { clear: both; }

h3#comments-title { border-bottom: none; border-top: 1px solid #d8dbdf; padding-top: 23px; }

.commentlist {
	list-style: none;
	margin: 0 auto;
	margin-right: 0;
	margin-bottom: 25px !important;
	line-height: 21px;
}

ol.commentlist { padding-left: 0; }

.content .commentlist, .page-template-sidebar-page-php .commentlist { width: 100%; }

.commentlist > li.comment {
	padding-top: 25px;
	position: relative;
	border-top: 1px solid #d8dbdf;
	margin-bottom: 20px !important;
	display: block;
}

.commentlist .children { list-style: none; margin-top: 25px; margin-bottom: 0px !important; }

.commentlist .children li.comment {
	padding-top: 25px;
	margin-left: 80px;
	border-top: 1px solid #d8dbdf;
	list-style: none;
	margin-bottom: 25px !important;
}

.commentlist .children li.comment .fn { /* display: block; - don't delete */ }

.commentlist .fn { margin-left: 20px; font-weight: bold; }

.comment-meta .fn { font-style: normal; }

.comment-meta {
	margin-top: 5px;
	margin-left: 80px;
	margin-bottom: 5px;
	font-size: 90%;
}

.comment-meta a { color: #8f969c !important; }

.comment-meta a:focus, .comment-meta a:active, .comment-meta a:hover { color: #51575b !important; }

.commentlist .children li.comment .comment-meta {}

.commentlist .children li.comment .comment-content { margin: 20px 0 0 0; }

.commentlist .avatar { -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }

.commentlist > li:before {}

.commentlist > li.pingback:before { content: ''; }

.comment-author.vcard { float: left; }

.commentlist .children .avatar {}

.commentlist > li.bypostauthor {} /* Post author highlighting */

.commentlist > li.bypostauthor .comment-meta { color: #51575b; }

.commentlist > li.bypostauthor .comment-meta a:focus, .commentlist > li.bypostauthor .comment-meta a:active, .commentlist > li.bypostauthor .comment-meta a:hover {}

.commentlist > li.bypostauthor:before {}

.comment-body { margin-left: 80px; padding-right: 30px; }

.comment-footer {}

.commentlist .children > li.bypostauthor {} /* Post Author threaded comments */

#cancel-comment-reply-link { float: right; font-weight: normal; font-size: 13px; }

.nopassword, .nocomments {
	color: #6b7175;
	font-size: 16px;
	margin: 26px 0;
	border-top: 1px solid #d8dbdf;
	padding-top: 20px;
	display: none;
}

div.reply { margin-left: 80px; }

a.comment-reply-link {
	display: inline-block;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	color: #8f969c !important;
}

a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active { color: #3b4045 !important; }

a.comment-reply-link > span { display: inline-block; position: relative; top: -1px; }


/***** =Respond *****/

#respond, #wp-temp-form-div {
	overflow: hidden;
	position: relative;
	margin-bottom: 25px;
	line-height: 100%;
	border-top: 1px solid #d8dbdf;
	padding-top: 40px;
	margin-top: 0;
}

.comment #respond { float: none; margin-top: 25px; }

.comment #respond input, .comment #respond textarea {}

.comment #respond input:focus, .comment #respond textarea:focus {}

.logged-in-as, #respond .comment-notes {}

.children #respond { margin: 20px 0 0 0; }

#respond .form-allowed-tags { color: #51575b; margin: 9px auto 19px auto; display: none; }

h3#reply-title { display: block; /* kinda important! */ margin-bottom: 8px; }

em.comment-awaiting-moderation {
	margin-left: 80px;
	margin-bottom: 10px;
	display: block;
	color: #f6640c;
	text-decoration: underline;
}


/*-----------------------------------------------------------------------------------*/
/* 12. Related Posts (Blog + Portfolio) */
/*-----------------------------------------------------------------------------------*/

#related-posts,
#related-projects {
	float: left !important;
	width: 104%;
	margin-bottom: 40px;
}

h3.related-title { margin-top: 0; }

.related-list { float: left; }

.related-item {
	width: 29.6%;
	height: auto;
	margin-right: 3.6%;
	margin-bottom: 4.4%;
	float: left;
	overflow: hidden;
	position: relative;
}

.related-item img {
/*	margin-bottom: 10px;*/
	background-color: #39c; /* alternate */
}

.related-item span.overlay {}

.related-item img, .related-item span.overlay {}

#related-posts h4.entry-title, #related-projects h4.entry-title {
	margin-top: 15px;
	margin-bottom: 6px;
}

#related-posts p.desc, #related-projects p.desc {
	margin-bottom: 0;
	line-height: 1.35rem;
	font-size: 95%;
}

#related-posts span.cat-links, #related-posts span.tag-links {
	font-size: 90%;
}

#related-posts span.cat-links a, #related-posts span.tag-links a {
	color: #51575b;
	font-weight: bold;
}

#related-posts span.cat-links a:hover, #related-posts span.tag-links a:hover { color: #39c; /* alternate */ }

#content.related, #home-content.related { padding: 0px; }

/*-----------------------------------------------------------------------------------*/
/* 13. Misc */
/*-----------------------------------------------------------------------------------*/

/***** jQuery Back to Top *****/

#back-top {
	position: fixed;
	right: 20px;
	bottom: 0;
	display: none;
	z-index: 99999;
	margin-bottom: 0;
}

#back-top a {
/*	width: 40px;*/
	display: block;
}

#back-top span {
	width: 48px;
	height: 38px;
	display: block;
	background: #000 url(images/sprites.png) 14px -46px no-repeat;
	opacity: .75;
	-webkit-transition: all .2s linear 0s;
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	transition: all .2s linear 0s;
}

#back-top a:hover span { opacity: .9; }


/***** =WordPress - Please note: the following overwrite some styles defined at the top of this document *****/

#sidebar-login { margin-bottom: 30px; }

img#wpstats { display: block; margin: 0 auto 10px; }

/*
 * Responsive images
 *
 * Fluid images for posts, comments, and widgets
 */
.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
	max-width: 100%;
}

/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
}

img.size-full,
img.size-large,
img.wp-post-image {
	height: auto;
	max-width: 100%;
}

/* Override the Twitter embed fixed width. */
.entry-content .twitter-tweet-rendered { max-width: 100% !important; } /* @since WP 3.4 */

/* Images */

.alignleft { float: left; }

.alignright { float: right; }

.aligncenter { display: block; margin-left: auto; margin-right: auto; }

img.alignleft { margin: 5px 20px 5px 0; }

.wp-caption.alignleft { margin: 5px 20px 5px 0; }

img.alignright { margin: 5px 0 5px 20px; }

.wp-caption.alignright { margin: 5px 0 5px 20px; }

img.aligncenter { margin: 5px auto; }

img.alignnone { margin: 5px 0; }

.wp-caption .wp-caption-text, .entry-caption, .gallery-caption {
	color: #8f969c;
	font-style: italic;
	font-weight: 300;
	margin-top: 10px;
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol  { list-style-position: inside; }

div.entry-thumbnail {  margin-bottom: 25px; }


/***** Chrome Frame Prompt *****/

.chromeframe { margin: 0.2em 0; background: #c6ccd1; color: black; padding: 0.2em 0; }


/***** CHILD DESIGN STARTS *****/
/*-------------------------------------------------------------------------------------------*/
/* =Design                                                                                    */
/*-------------------------------------------------------------------------------------------*/

body {
	font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	color: #15181D;
	letter-spacing: 0;
}

button, input, select, textarea {
	font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a, a:link, a:visited {}

a:active, a:hover { text-decoration: none; }

pre {
	background-color: #272A2C;
	color: #8f969c;
	padding: 30px 60px;
}

table th {
	background-color: #272A2C;
	color: #fff;
}

code {
	background-color: #272A2C;
	color: #8f969c;
}

h1.page-title {
	font-size: 65px;
	text-indent: -4px;
}

h1.entry-title {
	font-size: 65px;
	line-height: 3.5rem;
}

.single-post h1.entry-title,
.single-project h1.entry-title {
	font-size: 48px;
	margin-top: 0;
	margin-bottom: 20px;
}

.single-project h1.entry-title {
	font-size: 65px;
	margin-bottom: 30px;
}

.single-project #navigation {
	margin-bottom: 40px;
	margin-top: 20px;
}

.single-project span.posted-on,
.single-project span.by-author,
.single-project span.cat-links,
.single-project span.tag-links,
.single-project span.comments-link {
	display: block;
}


/***** =Header *****/

#header .wrapper {
	padding-top: 25px;
	padding-bottom: 25px;
}

.page-template-page-templateshomepage-php #header .wrapper,
.page-template-page-templateshomepage-extended-php #header .wrapper {
	border-bottom: 1px solid #D8DBDF;
	padding-top: 50px;
	padding-bottom: 50px;
}

#topbar {
	padding-top: 17px;
	padding-bottom: 17px;
	background-color: #15181D;
	color: #FFF;
}

a h1#site-title {
	font-size: 36px;
	line-height: 2.1rem;
	font-weight: 800;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	letter-spacing: -1px
}

#tagline {
	color: #8F969C;
	margin-top: 8px;
}


/***** Menu Navigation *****/

#navi ul li { margin-left: 5px; }

#navi ul li a {
	-webkit-transition: all .2s linear 0s;
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	transition: all .2s linear 0s;
	padding: 5px 10px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
	border-radius: 1px;
	background-color: transparent;
	color: #41444E;
	font-size: 18px;
	font-weight: 400;
}

#navi ul li a:hover,
#navi ul li.current-menu-item > a {
	background-color: #1fbba6;
	color: #fff !important;
}

#navi ul li.current-menu-item > a {
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
}

#navi ul li a.sf-with-ul,
#navi ul li:last-child a { padding-right: 10px; }

.sf-sub-indicator { display: none; }

#navi ul ul {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 0px !important;
	padding-right: 0px !important;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
	border-radius: 1px;
	/*border: 1px solid #13171b;*/
	/*border-top: 1px solid #FFF;*/
	border: none;
	background-color: #1C2127;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.20);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.20);
	box-shadow: 0 0 5px rgba(0,0,0,.20);
	width: 180px;
}

#navi ul ul li {
	border-top: none;
}

#navi ul ul li a {
	font-size: 15px;
	padding-left: 15px !important;
	padding-right: 15px !important;
	color: #C2CED8;
	font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

#navi ul ul li:hover > a,
#navi ul ul li.current-menu-item > a {
	background-color: #1fbba6;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	background-color: #1FBBA6;
	color: #fff;
}

/* arrow submenu */
ul ul li a > .sf-sub-indicator { top: 20px; /* position arrow up/down */ }

#navi ul ul ul {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
}


/***** Layout + General Styles *****/

#main {
	padding-top: 50px;
}


/***** =Overlay *****/

span.overlay {
	opacity: 1;
	-webkit-transition: background-color .3s linear 0s, opacity .3s linear 0s;
	-moz-transition: background-color .3s linear 0s, opacity .3s linear 0s;
	-o-transition: background-color .3s linear 0s, opacity .3s linear 0s;
	transition: background-color .3s linear 0s, opacity .3s linear 0s;
}

span.overlay:hover {
	opacity: .8;
}

#projects figure.thumb-container { position: relative; /* if we use span.view use "position: static;" instead of "relative" */ }


/***** Homepage *****/

.page-template-page-templateshomepage-default-php #main .wrapper.modular { width: 100%; }

.page-template-page-templateshomepage-default-php .rev_slider_wrapper {
	background-color: #FFF !important;
}

#home-message { background-color: #fff; }

#home-message .wrapper {
	border-bottom: none;
	padding-top: 20px;
	padding-bottom: 30px;
	margin-bottom: 25px;
}

#home-message h1 {
	margin: 2.5rem 0 1.6rem 0;
	text-indent: -3px;
	font-size: 6.5rem;
	letter-spacing: -0.03em;
	line-height: .95em;
}

#home-message p {
	font-size: 1.8rem;
	line-height: 1.25em;
	font-weight: 300;
	color: #8F969C;
	margin-bottom: 1.3rem;
	margin-top: 0rem;
	letter-spacing: -1px;
	max-width: 700px;
	-webkit-font-smoothing: antialiased;
}

#home-message a { border-bottom: 1px solid #d8dbdf; }

#home-message a:hover {}

#home-message .custom-menu {
	margin-top: 25px;
	margin-bottom: 0;
}

#home-message .custom-menu ul li {
	font-size: 1.0rem;
	font-weight: bold;
}

#home-message .custom-menu ul li a {
	color: #252B34;
	padding: 1px 4px 2px 4px;
	font-size: 1.25rem;
}

#home-message .custom-menu ul li a:hover {
	color: #1FBBA6; /*alternate*/
	border-color: #8F969C;
}

#home-quote .wrapper,
#clients-home .wrapper {
	background-color: transparent;
	padding-bottom: 40px;
	padding-top: 40px;
}

#clients-home .wrapper {
	padding-top: 50px;
	padding-bottom: 0;
}

#home-quote {
	color: #fff;
	text-align: center;
	padding-bottom: 240px;
	background: no-repeat center bottom;
	background-color: #1fbba6; /*alternate*/
}

#clients-home {
	background-color: #0E1013;
	color: #F7F8F9;
}

#home-quote h1.entry-title,
#clients-home h1.entry-title {
	color: #fff;
	margin: 1.3rem 0;
	text-indent: -3px;
}

#clients-home p,
#home-quote p {
	margin-bottom: 40px;
	font-size: 1.8rem;
	line-height: 1.25em;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
}

#clients-home p { color: #C2CED8; }

#home-quote a.home_link_button,
#clients-home a.home_link_button,
#portfolio-quote a.portfolio_link_button {
	background-color: #fff;
	font-size: 1.1rem;
	font-weight: bold;
	padding: 15px 31px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: all .2s linear 0s;
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	transition: all .2s linear 0s;
	-webkit-font-smoothing: antialiased;
	border: 3px solid transparent
}

#home-quote a.home_link_button,
#portfolio-quote a.portfolio_link_button {
	color: #26292C;

	/*don't delete*/
	/*box-shadow: 0 3px 0 #000;
	border-radius: 3px;*/
}

#home-quote a.home_link_button:hover,
#clients-home a.home_link_button:hover,
#portfolio-quote a.portfolio_link_button:hover {
	background-color: #1fbba6; /*alternate*/
	color: #fff !important;
	border: 3px solid #fff;
}

#home-quote a.home_link_button:hover,
#portfolio-quote a.portfolio_link_button:hover {
	background-color: #15181D;
}

#home-quote p a {
	color: #fff;
	font-weight: bold;
}

#home-quote a:hover {
	color: #15181D;
}

#clients-home p a {
	color: #fff;
	font-weight: bold;
}

#clients-home a:hover { color: #1FBBA6; }

.col1 {
	width: 58%;
	float: left;
	margin-bottom: 60px;
}

.col1.right {
	width: 36%;
	float: right;
	margin-bottom: 0;
}

#blog-home {
	background-color: #fff;
}


/***** Slider *****/

.slider-home { margin-bottom: 0; }

.page-template-page-templateshomepage-php .rev_slider_wrapper,
.page-template-page-templateshomepage-extended-php .rev_slider_wrapper {
	background-color: #15181D !important;
}


/***** Portfolio Home & Projects Home *****/

#portfolio-home, #projects-home {
	padding-top: 36px;
	background-color: #fff;
}

#projects-home {
	background-color: #252B34;
}

#portfolio-home .wrapper {
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 20px;
}

#portfolio-home .page-header {
	margin-bottom: 42px;
}

#projects-home .wrapper {
	margin-bottom: 20px;
}

#portfolio-home .element {
	text-align: center;
	border-right: 1px solid #d8dbdf;
	padding-right: 30px;
	width: 27.9%;
}

#portfolio-home .element:last-of-type {
	border-right: none;
	padding-right: 0;
	margin-right: 0;
}

#portfolio-home .element h3.entry-title {
	margin-bottom: 25px;
	margin-top: 0;
}

#portfolio-home .element figure.thumb-container { margin-bottom: 20px; }

#portfolio-home .element img {
	background-color: transparent !important;
	opacity: 1;
	-webkit-transition: all .2s linear 0s;
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	transition: all .2s linear 0s;
}

#portfolio-home .element img:hover { opacity: .8; }

#portfolio-home .element .overlay { display: none; }

#portfolio-home h1.entry-title,
#projects-home h1.entry-title {
	text-indent: -3px;
	margin-bottom: 1.5rem;
}

#portfolio-home h1.entry-title { text-align: center; }

#projects-home h1.entry-title {
	margin-top: .8rem;
}

	.page-template-page-templateshomepage-extended-php #projects-home h1.entry-title {
		color: #fff;
	}

	.page-template-page-templateshomepage-extended-php #projects-home {
		padding-top: 46px;
	}

#projects-home .portfolio-header-description {
	color: #8F969C;
}

#projects-home .portfolio-header-description a,
#portfolio-home .portfolio-header-description a {
	border-bottom: 1px solid #d8dbdf;
}

#portfolio-home a.more-link,
#portfolio-home a:link.more-link,
#portfolio-home a:visited.more-link {
	margin-top: 20px;
}


/***** Portfolios & Projects *****/

.tax-portfolios #content.portfolio,
.tax-project_tag #content.portfolio,
.tax-project_category #content.portfolio {
	background-color: #252B34;
	padding-top: 60px;
}

.tax-project_tag #content.portfolio,
.tax-project_category #content.portfolio {
	padding-top: 40px;
}

.tax-portfolios #header .wrapper,
.tax-project_tag #header .wrapper,
.tax-project_category #header .wrapper { border: none; }

.tax-portfolios #main,
.tax-project_tag #main,
.tax-project_category #main { padding-top: 0px; padding-bottom: 0px; }

.tax-portfolios #projects { -webkit-font-smoothing: antialiased; }

.portfolio h1.entry-title {
	font-size: 65px;
	line-height: 3.5rem;
	margin-bottom: 30px;
	color: #fff;
}

#projects header.entry-meta,
#projects footer.entry-meta {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	max-width: 260px;
}

#projects footer.entry-meta { display: none; }

#projects p.project-description {
	font-size: 16px;
	line-height: 1.4rem;
	color: #C2CED8;
	padding-left: 22px;
	padding-right: 22px;
	padding-bottom: 20px;
}

#portfolios h3.entry-title,
#projects h2.project-title,
#projects h3.project-title {
	margin-bottom: 8px;
	font-size: 24px;
	line-height: 28px;
	margin-top: 22px;
}

#projects h2.project-title,
#projects h3.project-title { padding-left: 22px; padding-right: 22px; }

#projects h2.project-title a,
#projects h3.project-title a { color: #fff; }

#projects h3.project-title a:hover { color: #1FBBA6; }

#projects .element {
	background-color: #0E1013;
	margin-bottom: 2.5%;
	border-bottom: 3px solid #C2CED8;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
	border-radius: 1px;
}

.portfolio-header-description {
	font-size: 1.8rem;
	line-height: 1.25em;
	font-weight: 300;
	max-width: 700px;
	margin-bottom: 20px;
	-webkit-font-smoothing: antialiased;
	color: #C2CED8;
}

.page-template-page-templateshomepage-php .portfolio-header-description,
.page-template-page-templateshomepage-extended-php .portfolio-header-description {
	color: #8F969C;
	max-width: 700px;
}

.page-template-page-templateshomepage-php #portfolio-home .portfolio-header-description,
.page-template-page-templateshomepage-extended-php #portfolio-home .portfolio-header-description {
	color: #8F969C;
	max-width: 100%;
	text-align: center;
}

.single-project h1.entry-title {
	font-size: 65px;
/*	margin-bottom: 18px;*/
	line-height: 3.7rem;
}

.single-project .project-header {
	margin-bottom: 30px;
}

.single-project p.project-description {
	font-size: 1.8rem;
	line-height: 1.25em;
	font-weight: 300;
	max-width: 700px;
	-webkit-font-smoothing: antialiased;
}

.single_thumb_wrapper { margin-bottom: 40px; }

a.project-link-button {
	opacity: .8;
	background-color: #1fbba6;
	border-color: #1fbba6;
}

a.project-link-button:hover {
	opacity: 1;
}

ul#filters, span.ooops {
	margin-top: 10px;
	margin-bottom: 40px;
	-webkit-font-smoothing: antialiased;
}

ul#filters li a {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #fff;
}

ul#filters li a:hover,
ul#filters li a.selected {}

ul#filters li a:hover {}

ul#filters li a.selected {}

ul#filters span.sep { color: #8F969C; }

#portfolio-quote {
	background-color: #1fbba6; /* alternate */
	color: #fff;
	text-align: center;
	padding: 20px 0;
	-webkit-font-smoothing: antialiased;
	font-size: 1.8rem;
	line-height: 1.25em;
	font-weight: 300;
}

#portfolio-quote p {
	margin-bottom: 0;
	float: left;
}

#portfolio-quote a {
	color: #fff;
	font-weight: bold;
}

#portfolio-quote a:hover {
	color: #15181D;
}

#projects-home .page-header {}

#projects-home #projects {}

.portfolio4col #portfolios h3.entry-title, .portfolio4col #projects h3.project-title {
	font-size: 18px;
	line-height: 22px;
}


/***** Archives *****/

.archive h1.page-title {
	letter-spacing: -1px;
	font-size: 40px;
}

.tax-project_category h1.page-title,
.tax-project_tag h1.page-title {
	margin-bottom: 20px;
	color: #fff;
}

#archives-content {
	margin-top: 0;
}

#archives-content a {
	font-size: 16px;
	line-height: 26px;
}

span.archive-portfolios {
	font-size: 14px;
}

#archives-content ul li {}


/***** =Blog *****/

article .entry-content h2 {
	margin-top: 0;
	font-size: 36px;
	font-weight: bold;
}

header.entry-meta, footer.entry-meta {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.page-template-page-templatesblog-fullwidh-php header.entry-meta,
.blog header.entry-meta { width: 25%; }

.page-template-page-templatesblog-fullwidh-php .entry-content,
.page-template-page-templatesblog-fullwidh-php footer.entry-meta,
.blog .entry-content,
.blog footer.entry-meta {
	width: 70%;
	float: right;
}

.page-template-page-templatesblog-fullwidh-php span.posted-on,
.page-template-page-templatesblog-fullwidh-php span.cat-links,
.page-template-page-templatesblog-fullwidh-php span.tag-links,
.page-template-page-templatesblog-fullwidh-php span.comments-link,
.blog span.posted-on,
.blog span.cat-links,
.blog span.tag-links,
.blog span.comments-link {
	display: block;
}

.page-template-page-templatesblog-fullwidh-php span.comments-div,
.page-template-page-templatesblog-masonry-php span.comments-div,
.blog span.comments-div { display: none; }

.page-template-page-templatesblog-fullwidh-php span.posted-on,
.page-template-page-templatesblog-masonry-php span.posted-on,
.blog span.posted-on {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: normal;
}

.page-template-page-templatesblog-fullwidh-php span.comments-link,
.blog span.comments-link {
	margin-bottom: 5px;
}

/*.page-template-page-templatesblog-fullwidh-php span.comments-link a*/
span.comments-link a {
	font-weight: normal;
	color: #8F969C;
	border-bottom: 1px solid #D8DBDF;
	padding-bottom: 1px;
}

span.entry-format.sticky {
	padding: 9px 14px;
	-webkit-font-smoothing: antialiased;
	background-color: #ffee00;
	color: #252B34;
	font-weight: bold;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin-bottom: 10px;
	font-size: 14px;
/*	display: block;*/
/*	float: right;*/
}

/*.format-image span.entry-format.sticky {
	margin-top: 5px;
	margin-left: 5px;
}*/
.format-image span.entry-format.sticky { position: relative; }

a.entry-format {
	-webkit-transition: background-color .2s linear 0s;
	-moz-transition: background-color .2s linear 0s;
	-o-transition: background-color .2s linear 0s;
	transition: background-color .2s linear 0s;
	display: block;
	background-image: url("images/sprites_ui.png");
	background-repeat: no-repeat;
	text-indent: -99999px;
	width: 60px;
	height: 60px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
	border-radius: 1px;
	margin-bottom: 20px;
}

a.entry-format:hover { background-color: #252B34; }


a.entry-format.image { background-position: 24px -570px; }

a.entry-format.quote { background-position: 24px -887px; }

a.entry-format.aside { background-position: 24px -501px; }

a.entry-format.audio { background-position: 23px -824px; }

a.entry-format.link { background-position: 24px -696px; }

a.entry-format.gallery-label { background-position: 24px -633px; }

a.entry-format.standard { background-position: 24px -431px; }

a.entry-format.video { background-position: 29px -760px; }

a.entry-format.status { background-position: 20px -305px; }

a.entry-format.chat { background-position: 20px -366px; }

.post-labels {
	margin-bottom: 20px;
}

a.more-link,
a:link.more-link,
a:visited.more-link {
	border-bottom: 1px solid #d8dbdf;
	-webkit-transition: all .2s linear 0s;
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	transition: all .2s linear 0s;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a.more-link:hover,
a:link.more-link:hover,
a:visited.more-link:hover {
	border-color: #8f969c;
}

input[type="submit"] {
	width: 100%;
	padding: 20px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	background-color: #15181D;
	color: #FFF;
	text-align: center;
	-webkit-transition: color ease 0.3s, border ease 0.3s, background ease 0.3s;
	-moz-transition: color ease 0.3s, border ease 0.3s, background ease 0.3s;
	transition: color ease 0.3s, border ease 0.3s, background ease 0.3s;
	border: none;
	-webkit-transition: all .2s linear 0s;
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	transition: all .2s linear 0s;
	opacity: .8;
	background-color: #783386;
	border-color: #783386;
}

input[type="submit"]:hover {
	opacity: 1;
}

input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
textarea {
	background-color: #f7f8f9;
	border: 3px solid #C2CED8;
	font-weight: normal;
	color: #51575B;
}

input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"] {
	height: 50px;
}

input[type="text"]:hover,
input[type="search"]:hover,
input[type="password"]:hover,
input[type="email"]:hover,
textarea:hover {
	/*border-color: #8f969c;	*/border-color: #783386;
}

input[type="text"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus,
.post-password-required input[type="password"]:focus {
	outline: none;
	/*border-color: #26292c;*/	border-color: #783386;
	/*background-color: #26292c;*/	background-color: #783386;
	color: #fff;
}

input[type="search"] {
	padding-left: 44px;
	background: #252B34 url(images/sprites_ui.png) 9px -61px no-repeat;
	color: #C2CED8;
}

.single-post h2.entry-title {
	text-indent: -0px;
	font-size: 60px;
	line-height: 4rem;
	margin-bottom: 40px;
}

h3#reply-title {
	font-size: 40px;
	line-height: 36px;
	margin-bottom: 13px;
}

.format-link span.link {
	font-size: 19px;
}

.format-link h2.entry-title,
.format-link span.link {
	text-align: center;
}

	.single-post .format-link span.link { text-align: left; }

.format-link span.link a {
	border-bottom: 1px solid #D8DBDF;
	-webkit-transition: all .2s linear 0s;
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	transition: all .2s linear 0s;
	font-weight: normal;
	font-size: 24px;
}

.format-link span.link a:hover {
	border-color: #8f969c;
}

.format-link span.posted-on,
.format-link span.by-author,
.format-link span.comments-link {
	display: none !important;
}

.format-aside span.posted-on,
.format-aside span.by-author,
.format-aside span.comments-link { display: none; }

blockquote,
.format-quote h1.quote,
.format-quote h1.quote a {
	font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 800;
	font-style: normal;
}

blockquote p,
.format-quote h1.quote a {
}

.page-template-page-templatesblog-fullwidh-php .format-image .content-image,
.page-template-page-templatesblog-fullwidh-php .format-audio .mejs-container,
.page-template-page-templatesblog-fullwidh-php .format-video .mejs-container,
.blog .format-image .content-image,
.blog .format-audio .mejs-container,
.blog .format-video .mejs-container {
	margin-bottom: 30px;
}

#navigation a {
	font-weight: normal;
	font-size: 18px;
}

a.post-edit-link, a.comment-edit-link {
	font-style: normal;
}

.commentlist { line-height: 22px; }

/***** =Masonry *****/

.page-template-page-templatesblog-masonry-php #main,
.page-template-page-templatesblog-masonry-sidebar-php #main {
	padding-top: 30px;
	padding-bottom: 20px;
}

.page-template-page-templatesblog-masonry-php #content .hentry,
.page-template-page-templatesblog-masonry-sidebar-php #content .hentry {
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
	border-radius: 1px;
	border-bottom: 3px solid #C2CED8;
}

.page-template-page-templatesblog-masonry-php article .entry-content h2,
.page-template-page-templatesblog-masonry-sidebar-php article .entry-content h2 {
	font-size: 24px;
	line-height: 1.5rem;
}

.page-template-page-templatesblog-masonry-php .format-link span.link a {
	font-size: 18px;
}

.page-template-page-templatesblog-masonry-php #navigation {
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
}

.page-template-page-templatesblog-masonry-php .format-quote h1.quote,
.page-template-page-templatesblog-masonry-php .format-quote h1.quote a {
	font-size: 24px;
	line-height: 1.8rem;	
}

/*.page-template-page-templatesblog-masonry-php  span.format-label { float: left; }

.page-template-page-templatesblog-masonry-php span.posted-on,
.page-template-page-templatesblog-masonry-php span.by-author,
.page-template-page-templatesblog-masonry-php span.cat-links,
.page-template-page-templatesblog-masonry-php span.tag-links,
.page-template-page-templatesblog-masonry-php span.comments-link,
.page-template-page-templatesblog-masonry-sidebar-php span.posted-on,
.page-template-page-templatesblog-masonry-sidebar-php span.by-author,
.page-template-page-templatesblog-masonry-sidebar-php span.cat-links,
.page-template-page-templatesblog-masonry-sidebar-php span.tag-links,
.page-template-page-templatesblog-masonry-sidebar-php span.comments-link { float: right; }*/

.page-template-page-templatesblog-masonry-php span.posted-on,
.page-template-page-templatesblog-masonry-php span.by-author {
/*	display: inline-block;*/
}


/***** Footer *****/

#footer {
	background-color: #252b34;
	padding-top: 20px;
	padding-bottom: 40px;
	color: #C2CED8;
	-webkit-font-smoothing: antialiased;
	font-size: 15px;
}

#footer .wrapper { border-top: none; }

#footer a {
	color: #FFF;
	font-weight: bold;
}

#footer .custom-menu { margin-bottom: 5px; }

.footer-img,
.footer-img.right {
	float: none;
}


/***** Sidebars *****/

#sidebar-header,
#sidebar-header #header-first.widget-area {
	max-width: 280px;
}

#sidebar-footer .wrapper {
	border-top: none;
	padding-top: 60px;
	padding-bottom: 0;
}

#sidebar-footer {
	background-color: #15181D;
	color: #C2CED8;
	-webkit-font-smoothing: antialiased;
	background-image: url(images/bg/pattern.png);
	background-attachment: fixed;
}

#sidebar-footer .widget-area {
	width: 30.4%;
}

#sidebar-footer #third { margin-right: 0; padding-right: 0; }

#sidebar-footer .widget-area a:active, #sidebar-footer .widget-area a:hover { color: #fff; }

#sidebar-footer h4.entry-title a { color: #fff !important; }

#sidebar-footer h4.entry-title a:hover { color: red !important; /*alternate*/ }

#sidebar-footer a.more-link, #sidebar-footer a:link.more-link, #sidebar-footer a:visited.more-link { color: #1FBBA6; /*alternate*/ }

#sidebar-footer a.more-link:hover { color: #fff !important; }

#sidebar-footer h3.widget-title { color: #fff; }

#sidebar-delta h4.entry-title a, h4.entry-title a { color: #fff !important; }

#sidebar-delta h5.wolf-skill-title, #sidebar-footer h5.wolf-skill-title { color: #fff; }

#sidebar-delta a.more-link, #sidebar-footer a.more-link { color: #fff; }

p.tweet-details a { color: #C2CED8; }

code { font-size: 14px; font-weight: bold; }

.tagcloud a:link, .tagcloud a:visited {
	background-color: #1FBBA6; /*alternate*/
	color: #fff;
	border: none;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
	border-radius: 1px;
	font-weight: normal;
}

.tagcloud a:active, .tagcloud a:hover {
	/*opacity: .8;*/
	background-color: #252B34;
}

h3.widget-title, h4.widget-title {
	font-size: 30px;
	line-height: 33px;
	color: #252B34;
	margin-bottom: 30px;
}

#related-posts h4.entry-title,
#related-projects h4.entry-title {
	letter-spacing: 0;
}

#related-posts span.tag-links {
	display: none;
}

#related-posts span.cat-links { font-size: 14px; }

.widget-portfolio h4.entry-title,
.widget-blog h4.entry-title {
	font-style: normal;
}

.blog .widget-portfolio header.entry-meta,
.blog .widget-blog header.entry-meta { width: 100%; }

#back-top {
	right: 30px;
	bottom: 30px;
}

#back-top span {
	width: 45px;
	height: 45px;
	background: #15181D url(images/sprites_ui.png) 8px 12px no-repeat;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	opacity: 1;
}

#back-top span:hover {
	background-color: #1FBBA6;
}

div.textwidget {
	font-size: 90%;
	line-height: 1.35rem;
}

.gallery {
	margin-top: 27px;
}

.page-template-page-templatesauthor-php h1.page-title.author,
.page-template-page-templatesauthor-fullwidth-php h1.page-title.author {
	text-indent: -3px;
}

.blog,
.page-template-page-templatesblog-fullwidh-php {
	/*background-color: #fff;*/
	/*background-image: none;*/
}

.blog h1.page-title,
.page-template-page-templatesblog-fullwidh-php h1.page-title {
	display: none;
}

.widget-container { margin: 0 0 25px 0; }

.page-template-page-templatesarchives-sidebar-php .archives-content { width: 43.8%; }