/*
	Theme Name: Unfold
	Theme URI: http://themes.ydimitrov.eu/unfold/
	Description: clean minimal portfolio theme
	Version: 1.2
	Author: Lion
	Author URI: http://themeforest.net/user/Lion
	
	-- CONTENTS --
	
	=CSS RESET
	=General
	=Header + main content and slider
	=Menu
	=Sidebar
	=Footer
	=Portfolio
 	=Blog
	=Comments
	=Clients
	=Testimonials
	=Team
	=Modules
	=Contact
	=Archives
	=Shortcodes
	=Widgets
*/

/* CSS RESET - http://meyerweb.com/eric/tools/css/reset/ 
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* =General
-------------------------------------------------------------- */
body {
	
	font-size: 13px;
	line-height: 1.7em;
	-webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6,
.action-button,
.twitter-module,
.sidebar-widget .meta-date,
.team-meta .in-department{
	font-family: 'Droid Serif', Helvetica, Arial, sans-serif;

}

a{
	text-decoration: none;
}

.text-hightlight {
	padding: 2px;
}

a.no-eff:hover {
	color: none;
}

.clear {
	clear: both;
}

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

h1,
h2,
h3,
h4,
h5,
h6{
	font-weight: 400;
	line-height: 1.7em;
}

h1 {
	font-size: 26px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 12px;
}

h4 {
	font-size: 14px;
}

h5 {
	font-size: 12px;
}

h6 {
	font-size: 10px;
}

strong {
	font-weight: bold;
}

table {
	width: 100%;
	padding: 10px;
	margin-bottom: 20px;
	min-width: 100%;
}
	table tr td {
		padding: 20px;
	}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 10px 0 20px 20px;
}

.alignleft {
    float:left;
    margin: 10px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 10px auto 10px auto;
}

a img.alignright {
    float:right;
    margin: 20px 0 15px 20px;
}

a img.alignnone {
    margin: 0 10px 0 0;
}

a img.alignleft {
    float:left;
    margin: 20px 20px 15px 0;
}

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

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    font-style: italic;
    text-align: center;
}

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

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

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

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}

.gallery-caption { font-style: italic; font-size: 12px; }

.sticky { font-size: 18px; }

p:empty {
	display: none;
}

p{
	margin-bottom: 20px;
}

.text-content-shadow {
	text-shadow: 1px 1px 0px #fff;
}

/* =Header 
-------------------------------------------------------------- */
#main-header {
	width: 100%;
	padding-top: 40px;
	margin: 0;
}

	#main-header .wrap {
		width: 760px;
		margin: 0 auto;
	}

#logo {
	margin-bottom: 30px;
	text-align: center
}
	#logo  a { display: inline-block; }

	#logo .slogan {
		font-size: 11px;
		margin-top: 0px;
	}

#wrapper {
	width: 760px;
	margin: 20px auto 0 auto;
}

#main-content {
	font-size: 12px;
}
	
	#main-content.right-sidebar {
		width: 500px;
		float: left;
		margin-right: 20px;
	}

	#main-content.left-sidebar {
		width: 500px;
		float: right;
		margin-left: 20px;
	}

	#main-content.no-sidebar{
		width: 760px;
	}

	#main-content.grid-layout{
		width: 780px;
	}

	#main-content img,
	#main-content iframe {
		max-width: 100%;
		line-height: 0;
	}

	#main-content img { height: auto; }

	.post-content h1, 
	.post-content h2, 
	.post-content h3, 
	.post-content h4, 
	.post-content h5, 
	.post-content h6 { 
		margin-bottom: 15px; 
	}

	#wrapper .article-title,
	.portfolio-title,
	.page-title {
		font-size: 24px;
		margin-bottom: 20px;
		line-height: 1.4em;
	}

	.page-title {
		
		font-size: 12px;
	}

	#main-content .article-content {
		width: 460px;
		padding: 20px 20px 0 20px;
		overflow: hidden;
	}

	#main-content.no-sidebar .article-content {
		width: 720px;
	}

	.portfolio-title {
		margin-bottom: 10px;
	}

#page-overlay {
	width: 100%;
	height: auto;
	position: fixed;
	z-index: 9999;
	top: 0;
	right: 0;
	font-size: 12px;
	line-height: 1.7em;
	display: none;
}

	#page-overlay .overlay-content {
		width: 760px;
		margin: 0 auto;
		padding: 20px 0 0 0;
	}

	#page-overlay .overlay-content h3{ line-height: 1.7em; margin-bottom: 10px;}

	#page-overlay .overlay-toggle {
		width: 47px;
		height: 45px;
		background-repeat: no-repeat;
		background-position: 0 0;
		position: absolute;
		right: 0;
		bottom: 0;
		cursor: pointer;
	}

	#page-overlay .overlay-toggle.close {
		background-position: 0 100%;
	}

.section-head,
.portfolio-head {
	margin-bottom: 20px;
}
	
	.section-head span {
		display: inline-block;
		font-size: 16px;
		padding: 10px;
	}

	.section-head a.comment {
		float: right;
		font-size: 12px;
		margin-top: 15px;
		line-height: 13px;
	}

	.section-head.portfolio-module-head > span { float: left; }

