/*
	Theme Name: Yin and Yang
	Theme URI: http://themeforest.net/user/onioneye
	Description: A Premium Portfolio Wordpress Theme.
	Author: OnionEye
	Author URI: http://themeforest.net/user/onioneye
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 2.0.0
	
	Designed & Handcrafted by OnionEye 	
*/

/*  T A B L E   O F   C O N T E N T S 
    ........................................................................................................................................
	
	01. Reset Defaults
	02. Grid
	03. Base and Common Styles 
	04. Typography
	05. Headings
    06. Links
    07. Lists
  	08. Forms
  	09. Images
  	10. Other Elements
  	11. Portfolio Slider
  	12. Header
  	13. Site Navigation
  	14. Pages
  	15. Portfolio Template
  	16. Blog
  	17. Portfolio Project
  	18. Widgets
  	19. Plugins and Shortcodes
  	20. Comments
  	21. 404 Page
  	22. Footer
  	23. Internet Explorer  	
*/

/*  01. Reset Defaults 
    ........................................................................................................................................ */

    html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,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 {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	
	article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
		display: block;
	}
	
	:focus {
		outline: none;
	}
	
	ol,ul {
		list-style: none inside none;
	}
	
	blockquote,q {
		quotes: none;
	}
	
	blockquote:before,blockquote:after,q:before,q:after {
		content: " ";
		content: none;
	}
	
	ins {
		background-color: #eff3f4;
		text-shadow: none;
		color: #465458;
		text-decoration: none;
	}
	
	mark {
		background-color: #dbebef;
		text-shadow: none;
		color: #465458;
		font-weight: 700;
	}
	
	del {
		text-decoration: line-through;
	}
	
	abbr[title],dfn[title] {
		border-bottom: 1px dashed #000;
		cursor: help;
	}
	
	hr {
		display: block;
		height: 1px;
		border: 0;
		border-top: 1px solid #ccc;
		margin: 1em 0;
		padding: 0;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	caption,th,td {
		text-align: left;
		font-weight: 400;
	}
	
	input,textarea,button {
		border: none;
	}
	
	input,select {
		vertical-align: middle;
	}



/*  02. Grid
    ........................................................................................................................................ */

	body {
		min-width: 960px;
	}
	
	.container_12 {
		margin-left: auto;
		margin-right: auto;
		width: 960px;
	}
	
	.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {
		display: inline;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11 {
		position: relative;
	}
	
	.alpha {
		margin-left: 0;
	}
	
	.omega {
		margin-right: 0;
	}
	
	.container_12 .grid_1 {
		width: 60px;
	}
	.container_12 .grid_2 {
		width: 140px;
	}	
	.container_12 .grid_3 {
		width: 220px;
	}	
	.container_12 .grid_4 {
		width: 300px;
	}	
	.container_12 .grid_5 {
		width: 380px;
	}	
	.container_12 .grid_6 {
		width: 460px;
	}	
	.container_12 .grid_7 {
		width: 540px;
	}	
	.container_12 .grid_8 {
		width: 620px;
	}	
	.container_12 .grid_9 {
		width: 700px;
	}	
	.container_12 .grid_10 {
		width: 780px;
	}	
	.container_12 .grid_11 {
		width: 860px;
	}	
	.container_12 .grid_12 {
		width: 940px;
	}
	
	.container_12 .prefix_1 {
		padding-left: 80px;
	}	
	.container_12 .prefix_2 {
		padding-left: 160px;
	}	
	.container_12 .prefix_3 {
		padding-left: 240px;
	}	
	.container_12 .prefix_4 {
		padding-left: 320px;
	}	
	.container_12 .prefix_5 {
		padding-left: 400px;
	}	
	.container_12 .prefix_6 {
		padding-left: 480px;
	}	
	.container_12 .prefix_7 {
		padding-left: 560px;
	}	
	.container_12 .prefix_8 {
		padding-left: 640px;
	}	
	.container_12 .prefix_9 {
		padding-left: 720px;
	}	
	.container_12 .prefix_10 {
		padding-left: 800px;
	}	
	.container_12 .prefix_11 {
		padding-left: 880px;
	}	
	.container_12 .suffix_1 {
		padding-right: 80px;
	}	
	.container_12 .suffix_2 {
		padding-right: 160px;
	}	
	.container_12 .suffix_3 {
		padding-right: 240px;
	}	
	.container_12 .suffix_4 {
		padding-right: 320px;
	}	
	.container_12 .suffix_5 {
		padding-right: 400px;
	}	
	.container_12 .suffix_6 {
		padding-right: 480px;
	}	
	.container_12 .suffix_7 {
		padding-right: 560px;
	}	
	.container_12 .suffix_8 {
		padding-right: 640px;
	}	
	.container_12 .suffix_9 {
		padding-right: 720px;
	}	
	.container_12 .suffix_10 {
		padding-right: 800px;
	}	
	.container_12 .suffix_11 {
		padding-right: 880px;
	}	
	
	.container_12 .push_1 {
		left: 80px;
	}	
	.container_12 .push_2 {
		left: 160px;
	}	
	.container_12 .push_3 {
		left: 240px;
	}	
	.container_12 .push_4 {
		left: 320px;
	}	
	.container_12 .push_5 {
		left: 400px;
	}	
	.container_12 .push_6 {
		left: 480px;
	}
	.container_12 .push_7 {
		left: 560px;
	}	
	.container_12 .push_8 {
		left: 640px;
	}	
	.container_12 .push_9 {
		left: 720px;
	}	
	.container_12 .push_10 {
		left: 800px;
	}	
	.container_12 .push_11 {
		left: 880px;
	}	
	
	.container_12 .pull_1 {
		left: -80px;
	}	
	.container_12 .pull_2 {
		left: -160px;
	}	
	.container_12 .pull_3 {
		left: -240px;
	}	
	.container_12 .pull_4 {
		left: -320px;
	}	
	.container_12 .pull_5 {
		left: -400px;
	}
	.container_12 .pull_6 {
		left: -480px;
	}	
	.container_12 .pull_7 {
		left: -560px;
	}	
	.container_12 .pull_8 {
		left: -640px;
	}	
	.container_12 .pull_9 {
		left: -720px;
	}	
	.container_12 .pull_10 {
		left: -800px;
	}	
	.container_12 .pull_11 {
		left: -880px;
	}



/*  03. Base and Common Styles
    ....................................................................................................................................... */
	
	html {
		overflow-y: scroll; /* always force a scrollbar in non-IE */
		overflow-x: hidden; 
		-webkit-font-smoothing: antialiased; /* maxvoltar.com/archive/-webkit-font-smoothing */
	}
	
	body {
		overflow-y: hidden;
		padding-bottom: 30px;
		background: #fdfdfd;
	}
	
	/* text highlight/selection */
	::-moz-selection {
		color: #eee;
		background: #000000;
		text-shadow: none;
	}	
	::selection {
		color: #eee;
		background: #DF3528;
		text-shadow: none;
	}
	
	/* top border */
	body:before {
		content: " ";
		display: block;
		position: absolute;
		z-index: 1;
		width: 100%;
		left: 0;
		top: 0;
		height: 5px;
		background: #313236 url(images/layout/slide-bg.png);
	}
	
	/* bottom border */
	body:after {
		content: " ";
		display: block;
		position: fixed;
		z-index: 1;
		width: 100%;
		left: 0;
		bottom: 0;
		height: 5px;
		background: #313236 url(images/layout/slide-bg.png);
	}
	
	/**
	 * Overlay loading indicator
	 */
	#overlay {
		z-index: 9999;
		visibility: hidden;
		left: 50%;
		top: 50%;
		width: 59px;
		margin-top: -30px;
		margin-left: -30px;
		height: 59px;
		position: fixed;
		background: #1f1f1f url(images/layout/project-loader.gif) no-repeat center center;
	}
	.multiplebgs #overlay {
		background: url(images/layout/project-loader.gif) no-repeat center center, url(images/layout/loader-bg.png) no-repeat left top;
	}
	
	/**
	 * The maginificent clearfix
	 */
	.group:before,.group:after {
		content: "\0020";
		display: block;
		height: 0;
		visibility: hidden;
	}
	.group:after {
		clear: both;
	}
	.group {
		zoom: 1; /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
	}
	
	/* self-clearing floats */
	.mod:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	/* Remove empty paragraphs */
	p:empty { 
		display: none; 
	} 
	
	.clear {
		clear: both;
	}
	
	/* Hide for both screenreaders and browsers: css-discuss.incutio.com/wiki/Screenreader_Visibility */
	.hidden {
		display: none;
		visibility: hidden;
	}
	
	/* Hide only visually, but have it available for screenreaders: www.webaim.org/techniques/css/invisiblecontent/ */
	.visuallyhidden {
		position: absolute!important;
		clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	}
	
	/* Hide visually and from screenreaders, but maintain layout */
	.invisible {
		visibility: hidden;
	}
	
	.ir {
		display: block;
		text-indent: -999em;
		overflow: hidden;
		background-repeat: no-repeat;
	}
	
	/* Break words that don't fit into their containers */
	.word-break {
		-ms-word-break: break-all; 
		word-break: break-all; 
		word-break: break-word; 
		
		-webkit-hyphens: auto; 
		-moz-hyphens: auto; 
		-ms-hyphens: auto; 
		hyphens: auto; 
	}
	
	/* custom ampersand */
	.amp {
		font-size: 1.2em;
		font-family: 'GoudyBookletter1911Regular', Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", Georgia, serif;
		font-weight: 400;
	}



