/*
Theme Name: Sue Freeborough V4
Author: Paul Isaac
Author URI: threemuses.co.uk
Description: A custom theme for personal use of artist Sue Freeborough ONLY. 
Version: 3
License: Private Licenses for a single, copyright holding client
*/

html,body,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,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}h1,h2,h3,h4,h5,h6,strong{font-weight:normal}article,aside,figure,footer,header,nav,section,details,summary{display:block}img,object,embed{max-width:100%}html{overflow-y:scroll}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}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}th{font-weight:bold;vertical-align:bottom}td{font-weight:normal;vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}.ie7 input[type="checkbox"]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}select,input,textarea{font:99% sans-serif}table{font-size:inherit;font:100%}small{font-size:85%}strong{font-weight:bold}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}pre,code,kbd,samp{font-family:monospace,sans-serif}.clickable,label,input[type=button],input[type=submit],input[type=file],button{cursor:pointer}button,input,select,textarea{margin:0}button{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.ie6 html{filter:expression(document.execCommand("BackgroundImageCache",false,true))}.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}

/* ------------------------------------ */

@font-face {
	font-family: 'TeXGyreBonumRegular';
	src: url('_fonts/tgb/texgyrebonum-regular-webfont.eot');
	src: local('☺'), url('_fonts/tgb/texgyrebonum-regular-webfont.woff') format('woff'), url('_fonts/tgb/texgyrebonum-regular-webfont.ttf') format('truetype'), url('_fonts/tgb/texgyrebonum-regular-webfont.svg#webfontbr77IlfF') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'AftaserifRegular';
    src: url('_fonts/as/AftaSerifThin-Regular-webfont.eot');
    src: url('_fonts/as/AftaSerifThin-Regular-webfont%EF%B9%96.eot#iefix') format('embedded-opentype'),
         url('_fonts/as/AftaSerifThin-Regular-webfont.woff') format('woff'),
         url('_fonts/as/AftaSerifThin-Regular-webfont.ttf') format('truetype'),
         url('_fonts/as/AftaSerifThin-Regular-webfont.svg#AftaserifRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AftaserifItalic';
    src: url('_fonts/as/AftaSerifThin-Italic-webfont.eot');
    src: url('_fonts/as/AftaSerifThin-Italic-webfont%EF%B9%96.eot#iefix') format('embedded-opentype'),
         url('_fonts/as/AftaSerifThin-Italic-webfont.woff') format('woff'),
         url('_fonts/as/AftaSerifThin-Italic-webfont.ttf') format('truetype'),
         url('_fonts/as/AftaSerifThin-Italic-webfont.svg#AftaserifItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ------------------------------------ */

body{
	margin: 0px;
	font-size:100%;
	font-size: 1em;
	color:#888780;
	background:#f5f6f7;
}

#layout{
	width:100%;
	height:auto;
	overflow: hidden;
}

#layout.slideshow-mode{
	height:0px;
}

#layout > header{
	font-family:'TeXGyreBonumRegular';
	background:#f1f2f3 url(_im/header-bg.png) repeat;
	border-bottom:1px solid #dedee4;
	box-shadow: 0px 0px 3px #dedee4;
	text-align:center;
}

#layout > header #wrapper,
#layout > header nav,
#layout > header a,
#layout > header h1
{
	-webkit-transition: all ease-out 0.5s;
    -moz-transition: all ease-out 0.5s;
    -o-transition: all ease-out 0.5s;
    transition: all ease-out 0.5s;
}

#layout > header h1{
	display:inline;
	font-size:1.7em;
	padding-right:2.875em;
	margin-bottom:0em; /* for trans */
}

#layout > header nav{
	display:inline;
	font-size:0.96em;
}

#primary-navigation a{
	padding:0em 0.6875em 0em 0.75em;
}

#primary-navigation li + li,
#social-networking
{
	border-left:1px solid #e7e8ea;
	padding:1.4375em 0em 0.9375em 0em;
}

#social-networking img{
	vertical-align: text-top;
}

#social-networking{
	padding-left:0.75em;	
}

#layout > header #wrapper{
	padding: 4.25em 2.875em 2.125em 1.5em;
	text-shadow:0px -2px 2px #fff;
}

#layout > header nav ul,
#layout > header nav li
{
	display:inline;
}

a{
	color:#888780;
	text-decoration:none;
}

a.current{
	color:#C9C0B0;
}