/* =Menu
-------------------------------------------------------------- */
#main-nav {
	height: 51px;
	z-index: 100;
	position: relative;
}	
	#main-nav ul {
		text-align: center;
	}

	#main-nav ul li {
		display: inline;
		position: relative;
	}

	#main-nav > ul > li:after {
		content: '/';
	}

	#main-nav > ul > li:last-child:after {
		content: '';
	}
		
		#main-nav ul li a {
			display: inline-block;
			font-size: 12px;
			font-weight: normal;
			line-height: 12px;
			padding: 17px 12px 20px 12px;
			border-top: solid 3px transparent;
		}
		
			#main-nav ul li ul {
				display: none;
				position: absolute;
				left: 0;
				top: 100%;
				margin-top: 18px;
				text-align: left;
			}

			
				#main-nav ul li ul li {
					padding-bottom: 0;
				}
				
				#main-nav ul li ul li:last-child{
					margin-bottom: 0;
				}
				
					#main-nav ul li ul li a{
						width: 140px;
						
					}
				
						#main-nav ul li ul li ul{
							left: 100%;
							top: 0;
							margin-top: -18px;
							
						}

#mobile-main-nav {
	margin: 0 auto;
	width: 100%;
	padding: 14px 10px 12px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
    appearance: none;
	cursor: pointer;
	border: none;
	outline: none;
	border-radius: 0;
	overflow: hidden;
	display: none;
}
				
/* =Sidebar
-------------------------------------------------------------- */

.widget-box {
	width: 240px;
	margin: 0 20px 0 0;
}
		
	.widget-box h3 {
		line-height: 1.7em;
		margin-bottom: 5px;
	}

	.widget-box p {
		font-size: 12px;
	}

#sidebar {
	margin-bottom: 20px;
	overflow: hidden;
	padding-bottom: 20px;
}
	#sidebar h3 {
		margin-top: 20px;
	}

#sidebar-wrapper {
	width: 760px;
	margin: 0 auto;
}

	#sidebar-wrapper .widget-box,
	#page-overlay .widget-box {
		float: left;
		font-size: 12px;
	}

	#page-overlay .sidebar-widget {
		margin-bottom: 20px;
	}

#content-sidebar {
	width: 240px;
	float: left;
	overflow: hidden;
	margin-bottom: 20px;
}

	#content-sidebar .sidebar-widget {
		width: 240px;
		margin: 0 0 20px 0;
		font-size: 12px;
	}
	
	#content-sidebar .sidebar-widget:last-child { margin-bottom: 0;}

	#content-sidebar .sidebar-widget h3 {
		font-size: 16px;
		margin-bottom: 5px;
	}

	#content-sidebar .sidebar-widget table { width: 100%;}
	#content-sidebar .sidebar-widget td { padding: 5px; }

/* =Footer
-------------------------------------------------------------- */

#main-footer {
	width: 760px;
	margin: 0 auto 20px auto;
}

	#main-footer .text {
		display: inline-block;
		float: left;
		font-size: 11px;
		margin-right: 10px;
	}

	#main-footer .social-icons {
		display: inline-block;
		float: right;
	}

		#main-footer .social-icons ul li,
		.team-social-icons ul li {
			width: 16px;
			height: 16px;
			float: left;
			margin-left: 10px;
			opacity: 0.5;
		}

			#main-footer .social-icons ul li:hover,
			.team-social-icons ul li:hover { 
				opacity: 1; 
			}

/* =Portfolio
-------------------------------------------------------------- */
#portfolio-showcase-loader {
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	border-radius: 5px;
	position: fixed;
	top: 15px;
	left: 15px;
	display: none;
	opacity: 0;
}

