/*
	Theme Name: Inbox
	Theme URI: http://demo.mattiaviviani.com/inbox/
	Description: Responsive, Modular & Touch Enabled WordPress Theme
	Author: Mattia Viviani
	Author URI: http://mattiaviviani.com
	Version: 1.0.1
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

	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; }

body {
	margin: 0;
	padding: 0;
	color: #51575b;
	font: 14px/24px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}


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

h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #3B4045; }

h1 { font-size: 30px; line-height: 36px; margin-top: 10px; margin-bottom: 24px; }

h2 { font-size: 24px; line-height: 32px; margin-top: 30px; margin-bottom: 18px; }

h3 { font-size: 16px; line-height: 22px; margin-top: 15px; margin-bottom: 15px;}

h4 { font-size: 14px; line-height: 20px; margin-top: 10px; margin-bottom: 10px; }

h5 { font-size: 13px; line-height: 18px; margin-top: 10px; margin-bottom: 8px; }

h6 { font-size: 11px; line-height: 14px; margin-top: 10px; margin-bottom: 8px; text-decoration: underline; font-weight: normal; }

h1.page-title {
	margin-bottom: 40px;
	width: 100%; /* ie7 */
}

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

h1.entry-title {  }
h2.entry-title { margin-bottom: 18px; }
h3.entry-title {  }
h4.entry-title {  }

h1.entry-title a,
h2.entry-title a,
h3.entry-title a,
h4.entry-title a {
	color: #3B4045;
}

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

p { margin-bottom: 25px; }

b, strong { font-weight: bold; }

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

blockquote { margin: 1em 40px; }

blockquote {
	margin: 40px;
	border-left: 2px solid;
	padding-left: 20px;
	border-color: #39c; /* alternate */
	color: #8f969c;
}

blockquote p { font-size: 18px; line-height: 28px; }

dfn { font-style: italic; }

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

ins { background: #fef6d2; color: #51575b; text-decoration: none; }

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

cite, em, i { font-style: italic; }

/* Redeclare monospace font family: h5bp.com/j */
var, pre, code, kbd, samp {
	font-size: 1em;
	/*font-family: monospace, serif; _font-family: 'courier new', monospace;*/
	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; }

address {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #8f969c;
	font-size: 12px;
	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-collapse: collapse; border-spacing: 0; }

td { vertical-align: top; }

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

ul, ol { margin: 0; padding: 0; list-style-position: inside; }

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

dd { margin: 0 0 0 40px; }

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

/***** 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: #39c; }/* alternate */

a:focus { outline: none; }


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

/* 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 { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

img {/* width: 100%;*/ max-width: 100%; height: auto; }

.alignleft, img.alignleft { display: inline; float: left; }

.alignright, img.alignright { display: inline; float: right; }

.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 *****/

span.overlay {
	position: absolute;
	overflow: hidden;
	width: 300px;
	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;
}

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