/*	04. Typography
    ........................................................................................................................................ */

	body,
	input,
	button,
	textarea {
		font: 14px/20px OpenSans, sans-serif; /* main font styles */
		color: #000; /* body font color */
	}
	
	/* local fonts - custom ampersand */
	@font-face {
		font-family: 'GoudyBookletter1911Regular';
		src: url(fonts/goudybookletter1911/goudybookletter1911-openamp.eot);
		src: url(fonts/goudybookletter1911/goudybookletter1911-openamp.eot?#iefix) format("eot"),url(fonts/goudybookletter1911/goudybookletter1911-openamp.woff) format("woff"),url(fonts/goudybookletter1911/goudybookletter1911-openamp.ttf) format("truetype"),url(fonts/goudybookletter1911/goudybookletter1911-openamp.svg#webfont0ZQvEa4G) format("svg");
		font-weight: 400;
		font-style: normal;
	}

	@font-face {
		font-family: 'OpenSans';
		src: url(fonts/OpenSans-Regular_0.ttf);
		font-weight: 400;
		font-style: normal;
	}
	
	/* Establish a baseline grid */
	p,h1,h2,h3,h4,h5,h6,fieldset,pre,.item-description ul,.item-description ol,#main ul,#main ol,#main dt,#main dd,#main table,#main caption,#main img,.portfolio-item,
	.page-content ul,.page-content ol,.page-content dt,.page-content dd,.page-content table,.page-content caption,.page-content img,
	.sidebar .widget,#footer .widget,.post-content ul,.post-content ol,.post-content dt,.post-content dd,.post-content table,.post-content caption,
	.post-content img,.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth,
	.contact-info-shortcode,.item-categories,.item-metadata {
		margin-bottom: 20px;
	}
	
	/**
	 * Reset the bottom margins for the grid column elements in portfolio item descriptions
	 */
	.item-description .one_half,.item-description .one_third,.item-description .two_third,.item-description .three_fourth,.item-description .one_fourth,
	.item-description .one_fifth,.item-description .two_fifth,.item-description .three_fifth,.item-description .four_fifth,.item-description .one_sixth,.item-description .five_sixth {
		margin-bottom: 0;
	}	
	.item-description .one_half:nth-last-child(-n+4) p:last-child,.item-description .one_third:nth-last-child(-n+4) p:last-child,
	.item-description .two_third:nth-last-child(-n+4) p:last-child,.item-description .three_fourth:nth-last-child(-n+4) p:last-child,
	.item-description .one_fourth:nth-last-child(-n+4) p:last-child,.item-description .one_fifth:nth-last-child(-n+4) p:last-child,
	.item-description .two_fifth:nth-last-child(-n+4) p:last-child,.item-description .three_fifth:nth-last-child(-n+4) p:last-child,
	.item-description .four_fifth:nth-last-child(-n+4) p:last-child,.item-description .one_sixth:nth-last-child(-n+4) p:last-child,
	.item-description .five_sixth:nth-last-child(-n+4) p:last-child {
		margin-bottom: 0;
	}
	
	.share-this,#main .comment-list li {
		padding-top: 26px;
	}
	
	.share-this {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	
	.footer-meta img,.footer-meta p {
		margin-bottom: 0;
	}
	
	#header,.section-title,#related-posts > h2,#search-results .page-name {
		margin-bottom: 30px;
	}
	
	#main-wrapper .header-no-top-bar {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	.footer-meta {
		padding: 55px 0;
	}
	
	.project-title {
		padding: 17px 0 25px;
		margin-bottom: 23px;
	}
	
	#footer .widget,.sidebar .widget,#search-results .blog-post,.comments_navigation {
		margin-bottom: 40px;
	}
	
	.post {
		margin-bottom: 60px;
	}
	
	#content {
		padding-top: 46px;
		margin-bottom: 30px;
	}
	
	.clients {
		margin: 30px 0 20px;
		padding-top: 52px;
	}
	
	.item-description {
		margin: 0 0 40px;
	}
	
	.item-categories,.item-metadata {
		padding-bottom: 16px;
	}
	
	.single-portfolio.item-metadata,.single-portfolio-img {
		margin-bottom: 40px;
	}
	
	.single-portfolio-img {
		display: block;
	}
	
	#portfolio-header.no-intro {
		padding-top: 6px;
	}
	
	#single-item .single-img,#single-item iframe {
		display: block;
		margin-bottom: 40px;
		box-shadow: 3px 3px 15px #ddd;
	}
	
	.slider {
		margin-bottom: 40px;
	}
	
	.portfolio-border {
		margin-bottom: 39px;
	}
	
	#filter {
		margin-bottom: 42px;
	}
	
	table {
		font-size: inherit;
		font: 100%;
	}
	
	p {
		font-size: 1em;
	}
	
	blockquote {
		font-size: 1.1em;
		padding-left: 28px;
		background: url(images/layout/quote-mark.png) no-repeat left top;
	}
	
	input {
		font-size: .9em;
	}
	
	small {
		font-size: 85%;
	}
	
	strong,th {
		font-weight: 700;
	}
	
	sub {
		font-size: smaller;
	}
	
	sup {
		font-size: smaller;
	}
	
	pre,code,kbd,samp {
		font-family: monospace,sans-serif; /* normalize monospace sizing */
	}
	
	.caps {
		letter-spacing: .1em;
		font-variant: small-caps;
		text-transform: lowercase;
	}
	
	abbr {
		letter-spacing: .1em; /* letter space abbrevations at 10% of the type size to enhance readability */
		font-variant: small-caps;
		text-transform: lowercase;
	}
	
	/**
	 * Widget borders (solid and dashed)
	 */
	.widget_archive li,.widget_categories li,.widget_nav_menu li,.widget_links li,.widget_pages li,.widget_recent_entries li,.widget_recent_comments li,.widget_rss li,.widget_meta li {
		border-bottom: 1px solid #e5e5e5;
	}
	.slide-out-div .widget_archive li,.slide-out-div .widget_categories li,.slide-out-div .widget_nav_menu li,.slide-out-div .widget_links li,.slide-out-div .widget_pages li,
	.slide-out-div .widget_recent_entries li,.slide-out-div .widget_recent_comments li,.slide-out-div .widget_rss li,.slide-out-div .widget_meta li {
		position: relative;
		border-bottom: 1px dashed #424244;
	}
	.slide-out-div .widget_archive li:after,.slide-out-div .widget_categories li:after,.slide-out-div .widget_nav_menu li:after,.slide-out-div .widget_links li:after,
	.slide-out-div .widget_pages li:after,.slide-out-div .widget_recent_entries li:after,.slide-out-div .widget_recent_comments li:after,.slide-out-div .widget_rss li:after,
	.slide-out-div .widget_meta li:after {
		content: ' ';
		position: absolute;
		width: 100%;
		height: 1px;
		border-bottom: 1px dashed #424244;
		bottom: 1px;
	}
	
	/**
	 * Input field borders
	 */
	input:not([type=submit]):not([type=file]),textarea {
		border: 1px solid #dbdbdb;
	}
	
	/**
	 * Double dashed borders
	 */
	#content,
	.clients, 
	.footer-meta, 
	.project-title, 
	.item-categories, 
	.item-metadata,
	.portfolio-shared,
	#main .comment-list li,
	.single-post .share-this {
		background: url(images/layout/border-img.png) 0 0 repeat-x;
	}
	.project-title,
	.item-categories,
	.item-metadata {
		background-position: left bottom;
	}
	.single-post .share-this {
		position: relative;
	}
	.single-post .share-this:after { /* top border on share-this section in the blog */
		content: " ";
		display: block;
		position: absolute;
		z-index: 1;
		width: 100%;
		left: 0;
		bottom: 0;
		height: 6px;
		background: url(images/layout/border-img.png) 0 0 repeat-x;
	}



/*  05. Headings
    ....................................................................................................................................... */
    
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-family: "Yanone Kaffeesatz",Arial,Helvetica,sans-serif;
		color: #000000;
		text-transform: uppercase;
		letter-spacing: .1em;
		font-weight: 400;
		text-rendering: optimizeLegibility; /* www.aestheticallyloyal.com/public/optimize-legibility/ */
	}
	
	/**
	 * Headings font sizes and line heights
	 */
	h1 {
		font-size: 20px;
		line-height: 20px;
	}	
	h2 {
		font-size: 18px;
		line-height: 20px;
	}	
	h3 {
		font-size: 16px;
		line-height: 20px;
	}	
	h4 {
		font-size: 15px;
		line-height: 20px;
	}	
	h5 {
		font-size: 14px;
		line-height: 20px;
	}	
	h6 {
		font-size: 13px;
		line-height: 20px;
	}
	
	/**
	 * Tagline, next to the logo
	 */
	#main-headline {
		font: normal 15px/22px OpenSansLight, sans-serif;
		text-transform: none;
		color: #333;
		margin: 0;
		padding: 2px 0 4px;
		float: right;
		letter-spacing: normal;
	}
	#main-headline a {
		cursor: pointer;
		background: #999;
		color: #eee;
		border-bottom: 2px solid #2D2D2D;
	}
	#main-headline a:hover {
		background: #db5348;
		
	}
	
	/* Portfolio thumbnail heading links */
	.project-link + h3 a {
		display: block;
	}
	
	/* Widget headings */
	#footer .widgettitle {
		text-transform: uppercase;
		letter-spacing: .1em;
	}