#portfolio-showcase {
	width: 100%;
	height: 0px;
	overflow: hidden;
}
	#portfolio-showcase img,
	#portfolio-showcase iframe,
	.single-portfolio-item img,
	.single-portfolio-item iframe {
		line-height: 0;
	}

	#portfolio-showcase .showcase-wrap {
		width: 760px;
		margin: 20px auto;
	}

	#portfolio-showcase .showcase-slider,
	#portfolio-showcase .images-list,
	.single-portfolio-item .portfolio-slider,
	.single-portfolio-item .images-list,
	#portfolio-showcase .showcase-video {
		line-height: 0;
	}

	#portfolio-showcase .showcase-content,
	.single-portfolio-item .portfolio-content {
		overflow: hidden;
	}

	#portfolio-showcase .showcase-description,
	.single-portfolio-item .portfolio-description {
		width: 460px;
		padding: 20px 20px 0 20px;
		float: left;
		margin-bottom: 20px;
	}

		.showcase-description p:last-child,
		.portfolio-description p:last-child{ 
			margin-bottom: 0;
		}

	#portfolio-showcase .showcase-aside,
	.single-portfolio-item .portfolio-aside {
		float: left;
		width: 240px;
		min-height: 70px;
		overflow: hidden;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	#portfolio-showcase .nav-holder,
	.single-portfolio-item .nav-holder {
		width: 80px;
		height: 70px;
		float: left;
		overflow: hidden;
		position: relative;
	}

	#portfolio-showcase .close .nav-holder { float: right; }

	#portfolio-showcase .controls,
	.single-portfolio-item .controls {
		height: 70px;
	}

	#portfolio-showcase .controls .nav-btn,
	#portfolio-showcase .controls .nav-btn-hover,
	.single-portfolio-item .controls .nav-btn,
	.single-portfolio-item .controls .nav-btn-hover {
		width: 80px;
		height: 70px;
		background-repeat: no-repeat;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
	}

	.single-portfolio-item .controls a.next { float: right;}

	#portfolio-showcase .controls .nav-btn-hover,
	.single-portfolio-item .controls .nav-btn-hover {
		z-index: 1;
	}

	#portfolio-showcase .prev,
	.single-portfolio-item .prev {
		background-position: 0 0;
	}

	#portfolio-showcase .next,
	.single-portfolio-item .next {
		background-position: -80px 0;
	}

	#portfolio-showcase .close {
		background-position: 100% 0;
	}

	#portfolio-showcase .prev-hover,
	.single-portfolio-item .prev-hover {
		background-position: 0 100%;
	}

	#portfolio-showcase .next-hover,
	.single-portfolio-item .next-hover {
		background-position: -80px 100%;
	}

	#portfolio-showcase .close-hover {
		background-position: 100% 100%;
	}

	#portfolio-showcase .showcase-aside .meta-data,
	.single-portfolio-item .portfolio-aside .meta-data {
		padding: 20px 20px 10px 20px;
	}
		
		#portfolio-showcase .showcase-aside .meta-data p,
		.single-portfolio-item .portfolio-aside .meta-data p {
			padding-bottom: 10px;
			margin-bottom: 10px;
		}

		#portfolio-showcase .showcase-aside .meta-data p.no-border,
		.single-portfolio-item .portfolio-aside .meta-data p.no-border { 
			border: none; 
			padding-bottom: 0; 
		}

	#portfolio-showcase .flexslider,
	.single-portfolio-item .flexslider,
	.slider-module.flexslider {
		margin: 0;
		border: none;
		border-radius: 0;
		min-height: 350px;
		box-shadow: none;
	}

.portfolio-filter {
	float: right;
	margin-right: -10px;
}	
	.portfolio-filter ul li {
		float: left;
	}

		.portfolio-filter ul li a {
			display: inline-block;
			font-size: 12px;
			font-weight: normal;
			line-height: 12px;
			padding: 10px;
			border-top: solid 3px transparent;
		}

	.portfolio-filter ul li:after {
		content: '/';
		padding: 10px 5px;
	}

	.portfolio-filter ul li:last-child:after {
		content: '';
	}

.portfolio-head .portfolio-filter {
	float: left;
}

.portfolio-posts {
	width: 103%;
	margin-left: -10px;
}

.portfolio-box {
	width: 175px;
	height: 190px;
	margin: 0 10px 20px 10px;
	float: left;
	position: relative;
	overflow: hidden;
}
	.portfolio-box img {
		max-width: 100%;
		height: auto;
	}

	.portfolio-box .item-image {
		position: absolute;
		position: relative\9;
		top: 0;
		left: 0;
		-webkit-transform: translateZ(0);
	}

	.portfolio-box .hover {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		display: none;
		-webkit-transform: translateZ(0);
	}

		.portfolio-box .hover .circle {
			width: 69px;
			height: 68px;
			background-repeat: no-repeat;
			text-align: center;
			margin: 20px auto 20px auto;
			opacity: 0;
		}

			.portfolio-box .hover .circle span {
				display: inline-block;
				font-size: 18px;
				margin-top: 24px;
			}

		.portfolio-box .title {
			width: 100%; 
			text-align: center; 
			position: absolute; 
			left:0; 
			bottom: -30px;
			opacity: 0;
		}

		.portfolio-box .hover h3 {
			display: block;
			font-size: 12px;
			text-align: center;
			line-height: 1.7em;
		}

.single-portfolio-item {
	margin-bottom: 20px;
	overflow: hidden;
}
	
	.single-portfolio-item .portfolio-video {
		height: auto;
		line-height: 0;
	}

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

.single-blog-post {
	overflow: hidden;
	margin-bottom: 20px;
}

	.single-blog-post p,
	.post-format-big p {
		font-style: 12px;
		margin-bottom: 20px;
	}

	.post-format-big p { padding: 0 20px; margin-bottom: 40px; }

	.post-format-big h3,
	h2.post-title{
		padding: 20px 20px 15px 20px;
		line-height: 1.6em;
	}

	h2.post-title { padding: 20px 0 0 0; }

	.single-blog-post .post-content { padding: 0 20px; }

.post-format .post-img{
	line-height: 0;
	position: relative;
	overflow: hidden;
}

.post-format .format-image {
	width: 100%;
	height: 100%;
} 

	.post-format .format-image img {
		width: 100%;
		height: auto;
	}

.post-format iframe {
	max-width: 100%;
	background-color: #333;
}

.post-format-small iframe { height:auto; }