.lightbox span.overlay:hover {
	background-image: url(images/overlay-lens.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

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

#primary span.overlay,
#secondary span.overlay {
	width: 260px;
	height: 182px;
}


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

form { margin: 0; }

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

/* Indicate that 'label' will shift focus to the associated form element */
label {
	cursor: pointer;
	font-weight: bold;
	margin-bottom: 10px;
	display: inline-block;
}

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

label.error {
	display: block;
	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; }

/* 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="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

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

/* Consistent box sizing and appearance */
input[type="checkbox"], input[type="radio"] { 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; }

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

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

/* Input and Textarea Styles */
input[type="text"],
input[type="search"],
input[type="password"],
textarea {
	width: 99%;
	border: 1px solid #c6ccd1;
	margin: 0;
	padding: 10px;
	background: #f7f8f9;
	-webkit-box-shadow: inset 0 1px 2px #d8dbdf;
	-moz-box-shadow: inset 0 1px 2px #d8dbdf;
	-o-box-shadow: inset 0 1px 2px #d8dbdf;
	box-shadow: inset 0 1px 2px #d8dbdf;
	-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;
	-moz-transition: border-color .2s linear 0s, box-shadow .2s linear 0s;
	-o-transition: border-color .2s linear 0s, box-shadow .2s linear 0s;
	transition: border-color .2s linear 0s, box-shadow .2s linear 0s;
	margin: 0 2px;
}

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

input[type="text"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus,
.post-password-required input[type="password"]:focus {
	outline: none;
	border-color: #39c; /* for older browsers, if rgba not supported */
	border-color: rgba(100, 173, 208, .7);
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 5px rgba(100, 173, 208, .7);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 5px rgba(100, 173, 208, .7);
	-o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 5px rgba(100, 173, 208, .7);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 5px rgba(100, 173, 208, .7);
	background-color: #fff;
}

input[type="password"] {  }

input[type="search"] {
	background: #f7f8f9 url(images/lens.png) 4px 0px no-repeat;
	padding-left: 40px;
}

input[type="search"]:focus { background-image: url(images/lens.png) center left no-repeat; }

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

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

.post-password-required input[type="submit"] {
	font-size: 13px;
	line-height: 21px;
	padding: 9px 15px;
	margin-bottom: 0;
	margin-top: 7px;
}

.post-password-required input[type="submit"]:hover {
	background: #39c; /* alternate */
	border-color: #39c; /* alternate */
	border: 1px solid;
	color: #fff;
}

.post-password-required input[type="password"] {
	width: 100%;
	margin-bottom: 0;
	margin-top: 7px;
}

.post-password-required label { width: 73% }

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

input[type="submit"] {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: color .2s linear 0s;
	-moz-transition: color .2s linear 0s;
	-o-transition: color .2s linear 0s;
	transition: color .2s linear 0s;
	border: 1px solid #97A6AF;
	background: #E0E4E9;
	background: -webkit-gradient(linear, left top, left bottom, from(#F5F8FA), to(#E0E4E9));
	background: -webkit-linear-gradient(top, #F5F8FA, #E0E4E9);
	background: -moz-linear-gradient(top, #F5F8FA, #E0E4E9);
	background: -ms-linear-gradient(top, #F5F8FA, #E0E4E9);
	background: -o-linear-gradient(top, #F5F8FA, #E0E4E9);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f5f8fa, endColorstr=#e0e4e9);
	color: #3B4045 !important;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 1);
	font-size: 18px;
	padding: 14px 24px;
	margin: 10px 10px 10px 0;
	display: inline-block;
	-webkit-box-shadow: rgba(255, 255, 255, .3) 0px 1px 0px inset, 0px 2px 4px rgba(0, 0, 0, .2);
	-moz-box-shadow: rgba(255, 255, 255, .3) 0px 1px 0px inset, 0px 1px 2px rgba(0, 0, 0, .2);
	-o-box-shadow: rgba(255, 255, 255, .3) 0px 1px 0px inset, 0px 1px 2px rgba(0, 0, 0, .2);
	box-shadow: rgba(255, 255, 255, .3) 0px 1px 0px inset, 0px 1px 2px rgba(0, 0, 0, .2);
}

input[type="submit"]:hover { background: #f5f8fa; }


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

.wrapper {
	margin: 0 auto;
	width: 900px;
}

#header, #footer, #main, #tagline {
	background: #fff;
	margin: 0 auto;
	clear: both;
	width: 100%;
	min-width: 960px;
}

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

#content, #home-content {
	width: 550px;
	float: left;
	overflow: hidden;
}

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

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

#content.one-column {
	float: none !important;
	width: auto;
	background-image: none;
	border-right: none;
	margin-bottom: 20px;
}

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

#primary,
#secondary {
	float: right;
	clear: right;
	width: 310px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}

#primary .widget-container:last-child, #secondary .widget-container:last-child {}

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

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

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

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

.layout-1col #content { width: 940px; }

.layout-1col #primary, .layout-1col #secondary { display: none; }

.home.blog.layout-1col #slider-default .slider .item .inner { width: 100%; }

.layout-1col #home-content { width: 100%; }


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

#header { margin-top: 0px; }

#header .wrapper {
	padding-top: 30px;
	padding-bottom: 30px;
	background-image: url(images/line.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

.zag {
	width: 100%;
	height: 8px;
	margin-top: 10px; /* gets the margin-top: 10px; from #header */
	background-color: transparent;
	background-image: url(images/zag.png);
	background-repeat: repeat-x;
}

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

h1#site-title {
	text-shadow: none;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 600;
}

/***** Tagline *****/

#tagline {
	font-size: 13px;
	line-height: 21px;
	background: transparent;
	padding-top: 22px;
	padding-bottom: 10px;
}

#tagline a { color: #202223; font-weight: bold; }

#tagline a:hover { text-decoration: underline; }

span.tagline_text { float: right; clear: right; }

#site-description {
	font-size: 13px;
	color: #3b4045;
	display: inline-block;
	float: left;
}

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

#navi {
	z-index: 2000;
	display: block;
	margin: 0;
	padding: 0;
	float: right;
	clear: right;
	height: 36px; /* !important, otherwise it will mess up */
}

#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; }

#navi ul li a {
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	color: #51575b;
	padding: 6px 12px 10px 12px;
	display: block !important; /* otherwise the menu items jumps at page loading */
}

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

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

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

#navi .sf-with-ul { margin-bottom: 0 !important; }

#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: 160px;
	padding-top: 0;
	padding-left: 10px !important;
	padding-right: 10px !important;
	z-index: 99999;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	box-shadow: 0 1px 5px rgba(0,0,0,.1);
}

#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 {
	float: none;
	line-height: 20px;
	padding: 14px 7px;
	margin-right: 0 !important; /* because of div-vert-menu in main menu */
	font-weight: normal;
	font-size: 13px;
	line-height: 21px;
	border-right: none !important;
	color: #8f969c;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#navi ul ul li:hover > a { color: #3b4045; background: transparent; }