main{
	display:block;
	margin: 0 auto;
	max-width:100em;
	min-width:24em;
	padding: 0em 2.875em 4em 1.5em;
	color:#666359;
	font-family: 'AftaserifRegular', sans;
	font-size: 1em;
	letter-spacing: 0.15ex;
	line-height:1.7em;
}

/* ------------------------------------ */

section.left{
	float:left;
	clear:left;
	display:block;
	width:50%;
}

section.right{
	float:right;
	clear:right;
	display:block;
	width:50%;
	padding-top:3.3125em;
}

#welcome .left img,
#cvpage .left img,
#contactpage .left img
{
	display:block;
	width:100%;
	height:auto;
	margin-top:2.8125em;
	box-shadow:0px 1px 4px #c9c9d0;
}

p{
	display:block;
	margin-bottom:1.8em;
}

#cv,
#introduction,
#contact
{
	margin-left:3.8125em;
	max-width:22.75em;
}

#cv{
	max-width:37.5em;
}

span.initial{
	font-size:1.8em;
}

#welcome .left img{
	background:#000;
	width:100%;
	height:auto;
}

/* ------------------------------------ */

/*better clearfix - apply to parent - IE8 + */
main::after {
  content: "";
  display: table;
  clear: both;
}

/* ------------------------------------ */

/*gallery*/

/* 1600 - 48 = 1,552 */

main#gallery{
	padding: 0em 0em 4em 0em;
	/*background: #ccc;*/
}

#gallery > nav#artwork-nav {
	display:block;
	padding:2.5em 0em;
	margin: 0 auto;
	text-align: center;
}

#gallery #artwork-nav a{
	display:block;
	float:left;
}




#gallery figure,
#gallery figcaption
{
	display:block;
	max-width:21.5em;
	margin-left:40px;
}

#gallery figcaption{
	font-size:1em;
	margin-top:1em;
	margin-bottom:3em;
	height:4em;
	min-height:4em;
}

#gallery figure{
	
}

#gallery #artwork-nav a>figure>img{
	
	display:block;
	
	max-width:21.625em;
	width:100%;
	
	max-height:21.625em;
	height:auto;
	background:#fff;

	box-shadow:0px 1px 4px #E9E9EB;

}



/* ------------------------------------ */

/*1584*/
 /* 1400/16 */

@media (min-width: 1400px){
	
	#gallery #artwork-nav a{
		max-width:25%;
		width:25%;
		min-width:300px;
	}

	main#gallery{
		/*background:#ff00ff;*/
		padding-right:40px;	
		max-width:1544px;
		min-width:1360px;
	}

}

@media (max-width: 1399.99999px) and (min-width: 1020px){
	
	#gallery #artwork-nav a{
		max-width:33%;
		width:33%;
		min-width:300px;
	}
	
	main#gallery{
		padding-right:40px;	
		max-width: 1158px;
		min-width: 980px;
	}
	
}


@media (max-width: 1019.99999px) and (min-width: 600px){
	
	#gallery #artwork-nav a{
		max-width:48.06%;
		width:48.06%;
		min-width:260px;
	}

	main#gallery{
		padding-right:20px;	
		max-width: 772px;
		min-width:560px;
	}

	#taxonomy-nav{
		/*max-width: 51em;*/
		text-align: center;
	}
	
}

@media (max-width: 599.9999px){
	
	#primary-navigation{
		line-height:2em;
	}

	#gallery #artwork-nav a{
		
		width:88%;
		max-width:560px;
		min-width:260px;
		margin-left:-1px;
		float:none;
		clear:both;
		display:block;
		margin: 0 auto;
	}
	
	#gallery figure{
		display: block;
		position:relative;
		padding:0px;
		
		width:100%;
		max-width:100%;
		min-width:260px;

		margin-left:0px;
	}

	#gallery #artwork-nav a > figure > img{
	
		max-width:440px;
		width:100%;
		margin: 0 auto;
		max-height:440px;
		height:auto;
		background:#fff;

		box-shadow:0px 1px 4px #E9E9EB;

	}

	#gallery figcaption{
		position:relative;
		max-width:100%;
		padding:0px 20px;
		margin-left:0px;
	}

	/* #gallery */
	main{
		/*max-width: 500px;*/
		max-width: 500px;
		min-width:260px;
		margin: 0 auto;
	}
	
}

main#gallery,
main#gallery #artwork-nav a{
	-webkit-transition: all ease-out 0.15s;
    -moz-transition: all ease-out 0.15s;
    -o-transition: all ease-out 0.15s;
    transition: all ease-out 0.15s;
}