/*  06. Links
    ....................................................................................................................................... */

	a {
		text-decoration: underline;
		color: #00da8a;
	}
	a:visited {
		color: #00da8a;
	}
	a:hover {
		color: #009e64;
	}
	#main-wrapper a:active { 
		color: #999;
		position: relative;
		top: 1px;
	}
	a:hover, 
	a:active {
		outline: none;
	}
	
	h1 a,
	h2 a,
	h3 a,
	h4 a,
	h5 a {
		font-style: normal;
	}
	
	.csstransitions a,.csstransitions a img,.csstransitions input[type="submit"],.csstransitions button {
		-moz-transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}



/*  07. Lists
    ....................................................................................................................................... */

	#main ol,.page-content ol,.item-description ol {
		list-style-type: decimal;
	}
	
	#main ul,.page-content ul,.item-description ul {
		list-style-type: circle;
	}
	
	/* indent the lists wrapped by other lists */
	#main ol ol,.page-content ol ol,#main ul ul,.page-content ul ul,.item-description ul ul,.item-description ol ol {
		margin-left: 28px;
	}
	
	.portfolio-gallery ul,.portfolio-gallery {
		list-style: none;
	}



/*	08. Forms
    ........................................................................................................................................ */
	
	fieldset {
		margin: 0 0 20px 0;
		padding: 0;
		border: none;
	}		
	
	input, 
	textarea, 
	select {  
		margin: 0; /* webkit browsers add a 2px margin outside the chrome of form elements */
		outline: none;
	}
	
	select, 
	input, 
	textarea, 
	button { 
		font-family: inherit; 
		font-size: 100%; 
	}
	
	input, 
	textarea {
		padding: 7px;
	}
	
	select {
		max-width: 250px;
		padding: 4px 4px 4px 0;
		background: rgba(255,255,255,0.7);
		border: 1px solid #e6e6e6;
	}
	
	label {
		display: inline-block;
		margin-bottom: 5px;
	}
	
	label, 
	input[type=button], 
	input[type=submit], 
	button { 
		cursor: pointer; /* hand cursor on clickable input elements */
	}
	
	input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]), 
	input[type="text"],
	.borderradius textarea,
	.borderradius .form-status,
	.borderradius select {
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	/**
	 * Buttons
	 */
	input[type="submit"],
	button,
	input[type="button"] {
		padding: 10px 12px 8px;
		display: block;
		color: #333;
		background: #FFD46E;
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#ffd46e),color-stop(1,#ffe88a));
		background-image: -moz-linear-gradient(center bottom,#ffd46e 0%,#ffe88a 100%);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border-bottom: solid 1px #F5E383;
		-webkit-box-shadow: #BE9144 0 2px 0;
		-moz-box-shadow: #BE9144 0 2px 0;
		box-shadow: #BE9144 0 2px 0;
		text-shadow: #FFF0AC 0 1px 0;
	}
	input[type="submit"]:hover,
	button:hover,
	input[type="button"]:hover {
		background: #FFFDA5;
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#fae67f),color-stop(1,#fdffba));
		background-image: -moz-linear-gradient(center bottom,#fae67f 0%,#fdffba 100%);
		border-bottom: solid 1px #FFF9B6;
		-webkit-box-shadow: #DCB759 0 2px 0;
		-moz-box-shadow: #DCB759 0 2px 0;
		box-shadow: #DCB759 0 2px 0;
		color: #555;
	}
	input[type="submit"]:active,button:active,
	input[type="button"]:active {
		position: relative;
		top: 1px;
		-webkit-box-shadow: #DCB759 0 1px 0;
		-moz-box-shadow: #DCB759 0 1px 0;
		box-shadow: #DCB759 0 1px 0;
	}
	
	/* CSS3 submit buttons (with the help of modernizer classes - start */
	input[type="submit"] {
		display: inline;
		vertical-align: top;
	}
	.borderradius input[type="submit"],
	.borderradius button,
	input[type="button"] {
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
	}
	input[type="submit"]:active,
	button:active,
	input[type="button"]:active {
		position: relative;
		top: 1px;
	}
	
	/* align checkboxes, radios, text inputs with their label 
	   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
	input[type="radio"] {
		vertical-align: text-bottom;
	}
	input[type="checkbox"] {
		vertical-align: bottom;
	}
	
	/**
	 * Text inputs and selects
	 */
	input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]), 
	input[type="text"], 
	textarea { 
		width: 100%; 
		appearance: none;
		line-height: 1;
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
    	box-sizing: border-box; 	
	}
	
	/* style the text inputs only */
	input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]), 
	textarea {
		padding: 10px 8px;
		max-width: 425px;
		display: block;
		background: #fefefe;
		background: rgba(255,255,255,0.3);
	}
	
	input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]), 
	textarea, 
	select { 
		-moz-transition: all .2s ease-in;
		-webkit-transition: all .2s ease-in;
		-ms-transition: all .2s ease-in;
		-o-transition: all .2s ease-in;
		transition: all .2s ease-in;
	}
	
	.borderradius input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),
	.borderradius textarea {
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
	}
	
	/* drop-down page form elements */
	#dropdown-wrapper input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),
	#dropdown-wrapper textarea,
	#dropdown-wrapper select,
	.slide-out-div input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),
	.slide-out-div textarea,
	.slide-out-div select {
		background: #fdfdfd;
		border: none;
	}
	
	/* drop-down page form elements on focus */
	#dropdown-wrapper input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):focus,
	#dropdown-wrapper textarea:focus,
	.slide-out-div input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):focus,
	.slide-out-div textarea:focus {
		background: #fdfdfd;
	}
	
	/* text inputs on focus */
	input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):focus,
	textarea:focus {
		background: #f9f9f9;
	}
	
	.boxshadow #dropdown-wrapper input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),
	.boxshadow #dropdown-wrapper textarea,
	.boxshadow .slide-out-div input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),
	.boxshadow .slide-out-div textarea {
		-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.4);
		-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.4);
		box-shadow: inset 0 0 4px rgba(0,0,0,0.4);
	}
	
	.boxshadow #dropdown-wrapper input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):focus,
	.boxshadow #dropdown-wrapper textarea:focus,
	.boxshadow .slide-out-div input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):focus,
	.boxshadow .slide-out-div textarea:focus {
		-moz-box-shadow: 0 0 9px rgba(0,0,0,.95);
		-webkit-box-shadow: 0 0 9px rgba(0,0,0,.95);
		box-shadow: 0 0 9px rgba(0,0,0,.95);
	}
	


/*	09. Images
    ........................................................................................................................................ */

	.csstransitions img {
		-moz-transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}
	
	/**
	 * Responsive images
	 */
	.dropdown-page img,
	.page-content img,
	.portfolio-gallery .preview-img,
	.sidebar img,
	.footer-widgets img,
	.client-logos { 
		max-width: 100%; 
		height: auto;
		border: 0; 
		-ms-interpolation-mode: bicubic;	
	}
	
	/**
	 * WordPress built-in image-related classes
	 */
	img.alignright, 
	.wp-caption.alignright { 
		float: right; 
		margin: 0 0 1em 1em; 
	}
	img.alignleft, 
	.wp-caption.alignleft { 
		float: left; 
		margin: 0 1em 1em 0; 
	}
	img.aligncenter, 
	.wp-caption.aligncenter { 
		display: block; 
		margin-left: auto; 
		margin-right: auto; 
	}
	a img.alignright { 
		float: right; 
		margin: 0 0 1em 1em; 
	}
	a img.alignleft { 
		float: left; 
		margin: 0 1em 1em 0; 
	}
	a img.aligncenter { 
		display: block; 
		margin-left: auto; 
		margin-right: auto; 
	}
			
	.wp-caption { 
		width: auto !important;
		max-width: 100% !important;
		margin-bottom: 20px; 
						
		text-shadow: none;
		text-align: center; 
		font-style: italic; 
	 }
	.wp-caption img, 
	.wp-caption img a { 
		margin: 0 !important; 
		padding: 0; 
		
		border: 0 none; 
	}
	.wp-caption .wp-caption-text { 
		padding: 0 4px 5px; 
		margin: 0; 
		font-family: Georgia, "Times New Roman", Times, serif;	
	}
	
	/**
	 * Default WordPress Gallery
	 */
	.gallery {
		float: left;
		margin-bottom: 20px !important; 
	}
	.gallery br {
		display: none;
	}
	.gallery .gallery-item {
		margin: 0 !important;
		width: 100%;
		float: left;
		position: relative; 
		overflow: hidden;
	}	
	.gallery-columns-2 .gallery-item { 
		width: 50% !important; 
	}
	.gallery-columns-3 .gallery-item { 
		width: 33.3% !important; 
	}	
	.gallery-columns-4 .gallery-item { 
		width: 25% !important;
	}
	.gallery-columns-5 .gallery-item { 
		width: 20% !important;
	}
	.gallery-columns-6 .gallery-item { 
		width: 16.666% !important;
	}
	.gallery-columns-7 .gallery-item { 
		width: 14.285% !important;
	}
	.gallery-columns-8 .gallery-item { 
		width: 12.5% !important;
	}
	.gallery-columns-9 .gallery-item { 
		width: 11.111% !important;
	}
	.gallery-icon {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		width: 100%;
		position: relative; 
		overflow: hidden;
	}
	.gallery .gallery-caption {
		width: 100%;
		position: absolute;
		bottom: 0;
		background: #000;
		background: rgba(0,0,0,0.5); 
		padding: 3px 5px; 
		color: #eee;
		list-style: none !important;
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box;    
		box-sizing: border-box;
		margin-bottom: 0 !important;
	}
	.gallery-item a { 
		display: block;
		border: none; 
		margin: 0; 
		padding: 0; 
	}
	.gallery-item a:after { 
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		
		background: rgba(255, 255, 255, .5);
		
		opacity: 0;
		content: "";
		
		transition: 0.3s all ease;
	}
	.no-touch .gallery-item a:hover:after {
		opacity: 1;
		padding: 0;
	}
	.gallery-item img { 
		margin: 0 !important; 
		padding: 0; 
		
		transition: 0.3s all ease;
	}
	.gallery .gallery-icon img {
		display: block;
		border: none !important;
	}
							
	/* WordPress Smiley Image */
	.wp-smiley {
		max-height: 13px;
		margin: 0!important;
	}
	
	
	