#navi ul li.current_page_item > a,
#navi ul li.current-menu-ancestor > a,
#navi ul li.current-menu-item > a,
#navi ul li.current-menu-parent > a {
	color: #39c; /* alternate */
	/*color: #3B4045;*/ /* alternate */
	text-shadow: none;
	font-weight: bold;
}

#navi ul li.current_page_item > a:hover,
#navi ul li.current-menu-ancestor > a:hover,
#navi ul li.current-menu-item > a:hover,
#navi ul li.current-menu-parent > a:hover {}

#navi ul ul li.current_page_item > a,
#navi ul ul li.current-menu-ancestor > a,
#navi ul ul li.current-menu-item > a,
#navi ul ul li.current-menu-parent > 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 { line-height: 1.0; }*/

.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 { /*float: left;*/ 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 { float: left; }
.sf-menu a {}
.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 { /*background: #AABDE6;*/ }
.sf-menu li li li { /*background: #9AAEDB;*/ }
.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: 20px; /* 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,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -150px; /* arrow hovers for modern browsers*/
}

/* 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 { /*padding: 0 8px 9px 0;*/ }

.sf-shadow ul.sf-shadow-off { background: transparent; }

/***** Superfish ends *****/


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

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


/*-----------------------------------------------------------------------------------*/
/* 08. =Footer */
/*-----------------------------------------------------------------------------------*/

#footer {
	padding-bottom: 40px;
	background: #f7f8f9;
	font-size: 13px;
	line-height: 21px;
	background-image: url(images/zag-bottom.png);
	background-repeat: repeat-x;
	padding-top: 40px;
}

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

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

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

#footer .menu ul { margin: 0; }

#footer-widget-area {
	float: left;
	width: 100%;
	margin: 10px auto 30px auto;
	border-bottom: 1px solid #d8dbdf;
	margin-top: 0;
}

#footer-widget-area .widget-area {
	width: 280px;
	float: left;
	margin-right: 60px;
	margin-bottom: 20px;
}

#footer-widget-area span.overlay { width: 280px; height: 196px; }

#footer-widget-area .widget-container { border-bottom: none; }

#footer-widget-area #first { }

#footer-widget-area #second {  }

#footer-widget-area #third { width: 260px; margin-right: 0; }

#footer-widget-area #third span.overlay { width: 260px; height: 182px; }

p.footer-text a { text-decoration: underline; }

/***** site-info *****/

#site-info {
	float: left;
	clear: left;
	font-size: 13px;
	line-height: 21px;
}

#site-info a { font-weight: bold; }

#site-info a:hover {  }

/***** site-generator *****/

#site-generator {
	float: right;
	clear: right;
	text-align: right;
	font-size: 13px;
	line-height: 21px;
}


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

h3.widget-title {
	border-bottom: 7px solid #e3e9ee;
	height: 9px;
	margin-bottom: 24px;
}

h3.widget-title:first-of-type { margin-top: 0; }

h3.widget-title a {  }

h3.widget-title a:hover {  }

span.title-bg { /* it works also for related titles */
	background-color: #fff;
	padding-right: 13px;
}

.widget-area {  }

.widget-area ul { list-style: none; margin-left: 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 url(images/select-responsive.png) center right no-repeat;
	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 40px 0;
	width: 100%;
	float: left;
}

.widget-container a { text-decoration: underline; font-weight: bold; }

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


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