.post-format .img-hover,
.dribbble-shot .img-hover,
.client-box .img-hover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	display: none;
}

.blog-posts-list {
	width: 780px;
}

.post-format-small,
.post-format-big,
.team-member-post {
	width: 240px;
	float: left;
	margin: 0 20px 20px 0;
	position: relative;
}

.post-format-small { height: 320px; }

.post-format-big {
	width: 800px;
	min-height: 100px;
	padding-bottom: 35px;
}

	.post-format-small h3{
		padding: 10px 10px 5px 10px;
		line-height: 1.6em;
	}

	.post-format-small p,
	.testimonial-box p,
	.client-box p{
		padding: 0 10px 10px 10px;
		font-size: 12px;
	}


	.post-format-small h3 a,
	.post-format-big h3 a { 
		display: inline-block; 
	}

	.post-format-small footer,
	.post-format-big footer,
	.testimonial-box footer,
	.team-member-post footer,
	.client-box footer{
		width: 240px;
		height: 54px;
		overflow: hidden;
		position: absolute;
		left: 0;
		bottom: 0;
	}

	.post-format-big footer {
		width: 500px;
	}

	.post-format-small .post-date,
	.post-format-small .post-author,
	.post-format-big .post-date,
	.post-format-big .post-author,
	.testimonial-box .testimonial-author,
	.testimonial-box .author-url,
	.team-member-post .team-member,
	.team-member-post .team-member-meta,
	.client-box .client-name,
	.client-box .client-url {
		width: 240px;
		height: 54px;
		padding: 10px;
		-webkit-transform: translateZ(0);
	}

	.post-format-big .post-date,
	.post-format-big .post-author {
		width: 500px;
	}
	
	.post-format-small .post-author,
	.testimonial-box .author-url,
	.post-format-big .post-author,
	.post-format-big .author-url ,
	.team-member-post .team-member-meta,
	.client-box .client-url{ 
		height: 108px; 
	}

	.post-format-small .post-date,
	.testimonial-box .testimonial-author,
	.post-format-big .post-date,
	.team-member-post .team-member,
	.client-box .client-name {
		position: relative;
	}

	.post-format-small .post-author,
	.testimonial-box .author-url,
	.post-format-big .post-author,
	.team-member-post .team-member-meta,
	.client-box .client-url {
		position: relative;
		font-size: 11px;
	}

	.post-format-small .author,
	.testimonial-box .url,
	.post-format-big .author,
	.team-member-post .departments,
	.client-box .url{
		margin-top: 74px;
		width: 200px;
		height: 40px;
		line-height: 18px;
	}

		.post-format-small .author span,
		.post-format-big .author span { 
			display: block; 
		}

	.post-format-small .date,
	.post-format-big .date {
		width: 42px;
		height: 36px;
		text-align: center;
		padding-right: 10px;
	}

	.post-format-small .date .month,
	.post-format-small .date .year,
	.post-format-big .date .month,
	.post-format-big .date .year {
		font-size: 9px;
		display: block;
	}

	.post-format-small .date .month,
	.post-format-big .date .month {
		line-height: 11px;
	}

	.post-format-small .date .year,
	.post-format-big .date .year {
		margin-top: -10px;
	}

	.post-format-small .date .day,
	.post-format-big .date .day {
		font-size: 12px;
		display: block;
		margin-top: -4px;
	}

	.post-format-small .plus,
	.post-format-big .plus,
	.testimonial-box .plus,
	.team-member-post .plus,
	.client-box .plus {
		width: 15px;
		height: 15px;
		background-repeat: no-repeat;
		background-position: 0 0;
	}

	.post-format-small .post-date .plus,
	.post-format-small .post-author .plus,
	.post-format-big .post-date .plus,
	.post-format-big .post-author .plus,
	.testimonial-box .testimonial-author .plus,
	.testimonial-box .author-url .plus,
	.team-member-post .team-member-meta .plus,
	.team-member-post .team-member .plus,
	.client-box .client-name .plus,
	.client-box .client-url .plus {
		position: absolute;
		top: 19px;
		right: 35px;
	}

	.post-format-small .post-author .plus,
	.post-format-big .post-author .plus,
	.testimonial-box .author-url .plus,
	.team-member-post .team-member-meta .plus,
	.client-box .client-url .plus {
		margin-top: 140px;
		background-position: 0 100%;
	}

/* -- Quote --- */
.post-format-small .post-quote,
.post-format-big .post-quote,
.single-blog-post .post-quote {
	padding: 10px;
}
	.post-format .post-quote a,
	.single-blog-post .post-quote span.quote {
		text-align: center;
		font-style: normal;
		display: inline-block;
		width: 220px;
		font-size: 14px;
	}

	.post-format-big .post-quote a,
	.single-blog-post.format-quote .post-quote span.quote { 
		width: 460px; 
	}

	.post-format-big .quote-post { margin-bottom: 20px; }

	.single-blog-post .post-quote span.quote {
		width: 480px;
	}

.post-format .cite{
	display: block;
	float: none;
	font-size: 12px;
	margin-top: 28px;
	text-align: center;
}