/*	10. Other Elements
    ........................................................................................................................................ */
    
	td, td img {
		vertical-align: top;
	}
	td {
		padding: 2px 4px;
	}
	
	/* Set sub, sup without affecting line-height: gist.github.com/413930 */
	sub,sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
	}
	sup {
		top: -.5em;
	}
	sub {
		bottom: -.25em;
	}
	
	/* pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ } */
	pre {
		overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
		white-space: pre-wrap; /* css-3 */
		white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
		white-space: -pre-wrap; /* Opera 4-6 */
		white-space: -o-pre-wrap; /* Opera */
		width: 99%;
		word-wrap: break-word; /* IE */ 
	}
	pre {
		font-size: .9em;
		border: 1px solid #e9e9e9;
		line-height: 20px;
		background: #fff url(images/layout/pre-code-bg.png) repeat left top;
		overflow: auto;
		overflow-y: hidden;
	}
	pre code {
		font-family: Consolas,"Courier New",Courier,monospace;
		margin: 0 0 0 40px;
		padding: 18px 0;
		display: block;
	}
	
	dt {
		font-size: 1.5em;
		font-weight: 700;
	}
	dd {
		display: list-item;
		list-style: square inside none;
	}
	
	/**
	 * Tables
	 */
	#main table,.page-content table,.post-content table {
		border: 1px solid #e9e9e9;
		border-collapse: collapse;
		background: #eee;
	}
	#main tr:nth-of-type(odd),.page-content tr:nth-of-type(odd),.post-content tr:nth-of-type(odd) {
		background-color: #eff3f4;
	}
	#main th,#main td,.page-content th,.page-content td,.post-content th,.post-content td {
		border: 1px solid #e9e9e9;
		padding: 9px 22px;
	}
	#main th,.page-content th,.post-content th {
		font-variant: small-caps;
		text-transform: lowercase;
	}
	#main caption,.page-content caption,.post-content caption {
		font-size: 1.2em;
		font-weight: 700;
		font-family: "PT Sans Narrow",sans-serif;
	}



/*  11. Portfolio Slider
    ....................................................................................................................................... */

	#slides {
		position: relative;
		margin: 0 auto;
	}
	
	.csstransitions #slides a {
		-moz-transition: none;
		-webkit-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
	}
	
	.slides-container {
		display: none; /* Set to display none, prevents content flash */
	}
	
	/**
	 * Slider pagination
	 */
	.pagination {
		text-align: center;
		position: absolute;
		top: 20px;
		left: 15px;
		z-index: 99;
	}
	.pagination li {
		display: inline;
	}
	.pagination li a {
		display: inline-block;
		width: 12px;
		height: 12px;
		overflow: visible;
		margin-left: 5px;
		background: url(images/layout/pagination.png) no-repeat 0 1px;
	}
	.pagination li.current a {
		background-position: 0 -15px;
	}
	.pagination li a:hover {
		background-position: 0 -15px;
	}
	.next,.prev,.pagination li a {
		text-indent: -9999px; /* hide the link text from the user */
	}
	
	/**
	 * Next/previous links
	 */
	#slides #next-prev-links img {
		display: block;
	}
	.opacity #slides #next-prev-links img {
		opacity: 0.5;
	}
	.opacity #slides #next-prev-links img:hover {
		opacity: 1 !important; /* !important is needed in this case to overwrite the inline style opacity declaration, introduced by JavaScript */
	}
	#slides .next, #slides .prev {
		position: absolute;
		width: 24px;
		height: 24px;
		display: block;
		z-index: 99;
		top: 26px;
		margin: -10px 15px 0;
	}
	#slides .prev {
		right: 34px;
	}
	#slides .next {
		right: 3px;
	}
	#slides .next:active, #slides .prev:active {
		position: absolute;
		top: 27px;
	}
	
	.slide {
		position: relative;
		width: 940px;
		overflow: hidden;
	}
	
	.slide img {
		margin-bottom: 0;
	}
	
	#single-item {
		width: 700px;
	}
	
	#single-item .slide {
		width: 700px;
		height: 100px;
		padding-top: 25px;
		margin-right:auto;
		margin-left:auto;
	}
	
	#single-item .slider-img {
		display: block;
		padding-top: 25px;
		margin-right:auto;
		margin-left:auto;
	}
	
	#single-item figure {
		display: block;
	}



/*	12. Header
    ........................................................................................................................................ */
	
	/**
	 * Logo
	 */
	.csstransitions #logo, #wp-title-logo {
		-moz-transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	#wp-title-logo {
		color: #444652;
		font: normal 400 60px OpenSansLight, sans-serif;
	}
	#logo a {
		display: block;
	}	
	#logo img,#wp-title-logo {
		position: relative;
		top: 0;
	}	
	#logo img,#wp-title-logo {
		text-shadow: 1px 1px #fff,0 0 #0E0E0E,2px 3px 1px #212121;
	}	
	.opacity #logo img:hover,.opacity #wp-title-logo:hover {
		opacity: .75;
	}	
	.csstransitions #logo img:hover,.csstransitions #wp-title-logo:hover {
		top: -3px;
	}
	
	/**
	 * Header layout elements
	 */	
	#branding {
		display: table;
	}	
	#logo,#intro-section {
		display: table-cell;
		vertical-align: middle;
		padding: 20px 0;
	}	
	#intro-section {
		width: 460px;
	}
	
	/**
	 * Drop-down page, and the footer slide out widget section
	 */
	#dropdown-wrapper,.slide-out-div {
		background: #313236 url(images/layout/slide-bg.png);
		color: #999;
	}
	#dropdown-wrapper {
		overflow: hidden;
		height: 0;
	}
	.multiplebgs #dropdown-wrapper {
		background: url(images/layout/border-img.png) 0 5px repeat-x,url(images/layout/slide-bg.png);
	}
	
	/**
	 * Headings in the drop-down page, and the footer slide out 
	 */
	#dropdown-wrapper h1,#dropdown-wrapper h2,#dropdown-wrapper h3,#dropdown-wrapper h4,#dropdown-wrapper h5,#dropdown-wrapper h5,.slide-out-div h1,.slide-out-div h2,.slide-out-div h3,.slide-out-div h4,.slide-out-div h5,.slide-out-div h5 {
		text-shadow: 0 1px 0 rgba(0,0,0,.5);
		color: #fff;
		font-family: 'OpenSansLight, sans-serif;
	}
	#dropdown-wrapper h1,.slide-out-div h1 {
		font-size: 16px;
	}
	#dropdown-wrapper h2,.slide-out-div h2 {
		font-size: 14px;
	}
	#dropdown-wrapper h3,.slide-out-div h3 {
		font-size: 13px;
	}
	#dropdown-wrapper h4,.slide-out-div h4 {
		font-size: 12px;
	}
	#dropdown-wrapper h5,.slide-out-div h5 {
		font-size: 11px;
	}
	#dropdown-wrapper h6,.slide-out-div h6 {
		font-size: 10px;
	}
	
	/**
	 * Links in the drop-down page, and the footer slide out 
	 */
	#dropdown-wrapper a, 
	.slide-out-div .footer-widgets a {
		color: #db5348;
	}
	#dropdown-wrapper a:visited,
	.slide-out-div .footer-widgets a:visited {
		color: #db5348;
	}
	#dropdown-wrapper a:hover,
	.slide-out-div .footer-widgets a:hover {
		color: #DF3528;
	}
	#dropdown-wrapper a:active,
	.slide-out-div .footer-widgets a:active {
		color: #d15334;
	}
	
	/**
	 * Drop-down tab trigger
	 */
	#dropdown-trigger {
		display: inline-block;
		cursor: pointer;
		position: relative;
		padding: 10px 27px 7px 18px;
		background: #313236 url(images/layout/slide-bg.png);
		float: right;
		color: #E4E4E4;
		text-transform: uppercase;
		font-size: .8em;
		letter-spacing: .04em;
	}
	#dropdown-trigger:hover {
		color: #d15334;
	}
	.csstransitions #dropdown-trigger {
		-moz-transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}
	#dropdown-trigger .drop-down-arrows {
		position: absolute;
		margin: 7px 0 0 6px;
		width: 9px;
		height: 8px;
		background: url(images/layout/drop-down-arrows.png) no-repeat 0 -13px;
	}
	.boxshadow #dropdown-trigger {
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.09);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.09);
		box-shadow: 0 1px 2px rgba(0,0,0,.09);
	}
	.borderradius #dropdown-trigger {
		-webkit-border-bottom-right-radius: 2px;
		-webkit-border-bottom-left-radius: 2px;
		-moz-border-radius-bottomright: 2px;
		-moz-border-radius-bottomleft: 2px;
		border-bottom-right-radius: 2px;
		border-bottom-left-radius: 2px;
	}
	
	/**
	 * Top and bottom padding for the drop-down page 
	 */
	.dropdown-page {
		padding: 40px 0;
	}