.widget_links li a:hover,
.widget_pages li a:hover,
.widget_nav_menu li a:hover { color: #39c; /* alternate */ }

#wp-calendar { width: 100%; }

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


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

.widget_rss a.rsswidget {  }

.widget_rss a.rsswidget:hover {  }

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


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

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

.widget_text {}

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

.widget_text .textwidget {}

.widget_links li a,
.widget_pages li a,
.widget_nav_menu li a {
	color: #8f969c;
	font-weight: 600;
}


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


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

/*#wp_tag_cloud div { line-height: 1.6em; }*/

.tagcloud { line-height: auto; }

.tagcloud a:link,
.tagcloud a:visited {
	float: left;
	display: inline-block;
	margin: 0 5px 5px 0;
	padding: 3px 6px;
	width: auto;
	font-size: 13px !important;
	font-weight: bold;
	color: #8f969c;
	background-color: #f7f8f9;
	border: 1px solid #d8dbdf;
	text-decoration: none;
	opacity: 1;
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
	-o-box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
	box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
	-webkit-transition: color .2s linear 0s, background-color .2s linear 0s, border .2s linear 0s;
	-moz-transition: color .2s linear 0s, background-color .2s linear 0s, border .2s linear 0s;
	-o-transition: color .2s linear 0s, background-color .2s linear 0s, border .2s linear 0s;
	transition: color .2s linear 0s, background-color .2s linear 0s, border .2s linear 0s;
}

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


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

div.tweet { float: left; }

ul.tweet_list {}

ul.tweet_list li {
	margin-bottom: 15px !important;
/*	background: url(images/sprites.png) 0 -800px no-repeat;
	padding-left: 47px;*/
}

ul.tweet_list li:last-child {
	margin-bottom: 0 !important;
	border-bottom: none;
	padding-bottom: 0;
}

span.tweet_time { display: block; margin-top: 6px; font-size: 12px; }

span.tweet_time a { text-decoration: none; font-weight: normal; color: #8f969c; }

p.loading {
	background: transparent url(images/loading.gif) 0 0 no-repeat;
	height: 24px;
	padding-left: 33px;
	color: #8f969c;
	margin-top: 7px;
	float: left;
	width: 100%;
}

.twitter-link {
	color: #8f969c;
	margin-top: 15px;
/*	margin-left: 47px;*/
	float: left;
	width: 100%;
}

.twitter-link a { color: #51575b; }


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

.widget-blog-posts {  }

.widget-blog-posts h3 { margin-top: 24px; }

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

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

.widget-container.widget-blog-posts {
	float: left !important;
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.widget-container.widget-blog-posts .hentry {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 15px;
	background: none;
}


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

.widget-portfolio {  }

li.widget-project { float: left; clear: left; margin-bottom: 0; }

.widget-portfolio h3.entry-title { margin-top: 24px; }

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

.widget-container.widget-portfolio {  }


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

/***** Page Templates: =Homepage *****/

/*.page-template-page-templateshomepage-php #main { padding-top: 0px; }
.page-template-page-templateshomepage-php #header .wrapper { border-bottom: none; }*/

.page-template-page-templateshomepage-2col-php #slider-default .slider .item,
.page-template-page-templateshomepage-2col-php #slider-default .slider .item .inner { width: 620px; }

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

#home-message {
	margin: 0px auto 40px auto;
	padding-bottom: 10px;
	width: 100%;
	float: left;
	background-image: url(images/line.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

#home-message:last-of-type { border-bottom: none; }

#home-message h1 {
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 36px;
}

#home-message p {
	font-size: 21px;
	line-height: 31px;
	color: #8f969c;
	font-weight: 300;
}

/*.layout-1col #home-message { width: 100%; }*/
/*.layout-2cl #home-message { float: right; }*/


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

#blog-home {
	border-bottom: 3px solid #51575B;
	margin-top: 10px;
	margin-bottom: 40px;
	width: 100%;
	float: left;
}

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

#blog-home .hentry:last-of-type {}


/***** Portfolio Home *****/

#portfolio-home {
	border-bottom: 3px solid #51575B;
	margin-bottom: 50px;
	float: left;
	width: 100%
}

#portfolio-home:last-of-type { border-bottom: none; margin-bottom: 20px; }

#portfolio-home h1.entry-title { /*margin-top: 0; margin-bottom: 15px*/; }


/***** =Slider - http://www.iosscripts.com/iosslider/ *****/

.slider-home { background: #202223 url(images/loading-slider.gif) no-repeat 50% 50%; float: left; margin-bottom: 40px; }

/***** default *****/
#slider-default { position: relative; top: 0; left: 0; overflow: hidden; }
#slider-default .slider { width: 100%; height: 100%; }
#slider-default .slider .item { float: left; width: 100%; height: 100%; }
#slider-default .slider .item .inner { position: relative; top: 0; left: 0; height: 100%; width: 940px; }
.home.blog #slider-default .slider .item .inner { width: 620px; }
/***** default ends *****/

.slider-default {  }

.slider-text {
	background: #000;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	/*bottom: 46px;*/
	top: 0px;
	right: 0px;
	height: auto;
	color: #fff;
	max-width: 560px;
	padding: 14px 20px;
}

.slider-text h2.title { color: #fff; margin-top: 0; margin-bottom: 0; font-weight: normal; }

.slider-text p.desc {
	font-size: 14px;
	line-height: 21px;
	color: #c6ccd1;
	margin-bottom: 0;
}

.slider-text a { color: #fff; cursor: pointer; }

.slider-text a:hover { color: #fff; }

/***** slider-selectors *****/

.slider-selectors { position: relative; bottom: 0px; left: 0; width: 100%; margin: 0 auto; z-index: 1; }

/***** Navigation Buttons *****/

.slider-buttons {
	position: absolute;
	bottom: 12px;
	left: 12px;
	width: auto;
	height: 12px;
}

.slider-buttons .button {
	float: left;
	width: 10px;
	height: 10px;
	margin: 0 10px 0 0;
	opacity: 0.55;
	filter: alpha(opacity:55);
	background: #202223;
	border: 1px solid #202223;
	-webkit-transition: opacity .2s linear 0s;
	-moz-transition: opacity .2s linear 0s;
	-o-transition: opacity .2s linear 0s;
	transition: opacity .2s linear 0s;
}

.slider-buttons .button:hover { opacity: 1; filter: alpha(opacity:1); }

.slider-buttons .selected {
	background: #202223;
	border: 1px solid #202223;
	opacity: 1;
	filter: alpha(opacity:100);
}

/***** Prev & Next buttons *****/

.prevButton {
	position: absolute;
	bottom: 0px;
	right: 36px;
	width: 36px;
	height: 36px;
	background: #202223 url(images/sprites.png) 12px 10px no-repeat;
	z-index: 2;
}

.nextButton {
	position: absolute;
	bottom: 0px;
	right: 0;
	width: 36px;
	height: 36px;
	background: #202223 url(images/sprites.png) -36px 10px no-repeat;
	z-index: 2;
}

.unselectable { opacity: 0.70; }

/***** Scrollbar *****/

.scrollbar-container {
	position: relative;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 3px;
	margin: 0 auto;
	z-index: 1;
	background: #fff;
	padding-top: 3px;
}


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

#projects {
	width: 960px;
	margin: 0 auto;
}

.page-template-page-templateshomepage-2col-php #projects { width: 640px; }

.home.blog #projects { width: 640px; }

.home.blog.layout-1col #projects { width: 960px; }

#projects .element {
	width: 300px;
	min-height: 330px;
	margin-right: 20px;
	margin-bottom: 40px;
	float: left;
	overflow: hidden;
	position: relative;
}

#projects .element img {
	width: 300px;
	height: 210px;
	background: #39c; /* alternate */
}

#projects h3.entry-title {
	margin-top: 25px;
	border-bottom: none;
	padding: 0;
}

.portfolio .portfolio-header-description {
	font-weight: 300;
	color: #8f969c;
	font-size: 21px;
	line-height: 31px;
	margin-top: 0;
	margin-bottom: 26px;
}

.portfolio .project-description { margin-bottom: 15px; }

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

span.portfolio-name,
span.project-date {
	font-size: 13px;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #8f969c;
}


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

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

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

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

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-item { z-index: 2; }

.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }

/***** Isotope CSS3 transitions *****/

.isotope-item { z-index: 2; }

.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }

.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: top, left, opacity;
	transition-property: transform, opacity;
}

/***** 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 *****/

header.single-project {  }

#project-content { float: left; width: 940px; }

.layout-2cl header.single-project { /*margin-left: 320px;*/ }

.single-project h1.entry-title {  }

.single-project h2.project-description {
	font-weight: 300;
	color: #8f969c;
	font-size: 21px;
	line-height: 31px;
	margin-top: 0;
	margin-bottom: 40px;
	max-width: 620px;
}

.project_iframe_thumb { text-align: center; }

.single-project .hentry {
	width: 620px;
	margin-right: 20px;
	background: none !important;
	margin-bottom: 0px !important;
}

.single-project.layout-2cl .hentry {
	float: right;
	margin-right: 0;
	margin-left: 20px;
}

.single-project .entry-content { margin-bottom: 5px; }

.single-project #navigation {
	border-top: 2px solid #51575b;
	padding-top: 40px;
}

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

.project_label {
	position: absolute;
	top: 0px;
	right: 0px;
	background: transparent;
}

.project_label img {
	width: 65px !important;
	height: 40px !important;
	background: transparent !important;
}

.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: 1px 11px;
	font-style: italic;
	text-align: right;
}

span.img_copyrights a { color: #e3e9ee; }

.single-project .edit-link { float: right; }

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

#project-details {
	float: right;
	clear: right;
	width: 260px;
	padding: 0;
	border-top: 7px solid #e3e9ee;
	padding-top: 30px;
	margin-bottom: 50px;
}

#project-details.mobile { display: none; }

.layout-2cl #project-details { float: left; clear: left; padding-left: 0; padding-right: 20px; }

.custom-fields {
	margin-bottom: 20px !important;
	color: #51575b !important;
	font-size: 13px;
}

.custom-fields ul.fields {
	list-style-type: none !important;
	margin-left: 0 !important;
	color: #51575b !important;
}

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

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

.custom-fields h4 { color: #51575b; margin-bottom: 0; }

.project-link {
	margin-top: 10px;
	float: left;
	width: 100%;
}

a.project-link-button {
	font-weight: bold;
	font-size: 18px;
 	display: block;
 	width: auto;
	text-align: center;
	padding: 12px 20px;
	background: #fff;
	border: 1px solid #d8dbdf;
	text-decoration: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: background .2s linear 0s, color .2s linear 0s;
	-moz-transition: background .2s linear 0s, color .2s linear 0s;
	-o-transition: background .2s linear 0s, color .2s linear 0s;
	transition: background .2s linear 0s, color .2s linear 0s;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
	-o-box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
	box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
}

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

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


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

#archives-content { float: left; }

#archives-content h3 { margin-bottom: 24px; }

#archives-content a {
	font-weight: bold;
	text-decoration: underline;
	font-size: 14px;
}