/* NAV BREAKS AT 940px */
@media (max-width: 58.75em) {
	
	#layout > header{
		text-align:left;
	}

	#layout > header h1{
		display:block;
		margin-bottom:0.25em;
		padding-right:0em;
	}

	#primary-navigation li + li,
	#social-networking
	{
		border-left:1px solid #e7e8ea;
		padding:0em 0em 0.9375em 0em;
	}

	#primary-navigation li:first-child a{
		padding-left:0em;
	}
	
	#social-networking{
		padding-left:0.75em;	
	}

}

@media (max-width: 48em){ /* 768 */
	
	section.left{
		display:block;
		width:100%;
	}

	section.right{
		display:block;
		width:100%;
		padding-top:2em;
	}

	#contactpage article#contact{
		margin:0em auto;
		max-width:calc( 100% - 4em );
	}

	#vimeoembed{
		display:block;
		border:1px solid #d7d7dd;
		margin-left:0em;
	}

	main{
		padding: 0em 1.5em 4em 1.5em;
	}

	

}

@media (max-width: 37.5em) { /* 600 */
	
	#layout > header nav{
		display:block;
	}

	#social-networking{
		padding-left:0em;
		border-left:none !important;
		display:block;
		margin-top:1em;
	}

	#primary-navigation a{
		padding:0em 0.2em 0em 0.35em;
	}
	
	#primary-navigation li:first-child a{
		padding-right:0.2em !important;
	}

	#primary-navigation li + li,
	#social-networking
	{
		padding:0em 0em 0em 0em;
	}

	#layout > header #wrapper{
		padding: 2.125em 2.875em 2.125em 1.5em;
		text-shadow:none !important;
	}

	#introduction{
		margin: 0 auto;
		margin-top:2.75em;
		padding-left:5%;
		max-width:75%;
	}


	/* experiment */
	#artwork #dimensions-and-media .layout {
	    padding-left: 0em !important;
	}


}

/* ------------------------------------ */

/*body > footer{
	color:#666359;
	font-family: 'AftaserifRegular', sans;
	font-size: 0.8em;
	letter-spacing: 0.15ex;
	
	border-top:1px solid #dedee4;

	padding:1em 0em;
	margin: 0;
	
	width:100%;
	position:absolute;
	bottom:0px;

}

body > footer.unfixed{
	position:relative;
}

body > footer p{
	display: block;
	
	padding:0;
	margin: 0 auto;
	max-width:929px;
}*/

.copyright{
font-size: 0.8em;
}

/* ------------------------------------ */

/* single image */

				#artwork figure,
				#artwork figcaption,
				#artwork figure .layout
				{
					/*transition: all ease-in-out 1s;
					-moz-transition: all ease-in-out 1s;
					-o-transition: all ease-in-out 1s;
					-webkit-transition: all ease-in-out 1s;*/
				} 

#artwork figure > .layout{	
	
	margin-top:2.875em;	
	
	display:block;

	position:relative;	
	float:left;
	clear:left;
	height:100%;
	width:50%;

}

#artwork figure img#main-image{
	
	display:block;
	position:relative;
	float:right;
	height:auto;
	width:auto;
	box-shadow:0px 1px 4px #c9c9d0;

	background: #fff;

	/*transition: opacity ease-in-out 1s;*/

	min-width:100px !important;
	min-height:100px !important;

}

/* #artwork #notes,  */
#artwork figcaption,
#thumbnails,
#artwork #dimensions-and-media
{
	display:inline;
	margin-top:3.1875em;
	float:right;
	clear:right;
	width:50%;
}

#artwork #dimensions-and-media{
	margin-top:0em !important;
	padding-top:0em;
}

#artwork #dimensions-and-media .layout{
	font-size:0.88em;
	padding-left:4.4em;
}

#artwork #share{
	
	display:block;
	width:100%;
	float: right;
	clear:right;

	margin-top:1.5625em;

	text-transform: uppercase;
	text-align: left;
}

#share span{
	font-size:0.7em;
}

#artwork #share a{
	border-bottom:none !important;
}

#artwork #share .pinterest{
	position: relative;
	display:inline-block;
	top:4px;
}



#artwork figcaption .layout,
#thumbnails .layout,
#share .layout,
#artwork #share .layout
{
	padding-left:3.8125em;
	text-align: left;
}


#artwork figcaption h1{
	font-size:1.4em;
	margin-bottom:0.7142857142857143em;
}

#artwork figcaption p{
	margin-bottom:1em;
}

#artwork figcaption article{
	max-width:22.75em;
}

