/*
Theme Name: WP Artisan
Theme URI: http://themeforest.net/user/contempoinc?ref=contempoinc
Description: Responsive Portfolio Theme, designed by <a href="http://www.contempographicdesign.com">Contempo</a>.
Author: Chris Robinson
Author URI: http://www.contempographicdesign.com
Version: 1.0.9
Tags: responsive, premium, portfolio, grey, white, clean, grid, fixed width, widgets, video, blog, cms

License:
License URI:

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the Child Theme Generator in WP Admin > Appearance > Child Theme

View the screencast: http://www.screenr.com/tbos

/* ==============================================================================

Stylesheet Guide

1. Reset
2. Global
3. General Layout
	3.1 Columns
	3.2 Borders
	3.3 Margins and Padding
	3.4 Floats & Centering
	3.5 Clearfix
	3.6 Images
4. Typography
	4.1 Headings
	4.2 Hero
	4.3 Call To Action
	4.4 Paragraphs
	4.5 Lists
	4.6 Links
	4.7 Dropcap
	4.8 Misc
5. Forms
6. Buttons
	6.1 Button Transition
	6.2 Button Types
	6.3 Blue Button
	6.4 Green Button
	6.5 Orange Button
	6.6 Red Button
7. Tables
8. Misc Elements
9. Notifications
10. Site Structure & Appearance

/* ============================================================================== */
/* 1. Reset
/* ============================================================================== */

	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 { margin: 0; padding: 0; border: 0; outline: 0; ist-style: none; font-size: 100%; font-weight: normal; vertical-align: baseline; background: transparent;}
		body { line-height: 1;}
		section,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: ''; content: none;}
		a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
		ins { background-color: #ff9; color: #000; text-decoration: none; /* change colors to suit your needs */}
		mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; /* change colors to suit your needs */}
		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 #cccccc; margin: 1em 0; padding: 0; /* change border color to suit your needs */}
		input, select { vertical-align: middle;}