#archives-content ul { list-style: none; margin-left: 0; }

#archives-content ul li { margin-bottom: 12px; }

#archives-content ul li a { font-size: 16px; }

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

.archives-block-first {}
.archives-block-second {}

.archives-content-blog-posts,
.archives-content-month,
.archives-content-categories,
.archives-content-portfolio {
	float: left;
	clear: left;
	margin-bottom: 20px;
}

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

span.archive-portfolios { margin-bottom: 10px; display: block; }


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

.one-column {  }


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

#contact-form { margin-bottom: 40px; float: left; margin-top: 20px; }

.contact_name,
.contact_email,
.contact_message {
	margin-bottom: 20px !important;
	float: left;
	width: 48.3%;width: 299px;
	display: block;
}

.contact_name { margin-right: 20px; }

.contact_message { width: 100%; }

#submitButton { float: left; }

#contact-form div.success,
#contact-form p.error {
	margin-bottom: 20px;
	float: left;
}

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


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

/*.error404.not-found p {
	font-size: 16px;
	margin-top: 30px;
	margin-bottom: 40px !important;
}*/


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

.hentry {
	width: 100%;
	float: left;
	position: relative;
	margin-bottom: 50px;
	padding-bottom: 30px;
	background-image: url(images/line.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

.hentry:last-of-type { margin-bottom: 40px; }

article.page { border-bottom: none; background: none; }

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

.entry-summary {  }

.entry-content a, .entry-summary a { text-decoration: underline; }

.entry-meta { width: auto; }

header.entry-meta {
	margin-bottom: 18px;
	font-size: 13px;
	line-height: 21px;
	color: #8f969c;
	float: left;
	width: 100%;
}

footer.entry-meta {
	float: left;
	padding-top: 15px;
	width: 100%;
	font-size: 13px;
	line-height: 21px;
	color: #8f969c;
}

aside.entry-meta {
	width: 140px;
	margin-bottom: 20px;
	float: left;
}

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

footer.entry-meta a { color: #51575b; }

span.posted-on,
span.cat-links,
span.tag-links,
span.comments-link,
span.edit-link,
/*span.sep */
span.portfolios-links {
	margin-bottom: 5px;
	display: inline-block;
}

span.posted-on {  }

span.posted-on a,
time.entry-date,
span.entry-date {
	color: #51575b;
	-webkit-transition: color .2s linear 0s;
	-moz-transition: color .2s linear 0s;
	-o-transition: color .2s linear 0s;
	transition: color .2s linear 0s;
}

span.posted-on a:hover,
span.cat-links a:hover,
span.tag-links a:hover,
span.comments-link a:hover,
span.portfolios-links a:hover {
	color: #39c; /* alternate */
}

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

span.by-author {  }

span.cat-links {  }

span.tag-links { /*float: right;*/ } /* only if <br/> remove from post format */

span.comments-link { float: right; }

span.comments-link a { color: #51575b; }

span.comments-link a:hover {  }

span.edit-link { /*margin-left: 2px; */color: #c6ccd1; }

span.edit-link a {
	color: #51575b;
	font-size: 13px;
	font-weight: bold;
}

span.edit-link a:hover {  }

span.sep { margin: auto 3px; color: #acb6bb; }

a.more-link,
a:link.more-link,
a:visited.more-link {
	/*padding-left: 1px;*/ /* fix for FF */
	margin-top: 20px;
	font-weight: bold;
	text-decoration: none;
}

a.more-link:hover {}


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

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

.blog #navigation, .archive #navigation {
	border-top: none;
	padding-top: 0;
}

#navigation a { color: #8f969c; text-decoration: none; }

#navigation a:hover { color: #3B4045; }

.nav-previous { float: left; width: 250px; }

.nav-next { float: right; text-align: right; width: 250px; }





/***** Attacchment *****/

.attachment .entry-content { width: 100%; }

.attachment h2 { margin-top: 0; }

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

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


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

.archive h1.page-title { margin-bottom: 50px; border-bottom: 1px solid #d8dbdf; padding-bottom: 50px; font-size: 22px; }

#entry-author-info {
	overflow: hidden;
	border-bottom: 1px solid #d8dbdf;
	padding-bottom: 30px;
	margin-bottom: 40px;
}

.author #entry-author-info {  }

#entry-author-info #author-avatar {
	float: left;
	margin: 0 -110px 0 0;	
}

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

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

#entry-author-info h3 {
	margin-bottom: 0;
	padding: 0 0 5px 0;
	border-bottom: none;
}


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

.single-post .entry-content { margin-bottom: 5px; }

.single-post #navigation {
	border-top: 2px solid #51575b;
	padding-top: 40px;
}

.single-post .hentry { background: none; margin-bottom: 0px; }


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

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

.entry-format { padding: 3px 6px; }

.entry-format.standard,
.entry-format.aside,
.entry-format.gallery,
.entry-format.link,
.entry-format.quote,
.entry-format.image,
.entry-format.video,
.entry-format.audio,
.entry-format.sticky {
	padding: 0 7px 0 0;
	margin-right: 3px;
	border-right: 1px solid #d8dbdf;
	text-transform: capitalize; /* because of blog posts widget */
	
	/***** IF FORMAT ICON ONLY *****/
	/*background-color: #202223;
	-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;
	font-size: 13px;
	line-height: 21px;
	float: left;
	background-image: url("images/sprites.png");
	background-repeat: no-repeat;
	text-indent: -99999px;
	width: 40px;
	height: 47px;*/

	display: none;
}

.entry-format.gallery { float: none; width: auto; }

/***** IF FORMAT ICON ONLY *****/
/*a.entry-format.standard { background-position: 14px -268px; }
a.entry-format.aside { background-position: 14px -337px; }
a.entry-format.gallery { background-position: 12px -471px; }
a.entry-format.link { background-position: 13px -534px; }	
a.entry-format.quote { background-position: 14px -724px; }
a.entry-format.image { background-position: 12px -403px; }
a.entry-format.video { background-position: 19px -598px; }
a.entry-format.audio { background-position: 13px -662px; }*/

.entry-format:hover {
	background-color: #39c; /* alternate */
	background-color: transparent !important; /***** only if css in function.option is hidden/commented *****/
}

span.entry-format.sticky {
	float: left;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	padding-right: 8px;
	padding-left: 8px;
}

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; /* alternate */ }
span.entry-format.new { background-color: #4eade3; }
span.entry-format.free { background-color: #a1ca57; }


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

.format-standard h2.entry-title { margin-top: 0px; }


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

.format-aside header.entry-meta {  }

.format-aside h2.entry-title { display: none; }


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

.format-gallery h2.entry-title { margin-top: 0; }

.format-gallery .gallery-thumb {
	width: auto; /* fix for all browsers */
	float: left;
	margin-right: 30px;
	margin-top: 4px;
	margin-bottom: 20px;
}

span.total-imgs { margin-bottom: 20px; display: inline-block; }

.gallery-caption {}

.gallery {
	float: left;
	margin-bottom: 30px !important;
	width: 100%;
}

.gallery .gallery-item { margin: 0 5px 5px 0 !important; }

.gallery .gallery-item img {
	border: 5px solid #f7f8f9 !important;
	-webkit-transition: border .2s linear 0s;
	-moz-transition: border .2s linear 0s;
	-o-transition: border .2s linear 0s;
	transition: border .2s linear 0s;
}

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

.gallery-columns-1 .gallery-item { width: 99% !important; }
.gallery-columns-2 .gallery-item { width: 49% !important; }
.gallery-columns-3 .gallery-item { width: 32% !important; }
.gallery-columns-4 .gallery-item { width: 22.5% !important; margin-right: 15px !important; }
.gallery-columns-5 .gallery-item { width: 17.5% !important; margin-right: 15px !important; }
.gallery-columns-6 .gallery-item { width: 14.2% !important; margin-right: 15px !important; }
.gallery-columns-7 .gallery-item { width: 11.8% !important; margin-right: 15px !important; }
.gallery-columns-8 .gallery-item { width: 10% !important; margin-right: 15px !important; }
.gallery-columns-9 .gallery-item { width: 8.6% !important; margin-right: 15px !important; }

.gallery dl { margin: 0; }

.gallery br+br { display: none; }


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

.format-image .content-image {}

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


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

.format-link h2.entry-title { margin-top: 0px; }

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


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

.format-quote h1.entry-title { margin-top: 26px; }

#content h3.quote {
	padding: 10px 0 0 0;
	border-bottom: none;
	color: #39c; /* alternate */
}

#content h3.quote a { color: #39c; /* alternate */ }

#content h3.quote a:hover { color: #51575b; }


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

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

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

#player-audio { width: 620px !important; }

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

.format-audio header.entry-meta {  }

.album-cover {  }

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


/***** Post Formats: =Sticky *****/

.sticky .entry-format {  }


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

.search-results h1.page-title { margin-bottom: 50px; border-bottom: 1px solid #d8dbdf; padding-bottom: 50px; font-size: 22px; }

.search-results h2.entry-title { margin-top: 0; }

.search-results .search-thumb,
.search-results .search-thumb span.overlay {
	width: 193px;
	/*height: 80px;*/
	float: left;
	margin-right: 30px;
	margin-bottom: 20px;
}

.search-results .hentry { margin-bottom: 40px; padding-bottom: 30px; }

.search-results article.page { border-bottom: 1px solid #d8dbdf; }


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

#comments { clear: both; max-width: 620px; }

h3#comments-title { border-bottom: none; }

/*h3#comments-title span { font-weight: normal; }*/

.commentlist {
	list-style: none;
	margin: 0 auto;
	margin-right: 0;
	margin-bottom: 50px;
	font-size: 13px;
	line-height: 21px;
}

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

.commentlist > li.comment {
	padding-top: 20px;
	position: relative;
	background: #fff;
	border-top: 1px solid #d8dbdf; /*background-color: #fc0*/
	margin-bottom: 20px !important;
	display: block;
}

/*.commentlist .pingback { margin: 0 0 20px; padding: 0 20px; }*/

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

.commentlist .children li.comment {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 50px;
	border-top: 1px dashed #d8dbdf;
	list-style: none;
	margin-bottom: 0 !important;
}

.commentlist .children li.comment:last-child { padding-bottom: 0px !important; }

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

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

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

.comment-meta { font-size: 11px; float: right; margin-top: 2px; }

.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 { margin-bottom: 20px; }

.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;
	width: 40px;
	height: 40px;
}

.commentlist > li:before {
	/*content: url(images/comment-arrow.png); --- don't delete */
	/*left: -21px;
	position: absolute;*/
}

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

.comment-author.vcard { float: left; font-size: 13px; }

span.says { color: #8f969c; font-size: 11px; }

.commentlist .children .avatar {  }

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

.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 { /*content: url(images/comment-arrow-bypostauthor.png); --- don't delete */ }

.comment-body {
	margin-top: 5px !important;
	margin-bottom: 30px !important;
	margin-left: 60px;
	font-size: 13px;
	line-height: 21px;
}

.comment-footer {  }

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

#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: 60px; }

a.comment-reply-link {
	display: inline-block;
	padding: 1px 8px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	line-height: 21px;
	border: 1px solid #d8dbdf;
	background: #fdfdfd;
	color: #8f969c !important;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: background .2s linear 0s, color .2s linear 0s;
	-moz-transition: background .2s linear 0s, color .2s linear 0s;
	-o-transition: background .2s linear 0s, color .2s linear 0s;
	transition: background .2s linear 0s, color .2s linear 0s;
}

a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
	color: #202223 !important;
	background: #fff;
	border: 1px solid #c6ccd1;
}

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


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

#respond {
	overflow: hidden;
	position: relative;
	margin-top: 40px;
	margin-bottom: 20px;
}

.comment #respond { /*width: 99%;*/ float: none; }

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

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

.logged-in-as, #respond .comment-notes {
	color: #8f969c;
	margin-bottom: 20px !important;
	font-size: 13px;
}

.form-allowed-tags {}

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

h3#reply-title {
	padding-top: 40px;
	border-bottom: none;
	background-image: url(images/line.png);
	background-repeat: repeat-x;
	background-position: bottom;

	border-top: none;
	background-position: top;
}