.post-format .quote-post .quote-up-icon,
.post-format .quote-post .quote-down-icon{
	width: 39px;
	height: 20px;
	background-repeat: no-repeat;
	margin: 10px 10px 0 10px;
}

.post-format-big .quote-post .quote-up-icon,
.post-format-big .quote-post .quote-down-icon,
.single-blog-post.format-quote .quote-up-icon,
.single-blog-post.format-quote .quote-down-icon {
	margin: 20px 20px 0 20px;
}

.post-format .quote-post .quote-down-icon{
	float: right;
	margin-top: -32px;
}

.post-format-big .quote-post .quote-down-icon, 
.single-blog-post.format-quote .quote-down-icon { 
	margin-bottom: 20px; margin-top: -40px;
}

.post-format-big .post-quote,
.single-blog-post.format-quote .post-quote {
	padding: 20px;
}

p.aside {
	padding-top: 10px;
}

.single-blog-post p.aside,
.post-format-big p.aside {
	padding-top: 20px;
}

/* -- Link -- */
.post-format .post-link .link-icon{
	width: 27px;
	height: 27px;
	background-image: url("images/light/post-format-link-icon.png");
	background-repeat: no-repeat;
	margin: 20px 20px 0 20px;
}

.post-format-small .post-link .link-icon { margin: 10px 10px 0 10px; }

.post-format .post-link h3 {
	display: block;
	text-align: center;
	margin: 10px 10px 35px 10px;
}

	.post-format .post-link h3 a{
		font-size: 16px;
	}

.post-format .post-link-content{
	padding-top: 20px;
}

/* -- Gallery -- */
.post-gallery {
	position: relative;
}

.format-gallery-slider.flexslider {
	margin: 0 0 20px 0;
	border: none;
	border-radius: 0;
	box-shadow: none;
	min-height: 150px;
}

.single-blog-post .flexslider { margin-bottom: 0; }

.format-gallery-slider .flex-control-nav {
	bottom: 5px;
}

.post-gallery .img-holder {
    width: 100%;
    height: 265px;
    overflow: hidden;
    cursor: pointer;

	position: relative;
	-webkit-transform: translateZ(0);
}

	.post-gallery .img-holder img {
		min-width: 100%;
		height: auto;
		position: absolute;
		top: 0;
		left: 0;
	}

.post-gallery ul.pagi {
	position: absolute;
	right: 5px;
	bottom: 10px;
	z-index: 77;
}

	.post-gallery ul.pagi li {
		display: inline-block;
		float: left;
		text-indent: -9999px;
		margin-right: 3px;
	}	

	 	.post-gallery ul.pagi li a{
			display: block;
			width: 12px;
			height: 12px;
			background-repeat: no-repeat;
			background-position: 0 0;
		}

		.post-gallery ul.pagi li.current a,
		.post-gallery ul.pagi a:hover{
			background-position: 0 100%;
		}

/* -- Video -- */
.post-format-small.format-video h3 { padding-top: 0; }

.post-format-big.format-video h3,
.single-blog-post.format-video h2 {
	padding-top: 10px; 
}

.pagination {
	margin: 20px 0;
	text-align: center;
}

.pagination a,
.pagination .current{
	display: inline-block;
	width: 38px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-right: 7px;
	font-size: 12px;
	padding-top: 8px;
}

.pagination a.begin,
.pagination a.minus,
.pagination a.plus,
.pagination a.end {
	text-indent: -9999px;
}

.pagination a.begin { background-position: -114px 0px; }
.pagination a.begin:hover { background-position: -114px 100%; }
.pagination a.minus { background-position: -38px 0px; }
.pagination a.minus:hover { background-position: -38px 100%; }
.pagination a.plus { background-position: -76px 0px; }
.pagination a.plus:hover { background-position: -76px 100%; }
.pagination a.end { background-position: -152px 0px; }
.pagination a.end:hover { background-position: -152px 100%; }

.pagination .current,
.pagination a:hover {
	background-position: 0 100%;
}

#main-search {
	margin-bottom: 20px;
	width: 240px;
}

	#main-search input {
		width: 218px;
		height: 22px;
		font-size: 11px;
		padding: 10px;
		line-height: 14px;
		outline: none;
		border-top: none;
		border-left: none;
		border-right: none;
	}

.single-post-meta { 
	width: 240px;
	float: left;
}

	.single-meta-links h4 {
		margin-top: 5px;
	}

.single-meta-data,
.single-meta-links .prev-post,
.single-meta-links .next-post,
.tags-box {
	width: 220px;
	margin-bottom: 20px;
	padding: 10px;
	font-size: 12px;
}

.sidebar-widget .meta-date,
.team-meta .in-department {
	display: block;
	font-size: 18px;
	padding: 15px 0;
	text-align: center;
	font-style: italic;
}

.sidebar-widget .meta-author {
	font-size: 12px;
	text-align: center;
}

.sidebar-widget .meta-title{
	font-size: 12px;
	display: block;
	margin-bottom: 5px;
}

.default-page {
	padding: 20px 20px 0 20px;
	margin-bottom: 20px;
	overflow: hidden;
}

.default-page.nothing-found { padding-bottom: 20px; }