#artwork #dimensions-and-media dl{
	letter-spacing: 0.1ex;
	line-height:1.7em;
}

#artwork #dimensions-and-media dt{
	float:left;
	clear:left;
	margin-right:0.5ex;
}

#artwork #dimensions-and-media dd{
	float:left;
	margin-right:0.5ex;
}

#artwork figcaption a,
#artwork #dimensions-and-media a
{
	border-bottom:1px dotted #888780;
}

#thumbnails a,
#thumbnails div#ssplay
{
	display:inline-block;
	margin:0em 1.5625em 1.5625em 0em;	
}

#thumbnails img{
	display:block;
	box-shadow:0px 1px 4px #c9c9d0;
}

#artwork #notes{
	
	display:block;
	position:relative;
	
			float:left;
			clear:left;

	font-size:0.83em;
	letter-spacing: 0.1ex;
	line-height:1.7em;
	
	margin-top:2.9em;

}

#artwork #notes .layout{
	display:block;
	background:#fcfcfc;
	padding:1.5625em 1.5625em 2.5em 1.5625em;
	box-shadow:0px 1px 4px #eaebed;
	margin-left:3.1875em;
}

#artwork #notes h3{
	font-size:100%;
	font-size:1em;
	margin-bottom:0.35em;
}



#artwork #notes p{
	color:#7f7f7f;
}

#artwork #notes p:only-of-type{
	margin-bottom:0;
}

#artwork #notes.hidden{
	display:none;
}

#artwork #thumbnails{
	
	transition: all ease-out 0.5s;
	-moz-transition: all ease-out 0.5s;
	-o-transition: all ease-out 0.5s;
	-webkit-transition: all ease-out 0.5s;

}

#dynamicpin{	
	position: relative;
	
	display: block;

	width:100%;

	text-align: center;
	margin-top:1em;

	float:right;
	clear:right;

	transition: opacity ease-in-out 1s;
	-moz-transition: opacity ease-in-out 1s;
	-o-transition: opacity ease-in-out 1s;
	-webkit-transition: opacity ease-in-out 1s;

}


#loadingmarker{
	
	pointer-events: none !important;

	width:224px;
	padding:112px 0px;
	background:#f2f3f4;

	border:1px solid #fff;
	
	font-size:0.7em;
	color:#999;
	text-transform: uppercase;

	position: absolute;
	
	top:63px;

	text-align: center;

	opacity:0;

	transition: opacity ease-in-out 0.25s;
	-moz-transition: opacity ease-in-out 0.25s;
	-o-transition: opacity ease-in-out 0.25s;
	-webkit-transition: opacity ease-in-out 0.25s;
	
}

#ssplay{
	position:relative;
	display:inline;
	vertical-align: baseline;
	padding:0;
}

#ssplay > a{
	
	border-radius: 30px;
	box-shadow: 0px 0px 3px #dedee4;

	width:30px;
	height:30px;

	/*margin-bottom: -0.6em;*/
	/*margin-left: 1em;*/
	/**/

	margin-top: -0.5em;
	margin-bottom: 0.25em;
	
	display: block;
	position:relative;

	background: url(_im/camera/camera_skins.png) no-repeat #C9C0B0;
	
}

#ssplay.play > a{
	background-position: -84px -85px;
}
#ssplay.stop > a{
	background-position: -126px -85px;
}

@media (min-width: 801px){

	#artwork figcaption h1{
		display: inline-block;
		margin-right:1ex;
		
	}

}