/*  13. Site Navigation
    ....................................................................................................................................... */

	#menu {
		float: left;
		position: relative;
		z-index: 99;
	}
	
	#menu li {
		position: relative;
	}
	
	#menu .menu > li {
		margin-right: 10px;
		display: inline-block;
		border-top: 5px solid transparent;
	}
	
	.borderradius #menu .menu > li {
		-moz-border-radius: 1px;
		-webkit-border-radius: 1px;
		border-radius: 1px;
	}
	
	/**
	 * Menu links / font size set here 
	 */
	#menu a {
		display: inline-block;
		line-height: 20px;
		text-transform: uppercase;
		font-size: 16px;
		font-weight: 400;
		border: 1px solid transparent;
		padding: 20px 7px;
	}
	.csstransitions #menu a {
		-moz-transition: all .1s ease-in-out;
		-webkit-transition: all .1s ease-in-out;
		-ms-transition: all .1s ease-in-out;
		-o-transition: all .1s ease-in-out;
		transition: all .1s ease-in-out;
	}
	
	/**
	 * Drop-down menu
	 */
	#menu .sub-menu {
		display: none;
		text-align: left;
		position: absolute;
		margin: 0;
		z-index: 9999;
	}
	.boxshadow #menu .sub-menu {
		-webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,.05);
		-moz-box-shadow: 0 0 4px 1px rgba(0,0,0,.05);
		box-shadow: 0 0 4px 1px rgba(0,0,0,.05);
	}
	#menu .sub-menu li {
		margin-left: 0;
		float: none;
	}
	#menu .sub-menu a { 
		display: block;
		white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	}
	#menu .sub-menu a:active {
		top: 0; /* don't nudge the element when clicked */
	}
	
	/**
	 * Drop-down links
	 */
	#menu .sub-menu a {
		padding: 4px 9px;
		text-transform: none;
		border: 1px solid #262626;
		border-color: rgba(0,0,0,.2);
		border-bottom: none;
		background-color: #3e4047;
		background-color: rgba(47,48,52,.95);
		background-image: url(images/layout/menu-overlay.png);
		color: #999;
		font-size: 11px;
	}
	#menu li:hover ul li a:hover { /* Set links styles for dropdown when items are hovered */
		border: 1px solid transparent;
		border-bottom: none;
		color: #008051;
		background-color: #939393;
		background-color: rgba(140,140,140,.95);
	}
	.csstransitions #menu .sub-menu a {
		/* HOVER OFF */
		-moz-transition: all .35s ease-in-out;
		-webkit-transition: all .35s ease-in-out;
		-ms-transition: all .35s ease-in-out;
		-o-transition: all .35s ease-in-out;
		transition: all .35s ease-in-out;
	}
	.csstransitions #menu li:hover ul li a:hover {
		/* HOVER ON */
		-moz-transition: all .1s ease-in-out;
		-webkit-transition: all .1s ease-in-out;
		-ms-transition: all .1s ease-in-out;
		-o-transition: all .1s ease-in-out;
		transition: all .1s ease-in-out;
	}
	#menu .sub-menu li:last-child a {
		border: 1px solid #262626;
		border-color: rgba(0,0,0,.2);
	}
	#menu .sub-menu li:last-child a:hover {
		border: 1px solid #262626;
		border-color: rgba(0,0,0,.2);
	}
	.borderradius #menu .sub-menu li:first-child a {
		-webkit-border-top-right-radius: 2px;
		-webkit-border-top-left-radius: 2px;
		-moz-border-radius-topright: 2px;
		-moz-border-radius-topleft: 2px;
		border-top-right-radius: 2px;
		border-top-left-radius: 2px;
	}
	.borderradius #menu .sub-menu li:last-child a {
		-webkit-border-bottom-right-radius: 2px;
		-webkit-border-bottom-left-radius: 2px;
		-moz-border-radius-bottomright: 2px;
		-moz-border-radius-bottomleft: 2px;
		border-bottom-right-radius: 2px;
		border-bottom-left-radius: 2px;
	}
	
	/**
	 * Top level menu links
	 */
	#menu a:hover,#menu .current-menu-item > a:hover,#menu .selectedLava > a {
		color: #423a35;
	}
	
	/**
	 * Current menu item
	 */
	#menu .current-menu-item > a {
		color: #000000;
	}
	#menu .sub-menu .current-menu-item > a {
		color: #000000;
	}
	#menu .sub-menu .current-menu-item > a:hover {
		text-decoration: none;
	}
	
	/**
	 * Sub menu indicator generated by jQuery plugin called superfish
	 */
	#menu .parent > a {
		position: relative;
		padding-right: 17px;
	}
	#menu .parent > a:after { /* note: the "parent" class is generated by a custom walker */
		content: " ";
		text-indent: -9999px;
		position: absolute;
		margin: 7px 0 0 5px;
		width: 6px;
		height: 4px;
		background: url(images/layout/menu-arrow.png) no-repeat left top;
	}
	
	/**
	 * The top animated line
	 */
	#menu .menu .backLava,#menu .menu .selectedLava {
		border-top: 5px solid #008051;
	}



/*	14. Pages
    ........................................................................................................................................ */
	
	.page-template-template-page-with-sidebar-php #content .page-content,.blog #content .page-content,.single-post #content .page-content,.sidebar {
		display: inline;
	}
	
	.page-template-template-page-with-sidebar-php #content .page-content,.blog #content .page-content,.single-post #content .page-content {
		float: left;
		margin-right: 30px;
		width: 690px;
	}
	
	.sidebar {
		width: 220px;
		float: right;
	}
	
	/* normal, full width page */
	#content .page-content {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}