#page-404 .archives-404 { margin-bottom: 20px; }

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

#comments {
	margin-top: 20px;
	font-size: 13px;
}


.section-comments {
	margin: 20px 0 20px 0;
}

	.section-comments a.leave-comment {
		display: inline-block;
		float: right;
		margin-top: 9px;
	}

#comments li .comment-wrap {
	overflow: hidden;
	margin-top: 20px;
}

#comments .comment-avatar {
	width: 40px;
	height: 40px;
	margin: 10px 10px 10 0;
	float: left;
}

#comments .bypostauthor .comment-wrap{
	border-left-width: 6px;
}

#comments .comment-content {
	margin-left: 60px;
	padding: 0 10px 10px 0;
}

#comments .comment-content p { margin-bottom: 10px; }

.ping-content {
	padding: 20px;
}

#comments .comment-header {
	width: inherit;
	margin-bottom: 10px;
}

	#comments .comment-content > strong {
		display: inline-block;
	}

#comments .comment-meta {
	margin-top: 10px;
	font-size: 12px;
}

.children {
	margin-left: 60px;
}

.comments-navigation {
	margin: 20px 0;
	padding: 10px;
}

.nocomments {
	margin: 20px 0;
}

.prev-comments {
	margin-right: 10px;
}

#respond {
	width: 100%;
	margin-bottom: 20px;
}

	#respond label {
		font-size: 12px;
	}

	#main-content input,
	#main-content textarea,
	#respond input,
	#respond textarea,
	#contact-form-wrap input,
	#contact-form-wrap textarea,
	.widget_search input  {
		margin: 0;
		font-size: 12px;
		padding: 10px;
	}

	#main-content input:focus,
	#main-content textarea:focus,
	#respond input:focus,
	#respond textarea:focus,
	.widget_search input {
		outline: none;
	}

	#main-content input,
	#respond input,
	.widget_search input {
		width: 218px;
		margin: 0 10px 20px 0;
		line-height: 1.7em;
	}

	#main-content input[type=submit] { width: auto; }

	#main-content textarea,
	#respond textarea {
		display: block;
		width: 70%;
		margin: 20px 0 20px 0;
		line-height: 1.7em;
	}

	#main-content iframe { width: 100%; }

	#respond textarea { margin-top: 0; }

	#respond .respond-background {
		width: inherit;
	}

	#respond .logged-user-data{
		font-size: 12px;
		margin-bottom: 20px;
	}

#submit, 
#contact-submit,
a.button-white,
a.button-black,
a.button-green,
a.button-red,
a.button-blue,
a.button-purple,
a.button-yellow,
#main-content button,
#main-content input[type=submit] {

	display: inline-block;
	cursor: pointer;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 13px;
	-webkit-font-smoothing: antialiased;
	outline: none;
	margin: 5px 5px 5px 0;
	padding: 9px 12px;
	text-align: center;
}

#submit {
	margin: 0;
}

#contact-form-wrap .error,
#contact-form-wrap .contact-error,
#commentform .error {
	display: inline-block;
	color: #ff482d;
}

/* =Clients
-------------------------------------------------------------- */

.clients-list {
	width: 780px;
}

.client-box-small {
	width: 136px;
	height: 70px;
	float: left;
	margin: 0 20px 20px 0;
}

.client-box-small img { line-height: 0; }

.client-box {
	width: 240px;
	height: 380px;
	margin: 0 20px 20px 0;
	position: relative;
	float: left;
}
	.client-box .img-hover {
		height: 145px;
	}

	.client-box .name span,
	.client-box .url span{
		display: inline-block;
		margin: 5px 0 0 5px;
		font-size: 12px;
	}

	.client-box .url span { padding-top: 2px; }

/* =Testimonials
-------------------------------------------------------------- */

.testimonials-list {
	width: 780px;
}

.testimonial-box {
	width: 240px;
	height: 260px;
	margin: 0 20px 20px 0;
	position: relative;
	float: left;
}

	.testimonial-box p { 
		text-align: center;
		padding-top: 10px; 
		font-size: 14px;
	}

	.testimonial-box .author span,
	.testimonial-box .url span,
	.team-member-post .member-name,
	.team-member-post .departments span{
		display: inline-block;
		margin: 5px 0 0 5px;
		font-size: 12px;
	}

	.testimonial-box .url span { padding-top: 2px; }

/* =Team
-------------------------------------------------------------- */
.sidebar-widget.team-meta {
	overflow: hidden;
}

.team-social-icons {
	margin-top: 10px;
	margin-left: -10px;
}
	.team-social-icons ul {
		text-align: center;
	}

		.team-social-icons ul li {
			text-align: center;
			float: none;
			display: inline-block;
		}

/* =Modules
-------------------------------------------------------------- */

/*  -- Slogan Text -- */
.slogan-text {
	margin-bottom: 20px; 
	font-size: 30px; 
	text-align: center; 
	font-style: bold; 
	line-height: 1.4em; 
	padding-bottom: 4px;
}