@media (max-width: 800px){
	
	#artwork{
		padding-right:1.5em;
	}

	#artwork > figure > .layout{	
		
		float:none;
		clear:none;

		width:100%;
		height:auto;

		margin-left:auto;
		margin-right:auto;
		
		display:block;

		/*transition: height ease-in-out 0.3s;
		-moz-transition: height ease-in-out 0.3s;
		-o-transition: height ease-in-out 0.3s;
		-webkit-transition: height ease-in-out 0.3s;*/

	}

	#artwork figure img#main-image{
		float:none;
		margin-left:auto;
		margin-right:auto;
	}

	#loadingmarker{
	
		width:224px;
		padding:112px 0px;
		
		position: absolute;
		margin: 0 auto;

		top:0px;

		text-align: center;
		
	}

	#artwork figcaption,
	#thumbnails,
	#artwork #dimensions-and-media,
	#artwork #share
	{
		float:none;
		clear:none;
		width:90%;
		margin-left:5%;
		margin-top:1.5625em;
	}

	#artwork figcaption{
		text-align:center;
	} 

	#artwork figcaption h1{
		display:inline;
	}

	#artwork figcaption article{
		max-width:80%;
		margin: 0 auto;
		margin-top:1.5625em;
	}

	#artwork figcaption .layout,
	#thumbnails .layout,
	#share .layout,
	#artwork #share .layout
	{
		padding:0em 2em !important;
		text-align: center !important;
	}
	
	/* if on narrow screen has been detached and inserted */
	#artwork figure figcaption > #thumbnails{
		margin: 0em 0 0 -12px;
		z-index:2000;

	}

	#artwork figure figcaption > #thumbnails .layout{
		padding:0;
		padding-top: 2em !important;
	}

	#thumbnails .layout{
		display:inline-block;
		text-align:center !important;
	}
	


	#artwork #share{
		display:block;
		width:90%;
		float: none;
		clear:none;
		margin-bottom:2.2em !important;
	}

	#artwork #notes{
		display:inline-block;
		float:none;
		clear:none;
		width:100%;
		margin-top:0.88em;
	}

	#artwork #notes .layout{
		display:block;
		padding:1.5625em 2em 2.5em 2em !important;
		margin:2em !important;
	}
	#artwork #notes .content{
		text-align: left !important;
	}

	#ssplay{
		display:none !important;
		/*float:none;
		clear: none;*/
	}
	
	#ssplay > a{
		margin-right:1em;
		display: inline-block;
		vertical-align: text-bottom;
	}

	#dynamicpin{
		display: block;
		float:none;
		clear:none;
		margin:1em auto;
	}
	
	#artwork #dimensions-and-media{
		text-align: center !important;
	}

	#artwork #dimensions-and-media dt,
	#artwork #dimensions-and-media dd
	{
		display:inline;
		float:none;
		clear:none;
		margin-right:0.5ex;
	}

	#artwork #dimensions-and-media dt::before{
		content:" ";
		display:block;
		width:100%;
		height:1px;
		margin:0.5ex 0ex;
	}

}

/* ------------------------------ */

#cv h2{
	font-size:1.2em;
	margin-bottom:1.5em; /* 1.8em */
}

#cv img{
	max-width:350px;
	height: auto;
	margin-top:1.8em;
	box-shadow:0px 1px 4px #E9E9EB;
}

/* ------------------------------ */

#exhibitions,
#exhibition
{
	max-width:51.875em;
	padding-top:2.8em;
}

#exhibitions > section > h2{
	border-bottom:1px solid #DEDEE4;
	padding-bottom:2.2em;
	max-width:173px;
}

#exhibitions > section + section{
	border-top:1px solid #DEDEE4;
	padding-top:2.8em;
}

.exhibition,
#exhibition-details main > nav
 {
	position:relative;
	clear:both;
	/*border-bottom:1px dotted #DEDEE4;*/
	
}

#exhibition-details main > nav{
	border-bottom:1px dotted #DEDEE4;
}

.exhibition{
	padding-top:2.8em;
}

.exhibition + .exhibition{
	border-top:1px dotted #DEDEE4;
}

#exhibition-details main > nav{
	padding-bottom:2.8em;
}

.exhibition > img{
	box-shadow:0px 1px 4px #eaebed;
	float:left;
	clear:left;
	margin-right:2.8em;
	
	position:relative;

	display:block;
}


.exhibition>div{
	margin-left:13.6125em;
	padding-bottom:1.4em;
	position:relative;
}

.exhibition>div::after{
	content: "";
	display: table;
	clear: both;
}

.exhibition a.url{
	display:block;
}
.exhibition a.url span,
#exhibition-details main > nav a
{
	font-size:0.83em;
	letter-spacing: 0.1ex;
	color:#C9C0B0;
}

.exhibition time{
	
}

.exhibition h2{
	display:inline;
	font-size:1.2em;
}

.exhibition .venue-details{
	margin-top:0.85em;
}

.exhibition .venue-details,
.exhibition .event-details,
.exhibition .event-details + a
{
	font-size:0.83em;
	letter-spacing: 0.1ex;
	line-height:1.7em;
}

.exhibition .event-details,
#exhibition-details .venue-details
{
	margin-bottom:0.85em;
}



.exhibition>div img{
	vertical-align: middle;
	margin-bottom:0.14em;
}

.exhibition a.location,
.exhibition  .event-details + a,
.exhibition  .event-details + a + a,
#exhibition-details main > nav a span
{
	border-bottom:1px dotted #8C8780; /* #DEDEE4; */
}