/*	15. Portfolio Template
    ........................................................................................................................................ */
	
	/**
	 * Portfolio and Client Headlines
	 */
	#portfolio-header h2,.clients h2 {
		float: left;
		margin: -22px 0 0;
		padding: 20px 0 20px 45px;
	}
	#portfolio-header h2 {
		background: url(images/layout/icon-work.png) no-repeat 0 50%;
	}
	.clients h2 {
		margin-bottom: 18px;
		background: url(images/layout/icon-clients.png) no-repeat 0 50%;
	}
	
	/**
	 * Portfolio filter
	 */
	#filter {
		float: right;
		margin-top: -5px;
		font-size: 14px;
		letter-spacing: .1em;
		font-family: "Yanone Kaffeesatz",Arial,Helvetica,sans-serif;
	}
	#filter li {
		float: left;
		margin-left: 10px;
	}
	#filter a {
		display: block;
		color: #ffffff;
		position: relative;
		z-index: 20;
		text-transform: uppercase;
	}
	#filter .active a,#filter .active .term-name,#filter .active a:hover .term-name,#filter .active .term-count {
		color: #fff;
		background: #999;
	}	
	#filter .term-name {
		position: relative;
		display: block;
		background: #212121;
		padding: 3px 8px;
		z-index: 10;
	}	
	#filter .term-count,#filter a:hover .term-name {
		background: #008051;
		color: #E4E4E4;
	}	
	#filter .term-count {
		display: block;
		color: #E4E4E4;
		position: absolute;
		left: 50%;
		bottom: 25px;
		padding: 3px 10px;
		z-index: 50;
	}
	.opacity #filter .term-count {
		opacity: 0;
	}	
	#filter .triangle-down {
		position: absolute;
		left: 50%;
		bottom: -3px;
		margin-left: -4px;
		width: 0;
		height: 0;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		border-top: 3px solid #008051;
	}	
	#filter .active .triangle-down {
		border-top: 3px solid #999;
	}	
	.borderradius #filter .term-count {
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}	
	.csstransitions #filter .term-name {
		-moz-transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}
	
	/**
	 * Portfolio thumbnails
	 */
	.project {
		position: relative;
	}
	.project-link {
		position: relative;
		display: block;
		overflow: hidden;
		-webkit-transform: translate3d(0,0,0); /* Prevent the thumbnails from flickering on hover */
	}	
	.project-link img {
		display: block;
	}
	.project-link .project-content {
		width: 220px;
		height: 190px;
		position: absolute;
		overflow: hidden;
		top: 0;
		left: 0;
	}	
	.project-link .project-overlay {
		opacity: 0;
		cursor: pointer; 
	}	
	.project-link .project-overlay,.blocked-project-overlay {
		background-image: url(images/layout/project-overlay.png);
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		width: 100%;
		height: 190px;
		text-indent: -9999px;
	}
	.project-link .view-button {
		position: relative;
		display: block;
		width: 41px;
		height: 41px;
		margin: 20px auto 0;
	}
	.project-link .project-caption {
		position: relative;
		font-family: "Yanone Kaffeesatz",Arial,Helvetica,sans-serif;
		font-size: 15px;
		letter-spacing: .1em;
		text-align: center;
		padding: 9px 7px 8px;
		margin: 20px 0 0;
		background: #4c4c4c;
		background: rgba(255,255,255,0.1);
		text-transform: uppercase;
		width: 206px;
		color: #999;
		border: 1px solid rgba(0,0,0,0.3);
		border-width: 1px 0;
	}
	.blocked-project-overlay {
		height: 100%;
		display: none;
	}
	.blocked-project-overlay:after {
		content: " ";
		z-index: 100;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 190px;
		background: url(images/layout/current.png) no-repeat 50% 50%;
	}
	.blocked-project-overlay.overlay-active {
		display: block;
	}
	
	/**
	 * Transitions and transforms on portfolio posts/thumbnails
	 */
	.csstransitions .project-link .view-button {
		-webkit-transform: translateY(200px);
		-moz-transform: translateY(200px);
		-o-transform: translateY(200px);
		-ms-transform: translateY(200px);
		transform: translateY(200px);
		-moz-transition: all .4s ease-in-out;
		-webkit-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .4s ease-in-out;
	}
	.csstransitions .project-link:hover .view-button,.csstransitions .project-link:hover .project-caption {
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
	}
	.csstransitions .project-link .project-caption {
		-moz-transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		-webkit-transform: translateY(-200px);
		-moz-transform: translateY(-200px);
		-o-transform: translateY(-200px);
		-ms-transform: translateY(-200px);
		transform: translateY(-200px);
	}
	.csstransitions .project-link img:first-child,.csstransitions .project-link .project-overlay {
		-moz-transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}
	.csstransitions .project-link:hover img:first-child {
		-moz-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		-o-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}
	
	.csstransitions .project-link:hover .project-overlay {
		opacity: 1;
	}
	
	.no-csstransitions.opacity .view-button,.no-csstransitions.opacity .project-caption {
		opacity: 0;
	}
	
	/* make sure the columns are properly aligned, when the projects are filtered on the portfolio page, by clearing the floats on items that contain a class of "alpha" */
	.portfolio-item.alpha {
		clear: both;
	}
	
	.portfolio-item {
		overflow: hidden;
	}
	
	.item-heading h2 {
		margin-bottom: 7px;
	}
	
	.client-logos {
		display: block;
		clear: left;
	}



/*	16. Blog
    ........................................................................................................................................ */
	
	.post-meta li {
		margin: 0 0 5px;
	}
	
	/* reduce the width of the post meta box if the sidebar is disabled */
	.post-meta.column-width li {
		max-width: 215px; 
	}
	
	#blog-posts .post-meta {
		list-style: none;
		margin: 0;
	}
	
	/**
	 * Date Circles
	 */
	.post time {
		display: block;
		text-transform: lowercase;
		font-variant: small-caps;
		width: 115px;
		height: 95px;
		background: url(images/layout/slide-bg.png);
		text-align: center;
		color: #edefee;
		padding-top: 20px;
		overflow: hidden;
		z-index: -1;
	}
	.boxshadow .post time {
		-webkit-border-radius: 65px;
		-moz-border-radius: 65px;
		border-radius: 65px;
	}	
	.csstransitions .post time {
		-moz-transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}
	.post-time a:hover time {
		color: #DF3528;
	}
	.post .post-time {
		margin-bottom: 20px;
	}
	.post-time .day {
		display: block;
		font-size: 57px;
		margin-bottom: 15px;
		line-height: 40px;
	}
	.post-time .month-and-year {
		font-size: 14px;
	}
	
	/* read more link */
	.post-content .read-more,.blog-post .read-more {
		margin-top: 15px;
	}
	
	/* style the read more link in the search results */
	.post-title + p {
		margin-bottom: 10px;
	}
	
	/**
	 * Post titles
	 */
	h2 .post-title {
		position: relative;
		line-height: 1;
		font-size: 25px;
	}
	h2 .post-title:hover {
		color: #DF3528;
	}
	
	/**
	 * Post thumbnails
	 */
	#blog-posts .post-thumb a img {
		display: block;
		margin-bottom: 0;
	}
	.featured-img-link {
		display: block;
	}
	
	/* post excerpts */
	.excerpt-content {
		background: url(images/layout/border-img.png) repeat-x left bottom;
		padding-bottom: 6px;
		margin-bottom: 20px;
	}
	
	.post .additional-post-meta {
		list-style-type: none;
	}
	
	.post .additional-post-meta li {
		float: left;
	}
	
	.share-this {
		clear: both;
		margin-top: 30px;
		position: relative;
	}
	
	.share-this:before {
		content: " ";
		position: absolute;
		top: 2px;
		left: 0;
		width: 100%;
		height: 1px;
		text-shadow: none;
	}
	
	/* position the elements on the page properly, depending on the position of the sidebar */
	.post .post-content-position {
		position: relative;
		left: 20px;
		width: 520px;
	}
	.full-width-post {
		position: relative;
		left: 10px;
	}
	
	.share-this {
		position: relative;
	}
	
	.blog-pagination a {
		margin-right: 13px;
		text-transform: uppercase;
	}
	
	.page-link-title {
		margin-right: 16px;
	}
	
	.single-post .page-title {
		font-size: 24px;
	}
	
	.share-this a[rel="next"],.share-this a[rel="prev"] {
		display: inline-block;
		text-transform: uppercase;
		font-size: 13px;
		letter-spacing: .1em;
	}
	
	.share-this a:first-child {
		margin-right: 30px;
	}
	
	.share-this a[rel="next"]:before,.share-this a[rel="prev"]:after {
		display: inline-block;
		width: 24px;
		height: 24px;
		position: relative;
		top: 6px;
	}
	
	.share-this a[rel="next"]:before {
		content: url("images/layout/arrow-left.png");
		margin-right: 7px;
	}
	
	.share-this a[rel="prev"]:after {
		content: url("images/layout/arrow-right.png");
		margin-left: 7px;
	}
	
	.single-post .share-this div,.share-this .share {
		float: left;
	}
	
	.single-post .share-this {
		padding: 28px 0 33px;
	}
	
	/* WordPress built-in class for handling sticky posts */
	.sticky {
	}



/*	17. Portfolio Project 
    ........................................................................................................................................ */

	#project-wrapper {
		overflow: visible;
	}
	
	#scroll:before {
		display: block;
		content: " ";
		margin-top: -46px;
		height: 46px;
		visibility: hidden;
	}
	
	/**
	 * Post navigation - next/prev/close
	 */
	.post-nav .close-current-post {
		cursor: pointer;
	}
	.post-nav {
		padding: 0 0 20px;
		background: url(images/layout/border-img.png) repeat-x left bottom;
		position: relative;
	}
	.post-nav li {
		float: right;
		margin-left: 7px;
	}
	.csstransitions .post-nav a,.post-nav span {
		-moz-transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}
	.post-nav a,.post-nav span {
		display: block;
		text-indent: -9999px;
		width: 24px;
		height: 24px;
		background: url(images/layout/nav-buttons.png) no-repeat;
	}
	.opacity .post-nav a,.opacity .post-nav span {
		opacity: .93;
	}
	.opacity .post-nav a:hover,.opacity .post-nav span:hover {
		opacity: .5;
	}
	.post-nav .prev-portfolio-post {
		background-position: -31px 0;
	}
	.post-nav .next-portfolio-post {
		background-position: -63px 0;
	}
	
	.portfolio-shared {
		padding: 46px 0 0;
	}
	
	/**
	 * Project title 
	 */
	.project-title a {
		font-size: .75em;
		float: right;
		width: 30px;
		height: 30px;
		text-indent: -9999px;
		position: relative;
		top: -4px;
	}
	.project-title a[rel="next"] {
		background: url(images/layout/prev-post.png) no-repeat left top;
	}
	.project-title a[rel="prev"] {
		background: url(images/layout/next-post.png) no-repeat left top;
		margin-left: 7px;
	}
	
	#single-item {
		text-align: left;
		position: relative;
	}
	
	#single-item iframe,
	#single-item .single-img-loader {
		background: url(images/layout/loading.gif) no-repeat 50% 50%;
	}
	
	#single-item iframe {
		display: block;
	}
	
	#single-item .single-img-loader {
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
	}
	
	#single-item .single-img-wrapper {
		opacity: 0;
	}
	
	#related-posts {
		margin-bottom: 30px;
		padding-top: 30px;
	}
	
	/**
	 * Portfolio item metadata (categories, date, client, project URL)
	 */
	.item-categories li,.item-metadata li {
		margin-bottom: 15px;
	}
	.item-categories li:first-child,.item-metadata li:first-child {
		font-family: "Yanone Kaffeesatz", Arial, Helvetica, sans-serif;
		font-size: 14px;
		text-transform: uppercase;
		letter-spacing: .1em;
	}
	.item-term, .item-metadata li:last-child {
		display: block;
		padding: 3px 5px 2px;
		background: #f2f2f2;
		background: rgba(0,0,0,.03);
	}
	.borderradius .item-term, .borderradius .item-metadata li:last-child {
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		border-radius: 1px;
	}
	#portfolio-item-meta .item-metadata:last-child {
		margin-bottom: 36px;
	}
	#portfolio-item-meta h2 {
		font-size: 20px;
	}
	
	/* Portfolio item double dashed border at the bottom */
	.portfolio-border {
		clear: both;
		height: 6px;
		background: url(images/layout/border-img.png) 0 0 repeat;
	}