/* -- Action Button -- */
.action-button-section {
	display: inline-block;
	width: 100%;
	margin: 27px 0 27px 0;
}
	.action-button {
		margin-top: -29px;
		text-align: center;
	}

	.action-button span.text {
		font-size: 22px;
		display: inline-block;
		text-align: center;
		padding: 16px 20px 14px 20px;
		border-radius: 5px;
		font-style: italic;	
	}

/* -- Video -- */

.video-module {
	width: 100%;
	line-height: 0;
	margin-bottom: 20px;
}

#main-content .video-module iframe{
	width: 100%;
	height: 400px;
}

/* -- Twitter -- */

.twitter-module {
	text-align: center;
	margin-bottom: 20px;
	font-size: 28px;
	line-height: 1.4em;
	font-style: italic;
	padding: 0 10px;
}
	.twitter-module p { padding: 10px 0; margin-bottom: 0; }

	.twitter-button .text{
		padding-top: 14px;
	}
	
	.twitter-button .icon {
		display: inline-block;
		width: 24px;
		height: 24px;
		background-repeat: no-repeat;
		margin-right: 10px;
		margin-bottom: -5px;
	}

/* -- Text Module -- */
.text-module {
	margin-bottom: 20px;
}

/* -- Dribbble Module -- */
.dribbble-module {
	width: 780px;
	overflow: hidden;
	margin-left: -10px;
}

	.dribbble-module .dribbble-shot {
		width: 175px;
		height: 130px;
		float: left;
		margin: 0 10px 20px 10px;
		position: relative;
		overflow: hidden;
	}

	.dribbble-shot .img-hover {
		height: 132px;
	}

/* -- Slider Module -- */
.slider-module.flexslider{
	overflow: hidden;
	position: relative;
	height: 400px;
	margin-bottom: 20px;
}
	
	.slider-module.flexslider .slides li {
		position: relative;
	}

	.slider-module .flex-control-nav { bottom: 5px; }

	.slider-module .flex-caption {
		padding: 9px;
		margin-right: 20px;
		overflow: hidden;
		font-size: 13px;
	}

/* -- Team module -- */
.team-list {
	width: 780px;
}

.team-member-post {
	height: 320px;
}
	.team-member-post .member-name {
		margin-top: 6px;
	}

	.team-member-post .departments span{ 
		margin-top: 8px;
	}

/* =Contact
-------------------------------------------------------------- */
#contact-page{
	padding-bottom: 20px;
}

#contact-form-wrap input,
#contact-form-wrap textarea {
	margin: 0;
	font-size: 12px;
	padding: 10px;
	
}

#contact-form-wrap input:focus,
#contact-form-wrap textarea:focus {
	outline: none;
}

#contact-form-wrap input {
	width: 218px;
	margin: 10px 10px 10px 0;
}

#contact-form-wrap textarea {
	display: block;
	width: 60%;
	margin: 10px 0 20px 0;
}

#contact-form-wrap .contact-form-label {
	display: block;
}

#contact-form-wrap .error,
#contact-form-wrap .contact-error,
#commentform .error {
	display: block;
	color: #ff482d;
}

#commentform .error { display: inline-block; }

#contact-form-wrap .contact-send-text {
	display: block;
	margin-bottom: 10px;
}

/* =Archives
-------------------------------------------------------------- */
#archives-page p {
	margin-bottom: 20px;
}