#exhibitions section.archived{
	font-size:0.8em;
}

#exhibitions section.archived > .exhibition + .exhibition{
	border:none !important;
	padding-top:0.25em;
}

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

main#videos{
	max-width:51.875em;
	padding-top:2.8em;
	min-width:24em;
}

main#videos .video iframe{

	display:block;
	box-shadow:0px 1px 4px #c9c9d0;
}

#videos .video h3{
	margin:1em 0ex 0ex 1ex;
	text-align: center;
}

#videos .video{
	display:block;
	margin-bottom:5.0625em;
	padding-bottom:2.8em;
	border-bottom:1px solid #DEDEE4;
}

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

#contact input[type=text],
#contact input[type=email],
#contact input[type=submit],
#contact textarea
{
	border:1px solid #DEDEE4;
	box-shadow: inset 0px 0px 3px #dedee4;
	background: url(_im/header-bg.png);
	color:#666359;
	font-family: 'AftaserifRegular', sans;
	font-size: 1em;
	letter-spacing: 0.15ex;
	line-height:1.7em;
	border-radius:4px;
	padding:0.5ex 1em;
	margin-bottom: 1em;
	float:left;
	clear:right;
	display: block;
	
	/*width:100%;*/
}

#contact label.ss-q-item-label{
	padding:0.5ex 1ex;
	float:left;
	clear:left;
	min-width:100px;
}

#contact textarea{
	margin-top:0.5ex;
	width:100%;
	max-width:310px;
	resize: none;
}

#contact form p{
	clear:both;
}

#contact hr{
	float:none;
	clear:both;
	border:none;
	border-top:1px dotted #DEDEE4;
	margin-bottom: 1em;
	max-width:346px;
}

#contact input[type=submit]{
	box-shadow: 0px 0px 3px #dedee4;
	width:346px;
	padding:1em;
	background:#fcfcfc;
}

/* -------------------- */

label.error{
	color:#BC071C;
	width:100%;
	display: block;
	text-align: right;
	font-style: italic;
	padding-bottom: 2ex;
}

textarea ~ label.error{
	clear:both;
}

@-webkit-keyframes erroranim { from { padding:0; } to { padding: 0.25em 0.75em; }  }
   @-moz-keyframes erroranim { from { padding:0; } to { padding: 0.25em 0.75em; }  }
     @-o-keyframes erroranim { from { padding:0; } to { padding: 0.25em 0.75em; }  }
        @keyframes erroranim { from { padding:0; } to { padding: 0.25em 0.75em; }  }

.ss-form-question,
.ss-title,
.ss-form-entry,
.ss-q-item-label,
.ss-q-title
{
	text-align:left !important;
	float: left;
	/*background-color: #f09;*/
}												
													

.required-message,
.error-message,
.ss-password-warning
{
    display: none;
    
}

.ss-required-asterisk{
    display: none;
}

.ss-form-question{
    display: block;
    /*background-color: #f09;*/
}

.ss-q-title{
    position: relative;
}

/* -------------------- */

#taxonomy-nav{
	max-width: 51em;
	margin: 0.8125em auto 1em auto;

}

#gallery > #taxonomy-nav > span > h2,
#gallery > #taxonomy-nav > a,
#gallery > #taxonomy-nav > span
{
	display:inline-block;
	float:none;
	clear: none;
	padding:1em 0em;
	margin:0;
	width:auto !important;
	min-width:auto !important;
	max-width:auto !important;
	font-size: 0.88em;
	text-align: left;
}

#gallery > #taxonomy-nav > a{
	padding-left:1em;
	margin-left:1em;
	border-left:1px solid #e7e8ea;
}

#gallery > #taxonomy-nav > span > h2{
	font-size:1.3em;
}

@media (max-width: 552px){
	#gallery > #taxonomy-nav{
		text-align: center;

	}
	#gallery > #taxonomy-nav > a{
		padding-left:0em;
		border-left:none;
		display:block;
		margin:0 auto;
		margin-top:-3em;
		text-align: center;
	}
}


@media (max-width: 900px){
	
	#contact label{
		display:block;
		padding:0.5ex 1ex;
		float:none;
		clear:both;
	}

	#contact input[type=text],
	#contact input[type=email],
	#contact input[type=submit],
	#contact textarea
	{	
		width:calc( 100% - 2em );
		max-width:calc( 100% - 2em );
	}

	#contact input[type=submit]{
		width:100%;
		max-width:100%;
	}

	#contact hr{
		max-width:100%;
	}
	
}