#respond label {  }

#respond input {  }

#respond textarea {  }

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

em.comment-awaiting-moderation {
	margin-left: 60px;
	margin-top: 5px;
	margin-bottom: 5px;
	display: inline-block;
	font-weight: bold;
}


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

#related-posts,
#related-posts-portfolio {
	float: left !important;
	width: 104%;
	max-width: 640px;
	
}

/*.layout-2cl #related-posts-portfolio { float: right !important; margin-right: -20px; }*/

h3.related-title {
	margin-bottom: 30px;
	border-bottom: 7px solid #e3e9ee;
	height: 9px;
}

.related-list { float: left; }

.related-item {
	width: 170px;
	min-height: 80px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	overflow: hidden;
	position: relative;
}

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

.related-item span.overlay { width: 170px; }

#related-posts h4.entry-title,
#related-posts-portfolio h4.entry-title {
	padding-top: 5px;
	margin-bottom: 7px;
	border-top: none;
	margin-top: 0px;
	font-size: 13px;
	font-weight: normal;
}

#related-posts-portfolio h4.entry-title { font-weight: bold; }

#related-posts-portfolio p.desc { font-size: 13px; line-height: 21px; margin-bottom: 10px; }

#related-posts .cat-links { font-size: 12px; color: #8f969c;  }
#related-posts .cat-links a { color: #8f969c; font-weight: bold; }
#related-posts .cat-links a:hover { color: #51575b; }


/*-----------------------------------------------------------------------------------*/
/* 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: .2s linear 0s, opacity .2s linear 0s;
	-moz-transition: .2s linear 0s, opacity .2s linear 0s;
	-o-transition: .2s linear 0s, opacity .2s linear 0s;
	transition: .2s linear 0s, opacity .2s linear 0s;
}

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


/***** WordPress *****/

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

.wp-caption {}

.wp-caption img {}

.wp-caption p.wp-caption-text {}

.wp-smiley {}

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

.twitter-tweet-rendered[style] { max-width: 100% !important; } /* @since WP 3.4 */

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

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