.archives-section {
	margin-bottom: 20px;
}

	.archives-section.last {
		border: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	
	.archives-section h3 {
		margin-bottom: 10px;
	}

/* =Shortcodes
-------------------------------------------------------------- */
.column-half,
.column-third,
.column-fourth,
.column-fifth,
.column-sixth {
	margin: 0 4% 20px 0;
	float: left;
	
}

.column-full {
	width: 100%;
	margin-bottom: 20px;
	clear: both;
}

.column-half {
	width: 48%;
}

.column-third {
	width: 30.6%;
	width: 30%\9;
}

.column-fourth {
	width: 22%;
	width: 22%\9;
}

.column-fifth {
	width: 16.8%;
	width: 16.5%\9;
}

.column-sixth {
	width: 13.3%;
	width: 13%\9;
}

.column-last {
	margin: 0 0 20px 0!important;
	
}

.ui-state-focus { 
	outline: none; 
}

.toggle h4{
	
	padding: 10px;
	cursor: pointer;
	margin-bottom: 0!important;	
}
	
.toggle .toggle-content{
	border-top: none;
	padding: 20px 20px 0 20px;
}

	.toggle .toggle-content p { margin-top: 0!important;}

.toggle .ui-icon{
	width: 10px;
	height: 10px;
	float: left;
	margin-right: 10px;
	margin-top: 6px;
}

a.button-white {
	display: inline-block;
	color: #222;
	background-color: #f0f0f0;
	-moz-box-shadow: 0 3px 1px #ddd; 
	-webkit-box-shadow: 0 3px 1px #ddd; 
	box-shadow: 0 3px 1px #ddd;
}
	a.button-white:hover {
		background-color: #e7e7e7;
		color: #222;
	}

a.button-blue{

	display: inline-block;
	color: #fff;
	background-color: #0dc4fb;
	-moz-box-shadow: 0 3px 1px #0587ae; 
	-webkit-box-shadow: 0 3px 1px #0587ae; 
	box-shadow: 0 3px 1px #0587ae;
}

	a.button-blue:hover {
		background-color: #00aee2;
		color: #fff;
	}
	
a.button-black {
	display: inline-block;
	color: #fff;
	background-color: #565656;
	-moz-box-shadow: 0 3px 1px #222; 
	-webkit-box-shadow: 0 3px 1px #222; 
	box-shadow: 0 3px 1px #222;
}
	a.button-black:hover {
		color: #fff;
		background-color: #444;
	}

a.button-green {
	display: inline-block;
	color: #fff;
	background-color: #4cd9aa;
	-moz-box-shadow: 0 3px 1px #08b27a; 
	-webkit-box-shadow: 0 3px 1px #08b27a; 
	box-shadow: 0 3px 1px #08b27a;
}
	a.button-green:hover {
		color: #fff;
		background-color: #2fcd98;
	}

a.button-red {
	display: inline-block;
	color: #fff;
	background-color: #fa8883;
	-moz-box-shadow: 0 3px 1px #c44e49; 
	-webkit-box-shadow: 0 3px 1px #c44e49; 
	box-shadow: 0 3px 1px #c44e49;
}
	a.button-red:hover {
		color: #fff;
		background-color: #e87570;
	}

a.button-purple:hover {
	color: #fff;
}

a.button-yellow {
	display: inline-block;
	color: #777;
	background-color: #faeda5;
	-moz-box-shadow: 0 3px 1px #d2b931; 
	-webkit-box-shadow: 0 3px 1px #d2b931; 
	box-shadow: 0 3px 1px #d2b931;
}
	a.button-yellow:hover {
		color: #777;
		background-color: #fce97e;
	}

span.dropcap {
	float: left;
	margin: 10px 15px 10px 15px;
	font-size: 20px;
}

.highlight {
	border: 1px solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.post-content blockquote,
.pull-quote-left,
.pull-quote-right {
	display: block;
	width: 220px;
	margin: 20px 20px 20px 0;
	padding: 10px 10px 10px 20px;
	font-style: italic;
	font-size: 16px;
}

.post-content blockquote {
	width: 420px;
	margin: 20px auto 20px auto;
	overflow: hidden;
}

.cite {
	display: block;
	float: right;
	margin: 15px 15px 0 0;
}

.pull-quote-left {
	float: left;
}

.pull-quote-right {
	float: right;
	margin-left: 10px;
	margin-right: 0;
}

div.alert-box {
	
	color: #444;
	background-color: #f8b0ad;
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #e87570;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 13px;
	font-style: italic;
	text-align:  center;
}

div.info-box {
	
	color: #444;
	background-color: #afd8ea;
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #6cb4d3;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 13px;
	font-style: normal;
	text-align:  center;
}

div.success-box {
	
	color: #444;
	background-color: #b6e3cd;
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #84c5a6;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 13px;
	font-style: italic;
	text-align:  center;
}

.tabs {
	margin: 0 0 10px 0;
	
}

.tabs-content {
	clear: both;
	padding: 20px 20px 0 20px;
}

.ui-tabs .ui-tabs-hide {
    position: absolute;
    left: -10000px;
}

ul.ln-checklist { margin-top: 20px!important; }
ul.ln-checklist li{
	padding-left: 15px;
	
}

pre, code {
	display: block;
	font-family: Courier, monospace;
	padding: 10px;
	margin-bottom: 10px;
}

.tabs-content p { margin-top: 0!important; }

.tabs ul li a{
	padding: 12px 10px;
	float: left;
	margin: 0 -1px -2px 0;
	font-size: 14px;
}

/* =Widgets
-------------------------------------------------------------- */
.widget_search input{
	width: 218px;
	margin: 20px 0 0 0;
}

.widget_search h3 { margin-bottom: -10px; }

.ln-video-widget iframe { 
	width: 100%; 
	height: auto; 
}

table#wp-calendar {
	border-collapse: separate;
	border-spacing: 8px;
}
	
	table#wp-calendar caption { margin-bottom: 10px; }

	table#wp-calendar tr td { padding: 3px; border: none; }

.widget-tweet {
	margin: 5px 0;
	padding-bottom: 10px;
}

.widget-tweet-time {
	display: block;
	font-style: italic;
}

div.widget-flickr {
	width: 280px;
	margin-top: -8px;
}

div.flickr_badge_image {
	display: inline;
}

	div.flickr_badge_image a,
	#sidebar .widget-box .flickr_badge_image a{
		display: inline-block;
		width: 44px;
		height: 44px;
		margin: 10px 10px 0 0;
		padding: 4px;
	
	}

		.flickr_badge_image a img{
			width: 44px;
			height: 44px;
		}

#sidebar .ln-flickr-wrap {
	margin-left: -2px;
}

	#sidebar .widget-box .flickr_badge_image a{
		width: 44px;
		height: 44px;
		
	}

		#sidebar .widget-box .flickr_badge_image a img{
			width: 44px;
			height: 44px;
			
		}

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

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

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

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

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

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

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

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

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}