/*
THEME NAME: WRK
THEME URI: http://www.dtailed.com/
DESCRIPTION: WRK theme for creatives
VERSION: 1.0
AUTHOR: Tudor Prisacariu
AUTHOR URI: http://www.dtailed.com/
TAGS: 
*/

/* CSS RESET */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,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;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,img{display:block}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
nav ul,nav li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;width:auto}
q:before,q:after{content:"";}
abbr,acronym {font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
a,a:hover,a:visited:hover,a:active,a:active:hover{outline:none}
a,a:hover,a:visited:hover,a:visited{text-decoration: none;color: #000}
::selection { background: #ddd; }
::-moz-selection { background: #ddd; }
::-webkit-selection { background: #ddd; }

::-webkit-scrollbar-thumb
{
	border-radius: 16px;
	border: 4px solid #fff;
}

::-webkit-scrollbar-thumb:vertical
{ 
	background-color:#ddd;
	height:100px;
}
::-webkit-scrollbar-thumb:horizontal
{ 
	background-color:#ddd;
	height:16px !important;
}

::-webkit-scrollbar-thumb:hover
{
	background-color:#fcd116;	
} 

::-webkit-scrollbar
{ 
	height:16px;
	width:16px; 
	background-color:#fff;
}

::-webkit-scrollbar-corner
{
	background-color:#fff;
}

	body.page-id-2::-webkit-scrollbar,
	body.page-id-2::-webkit-scrollbar-corner
	{ 
		background: #fcd116;
	}

	body.page-id-2::-webkit-scrollbar-thumb
	{
		border-color: #fcd116;
	}
	
	body.page-id-2::-webkit-scrollbar-thumb:vertical,
	body.page-id-2::-webkit-scrollbar-thumb:horizontal
	{ 
		background-color:#fff;
	}
	
	body.page-id-2::-webkit-scrollbar-thumb:hover
	{
		background-color: #000;
	}

/* WEB FONTS */

@font-face {
    font-family: "Neutraface";
    src: url("fonts/n2tdi.eot");
    src: url("fonts/n2tdi.eot?#iefix") format("embedded-opentype"),
         url("fonts/n2tdi.woff") format("woff"),
         url("fonts/n2tdi.ttf") format("truetype"),
         url("fonts/n2tdi.svg#Neutraface") format("svg");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "Neutraface";
    src: url("fonts/n2td.eot");
    src: url("fonts/n2td.eot?#iefix") format("embedded-opentype"),
         url("fonts/n2td.woff") format("woff"),
         url("fonts/n2td.ttf") format("truetype"),
         url("fonts/n2td.svg#Neutraface") format("svg");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Neutraface";
    src: url("fonts/n2tbi.eot");
    src: url("fonts/n2tbi.eot?#iefix") format("embedded-opentype"),
         url("fonts/n2tbi.woff") format("woff"),
         url("fonts/n2tbi.ttf") format("truetype"),
         url("fonts/n2tbi.svg#Neutraface") format("svg");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Neutraface";
    src: url("fonts/n2tb.eot");
    src: url("fonts/n2tb.eot?#iefix") format("embedded-opentype"),
         url("fonts/n2tb.woff") format("woff"),
         url("fonts/n2tb.ttf") format("truetype"),
         url("fonts/n2tb.svg#Neutraface") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* maybe not required, see if js can run quicker */
html,
body
{
	overflow-x:hidden !important;
}

body
{
	/*font:14px/23px Georgia, Times, serif;*/
	font:17px/24px "Neutraface", sans-serif;
	text-align: left;
	background:#fff;
	color:#000;
	-webkit-tap-highlight-color: #ddd;
}

	html.touch body
	{
		-webkit-text-size-adjust:none;
	}
	
	body.home article
	{
		width: 924px;
	}

p
{
	margin:0 0 24px 0;
}

	body.home p
	{
		margin:0;
	}

h1,
h2,
header nav,
footer nav,
.circle,
a.circle,
label,
.comment-author,
.sans,
#lightbox-nav,
.filter-nav
{
	font-weight:bold;
	/*text-transform: uppercase;*/
}

h1,
h2,
h3,
.filter-nav
{
	/*font-family:"Neutraface Display", serif;*/
	font-weight: bold;
	/*-webkit-font-smoothing:antialiased;
	font-smooth:always;*/
}

header nav,
footer nav
{
	font-weight: normal;
}


.sans,
.list-nav,
#lightbox-nav
{
	text-transform: none;
	font-style:normal;
}

a,
a:visited 
{
	color:#000;
}
	
	.content a,
	.content a:visited
	{
		color: #000;
		text-decoration: underline;
		font-style: italic;
	}
	
	.content a:hover,
	.content a:visited:hover
	{
		color: #000;
		font-style: italic;
		background: #fcd116;
	}

	.circle,
	a.circle
	{
		height: 20px;
		width:auto;
		display: block;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-o-border-radius: 10px;
		border-radius: 10px;
		background-color: #ddd;
		text-align: center;
		color:#fff;
		font-size:13px;
		line-height: 20px;
		font-weight:bold;
	}
	
		a.circle:hover
		{
			background-color: #fcd116;
			color:#000;
		}
		
		.inactive a
		{
			background-color: #eee;
			color: #fff;
			pointer-events:none;
		}
	
	p.share
	{
		overflow: auto;
	}
	
		p.share a
		{
			float: left;
			margin-right:24px;
			font-size: 15px;
		}
		
			p.share a span
			{
				height: 12px;
				width: 24px;
				display: block;
				float:left;
				-webkit-border-radius: 12px;
				-moz-border-radius: 12px;
				-o-border-radius: 12px;
				border-radius: 12px;
				background-color: #fcd116;
				text-align: center;
				color:#fff;
				font-size:17px;
				line-height: 12px;
				padding:6px 0;
				margin-right:5px;
				font-weight:bold;
			}
	
	.tax-worktags .filter-nav,
	.tax-worktags .filter-nav a,
	.tax-worktags .filter-nav a:visited
	{
		color:#999;
	}
	
		.tax-worktags .filter-nav a:hover,
		.tax-worktags .filter-nav a:visited:hover,
		.tax-worktags .filter-nav a.selected,
		.tax-worktags .filter-nav a.selected:visited
		{
			color: #fcd116;
		}

h2
{
	font-size:21px;
	color:#fcd116;
	margin:0 0 20px 0;
}

.content h3
{
	font-size:21px;
	color:#000;
	margin:0 0 24px 0;
}

	.content p + h3
	{
		padding-top:24px;
	}

h2.big,
h1,
.filter-nav
{
	font-size: 30px;
	line-height: 40px;
	margin:0 0 45px 312px;
	color:#000;
	width:612px;
}

	h1.left,
	h2.left
	{
		margin:0 0 45px 0;
		width: 300px;
		display: inline-block;
	}

h4
{
	font-weight: bold;
}

	.page-id-2 h4
	{
		color:#fff;
	}

.meta,
.grey_text
{
	color:#999;
	font-style: italic;
	font-size:15px;
}

.list-nav
{
	width:612px;
	padding:13px 0;
	margin:50px 0 -50px 0;
	border-top:1px solid #ddd;
	font-size: 15px;
	line-height: 24px;
	color:#fcd116;
}

	.list-nav ul
	{
		overflow: auto;
		display: block;
	}
	
	.list-nav .separator,
	.list-nav em
	{
		opacity: 0;
		-webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.25, 1);
		-moz-transition: opacity 0.25s cubic-bezier(0, 0, 0.25, 1);
		-o-transition: opacity 0.25s cubic-bezier(0, 0, 0.25, 1);
		-ms-transition: opacity 0.25s linear;
		transition: opacity 0.25s cubic-bezier(0, 0, 0.25, 1);
	}
		
		.list-nav a:hover .separator,
		.list-nav a:hover em
		{
			opacity: 1;
		}
		
		.filters li
		{
			float: left;
			margin:0 10px 0 0;
		}
		
		.filter-nav
		{
			width: 612px;
			margin: 0 0 45px 312px;
			border: 0;
			padding: 0;
		}
		
		.filters
		{
			overflow: hidden !important; /* nu stiu de ce */
		}
		
		.prev_next
		{
			width: 300px;
			height: 20px;
			float: left;
			margin: 10px 12px 10px 0;
		}
#page
{
	padding:0 0 50px 50px;
	min-width:612px;
}
	
#page > header
{
	padding:50px 0 50px 0;
	min-width: 612px;
	text-transform: uppercase;
	/*font-family: "Neutraface Display", sans-serif;*/
}
	
	#page > header nav ul
	{
		width: 300px;
		float:left;
		margin-right: 12px;
		/*width: 624px;*/
		height: 40px;
	}
	
	#page > header nav,
	#page footer nav,
	#page > header nav ul,
	#page footer nav ul
	{
		overflow: hidden;
	}
	
	#page > header nav li,
	#page footer nav li
	{
		float:left;
		margin-right:12px;
		line-height:18px;
	}
	
		#page footer nav li.wide
		{
			width: 300px;
		}
	
	#page > header nav a,
	#page footer nav a,
	#page footer span
	{
		display: inline-block;
		color:#999;
		line-height:18px;
		font-size:17px;
		margin:11px 0 7px 0;
		padding: 2px 0;
		/*-webkit-font-smoothing:antialiased;*/
	}
	
		#page footer nav a
		{
			margin:0;
			padding:0;
		}
	
		body.page-id-2 #page > header nav li:not(.current_page_item) a,
		body.page-id-2 #page footer nav li a
		{
			color:#fff;
		}
	
	#page > header nav li a:hover,
	#page footer nav li a:hover,
	#page > header nav li.current-menu-item a,
	#page > header nav li.current_page_parent a
	{
		color:#000 !important;
	}
	
		#page > header a:hover span,
		#page > header h1 a span,
		#page > header .current-menu-item span,
		#page > header .current_page_parent span
		{
			background-position: -10px -60px;
		}
	
	#page > header nav h1,
	#page > header nav h2
	{
		min-width:300px;
		width:auto;
		margin:0 12px 0 0;
		text-transform: uppercase;		
		line-height:18px;
		font-size:17px;
		font-weight: bold;
		float: left;
	}
	
	#page > header nav h1 a,
	#page > header nav h2 a,
	#page > header nav h1 a:hover,
	#page > header nav h2 a:hover
	{
		width:248px;
		height: 18px;
		padding:13px 0 9px 52px;
		margin: 0;
		line-height:18px;
		font-size:17px;
		font-weight: bold;
		/*float: left;*/
		display: block;
		color:#000;
		background: transparent url("images/dot.png") -10px -10px no-repeat !important;
	}
	
		body.page-id-2 #page > header nav h2 a,
		body.page-id-2 #page > header nav h2 a:hover
		{
			background-position: -10px -60px !important;
		}

section.thumbs,
.thumbs-gallery
{
	min-width:624px;
	/*background: transparent url("images/thumbs-bg.png") top left;*/
	overflow: hidden;
}

	/*body.post-type-archive-work section.thumbs,
	body.tax-worktags section.thumbs
	{
		background-image: url("images/thumbs-bg-darker.png");
	}*/
	

	section.thumbs article
	{
		/*width: 300px;*/
		height: 200px;
		margin:0 12px 12px 0;
		float: left;
		background:#ddd;
	}
	
	section.thumbs a
	{
		/*width: 300px;*/
		height: 200px;
		display: block;
		position: relative;
	}
	
	section.thumbs span
	{
		position: absolute;
		top:0;
		left:0;
		width: 100%;
		height: 200px;
		background:rgba(252,209,22,0.9);
		color:#000;
		margin:0;
		padding:0;
		opacity:0;
		-webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.25, 1);
		-moz-transition: opacity 0.25s cubic-bezier(0, 0, 0.25, 1);
		-o-transition: opacity 0.25s cubic-bezier(0, 0, 0.25, 1);
		-ms-transition: opacity 0.25s linear;
		transition: opacity 0.25s cubic-bezier(0, 0, 0.25, 1);
		z-index:1;
	}
	
	html.js section.thumbs img,
	html.js .thumbs-gallery img
	{
		opacity: 0;
		-webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.25, 1);
		-moz-transition: opacity 0.25s cubic-bezier(0, 0, 0.25, 1);
		-o-transition: opacity 0.25s cubic-bezier(0, 0, 0.25, 1);
		-ms-transition: opacity 0.25s linear;
		transition: opacity 0.25s cubic-bezier(0, 0, 0.25, 1);
	}
	
		section.thumbs h2
		{
			font-size:17px;
			line-height:24px;
			font-weight: normal;
			text-transform: none;
			margin:17px 20px 0 20px;
			color:#000;
			z-index: 2;
			font-family:"Neutraface", sans-serif;
			/*-webkit-font-smoothing: subpixel-antialiased;*/
		}
		
		section.thumbs time
		{
			color:#000;
			font-style: italic;
			margin:0 20px;
			font-size:15px;
		}
	
	section.thumbs a:hover span,
	section.thumbs a.visible span
	{
		opacity:1;
	}
	
	section.thumbs a.visible,
	section.thumbs a.visible span
	{
		width: 300px;
	}
	
	.flickr_item
	{
		width: 240px;
		height: 234px;
		float:left;
		margin:0 12px 12px 0;
	}
	
		.flickr_item a,
		.flickr_item a:visited
		{
			width:240px;
			height:234px;
			display:block;
		}
	
	.flickrpress-container
	{
		overflow:auto;
		margin:50px 0 -12px -312px;
		position: relative;
	}
	
		.flickrpress-container .thumbs-gallery
		{
			margin: 0;
			background: transparent url("images/thumbs-bg-flickr.png") top left;
		}
		
			.flickrpress-container a
			{
				width:240px;
				height:234px;
			}

.content
{
	width: 612px;
	font-size: 17px;
	line-height: 24px;
	margin-left: 312px;
}

	.post-2 .content,
	.home .content
	{
		margin-left: 0;
	}
	
		article.post iframe,
		article.post video,
		article.post object
		{
			float: right;
			margin:26px 0 50px 0;
		}
		
		.single-work p:not(:last-child) img
		{
			margin-bottom: 50px	;
		}
		
		.content p img.float_right
		{
			float: right;
			margin:0 0 50px 0;
		}
	
	/* END */
	
	.work
	{
		overflow: auto;
	}
	
	.work .content
	{
		margin-left: 312px;
	}

	.content p,
	.content blockquote,
	.content ul,
	.content ol
	{
		margin-bottom:24px;
	}
	
		.content p:last-child
		{
			margin-bottom: 0;
		}
	
	.content ol
	{
		margin-left:20px;
	}
	
		.content li
		{
			margin-bottom: 12px;
			padding-left:12px;
			list-style: disc;
		}
	
	.content blockquote,
	.content p.grey
	{
		color: #000;
		font-style: italic;
		font-size: 17px;
		line-height: 26px;
	}

footer
{
	padding:50px 0 0 0;
	/*font-family: "Neutraface Display", sans-serif;*/
}

	footer.absolute
	{
		position: absolute;
		bottom:0;
		left:50px;
	}

#archives
{
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:20px 0 0 0;
	margin: 0 0 20px 0;
	width:612px;
}

	body.search #archives
	{
		margin-top:0;
	}
	

.column
{
	width:300px;
	margin:0 12px 20px 0;
	float:left;
}

	.article .column
	{
		margin:0 12px 0 0;
	}

	.double_column
	{
		width: 612px;
		float: left;
	}

#archives .monthly,
#archives .search
{
	margin:0 0 20px 0;
}

#archives .search
{
	float:right;
}

.monthly a,
.monthly span
{
	float:left;
	width:22px;
	text-align: right;
}

	.monthly a.year
	{
		width:32px;
		text-align: left;
	}
	
#archives li
{
	float:left;
	margin:0 7px 0 0;
}


/* IMAGE GALLERY */

.gallery_nav
{
	height:20px;
	margin:0 0 20px 0;
	line-height:20px;
	font-weight: bold;
	z-index:4;
	position: relative;
	font-size:13px;
}
	
	.gallery_nav ul
	{
		margin: 0;
	}
	
	.gallery_nav li,
	.prev_next li
	{
		float:left;
		margin:0 7px 0 0;
		padding:0;
		list-style: none;
	}
	
	.count
	{
		color:#999;
		background: transparent;
		padding:0 7px !important;
		text-transform: none;
	}
	
	.prev a,
	.next a,
	.close a
	{
		text-transform: none;
		padding:4px 10px;
		line-height: 12px;
		height: 12px;
	}
	
	.show-overlay a
	{
		background: #222;
		width: 20px;
	}
	
	.clear-overlay a
	{
		background: #fff;
		width: 20px;
	}
	
	.close a
	{
		color:#999;
		background: #efefef;
	}
	
	.close a:hover
	{
		color: #000;	
	}
	
.gallery
{
	width:930px;
	overflow:hidden;
	margin:0 0 50px -362px;
	white-space: nowrap;
	z-index:4;
	position: relative;
}

	.gallery ul
	{
		width: 30000px;

		-webkit-transition: margin-left .8s cubic-bezier(0, 0, 0.25, 1);
		-moz-transition: margin-left .8s cubic-bezier(0, 0, 0.25, 1);
		-o-transition: margin-left .8s cubic-bezier(0, 0, 0.25, 1);
		-ms-transition: margin-left 0.8s linear;
		transition: margin-left .8s cubic-bezier(0, 0, 0.25, 1);
		
		margin-bottom:0;
		overflow: auto;
	}
	
	.gallery li
	{
		width:930px;
		float:left;
		list-style: none;
		margin:0;
		padding:0;
	}
	
	.slider img
	{
		background:#ddd;
	}
	
	.gallery li:hover img
	{
		cursor: e-resize !important;
	}
	
	.gallery li img
	{
		margin-left:50px;
	}

.thumbs-gallery
{
	margin: 50px 0 0 -312px;
	z-index:1;
	/*background: transparent url("images/thumbs-bg.png") top left;*/
}
	
	.thumbs-gallery a
	{
		float:left;
		margin:0 12px 12px 0;
		display: inline-block;
		background:#ddd;
	}

.full-gallery
{
	width:624px;
}

	.work .full-gallery
	{
		float:left;
	}

	.full-gallery ul
	{
		overflow: auto;
	}

	.full-gallery li
	{
		float:left;
		list-style: none;
		margin:0 12px 50px 0;
		padding: 0;
		background: #c0c8c0;
		text-align: center;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	}
	
		.full-gallery li:last-child
		{
			margin:0 12px 0 0;
		}

	.full-gallery li.normal,
	.full-gallery li.flat
	{
		box-shadow: none;
	}
	
	.full-gallery li.shadow
	{
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	}
	
	.full-gallery li.website
	{
		padding:17px 0 0 0;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		background: #c0c8c0 url("browser_buttons.png") 7px 7px no-repeat;
	}
		
		.full-gallery li.website img
		{
			border-top:1px solid #b0b7b0;
			border-bottom:1px solid #c8d0c8;
		}
		
	.full-gallery li.mobile
	{
		padding:36px 0 36px 0;
		border-radius: 12px;
		background: url("mobile_bottom.png") center bottom no-repeat, url("mobile_top.png") center top no-repeat;
		background-color: #c0c8c0;
	}
	
		.full-gallery li.mobile img
		{
			border-top:1px solid #b0b7b0;
			border-bottom:1px solid #b0b7b0;
		}

/* OVERLAY and LIGHTBOX */
	
#overlay
{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#fff;
	opacity:0;
	visibility: hidden;
	z-index:3;
	-webkit-transition: opacity 1s cubic-bezier(0, 0, 0.25, 1);
	-moz-transition: opacity 1s cubic-bezier(0, 0, 0.25, 1);
	-o-transition: opacity 1s cubic-bezier(0, 0, 0.25, 1);
	-ms-transition: opacity 1s linear;
	transition: opacity 1s cubic-bezier(0, 0, 0.25, 1);
}

	html.touch #overlay
	{
		-webkit-backface-visibility: hidden;
	}
	
#lightbox
{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	visibility: hidden;
	z-index:4;
	-webkit-transition: opacity .5s linear;
	-moz-transition: opacity .5s linear;
	-o-transition: opacity .5s linear;
	-ms-transition: opacity .5s linear;
	transition: opacity .5s linear;
	overflow:hidden;
}

	#lightbox-images
	{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		-webkit-transition: margin-left .8s cubic-bezier(0, 0, 0.25, 1);
		-moz-transition: margin-left .8s cubic-bezier(0, 0, 0.25, 1);
		-o-transition: margin-left .8s cubic-bezier(0, 0, 0.25, 1);
		-ms-transition: margin-left .8s linear;
		transition: margin-left .8s cubic-bezier(0, 0, 0.25, 1);
	}

	#lightbox-images li
	{
		display:block;
		position:relative;
		float:left;
		/*background: transparent url("loader.gif") center center no-repeat;*/
	}
	
		#lightbox-images li *
		{
			position: absolute;
			top:50%;
			left:50%;
			cursor:e-resize !important;
		}
		
	#lightbox-nav
	{
		z-index:5;
		text-align: center;
		position: absolute;
		bottom:0;
		left:50%;
		margin-left:-200px;
		height:auto;
		margin-bottom: 25px;
	}
	
		#lightbox-nav li
		{
			display: inline-block;
			float:none;
			padding:0 !important;
			background: transparent;
			margin:0 3px;
			color:#999;
		}
		
			#lightbox-nav li.close a
			{
				padding:0 6px !important;
				background: transparent;
			}
			
			#lightbox-nav li.count
			{
				margin:0 9px;
			}
		
		#lightbox-nav .text
		{
			font-weight: bold;
			margin-bottom:5px;
			width:400px;
			display: inline-block;
		}

/* COMMENTS and FORMS */

.comments,
.respond
{
	width:612px;
}

.comment
{
	width:612px;
	border-top:1px solid #bbb;
	padding:20px 0 0 0;
}

	.its_me
	{
		border-top:1px solid #99eb99;
	}

	.comments div.comment:last-child
	{
		padding:20px 0 0 0;
	}

.comments
{
	margin-left:312px;
}

.respond
{	
	margin:20px 0 0 312px;
	padding:20px 0 0 0;
	border-top:1px solid #ccc;
}

.comments-header
{
	margin:75px 0 20px 312px;
	line-height:20px;
	color:#999;
}

.comment-info
{
	width:150px;
	float:left;
}

.comment-info p.comment-author,
.comment-info p.comment-author a,
.comment-info p.comment-author a:visited
{
	font-weight:bold;
}

.comment-info p.comment-author
{
	margin-bottom:0;
	text-transform: none;
}

.comment-text
{
	width:450px;
	float:right;
}

input,
textarea
{
	background:#e8eae8;
	border:0;
	-webkit-appearance:caret;
}

	input:hover,
	textarea:hover
	{
		background: #e5fae5;
	}

input
{
	width:438px;
	margin:0 0 12px 0;
	padding:6px;
	line-height:18px;
}

	footer input
	{
		width:288px;
		margin:5px 0 0 0;
	}

textarea
{
	height:150px;
	padding:6px;
	margin:0 0 12px 0;
	width:600px;
	float:right;
	line-height:24px;
}

label
{
	line-height: 30px;
	text-transform: none;
}

.submit
{
	background:#000;
	border:0;
	cursor:pointer;
	padding:4px 15px;
	margin:0;
	line-height: 12px;
	height: 20px;
}

	.submit:hover
	{
		background:#fcd116;
		color:#000;
	}

input.contacterror,
textarea.contacterror
{
	background: #ffd9d9;
}

.no_transition
{
	-webkit-transition: none 0s linear !important;
	-moz-transition: none 0s linear !important;
	-o-transition: none 0s linear !important;
	-ms-transition: none 0s linear !important;
	transition: none 0s linear !important;
}

.separator
{
	margin:0 3px;
}

.hide_scroll
{
	overflow:hidden !important;
}

.hidden
{
	display:none;
}

.clear
{
	clear:both;
	font-size:1px;
	height:0;
	line-height:0;
	overflow:hidden;
}

hr
{
	background-color:#fff;
	color:#fff;
	border:0;
	height:1px;
	overflow:hidden;
	border-bottom:1px solid #99eb99;
	margin:0 0 24px 0;
}

.vcard
{
	display: inline-block;
}

.float_left
{
	float:left;
}

.float_right
{
	float:right;
}

.maintenance
{
	padding: 50px;
}

.maintenance,
.page-id-2
{
	background: #fcd116 !important;
}

/*#infscr-loading
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100px;
	background: #ccc;
	z-index: 100;
}*/

@media only screen and (min-width: 1024px) {

	html.no-touch .sticky .content
	{
		position: fixed;
		top: 50px;
	}
	
	html.no-touch .sticky .full-gallery,
	html.no-touch .sticky object
	{
		margin-left:312px;
	}
	
}


/* iPad portrait */

@media only screen and (max-width: 1023px) {

	.thumbs-gallery,
	.filter-nav,
	.flickrpress-container,
	article.post .content,
	.post-1685 .content,
	.comments,
	.respond,
	.comments-header,
	h2.big,
	h1,
	#blog_archives,
	body.list section.thumbs
	{
		margin-left:0;
	}
	
	.prev_next
	{
		float:right;
		margin-right: 0;
		width:auto;
	}
	
	p img.float_right
	{
		float:left;
	}
	
	.content img
	{
		max-width:612px;
		height:auto;
	}
	
	body.home article
	{
		width: 612px;
	}
	
	#page > header nav h1,
	#page > header nav h2
	{
		min-width: 40px;
		margin:0 24px 24px 0;
		float:none;
	}
	
	#page > header h1 a,
	#page > header h2 a
	{
		width: 40px;
		height: 40px;
	}
	
	#page > header nav ul
	{
		width: auto;
		height: auto;
		float: left;
		margin-right: 0;
	}
	
	#page > header .menu a
	{
		width: auto;
		padding:0;
		height: 15px;
		margin:0;
	}
	
	#page > header .menu a span,
	#page > header .menu a canvas
	{
		display: none;
	}
	
	.content video,
	.content embed,
	.content iframe
	{
		max-width:612px;
	}
	
		.prev_next ul
		{
			float: left;
		}
	
	#page > header
	{
		padding-bottom: 50px;
	}
	
	.work .content
	{
		width: 450px;
		margin-left: 0;
	}
	
	#page
	{
		padding:0 0 50px 78px;
		width:624px;
	}
	
	.slider
	{
		margin:0 0 50px -78px;
	}
	
		.gallery li img
		{
			margin-left:78px;
		}
		
}

/* iPhone Landscape */

@media only screen and (max-width: 767px) {

	#page,
	.full-gallery,
	.double_column,
	h2.big,
	h1,
	.filter-nav,
	#blog_archives,
	.dropdown,
	.filter-nav,
	body.list section.thumbs article,
	.content,
	.double_column,
	#page > header,
	.gallery li,
	.gallery ul,
	.full-gallery li,
	.work .content,
	body.home article,
	section.thumbs,
	.thumbs-gallery
	{
		width:400px;
		min-width: 400px;
	}
	
	.content img,
	.full-gallery img,
	.content video,
	.content embed,
	.content iframe,
	iframe
	{
		max-width:400px;
		height:auto;
		margin:0 auto;
	}
	
	.gallery li,
	.full-gallery li,
	#blog_archives
	{
		margin:0 0 24px 0;
		background: transparent;
	}
	
	#page
	{
		padding: 0 0 50px 0;
		margin: 0 auto;
	}
	
	#page > header
	{
		padding: 24px 0 45px;
	}
	
		#page > header nav ul
		{
			padding-top: 0;
			margin-right:0;
		}
	
		#page > header .menu a
		{
			padding: 6px 0;
		}

	input.search
	{
		width:376px;
	}
	
	#thumb_nav,
	.gallery_nav,
	#blog_archives .nav
	{
		display: none;
	}
	
	h2.big,
	h1,
	.filter-nav
	{
		font-size: 21px;
		line-height: 24px;
	}
	
	.prev_next
	{
		margin-top: 2px;
	}
	
	.thumbs-gallery a
	{
		pointer-events:none;
		cursor: default;
	}
	
	.gallery li
	{
		float:none;
	}
	
	html.no-touch .gallery li:hover img
	{
		cursor: default !important;
	}
	
	/* LIST VIEW */
	
	section.thumbs
	{
		background: transparent;
	}
	
	section.thumbs article
	{
		height: auto;
		margin:0;
		border-top:1px solid #dbdedb;
		background: transparent;
		float:none;
	}
	
		section.thumbs article:last-of-type
		{
			border-bottom:1px solid #dbdedb;
		}
		
	section.thumbs img
	{
		display: none;
	}
	
	section.thumbs a
	{
		padding: 12px 0;
		width: auto;
		height: auto;
		position: relative;
		color: #999;
	}
	
		html.no-touch section.thumbs a:hover h2
		{
			color:#000;
		}
	
	section.thumbs span
	{
		position: static;
		top:auto;
		left:auto;
		width: auto;
		height: auto;
		background:transparent;
		color:#999;
		opacity:1;
	}
	
	section.thumbs h2
	{
		margin:0;
		color:#999;
		line-height:19px;
		display: inline-block;
		padding-right:62px;
	}
	
	section.thumbs time
	{
		position: absolute;
		top:12px;
		right:0;
		color:#ccc;
		margin: 0;
	}
}

/* iPhone Portrait */

@media only screen and (max-width: 479px) {

	#page,
	.full-gallery,
	#page > header nav ul,
	.double_column,
	h2.big,
	h1,
	.filter-nav,
	#blog_archives,
	.dropdown,
	.filter-nav,
	body.list section.thumbs article,
	.content,
	.double_column,
	#page > header,
	.gallery li,
	.gallery ul,
	.full-gallery li,
	.work .content,
	body.home article,
	section.thumbs,
	.thumbs-gallery
	{
		width:300px;
		min-width: 300px;
	}
	
	.content img,
	.full-gallery img,
	.content video,
	.content embed,
	.content iframe,
	iframe
	{
		max-width:300px;
		height:auto;
	}
	
	input.search
	{
		width:276px;
	}

}