/* ============================================================================== */
/* 2. Global
/* ============================================================================== */
	
	html, body { height: 100%;}
	body { min-height: 100%; margin: 0 auto; padding: 0 0 49px 0; font-family: Helvetica, Arial, sans-serif; font-size: 100%; line-height: 1.5em; color: #444; background: #efefef;}

/* ============================================================================== */
/* 3. Layout
/* ============================================================================== */

	.singlecol { width: 22.75%; margin: 0 3% 0 0;}
	.onethirdcol { width: 31.33%; margin: 0 3% 0 0;}
	.twocol { width: 48.5%; margin: 0 3% 0 0;}
	.twothirdcol { width: 62.66%; margin: 0 3% 0 0;}
	.threecol { width: 68.25%; margin: 0 3% 0 0;}
	.fourcol { width: 100%;}

	/** 3.2 Borders **/
	
		.borB1D { border-bottom: 1px dotted #d4d4d4;}
		.borB1S { border-bottom: 1px solid #d4d4d4;}
		.borB2S { border-bottom: 2px solid #d4d4d4;}
		.borL1D { border-left: 1px dotted #d4d4d4;}
		.borL1S { border-left: 1px solid #d4d4d4;}
		.borR1D { border-right: 1px dotted #d4d4d4;}
		.borR1S { border-right: 1px solid #d4d4d4;}
		.borT1D { border-top: 1px dotted #d4d4d4;}
		.borT1S { border-top: 1px solid #d4d4d4;}
		.borT2S { border-top: 2px solid #d4d4d4;}
		.borT2SW { border-top: 2px solid #fff;}

	/** 3.3 Margins and Padding **/
		
		.marB0 { margin-bottom: 0 !important;}
		.marB3 { margin-bottom: 3px !important;}
		.marB6 { margin-bottom: 6px !important;}
		.marB12 { margin-bottom: 12px !important;}
		.marB16 { margin-bottom: 12px !important;}
		.marB18 { margin-bottom: 18px !important;}
		.marB24 { margin-bottom: 24px !important;}
		.marB36 { margin-bottom: 36px !important;}
		.marL0 { margin-left: 0 !important;}
		.marL5 { margin-left: 5px !important;}
		.marL10 { margin-left: 10px !important;}
		.marR5 { margin-right: 5px !important;}
		.marR10 { margin-right: 10px !important;}
		.marR20 { margin-right: 20px !important;}
		.marT0 { margin-top: 0 !important;}
		.marT3 { margin-top: 3px !important;}
		.marT6 { margin-top: 6px !important;}
		.marT10 { margin-top: 10px !important;}
		.marT18 { margin-top: 18px !important;}
		.marT18N { margin-top: -18px !important;}
		.marT24 { margin-top: 24px !important;}
		.marT36 { margin-top: 36px !important;}
		
		.padB12 { padding-bottom: 12px !important;}
		.padB18 { padding-bottom: 16px !important;}
		.padB24 { padding-bottom: 24px !important;}
		.padBT6 { padding: 6px 0 !important;}
		.padBT12 { padding: 12px 0 !important;}
		.padL10 { padding-left: 10px !important;}
		.padR10 { padding-right: 10px !important;}
		.padT6 { padding-top: 6px !important;}
		.padT12 { padding-top: 12px !important;}
		.padT18 { padding-top: 16px !important;}
		.padT24 { padding-top: 24px !important;}
	
	/** 3.4 Floats & Centering **/
	
		.left, .alignleft { float: left;}
		.right, .alignright { float: right;}
		.aligncenter { display: block; margin: 0 auto;}
	
	/** 3.5 Clearfix **/
	
		.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
		.clear { display: inline-block; }
		* html .clear { height: 1%; } /* Hides from IE-mac */
		.clear { display: block; }
	
	/** 3.6 Images **/
		
		img { max-width: 100%;}
		a img { border: 0;}
		img.alignleft { margin: 15px 15px 15px 0;}
		img.alignright { margin: 15px 0 15px 15px;}
		img.aligncenter { margin: 15px 0 15px 0;}
		img.alignleft, img.alignright, img.aligncenter, .wp-caption, .widget_ct_flickr img { background: #fff; border: 1px solid #ddd; padding: 5px;}
		
		.imgwraptn, .imgwrapheadshot, .imgwrapmd, .imgwraplead, .imgwrapportfolio, .imgwrapproducts, .author-img {}
		.imgwrap { height: auto; width: 100%;}
			.client-logo.imgwraptn {}
			.imgwrapheadshot {}
			.imgwrapmd {}
			.imgwraplead {}
			.imgwrapportfolio, .imgwrapproduct {}
		
		span.overlay { display: block; position: absolute; background: url(images/mag_over.png) center no-repeat; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; z-index: 2;}
		
		.gallery-caption {}
		.wp-caption { margin: 0 0 20px 0;}
			.wp-caption.alignleft { margin-right: 20px;}
			.wp-caption.alignright { margin-left: 20px;}
			.wp-caption.aligncenter { margin: 0 20px 20px 20px;}
			.wp-caption.alignnone { width: 417px !important;}
			p.wp-caption-text { text-align: center; margin-bottom: 0; color: #777;}
			
	/** 3.7 Video **/
	
		.video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
		.video iframe,  
		.video object,  
		.video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* ============================================================================== */
/* 4. Typography
/* ============================================================================== */

	/** 4.1 Headings **/
	
		h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: normal; margin: 0 0 16px 0;}		/* 16px */
		
		h1 { font-size: 2.25em; line-height: normal;}												/* 36px */
			h1.entry-title { max-width: 480px;}
		h2 { font-size: 1.875em;}																	/* 30px */
		h3 { font-size: 1.5em;}																		/* 24px */
		h4 { font-size: 1.125em;}																	/* 18px */
			h4.widgettitle {}
		h5 { font-size: 1em; text-transform: uppercase;}											/* 16px */
			#sidebar .widget h5 {}
		h6 { font-size: 0.875em; text-transform: uppercase;}										/* 14px */
	
	/** 4.2 Hero **/
	
		.hero { width: 100%; color: #4d9299; padding: 24px 0; line-height: 1em; text-align: center; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
			.hero strong { font-weight: bold;}
	
	/** 4.4 Paragraphs **/
	
		p { margin: 0 0 1.5em 0;}	/* 24px */
	
	/** 4.5 Lists **/
	
		article ul, article ol { margin: 0 0 1.5em 1.5em;}		/* 24px */
			article li ul, article li ol { margin-bottom: 0;}
				article ul li { list-style-type: disc;}
				article ol li { list-style-type: decimal;}
	
	/** 4.6 Links **/
	
		a:link { color: #5a7c87; text-decoration: none;}
		a:visited { color: #5a7c87;}
		a:hover { color: #253236;}
		a:active { color: #253236;}
			a.read-more,
			.nav-previous a
			.nav-next a {
				display: inline-block; -webkit-transition: color 400ms ease-out; -moz-transition: color 400ms ease-out;
			}
				a.read-more em,
				.nav-previous a em,
				.nav-next a em {
					-webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out;
				}
					.nav-previous a:hover em {
						padding-right: 5px;
					}
					a.read-more:hover em,
					.nav-next a:hover em {
						padding-left: 5px;
					}
	
	/** 4.7 Dropcap **/
	
		.dropcap { float: left;	font-size: 2.5em; line-height: 1em;	margin: 0 10px 0 0;}	/* 40px/48px */
		.dropcap2 {	float: left; font-size: 1.375em; line-height: 2em; margin: 0 10px 0 0; padding: 8px 12px; color: #fff; background-color: #444;}		/* 22px/48px */
	
	/** 4.8 Misc **/
	
		strong { font-weight: bold;}
		sup { vertical-align: super;}
		sub { vertical-align: sub;}
		.amp { font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif; font-style: italic;}
		.no-border { border: none !important;}

/* ============================================================================== */
/* 5. Forms
/* ============================================================================== */

	label { display: block;}
	input { font-size: 0.6875em; margin: 0 5px 10px 0; padding: 6px; border: 1px solid #dadada; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; background: #fafafa;} /* 11px */

/* ============================================================================== */
/* 6. Buttons
/* ============================================================================== */

	/** 6.1 Button Transition **/
	
		a { -webkit-transition: color 50ms cubic-bezier(0.470, 0.000, 0.745, 0.715); -moz-transition: color 50ms cubic-bezier(0.470, 0.000, 0.745, 0.715); -o-transition: color 50ms cubic-bezier(0.470, 0.000, 0.745, 0.715); transition: color 50ms cubic-bezier(0.470, 0.000, 0.745, 0.715);}
	
		.btn, a.btn:link, a.btn:visited, input#submit { position: relative; cursor: pointer; display: inline-block; margin: 10px 0; padding: 6px 15px; color: #fff !important; font-weight: bold; text-align: center; text-shadow: 0px 1px 0 RGBA(0,0,0,0.3); overflow: hidden; border: solid 1px #000; box-shadow: inset 0px 1px 0px RGBA(0,255,0,0.6); -webkit-box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.6); -moz-box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.6); background: #222; background: -moz-linear-gradient(top, #555 0%, #222 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#222)); -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;}
			.btn:hover, a.btn:hover, input#submit:hover { cursor: pointer; background: #444; color: #fff; background: -moz-linear-gradient(100% 100% 90deg, #333, #666); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#777), to(#444));}
			.btn:active, input#submit:active { top: 1px; background: #555; background: -moz-linear-gradient(top, #222 0%, #555 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222), color-stop(100%,#555));}
	
	/** 6.2 Button Types **/
	
		.btn-rounded { -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;}
		.btn-pill { border-radius: 1.3em; -moz-border-radius: 1.3em; -webkit-border-radius: 1.3em;}
	
	/** 6.3 Button Sizes **/
	
		a.btn-lrg { font-size: 1em; padding: 8px 20px;} /* 16px */
	
	/** 6.4 Blue Button **/
	
		.btn-blue, a.btn-blue, a.btn-blue:link, a.btn-blue:visited { border: solid 1px #4d9299; box-shadow: inset 0px 1px 0px RGBA(0,255,0,0.6); -webkit-box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.6); -moz-box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.6); background: #3aafbf; background: -moz-linear-gradient(top, #61dced 0%, #3aafbf 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61dced), color-stop(100%,#3aafbf));}
			.btn-blue:hover, a.btn-blue:hover { background:#3aafbf; background: -moz-linear-gradient(top, #7ce4f2 0%, #3aafbf 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ce4f2), color-stop(100%,#3aafbf));}
			.btn-blue:active, a.btn-blue:active { background:#61dced; background: -moz-linear-gradient(top, #3aafbf 0%, #61dced 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3aafbf), color-stop(100%,#61dced));}
	
	/** 6.5 Green Button **/
	
		.btn-green, a.btn-green, a.btn-green:link, a.btn-green:visited { border: solid 1px #708b50; background: #b3d68d; background: -moz-linear-gradient(top, #b3d68d 0%, #8ab15e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3d68d), color-stop(100%,#8ab15e));}
			.btn-green:hover,a.btn-green:hover { background: #c1e899; background: -moz-linear-gradient(top, #c1e899 0%, #8ab15e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c1e899), color-stop(100%,#8ab15e));}
			.btn-green:active,a.btn-green:active { background:#aad27f; background: -moz-linear-gradient(top, #8cad66 0%, #aad27f 100%);	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8cad66), color-stop(100%,#aad27f));}
	
	/** 6.6 Orange Button **/
	
		.btn-orange, a.btn-orange, a.btn-orange:link, a.btn-orange:visited { border: solid 1px #b27c26; background:#fbc357; background: -moz-linear-gradient(top, #fbc357 0%, #ea8615 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbc357), color-stop(100%,#ea8615));}
			.btn-orange:hover, a.btn-orange:hover { background:#f9d080; background: -moz-linear-gradient(top, #f9d080 0%, #ea8615 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9d080), color-stop(100%,#ea8615));}
			.btn-orange:active, a.btn-orange:active { background:#ea8615; background: -moz-linear-gradient(top, #ea8615 0%, #fbc357 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea8615), color-stop(100%,#fbc357));}
	
	/** 6.7 Red Button **/
	
		.btn-red, a.btn-red,a.btn-red:link, a.btn-red:visited { border: solid 1px #af2727; background:#ff3333; background: -moz-linear-gradient(top, #ff3333 0%, #e12828 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3333), color-stop(100%,#e12828));}
			.btn-red:hover, a.btn-red:hover { background:#f62c2c; background: -moz-linear-gradient(top, #ff5858 0%, #f62c2c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5858), color-stop(100%,#f62c2c));}
			.btn-red:active, a.btn-red:active { background:#ff5858; background: -moz-linear-gradient(top, #e62323 0%, #fd8585 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e62323), color-stop(100%,#fd8585));}

/* ============================================================================== */
/* 7. Tables
/* ============================================================================== */

	table { width: 100%; border: 1px solid #dfdfdf; margin: 0 0 18px 0; text-align: left;}
		caption { text-transform: uppercase; font-weight: strong;}
		tbody {}
			thead { background: #e7e7e7;}
			th { color: #555; padding: 15px 10px 10px;}
			td { border-top: 1px dashed #fff; padding: 10px;}
				tbody tr:hover td {}

/* ============================================================================== */
/* 8. Notifications
/* ============================================================================== */

	.notification { margin: 0 0 18px 0; padding: 18px 18px 18px 54px; box-shadow: inset 0px 0px 4px RGBA(0,0,0,0.2); -webkit-box-shadow: inset 0px 0px 4px RGBA(0,0,0,0.2); -moz-box-shadow: inset 0px 0px 3px RGBA(0,0,0,0.2);
		-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px;}
		.info {	border: 1px solid #64a6cc; background: url(images/icons/info_24.png) no-repeat 15px 15px #9dd7f9;}
		.warning {border: 1px solid #d0bc81; background: url(images/icons/warning_24.png) no-repeat 15px 15px #f9e29d;}
		.error { border: 1px solid #d3847a;	background: url(images/icons/error_24.png) no-repeat 15px 15px #f9a89d;}
		.success { border: 1px solid #98cf70; background: url(images/icons/check_24.png) no-repeat 15px 15px #c5f99e;}
		.note {	border: 1px solid #ccb577; background: url(images/icons/note_24.png) no-repeat 15px 15px #e9d49b;}
		.download {	border: 1px solid #64c5e1; background: url(images/icons/download_24.png) no-repeat 15px 15px #cce9f4;}

/* ============================================================================== */
/* 9. Misc Elements
/* ============================================================================== */

	.divider { display: block; margin: 30px 0; height: 1px;	clear: both; background: url(images/h_divider.png) repeat-x;}
	code, pre {
		display: block;	font-size: 0.625em; padding: 15px;	margin: 0 0 30px 0;	border: 1px solid #ccc;	border-left: 5px solid #ccc; background-color: #fff;
		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 7 */
		word-wrap: break-word; /* Internet Explorer 5.5+ */
		font-family: monaco,"Lucida Console",courier,mono-space;
	}
	blockquote { margin: 0 0 18px 36px;	padding: 0 0 0 15px; font-style: italic; border-left: 3px solid #ccc;}
	.highlight { background: #ffff00;}
	.sticky {}

/* ============================================================================== */
/* 10. Site Structure & Appearance
/* ============================================================================== */

	/** 10.1 Resize Me **/
	
		#resize_me { position: fixed; height: 73px; width: 73px; right: 0; bottom: 0; background: url(images/resize_me.png) no-repeat;}
	
	/** 10.2 Main Container **/
	
		#container { position: relative; margin: 0 auto; height: auto !important; min-height: 100%; height: 100%;}
	
	/** 10.2 Wrapper **/
	
		.wrap { margin: 0 auto; width: 945px;}

	/** 10.3 Header **/
	
		header[role="masthead"] { position: relative; z-index: 999; margin: 0 auto; border-bottom: 1px solid #cdcdcd; background: #fffffc;}
		
	/** 10.4 Topbar **/
	
		#topbar { padding: 3px 0; background: #111;}
			#topbar p { margin: 0; font-size: 0.6875em; color: #999; font-style: italic;}
			#topbar img.left { position: relative; top: 3px;}
	
	/** 10.4 Logo **/
	
		#logo { position: relative; margin: 40px 0 15px 0;}
		#logo:active { top: 1px;}
		#textlogo h1 { font-weight: bold; margin: 40px 0 15px 0;}
	
	/** 10.5 Homepage **/
	
		#cta { width: 100%; margin: 0 0 30px 0; font-size: 2.25em; color: #555; text-shadow: 1px 1px 0 #fff; line-height: normal; text-align: center;} /* 52px */
			#cta em {}
		#portfolio, #articles, #clients { border-top: 5px solid #ddd;}
			#portfolio article.description, #articles article.description, #clients article.description { width: 23%;}
			article.description, article.onethirdcol { font-size: 0.6875em; line-height: 1.5em;} /* 11px/24px */
				#portfolio article.onethirdcol, #articles article.onethirdcol { width: 27.9%; padding: 10px; background: #fff; border: 1px solid #dfdfdf;}
				#portfolio article.onethirdcol p.author { color: #999;}
				#clients threecol {}
			#home .widget:nth-child(4n+4) { margin-right: 0;}
				#home .widget h4 { font-size: 0.875em; border-top: 2px solid #5a7c87; padding: 10px 0; border-bottom: 1px solid #ddd;}
				#home .widget p, #home .widget li { font-size: 0.675em;}
				#home .widget_ct_dribbble img { width: 100px; height: 75px;}
	
	/** 10.6 Section **/
	
		section#main { padding: 30px 0 79px 0; border-top: 1px solid #fff;}
		section#content { margin-bottom: 15px;}
			section#content.leftcol { width: 65%;}
		section#content.full-width { width: 100%;}
	
	/** 10.7 Archive Header **/
	
		#archive-header {}
		#archive-header h1 { font-size: 2.215em; line-height: 1em; text-shadow: 1px 1px 0 #fff;}
			#archive-header.full-width {}
			#archive-header h2 { margin: 0 0 5px 0; font-weight: 600; line-height: normal; color: #fff; text-shadow: 0 1px 1px #000;}
				.post-type-archive-portfolio #archive-header h2, .post-type-archive-products #archive-header h2 { margin: 0; line-height: 1;}
				#archive-header p {	position: relative; top: 0px; font-size: 0.75em; line-height: 1em; color: #5A7C87; font-style: normal; text-shadow: none;}
		
	/** 10.8 Breadcrumbs **/
	
		.breadcrumbs { margin: 0 0 15px 0; padding: 0 0 5px 0; border-bottom: 1px solid #efefef;}
	
	/** 10.9 Portfolio Archive **/
	
		ul#tags-nav { width: 100%; list-style: none; border-top: 5px solid #ddd;}
			ul#tags-nav li { float: left; font-size: .75em;}
			ul#tags-nav li#select { margin: 0 10px 0 0; padding: 0;}
			ul#tags-nav li a { display: block; padding: 0 8px 0 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
				ul#tags-nav li a:after { content: "/"; padding: 0 0 0 8px;}
					ul#tags-nav li:last-child a:after { content: ""}
		ul.portfolio { list-style: none; width: 103%;}
			ul.portfolio li { float: left; width: 172px; margin-bottom: 3%; padding: 20px; font-size: 0.75em; line-height: 1.5em; background: #fff; border: 1px solid #dfdfdf; transition: opacity 0.4s linear, transform 0.4s ease-in-out; -webkit-backface-visibility: hidden}
				ul.portfolio li.blur { opacity: 0.6;}
					ul.portfolio li a {}
					ul.portfolio li img { display: block; width: 174px;}
						/*ul.portfolio li img,
						ul.portfolio li h3,
						ul.portfolio li p {
							transition:
								opacity 0.8s linear;
						}*/
		.view-grid { float: left; width: 88.5%;}
			.view-grid a { display: block; margin: 0 auto; height: 22px; width: 22px; overflow: hidden; text-indent: -9999px; background: url(images/icons/grid_22.png) no-repeat 0 0;}
				.view-grid a:hover { background-position: 0 -23px;}
			ul.portfolio li { float: left; width: 172px; margin-bottom: 3%; padding: 20px; font-size: 0.75em; line-height: 1.5em; background: #fff; border: 1px solid #dfdfdf;}
				ul.portfolio li a {}
				ul.portfolio li img { display: block; width: 174px;}
		
	/** 10.10 Article **/
	
		#archive article,
		#search article,
		#single article,
		#page article { padding: 20px; font-size: 0.75em; line-height: 1.5em; background: #fff; border: 1px solid #dfdfdf;}
			#single article { margin-bottom: 30px;}
			article ul.meta { width: 20%; margin: 0 0 0 0;}
				article ul.meta li { font-size: 0.85em; line-height: 1.25em; padding: 5px 0 5px 24px; border-bottom: 1px dotted #ccc; list-style: none;} /* 11px/16px */
				article ul.meta li.author { background: url(images/icons/author_16.png) no-repeat left;}
				article ul.meta li.category { background: url(images/icons/category_16.png) no-repeat left;}
				.single-attachment li.category { display: none;}
				article ul.meta li.date { background: url(images/icons/date_16.png) no-repeat left;}
				article ul.meta li.comments-num { background: url(images/icons/comments_16.png) no-repeat left;}
				article ul.meta li.tags { background: url(images/icons/tags_16.png) no-repeat left 4px;}
				article ul.meta li.twitter,	article ul.meta li.linkedin, article ul.meta li.google { padding: 5px 0 1px 0;}
				article ul.meta li.print { background: url(images/icons/print_16.png) no-repeat left;}
			.article-content { width: 75%;}
			article p {}
				.gallery-item { margin: 0 8px 8px 0;}
				#authorinfo { width: 94.5%; margin: 30px 0 0 0; padding: 30px 15px 15px 15px; border-top: 2px solid #5a7c87;}
				#authorinfo .avatar { float: left; margin: 0 15px 15px 0;}
				#authorinfo p { margin: 0;}
			#single article nav { width: 100%;}
			
	
	/** 10.11 No Matches **/
		
		.nomatches { width: 89.7%; text-align: center; padding: 5%; border: 1px solid #ebeac7; background: #fffee7;}
		
	/** 10.12 Post Single **/
	
		.single-post article { margin-bottom: 0;}
			
	/** 10.13 Portfolio Single **/
		
		nav.portfolio-nav { height: 34px; margin: 0; width: auto; border: 0; background: none; position: relative; z-index: 0;}
			nav.portfolio-nav li { border: 0;}
			.single-portfolio .nav-previous { width: 75px;}
			.view-grid { position: absolute; float: left; left: 440px; width: 22px;}
				.view-grid a { display: block; margin: 0 auto; height: 22px; width: 22px; overflow: hidden; text-indent: -9999px; background: url(images/icons/grid_22.png) no-repeat 0 0;}
					.view-grid a:hover { background-position: 0 -23px;}
			.single-portfolio .video {}
			.single-portfolio .flexslider li { list-style: none;}
		.single-portfolio article { padding: 20px; background: #fff;}
			.single-portfolio article p { font-size: 1em; line-height: 1.5em;}
	
	/** 10.14 Previous/Next Post Nav **/
	
		.nav-previous a,
		.nav-next a {
			font-size: 1.35em;
		}
			
	/** 10.15 Team **/

		article.member { margin: 0 0 15px 0; padding: 0 0 15px 0 !important; background: none; border-top: none !important; border-right: none !important; border-bottom: 1px solid #efefef !important; border-left: none !important;}
			img.author-img { width: 20%;}
			.author-info { width: 75%;}
			.member h2 { margin: 0 0 3px 0; line-height: normal;}
			.member h3 { font-size: 1.25em; text-transform: uppercase; color: #777;}
			.member p { margin: 15px 0 0 0; font-size: 1.35em; line-height: 1.35em;}
			.member ul { margin: 15px 0 0 0;}
			.member li { float: left; margin: 0 30px 0 0; list-style: none; font-size: 1.25em;}
	
	/** 10.16 Left Sidebar **/
	
		.page-template-template-left-sidebar-php #sidebar { margin: 0 0 0 15px;}
	
	/** 10.17 Snipes **/
	
		.snipe { position: absolute; bottom: 15px; left: 0; height: 32px; border-top: 1px solid #ff595b; background: url(images/tag_shadow.png) no-repeat bottom right; z-index: 100;}
			.snipe h3 {	margin: 0;	padding: 6px 15px; font-size: 12px;	color: #fff; border-bottom: 1px solid #8b1b1c; background: #c72527;	text-transform: uppercase;}
				.snipe h3 a { color: #fff;}
	
	/** 10.18 Sidebar **/
	
		#sidebar { width: 31.75%; margin: 0 0 15px 0; background: #fff; border: 1px solid #dfdfdf;}
			#sidebar-inner { padding: 20px 20px 0 20px;}
			.page-template-templateleftsidebar-php #sidebar {}
	
	/** 10.19 Posts **/
	
		.post { padding: 0 0 30px 0;}
			.post-info, .post-meta { font-size: 11px; line-height: 1;}
			.post-meta { border-top: 1px solid #ccc;}
	
	/** 10.20 Contact **/
		#location {}
			#location #map { height: 238px; width: 100%; border-bottom: 1px solid #dfdfdf; background: url(images/loader.gif) center center no-repeat;}
			
		#contactform {}
			fieldset { border: 0;}
			#contactform textarea, #contactform input[type="text"], #contactform input[type="email"], #contactform input[type="url"] { display: block; width: 94%; margin: 0 0 10px 0; padding: 6px 15px; border: 1px solid #dadada; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;background: #fafafa;}
			#contactform textarea { font-family: Arial, Helvetica, sans-serif;}
			#contactform input[type="text"]:focus, #contactform input[type="email"]:focus, #contactform input[type="url"]:focus, #contactform textarea:focus { background: #ffffe5;}
		
		#contact-info ul { margin: 0;}
		#contact-info li { list-style: none; padding: 0 0 0 24px; margin: 0 0 12px 0;;}
			#contact-info li#address { background: url(images/icons/address_16.png) no-repeat left 2px;}
			#contact-info li#tel { background: url(images/icons/tel_16.png) no-repeat left 2px;}
			#contact-info li#fax { background: url(images/icons/fax_16.png) no-repeat left 2px;}
			#contact-info li#email { background: url(images/icons/email_16.png) no-repeat left 2px;}
		
		#social-links {}
		#social-links ul, #social-links li { list-style: none; margin: 0; padding: 0;}
			#social-links li { padding: 0 0 0 24px; line-height: 28px;}
				#social-links li#facebook { background: url(images/social/facebook_16x16.png) no-repeat left;}
				#social-links li#twitter { background: url(images/social/twitter_16x16.png) no-repeat left;}
				#social-links li#linkedin { background: url(images/social/linkedin_16x16.png) no-repeat left;}
				#social-links li#google-plus { background: url(images/social/google_plus_16x16.png) no-repeat left;}
	
	/** 10.21 Pagination **/
	
		.pagination { width: 100%; font-size: 0.6875em; margin: 0 0 15px 0;} /* 11px */
			.pagination span, .pagination a { display: block; float: left; margin: 2px 2px 2px 0; padding: 6px 9px 5px 9px;	text-decoration: none; width: auto;}
			.pagination .current{ padding: 6px 9px 5px 9px; border: 1px solid #dfdfdf; color: #555; background: #fff;}
	
	/** 10.22 Widgets **/
	
		#sidebar .widget { width: 100%;	margin: 0 0 30px 0; font-size: 0.675em;}
			#sidebar .widget h4 { border-top: 2px solid #5a7c87; padding: 10px 0; border-bottom: 1px solid #ddd;}
			.widget p#viewall { margin-bottom: 0;}
			.widget li { padding: 5px 0; list-style: none; line-height: 1.75em; border-bottom: 1px dotted #ccc;}
				.widget li:last-child {	border-bottom: 0;}
				.widget li img { border: 1px solid #ddd;}
		
			/* Blog Author Info */
			.widget_ct_blogauthorinfo span.left { margin: 0 15px 15px 0;}
			.widget_ct_blogauthorinfo span.right { margin: 0 0 15px 15px;}
			.widget_ct_blogauthorinfo p { line-height: 1.75em;}
			
			/* Portfolio */
			.widget_ct_portfolio li { padding: 5px 0 5px 0;}
			.widget_ct_portfolio li:last-child { border-bottom: none;}
				.widget_ct_portfolio li a { display: block; height: 167px;}
				.widget_ct_portfolio a.read-more { margin-top: 8px;}
				
			/* Contact Info */
			.widget_ct_contactinfo li { padding: 0; border: none;}
				.widget_ct_contactinfo li#company-name { font-weight: bold;}
				.widget_ct_contactinfo li#company-email { padding: 5px 0 0 0;}
				.widget_ct_contactinfo li#viewmore { margin: 15px 0 0 0;}
			
			/* Flickr */
			.flickr_badge_image { float: left; margin: 0 9px 7px 0;}
				.flickr_badge_image img { padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -box-shadow: none; background: none;}
				
			/* Dribbble */
			.widget_ct_dribbble li { float: left; margin: 0 10px 10px 0; padding: 0; border: none;}
				.widget_ct_dribbble li:nth-child(2n+2) { margin-right: 0;}
				.widget_ct_dribbble img { height: 92px; width: 123px;}
			
			/* Searchform */
			.searchform  { width: 99%; position: relative;}
			.searchform input.s {width: 94%; margin: 0;	padding: 9px 9px 8px 9px; border: 1px solid #ccc; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #777;}
			.searchform input.search-submit { position: absolute; top: 3px; right: 0px; margin: 0; padding: 3px 6px;}
			
			/* Tabs */
			.widget_ct_tabs { border-top: 2px solid #5a7c87;}	
				ul.ctTabs {	width: 100%;}
					ul.ctTabs li { float: left;	margin: 5px 0 0 0; padding: 0; border-bottom: none; list-style: none;}
						ul.ctTabs li a { padding: 10px 15px; font-size: 1em; color: #444; border-right: 1px solid #efefef; outline: none;}
							ul.ctTabs li a.selected { position: relative; top: 3px; padding-bottom: 9px; color: #253236; background: #fff; z-index: 10;}
							ul.ctTabs li a.selected, ul.ctTabs li a:hover {}
							ul.ctTabs li:first-child a { border-left: 1px solid #efefef;}
					.inside { margin: 6px 0 0 0; border-top: 1px solid #ddd;}
						.inside ul, .inside #tab-tags {}
							.inside ul:first-child {}
							.inside #tab-tags { padding: 15px 0;}
							.inside li { width: 100%; padding: 15px 0;}
							.inside li .imgwraptn.right { margin-left: 10px;}
							.inside h5 { font-size: 1em; margin: 4px 0 2px 0; line-height: normal;}
							.inside h6 { font-size: 11px; font-weight: normal; line-height: normal;}
							.inside .avatar  { margin: 0 0 0 15px;}
								.inside #tab-tags a { padding:2px 4px; margin:3px 1px; display:inline-block; background: #f0f0f0; font-size:13px !important; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
								.inside #tab-tags a:hover { background: #e6e6e6; text-decoration: none;}
								.inside li span.meta { display: block; font: italic 11px/20px Georgia, serif; color: #999;}
			/* Calendar */
			#wp-calendar{ width: 100%;}
				#wp-calendar caption { padding: 0 10px 10px 10px;}
				#wp-calendar th, #wp-calendar td { text-align: center; background: #e7e7e7; color: #9e9e9e; padding: 5px;}	
					#wp-calendar td { background: transparent;}
					#wp-calendar td, table#wp-calendar th {	padding: 3px 0;}

	/** 10.23 Footer **/
	
		footer { position: absolute; bottom: 0; height: 49px; width: 100%; padding: 0 0 15px 0; background: #111; border-top: 5px solid #030304;}
			footer section {}
				#footer-widget-area { width: 918px;}
					.widget.footer { width: 286px; margin: 0 30px 30px 0; color: #aaa;}
					.widget.footer:nth-child(3n+3) { margin: 0;}
						.widget.footer h5 { padding: 8px 0 8px 0; color: #fff; text-transform: uppercase; border-top: 2px solid #777; border-bottom: 1px dotted #555;}
						.widget.footer p, .widget.footer a { color: #aaa;}
							.widget.footer a:hover { color: #fff;}
						.widget.footer li { border-bottom-color: #444;}
			footer nav { width: auto; border: none; margin: 15px 0 0 0; background: none;}
				footer nav li { border: 0;}
				footer nav li a { font-size: 10px; text-transform: uppercase; padding: 0 10px; text-shadow: none; color: #cd4f1e;}
					footer nav li:first-child a { padding-left: 0;}
					footer nav li a:hover, footer a:hover { color: #fff !important; background: none !important;}
					footer nav li ul { display: none !important;}
			footer p.left, footer p.right { font-size: 10px; color: #999; margin: 15px 0 0 0; text-transform: uppercase;}
				footer p.left {}
				footer p.right {}
				
	/** 10.24 Last **/

	.last { clear: right; margin-right: 0 !important;}