/*	18. Widgets
    ........................................................................................................................................ */

	.widget li {
		margin: 0 0 15px;
	}
	
	.widget_archive li a,.widget_categories li a,.widget_nav_menu li a,.widget_links li a,.widget_pages li a,.widget_recent_entries li a,.widget_recent_comments li a,.widget_rss li a,
	.widget_meta li a {
		display: block;
	}
	
	.widget_archive li a:hover:after,.widget_categories li a:hover:after,.widget_nav_menu li a:hover:after,.widget_links li a:hover:after,.widget_pages li a:hover:after,
	.widget_recent_entries li a:hover:after,.widget_recent_comments li a:hover:after,.widget_rss li a:hover:after,.widget_meta li a:hover:after {
		visibility: visible;
	}
	
	.widget_nav_menu .sub-menu {
		margin-top: 15px;
	}
	
	.widget_nav_menu .sub-menu li {
		margin-left: 2em;
	}
	
	/**
	 * Fast Flickr
	 */
	.widget_fastflickrwidget:before, 
	.widget_fastflickrwidget:after { 
		content: "\0020"; 
		display: block; 
		height: 0; 
		visibility: hidden; 
	} 
	.widget_fastflickrwidget:after { 
		clear: both; 
	}
	.widget_fastflickrwidget .flickr_photo { 
		float: left; 
		margin: 0 10px 10px 0; 
		width: 50px; 
		height: 50px; 
		padding: 6px 7px 6px 6px; 
		background: url('images/layout/border-img.png') repeat left top; 
	}
	.widget_fastflickrwidget .flickr_photo:hover { 
		background-color: #0a0a0a; 
	}
	
	/**
	 * Recent Tweets widget 
	 */
	.widget .tp_recent_tweets ul {
		list-style: none outside none;
	}
	.widget .tp_recent_tweets li { 
		background: url('images/layout/twitter-feed-icon.png') no-repeat 0 4px !important; 
	}
	
	/**
	 * Popular Posts widget 
	 */
	.widget.popular-posts ul {
		clear: both;
	}
	.widget.popular-posts ul:before,.widget.popular-posts ul:after {
		content: "\0020";
		display: block;
		height: 0;
		visibility: hidden;
	}
	.widget.popular-posts ul:after {
		clear: both;
	}
	.popular-posts ul li {
		position: relative;
		clear: both;
	}
	/* title styles */
	.popular-posts .wpp-post-title {
		display: block;
		text-transform: uppercase;
		font-size: 11px;
		letter-spacing: .1em;
	}	
	/* thumbnail styles */
	.popular-posts .wpp-thumbnail {
		float: left;
		margin: 2px 7px 0 0;
		padding: 6px 7px 6px 6px;
		background: url(images/layout/border-img.png) repeat left top;
	}	
	.popular-posts a:hover .wpp-thumbnail {
		background-color: #0a0a0a;
	}
	/* Stats tag styles */
	.popular-posts .post-stats {
		font-size: .92em;
		display: block;
		font-weight: 400;
	}
	.popular-posts .wpp-author {
		font-style: normal;
	}
	
	/**
	 * Calendar Widget 
	 */
	#wp-calendar thead {
		border-bottom: 1px solid;
	}	
	#wp-calendar th,#wp-calendar tbody td {
		text-align: center;
		padding: 3px 6px;
	}	
	#wp-calendar tfoot td {
		padding-top: 3px;
	}	
	#wp-calendar caption {
		font-size: 1.3em;
		font-weight: 700;
		text-align: center;
		margin-bottom: 15px;
	}
	
	/**
	 * Categories widget
	 */
	.widget .children {
		padding-left: 1em; /* indented lists */
	}



/*  19. Plugins and Shortcodes 
    ........................................................................................................................................ */

	/**
	 * MapPress Plugin
	 */
	.mapp-layout {
		border: none!important;
		margin: 0 0 20px!important;
	}
	.mapp-map-links {
		background-color: none!important;
		border: none!important;
	}
	
	/**
	 * Contact Form 7 Plugin
	 */
	.wpcf7 p {
		margin-bottom: 20px;
	}
	.wpcf7 .wpcf7-form-control-wrap { /* span wrapper */
		display: inline!important;
	}
	.wpcf7 div.wpcf7-response-output {
		margin: 2em 0 1em;
	}
	.wpcf7 span.wpcf7-not-valid-tip {
		z-index: 100;
		background: none;
		border: none;
		font-size: 12px;
		width: 200px;
		padding: 0;
		color: #e44141;
	}
	.slide-out-div .wpcf7 .wpcf7-response-output,
	.dropdown-page .wpcf7 .wpcf7-response-output {
		padding: 0;
	}
	.slide-out-div .wpcf7 .wpcf7-mail-sent-ok,
	.dropdown-page .wpcf7 .wpcf7-mail-sent-ok {
		border: none;
		color: #70c949;
	}
	.slide-out-div .wpcf7 .wpcf7-mail-sent-ng,
	.dropdown-page .wpcf7 .wpcf7-mail-sent-ng {
		border: none;
		color: #e44141;
	}
	.slide-out-div .wpcf7 .wpcf7-spam-blocked,
	.dropdown-page .wpcf7 .wpcf7-spam-blocked {
		border: none;
		color: #ffa500;
	}
	.slide-out-div .wpcf7 .wpcf7-validation-errors,
	.dropdown-page .wpcf7 .wpcf7-validation-errors {
		border: none;
		color: #f4e50f;
	}	
	
	/**
	 * Lightbox Plugin
	 */
	html #swipebox-caption, #swipebox-action { border-color: transparent !important; }
	html #swipebox-action {
		top: -50px;
		bottom: auto !important;
	}
	html #swipebox-action.visible-bars {
		top: 0;
		bottom: auto !important;
	}
	html #swipebox-action.force-visible-bars {
		top: 0 !important;
		bottom: auto !important;
	}
	html #swipebox-caption {
		bottom: -50px;
		top: auto !important;
	}
	html #swipebox-caption.visible-bars {
		bottom: 0;
		top: auto !important;
	}
	html #swipebox-caption.force-visible-bars {
		bottom: 0 !important;
		top: auto !important;
	}
	
	/* Disable the default margin introduced by WordPress' admin bar */
	html[lang] {
		margin-top: 0!important;
	}
	
	/**
	 * Contact Info Shortcode 
	 */
	.contact-info-shortcode {
		list-style: none!important;
	}
	.contact-info-shortcode li {
		padding-left: 45px;
		min-height: 33px;
		padding-top: 6px;
		position: relative;
		margin: 0 0 15px;
	}
	.contact-info:before {
		content: " ";
		background: url(images/layout/contact-info-icons.png) no-repeat top left;
		width: 33px;
		height: 33px;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
	}
	#dropdown-wrapper .contact-info:before,.slide-out-div .contact-info:before {
		background-image: url(images/layout/contact-info-icons-dark.png);
		height: 34px;
	}
	.street-address,.city-zip,.state {
		display: block;
	}
	.location:before {
		background-position: -39px 0;
	}
	.telephone:before {
		background-position: -78px 0;
	}
	.my-mail:before {
		background-position: top left;
	}
	


/*	20. Comments
    ........................................................................................................................................ */
    
	#main .comment-list {
		list-style: none;
	}

	#number-of-comments {
		margin-top: 40px;
	}
	
	.comment {
		margin: 0 0 30px;
	}
	
	.comment-author {
		position: relative;
	}
	
	.avatar {
		float: left;
		margin: 0 10px 0 0;
	}
	
	.author-link,.author-meta {
		line-height: 1;
	}
	
	.author-link {
		margin-bottom: 10px;
	}
	
	.author-link .fn {
		font-style: normal;
	}
	
	.author-meta {
		margin: 2px;
	}
	
	#main .children {
		/* indented comments */
		padding-left: 4em;
		list-style: none;
	}
	
	#cancel-comment-reply-link {
		margin-left: 13px;
	}
	
	.form-allowed-tags {
		max-width: 450px;
	}
	
	/* comments navigation */
	.comments_navigation {
		text-transform: uppercase;
		font-size: 1.2em;
	}
	
	.comments_navigation .page-numbers {
		padding-right: 10px;
	}
	
	/* wordpress built-in class for highlighting the author comments */
	.bypostauthor > article {
		background: url(images/layout/post-author.png) no-repeat right top;
	}



/*  21. 404 Page
    .......................................................................................................................................... */

	#not-found {
		text-align: center;
	}
	
	#not-found-heading {
		font-size: 150px;
		font-weight: 700;
	}
	
	#not-found-img {
		border: none;
	}
	
	#not-found-form input {
		width: 500px;
		margin: 0 auto;
	}



/*	22. Footer
    ......................................................................................................................................... */
    
	#footer .footer-widgets li:last-child {
		margin-bottom: 0;
	}
	
	.footer-widgets {
		margin-bottom: 30px;
		padding-top: 36px;
	}
	
	/**
	 * Footer Overlay Widgets Area
	 */
	.slide-out-div {
		left: 0;
		bottom: 0;
		position: fixed;
		z-index: 1000;
		background-image: url(images/layout/overlay-bg.png);
		width: 100%;
		display: none;
	}
	.multiplebgs .slide-out-div {
		border-bottom: 3px solid transparent;
		background: url(images/layout/border-img.png) 0 5px repeat-x,url(images/layout/border-img.png) left bottom repeat-x,url(images/layout/overlay-bg.png);
	}
	
	/**
	 * Footer widgets trigger in the bottom left corner, and the go-to-top button, found in the bottom right corner
	 */
	#overlay-handle, #back-to-top {
		width: 61px;
		height: 59px;
		display: block;
		position: absolute;
		z-index: 1000;
	}
	
	/**
	 * Footer widgets trigger
	 */
	#overlay-handle {
		left: -1px;
		top: -59px;
		background: url(images/layout/overlay-handle.png);
		cursor: pointer;
	}
	#slide-out-container .widgets-handle.closed {
		background-position: 0 0;
	}
	#slide-out-container .widgets-handle.closed:hover {
		background-position: 0 -59px;
	}
	#slide-out-container .widgets-handle.opened {
		background-position: -61px 0;
	}
	#slide-out-container .widgets-handle.opened:hover {
		background-position: -61px -59px;
	}
	.csstransitions #overlay-handle {
		-moz-transition: none;
		-webkit-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
	}
	
	/**
	 * Back to top button
	 */
	#back-to-top {
		display: none;
		width: 38px;
		height: 38px;
	}
	.opacity #back-to-top {
		opacity: .95;
	}
	.csstransitions #back-to-top .inner {
		-moz-transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}
	.borderradius #back-to-top .inner {
		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
		border-radius: 50px;
		background: #f6f6f6 url(images/layout/circle-bg.png);
		width: 46px;
		height: 46px;
		display: block;
		position: absolute;
		z-index: -1;
		margin: -4px 0 0 -4px;
	}
	.borderradius #back-to-top:hover .inner {
		margin: -7px 0 0 -7px;
		padding: 3px;
	}
	#back-to-top.main-top-button {
		top: -49px;
		right: 10px;
	}
	#back-to-top.alternative-top-button {
		position: fixed;
		bottom: 15px;
		right: 10px;
	}
	
	/**
	 * Social networking buttons
	 */
	#social-networking li {
		float: left;
	}
	#social-networking a {
		display: block;
		padding: 0 10px 0 0;
		position: relative;
	}
	#social-networking span {
		width: 24px;
		height: 24px;
		display: block;
	}
	#social-networking .social-icon {
		background: url(images/layout/sociables.png) no-repeat;
	}
	.opacity #social-networking .social-icon {
		opacity: .85;
	}
	.opacity #social-networking a:hover .social-icon {
		opacity: .6;
	}
	#social-networking .facebook {
		background-position: 0 -28px;
	}
	#social-networking .flickr {
		background-position: 0 -87px;
	}
	#social-networking .pinterest {
		background-position: 0 -385px;
	}
	#social-networking .instagram {
		background-position: 0 -420px;
	}
	#social-networking .vimeo {
		background-position: 0 -233px;
	}
	#social-networking .youtube {
		background-position: 0 -291px;
	}
	#social-networking .linkedin {
		background-position: 0 -322px;
	}
	#social-networking .googleplus {
		background-position: 0 -353px;
	}
	#social-networking .behance {
		background-position: 0 -452px;
	}
	#social-networking .dribbble {
		background-position: 0 -205px;
	}
	#social-networking .tumblr {
		background-position: 0 -177px;
	}
	#social-networking .soundcloud {
		background-position: 0 -484px;
	}
	#social-networking .skype {
		background-position: 0 -262px;
	}
	#social-networking .delicious {
		background-position: 0 -149px;
	}
	#social-networking .digg {
		background-position: 0 -117px;
	}
	#social-networking .rss {
		background-position: 0 -57px;
	}
	.csstransitions #social-networking .inner {
		-moz-transition: all .1s linear;
		-webkit-transition: all .15s ease-in-out;
		-ms-transition: all .15s ease-in-out;
		-o-transition: all .15s ease-in-out;
		transition: all .15s ease-in-out;
	}
	.borderradius #social-networking .inner {
		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
		border-radius: 50px;
		background: #f6f6f6 url(images/layout/circle-bg.png);
		width: 30px;
		height: 30px;
		display: block;
		position: absolute;
		z-index: -1;
		margin: -3px 0 0 -3px;
	}
	.borderradius #social-networking a:hover .inner {
		margin: -6px 0 0 -6px;
		padding: 3px;
	}
	.csstransitions #social-networking a,.csstransitions #social-networking .social-icon {
		-moz-transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}
	
	/**
	 * Copyright text
	 */
	#social-networking ~ div {
		margin-top: 2px;
	}
	#social-networking ~ div small {
		float: right;
	}



/*  23. Internet Explorer
    .......................................................................................................................................... */
    
    /* make buttons play nicely in ie */
	.ie button,.ie input[type="submit"] {
		width: auto;
		overflow: visible;
	}
	
	/* remove textarea scrollbars */
	.ie textarea {
		overflow: auto;
	}
		
	.ie .post-time {
		font-size: .95em;
	}
	
	/* IE 8 */
	.ie8 #social-networking {
		margin: 0;
	}
	
	.ie8 #social-networking .inner, .ie8 #back-to-top .inner {
		display: none;
	}
	
	.ie8 #social-networking a {
		padding: 0 8px 0 0;
	}
	
	.ie8 #main .comment-list {
		list-style: none;
	}
	
	.ie8 #overlay-handle:after {
		content: " ";
		position: absolute;
		width: 9999px;
		left: 0;
		bottom: 0;
		height: 5px;
		background: #313236 url(images/layout/overlay-bg.png);
	}
	
	.ie8:after {
		display: none;
	}
	
	.ie8 .blocked-project-overlay:after {
		filter: alpha(opacity=92);
	}
	
	.ie8 #logo img:hover {
		filter: alpha(opacity=75);
	}
	
	.ie8 #single-item .single-portfolio-img {
		background: url(images/layout/loading.gif) no-repeat 50% 50%;
	}
	
	.ie8 #next-prev-links img {
		visibility: hidden;
	}
	
	.ie8 .project-link .project-overlay,.ie8 .project-caption,.ie8 #filter .term-count {
		filter: alpha(opacity=0);
	}
	
	.ie8 input[type="text"], 
	.ie8 #dropdown-wrapper input[type="text"],
	.ie8 .slide-out-div input[type="text"],
	.ie8 textarea {
		background: #fdfdfd;
	}
	
	.ie8 input[type="text"]:focus,
	.ie8 #dropdown-wrapper input[type="text"]:focus,
	.ie8 .slide-out-div input[type="text"]:focus,
	.ie8 textarea:focus {
		background: #eaeaea;
	}
	
	.ie8 .view-button {
		background: #1e1e1e;
		-ms-filter:"progid:DXImageTransform.Microsoft.Chroma(color='1e1e1e') progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
	}
	
	.ie8 #social-networking a {
		background: #fdfdfd;
		-ms-filter:"progid:DXImageTransform.Microsoft.Chroma(color='fdfdfd') progid:DXImageTransform.Microsoft.Alpha(opacity=85)";
	}
	
	.ie8 #social-networking a:hover {
		background: #fdfdfd;
		-ms-filter:"progid:DXImageTransform.Microsoft.Chroma(color='fdfdfd') progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
	}
	
	.ie8 #back-to-top img {
		background: #fdfdfd;
		-ms-filter:"progid:DXImageTransform.Microsoft.Chroma(color='fdfdfd') progid:DXImageTransform.Microsoft.Alpha(opacity=95)";
	}
	
	.ie8 #back-to-top img:hover {
		background: #fdfdfd;
		-ms-filter:"progid:DXImageTransform.Microsoft.Chroma(color='fdfdfd') progid:DXImageTransform.Microsoft.Alpha(opacity=60)";
	}