/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

/* HEADER & NAVIGATION
================================================== */	
	
	header {
		opacity:1;
		position: absolute;
		width:100%;
		top:0;
		height: 300px; 
		padding: 0;
		margin:0;
		z-index:9999999;
	}
	
	header #header-inner{
		display:block;
		position:relative;
		width:90%;
		border-bottom:1px #666 solid;
		margin:0 auto;
		height:300px;
		z-index:999999;
	}
	
	header #header-inner .logo-sticky{
		display:none;
	}

	header #header-inner .logo-top{
		display: block;
		opacity:1;
		position: relative;
		width: 200px;
		padding: 20px 0 20px 0;
		margin:0 auto;
		height: 200px;
		z-index:999999;
	}
	
	header #header-inner .logo-top img{
		width: 200px;
		height:200px;
		-webkit-transition: -webkit-transform 1s ease-in-out;
		-ms-transition: -webkit-transform 1s ease-in-out;
  		transition: transform 3s ease-in-out;	
	}

	header #header-inner .logo-top img:hover {
		-webkit-transform: rotate(360deg);
  		transform: rotate(360deg);	
	}
	
	header #header-inner #menu-sticky-icon,
	header #header-inner #menu-sticky,
	header #header-inner #menu-sticky li {
		display:none;
	}
		
	header #header-inner #menu-top{
		display:block;
		width:100%;
		position: relative;
		text-align:center;
	}

	header #header-inner #menu-top ul.socialmedia li a{
		padding:0;
		margin:-4px 5px 0 0;
	}
	
	header #header-inner #menu-top ul.socialmedia{
		display:none;
		position: absolute;
		right:0;
		top:-215px;
	}
	
	header #header-inner #menu-top ul.socialmedia li a img{
		width:15px;
		height:15px;
	}

/*Nav Slidedown*/

	.fb-slideout,
	.insta-slideout,
	.twit-slideout,
	.pin-slideout,
	.tum-slideout{
		position: absolute;
		top: 0px;
		right: 200px;
		width: 60px;
		height: auto;
		padding: 10px 0 15px 0;
		text-align: center;
		background: #FFF;
		z-index: 9;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-ms-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
	
	.insta-slideout{
		right:150px;
	}

	.twit-slideout{
		right:100px;
	}
	
	.pin-slideout{
		right:50px;
	}
	
	.tum-slideout{
		right:0px;
	}
	
	.fb-slideout #nav_slideout_inner,
	.insta-slideout #nav_slideout_inner,
	.twit-slideout #nav_slideout_inner,
	.pin-slideout #nav_slideout_inner,
	.tum-slideout #nav_slideout_inner{
		position: absolute;
		top: -106px;
		right: -200px;
		background: #fafafa;
		width: 250px;
		padding: 60px 0 0 0;
		height: 45px;
		z-index: 9999999;
		border-bottom:1px #666666 solid;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-ms-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
		/*text-align: left;*/
	}
	
	.insta-slideout #nav_slideout_inner{
		right: -150px;
	}
	
	.twit-slideout #nav_slideout_inner{
		right: -100px;
	}
	
	.pin-slideout #nav_slideout_inner{
		right: -50px;
	}
	
	.tum-slideout #nav_slideout_inner{
		right: 0px;
	}

	
	#nav_slideout_inner textarea {
		width: 100%;
		height: 105px;
		margin-bottom: 6px;
	}
	
	.fb-slideout:hover,
	.insta-slideout:hover,
	.twit-slideout:hover,
	.pin-slideout:hover,
	.tum-slideout:hover   {
		top: 60px;
		z-index:99;
	}
	
	.fb-slideout:hover #nav_slideout_inner,
	.insta-slideout:hover #nav_slideout_inner,
	.twit-slideout:hover #nav_slideout_inner,
	.pin-slideout:hover #nav_slideout_inner,
	.tum-slideout:hover #nav_slideout_inner {
		top: -100px;
		z-index:999;
	}
	
	.fb-slideout img,
	.insta-slideout img,
	.twit-slideout img,
	.pin-slideout img,
	.tum-slideout img{
		width:15px;
		height:15px;

	}
	
	/*for instagram only*/
	.ig-b- { display: inline-block; }
	.ig-b- img { visibility: hidden; }
	.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
	.ig-b-v-24 { width: 137px; height: 24px; background: url("356bf5f2a327.png") no-repeat 0 0; }
	@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
	.ig-b-v-24 { background-image: url("b6970e82d13a.png"); background-size: 160px 178px; } }
	
	
	
/*	#fb-slideout h4{
		padding:20px;
	}
	
	#fb-slideout p{
		color:#000;
		font-size:14px;
		padding:10px 10px 0px 10px;
		text-align:center;
	}
	
	#fb-slideout img.menu-btn{
		width:65%;
		height: auto;
	}

	#nav_slideout_inner p{
		font-size:12px;
		text-align:center;
		text-transform:uppercase;
	}
	
	#nav_slideout_inner a{
		color:#000;
	}
	
	#nav_slideout_inner a:hover{
		color:#666;
	}*/
	
/*	header #header-inner #menu-top ul.socialmedia li.fb-dropdown{
		position:absolute;
		left:-1000px;
	}

	header #header-inner #menu-top ul.socialmedia li.fb-dropdown{
		top:0;
		height:40px;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	
	header #header-inner #menu-top ul.socialmedia li.fb-dropdown:hover{
		top:0;
		height:300px;
		background:#CCC;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}

	header #header-inner #menu-top ul.socialmedia li.insta-dropdown{
		position:absolute;
		left:-50px;
	}*/
	
	header #header-inner #menu-top ul#info-menu{
		position: absolute;
		left: 0px;
		top:-215px;
	}
	
	header #header-inner #menu-top ul#info-menu li a{
		font-family: 'Gotham-Bold';
		margin:0;
		padding:0;
	}
	
	span.new-label{
		font-size:8px !important;
		vertical-align:top !important;
		color:#A52123 !important;
	}
	
	span.makered{
		color:#A52123 !important;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	
	span.makered:hover{
		color:#6a1516 !important;
	}
	
	
	header #header-inner #menu-top ul#info-menu li.listings_only_nav,
	header.sticky #header-inner #menu-sticky .top-menu-line ul#info-menu li.listings_only_nav{
		display:none;
	}
	
	header #header-inner #menu-top ul#info-menu li.artists_only_nav,
	header.sticky #header-inner #menu-sticky .top-menu-line ul#info-menu li.artists_only_nav{
		display:inline-block;
	}
	
	

/*Search*/
	
	header #header-inner #menu-sticky-search,
	header.sticky #header-inner #menu-top-search,
	header.sticky #header-inner .slideout{
		display:none;
	}
	
	header #header-inner #menu-top-search{
		display:inline-block;
		position: absolute;
		overflow:hidden;
		top:52px;
		left:0;
		width:30px;
		height:35px;
		margin: 0 10px 0 0px;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	
	header #header-inner #menu-top-search .search-icon{
		position:absolute;
		left:0;
		top:0;
		padding: 2px 4px 6px 4px;
		background:#FFF;
	}
	
	header #header-inner #menu-top-search .search-box{
		position:absolute;
		left:40px;
		top:0;
	}
	
	header #header-inner #menu-top-search .search-box #searchbox input{
		height:20px;
		width:190px;
		background:#fafafa;
		border:none;
		outline:none;
		padding: 6px 10px;
	}
	
	header #header-inner #menu-top-search .search-box #searchbox .mybutton{
		padding: 4px 6px 6px 6px;
		background:#fafafa;
		float:right;
		width:48px;
		height:34px;
		color:#000;
	}

	header #header-inner #menu-top-search:hover{
		top:52px;
		right:10%;
		width:300px;
		background:#fafafa;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	
	
	
/* All Menu-inner styles*/	

	#header-inner li {
		display:inline-block;
		margin: 0px;
		text-align:center;
		padding: 0 10px;
	}
	
	#header-inner li.active a:hover,
	#header-inner li a:hover,
	#header-inner li.active a,
	#header-inner li.active{
		color:#666;
	}
	
	#header-inner li a{
		font-size:14px;
		letter-spacing:2px;
		text-transform: uppercase;
		text-decoration:none;
		color: #000;
		-webkit-transition: width 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	
	#header-inner li a,
	#header-inner li.active a{
		padding: 9px 6px 9px 6px;
		display:block;
	}

	header #header-inner #menu-top .top-menu-line ul#info-menu li.footer-only,
	header #header-inner #menu-top .top-menu-line ul#info-menu li.peckish,
	header.sticky #header-inner #menu-sticky .top-menu-line ul#info-menu li.footer-only,
	header.sticky #header-inner #menu-sticky .top-menu-line ul#info-menu li.peckish{
		display:none;
	}
	
	#filtering-nav li a:active,
	#filtering-nav li a.selected,
	#filtering-nav li a.selected.everything{
		color:#89724F;
	}
	
	header.sticky {
		opacity:1;
		position: fixed;
		width:100%;
		top:0;
		height: 45px; 
		background:#fff;
		padding: 15px 0 0px 0;
		margin:0;
		/*z-index:200;*/
		transition: opacity 1s ease-in-out;
	   -moz-transition: opacity 1s ease-in-out;
	   -ms-transition: opacity 1s ease-in-out;
	   -o-transition: opacity 1s ease-in-out;
	   -webkit-transition: opacity 1s ease-in-out;
	}
	
	header.sticky #header-inner{
		display:block;
		position:relative;
		width:100%;
		margin:0 auto;
		height:45px;
	}

	header.sticky #header-inner .logo-sticky{
		display:block;
		position: relative;
		width: 300px;
		height: 30px;
		padding: 0px 0 0px 0;
		margin:0 auto;
		z-index:9999999999;	
	}
	
	header.sticky #header-inner .logo-sticky h1{
		font-size:26px;
		background:none;
		text-align:center;
		letter-spacing:0.001em;
		-webkit-font-smoothing: antialiased !important;
		font-family: 'gotham-light';
		}

	header.sticky #header-inner .logo-top{
		display: none;	
	}

/*Search*/
	
	header.sticky #header-inner #menu-sticky-search{
		display:inline-block;
		position:fixed;
		overflow:hidden;
		top:12px;
		right:5%;
		width:30px;
		height:35px;
		margin: 0 10px 0 10px;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	
	header.sticky #header-inner #menu-sticky-search .search-icon{
		position:absolute;
		left:0;
		top:0;
		padding: 2px 4px 6px 4px;
		background:#FFF;
	}
	
	header.sticky #header-inner #menu-sticky-search .search-box{
		position:absolute;
		left:40px;
		top:0;
	}
	
	header.sticky #header-inner #menu-sticky-search .search-box #searchbox input{
		height:20px;
		width:190px;
		background:#fafafa;
		border:none;
		outline:none;
		padding: 6px 10px;
	}
	
	header.sticky #header-inner #menu-sticky-search .search-box #searchbox .mybutton{
		padding: 4px 6px 6px 6px;
		background:#fafafa;
		float:right;
		width:48px;
		height:34px;
		color:#000;
	}

	header.sticky #header-inner #menu-sticky-search:hover{
		top:12px;
		right:5%;
		width:300px;
		background:#fff;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	
	
/*Nav Slidedown*/
	
	header.sticky #header-inner #menu-top{
		display:none;
	}
	
	header.sticky #header-inner #menu-sticky-icon{
		display:block;
		position:fixed;
		top:20px;
		left:6.5%;
		width:30px;
	}

/*	header.sticky #header-inner #menu-sticky-icon img{
		width:30px;
		height:30px;
		display:block;
	}*/

	header.sticky #header-inner #menu-sticky{
		position:absolute;
		top:45px;
		height:120px;
		left:0;
		width:100%;
		text-align:center;
		border-bottom:1px #666 solid;
		background:#f4f4f4;	
	}

	header.sticky #header-inner #menu-sticky li {
		display:inline-block;
	}
	
	header.sticky #header-inner #menu-sticky ul#filtering-nav{
		/*border-bottom:1px #cccbcc solid;*/
		width:100%;
		margin: 0 auto;
		padding:10px 0;
		background:#fafafa;
	}
	
	header.sticky #header-inner #menu-sticky .top-menu-line{
		position: relative;
		width:90%;
		margin: 10px auto;
		text-align:center;
	}
	
	header.sticky #header-inner #menu-sticky .top-menu-line ul.socialmedia{
		position: relative;
		float:right;
		padding:15px 60px 15px 0;
	}
	
	header.sticky #header-inner #menu-sticky .top-menu-line ul.socialmedia li a{
		padding:0;
		margin:-2px 10px 0 10px;
	}
	
	header.sticky #header-inner #menu-sticky .top-menu-line ul.socialmedia img{
		height:15px;
	}
	
	header.sticky #header-inner #menu-sticky .top-menu-line ul#info-menu{
		position: relative;
		float:left;
		padding:15px 0px 15px 60px;
	}
	
	header.sticky #header-inner #menu-sticky .top-menu-line ul#info-menu li a{
		font-family: 'Gotham-Bold';
		margin:0 5px;
		padding:0;
	}
	
/* ====================== lines button ==================================================*/

	.toggle{
		position: relative;
		display:block;
		z-index:9999999999999;	
	}

	.hmbrgr{
		position:relative;
		display:inline-block;
	}
	
	.hmbrgr span{
		position:absolute;
		left:0;
		width:100%;
		background:#2a3382;
		display:inline-block;
	}
	
	.hmbrgr.expand span:nth-child(1){
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		transform:rotate(-45deg);
	}
	
	.hmbrgr.expand span:nth-child(2){
		zoom:1;
		filter:alpha(opacity=0);
		-webkit-opacity:0;
		-moz-opacity:0;
		opacity:0;
	}
		
	.hmbrgr.expand span:nth-child(3){
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
	}


/* FOOTER
================================================== */

	footer{
		position:relative;
		left:0;
		bottom:0;
		width:90%;
		height:300px;
		margin:0 auto;
		margin-top:45px;
		border-top: 1px #666666 solid;
	}
	
	footer #header-inner{
		display:block;
		width:100%;
		margin-top:15px;
		position: relative;
		text-align:center;
	}

	footer #header-inner #menu-footer .top-menu-line{
		width:100%;
	}

	footer #header-inner #menu-footer ul#filtering-nav{
		display:none;
	}

	footer #header-inner #menu-footer ul.socialmedia{
		border-bottom:1px #666666 solid;
		width:100%;
		padding: 0 0 15px 0;
		clear:both;
	}
	
	
	footer #header-inner #menu-footer ul.socialmedia img{
		width:15px;
		height:15px;
	}
	
	footer #header-inner #menu-footer ul.socialmedia li a{
		margin:0 15px;

	}
	
	footer #header-inner #menu-footer ul#info-menu{
		margin-top:50px;
		width:95%;
	}
	
	footer #header-inner #menu-footer ul#info-menu li a{
		margin: 0 0 0 20px;
		
	}
	
	footer #header-inner #menu-footer ul#info-menu li.footer-only{
		display:inline-block;
	}

	footer #header-inner #menu-footer ul#info-menu li.peckish{
		margin-top:40px;
		display:block;
	}

	footer #header-inner #menu-footer ul#info-menu li.peckish a{
		text-transform: lowercase;
		font-size:11px;
	}
	
	footer #header-inner #menu-footer ul#info-menu li.peckish img{
		height:12px;
	}

	
	/**** Clearfixes ****/
	.wall:after, #filtering-nav:after {
		content:'';
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
		
	

/* HOME PAGE
================================================== */

	#content {
		padding:360px 0 0  0px;
		width:100%;
	}
	
	h1.section-header{
		font-family: 'AvenirNext-Bold';
		text-transform:uppercase;
		text-align:center;
		padding:0px 0 40px 0;
		margin:0 auto;
		margin-top:-20px;
		letter-spacing:1px;
		font-size:15px;
	}
	
		
/* Artist Grid
============== */

	.wall {
		width:90%;
		margin: 0 auto;
		overflow:visible;
		margin-bottom:40px;
		min-height:800px;
	}

	.wall li.box{
		margin:0px 1.60% 50px 1.60%;
		padding:0;
		float:left;
		list-style-type:none;
		width:30%;
		height:auto;	
	}

	.col3 {
		width:30%;
		padding:0;
		margin:0; 
	}
	
	.col3 img,
	.col3 iframe {
		width:100%;
	}
	
	/*.wall li.box img{
		width:300px;
		height:auto;	
	}
	*/
	
	.wall li.box .artwork-info{
		width:100%;
		text-align:center;
	}
	
	.wall li.box .artwork-info h2{
		font-family: 'AvenirNext-Bold';
		border-bottom:1px #ddd solid;
		padding:20px 0 10px 0;
		margin:0 0 10px 0;
		letter-spacing:1px;
		font-size:15px;
	}
	
	.wall li.box .artwork-info h1{
		padding:0;
		margin:0;
		letter-spacing:1px;
		text-transform:uppercase;
	}

	.wall li.box .artwork-info p.artwork-date{
		text-align:center;
		margin:15px 0 -10px 0;
		font-size:10px;
		letter-spacing:1px;
		color: #666;
	}
	
	.wall li.box .artwork-info p.blurb{
		display:none;
		height:0;
		width:0;
		color:#FFF;
		letter-spacing: normal;
	}
	
	/*.wall li.box .artwork-info .conn_off,
	.wall li.box .artwork-info .conn_on,*/
	.wall li.box .artwork-info .artist_link,
	.profile-conn .conn_off{
		display:none;
	}

/* Pop Up Image Hover
============== */

	.wall li.box .artwork-info .popup-tag{
		position:relative;
		font-size:12px;
		height:0px;
		top: -330px;
		margin:0 auto;
		width:100%;
		opacity:0;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	
	.wall li.box .artwork-info .popup-tag .tag{
		text-align:center;
		padding:180px 0 0 0;
		
	}
	
	.wall li.box .artwork-info .popup-tag .tag .popuplink{
		background: url("white_op60.png") repeat;
		padding: 10px 0 10px 0;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	
	.wall li.box .artwork-info .popup-tag .tag .popuplink:hover{
		background: url("white_op80.png") repeat;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		}
	
	.wall li.box .artwork-info .popup-tag .tag .popuplink a{
		color:#000;
		font-family: 'Gotham-Bold';
		width:100%;
		padding:0px 60px;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	
	.wall li.box .artwork-info .popup-tag .tag .popuplink a span.hiddenkeywords{
		position:absolute;
		font-size:0;
		color:#fff;
		opacity:0;
	}
	
	.wall li.box .artwork-info .popup-tag .tag .popuplink a img.viewmore{
		width:80px;
		height:23px;
		opacity:0.8;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	
	.wall li.box .artwork-info .popup-tag .tag .popuplink a img.viewmore:hover{
		opacity:1;
	}
	
	.wall li.box .artwork-info .popup-tag .tag .popuplink a:hover{
		color:#333;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	
	.wall li.box .artwork-info .popup-tag:hover {
		transition: background-color 800ms ease-in-out;
		z-index: 999;
		padding: 0;
		height:60%;
		top: -358px;
		opacity:1;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		
	}



/* Top Spot
============== */

	.wall li:nth-child(1).box{
		width:100%;
	}
	
	.wall li:nth-child(1).box img.art{
		width:63.2%;
		margin: 0 3.4% 0 1.4%;
		float:right;
		
	}

/*	.wall li:nth-child(1).box.animation img.art{
		width:30%;
		margin: 0 3.4% 0 1.4%;
		float:right;
	}*/
	
	.wall li:nth-child(1).box .artwork-info{
		width:30%;
		margin: 0 1.6% 0 0;
		float:left;
		text-align:left;	
	}
	
	.wall li:nth-child(1).box .artwork-info p.blurb{
		display:block;
		height:auto;
		width:100%;
		color:#333;
		text-align:left;
		font-size:12px;
		margin-top:25px;
		line-height:16px;
	}
	
	.wall li:nth-child(1).box .artwork-info p.artwork-date{
		text-align:left;
		font-size:10px;
		margin:0;
		color: #666;
	}

/*	.wall li:nth-child(1).box .artwork-info .conn_on{
		position:relative;
		display:block;
		background-repeat:repeat;
		float:left;
		margin:60px 3px 40px 1px ;
		padding: 0;
		width:100%;
		height:auto;
		z-index:3;
	}*/
	
	.wall li:nth-child(1).box .artwork-info .popup-tag{
		opacity:1;
		top: 25px;
		float:left;
		padding:0;
		margin:0 0 0 -5px;
		width:100%;
	}
	
	.wall li:nth-child(1).box .artwork-info .popup-tag .tag{
		text-align:left;
		padding:8px 0 10px 0;
		display:inline-block;
	}
	
	.wall li:nth-child(1).box .artwork-info .popup-tag .tag .popuplink{
		display:none;
	}
	
	.wall li:nth-child(1).box .artwork-info .artist_link{
		display:block;
		font-size:12px;
		color: #999;
		float:left;
		margin: 20px 0 10px 0;
	}
	
	.wall li:nth-child(1).box .artwork-info .artist_link a{
		color: #999;
		text-decoration:none;
		text-transform: none;
		letter-spacing:normal;
		font-size:12px;
	}

	.wall li:nth-child(1).box .artwork-info .artist_link a:hover{
		color: #000;
	}



/* Listings Navigation
============== */

	.listings-nav,
	.listings-nav-city{
		width:80%;
		height:auto;
		margin: 0 auto;
		margin-bottom:0;
		margin-top:-60px;
		padding:20px 5% 20px 5%;
		/*background:#f4f4f4;	*/
		text-align:center;
		border-bottom:1px #666 solid; 
		font-family: 'AvenirNext-Bold';
		letter-spacing:4px;
	}
	
	.listings-nav{
		border:none;
		padding:20px 5% 10px 5%;
		margin-top:-135px;
	}
	
	.listings-nav a,
	.listings-nav-city a{
		text-align:center;
		font-family: 'AvenirNext-Bold';
		text-transform:uppercase;
		font-size:12px;
		line-height:20px;
		
	}
	
	.listings-nav-city{
		font-family: 'gotham-light';
		margin-bottom:45px;
		margin-top:0;
		padding:0px 5% 20px 5%;
		letter-spacing:3px;
		/*background:#fafafa;	*/
	}
	
	.listings-nav-city a{
		/*text-transform:capitalize;*/
		font-family: 'gotham-light';
	}
	
	.listings-nav a.postevent-btn{
		color:#A52123;
	}
	
/* Listings
==================================== */
	
	.wall.listings{
		border-bottom:none;
		margin-bottom:70px;
		min-height:100px;
	}

	.wall.listings li:nth-child(1).box{
		position:fixed;
		margin-left:-10000px;
		margin-top:-10000px;
	}

	.wall.listings li.box{
		margin:0px 1% 50px 1.60%;
		padding:0;
		float:left;
		list-style-type:none;
		width:22%;	
	}
	
/*	.wall.listings li.box:hover{
		background:#f4f4f4;
	}*/
	
	.wall.listings li.box .artwork-info p.artwork-date,
	.wall. li.box .artwork-info p.listings-date{
		text-align:center;
		margin:15px 0 0px 0;
		font-size:12px;
		letter-spacing:1px;
		color: #666;
	}
	
	.wall.listings li.box .artwork-info p.artwork-date{
		text-transform:capitalize;
		font-size:12px;
	}
	
	.wall.listings li.box .artwork-info .hidden-date{
		color:#fff;
		font-size:0px;
	}
	
	.wall.listings li.box .artwork-info .hidden-date h4{
		color:#fff;
		font-size: 16px;
		padding:10px 0;
		margin-top:10px;
		text-transform:lowercase;
		background:#A52123;
		font-family: 'AvenirNext-Bold';
	}
	
	.wall.listings li.box h1.artwork-city{
		border:1px #ddd solid;
		font-family: 'AvenirNext-Bold';
		letter-spacing:6px;
		margin:  0;
		padding:10px;
		text-align:center;
		text-transform:uppercase;
		/*color:#A52123;*/
	}
	
	.wall.listings li.box .artwork-info h2{
		border-bottom:none;
		padding:20px 0 0px 0;
		margin:0 0 10px 0;
		letter-spacing:1px;
		font-size:15px;
	}
	
	.wall.listings li.box .artwork-info h1{
		padding:0;
		margin:0;
		border-bottom:none;
		letter-spacing:1px;
		text-transform:uppercase;
	}
	
	.wall.listings li.box .artwork-info p.blurb{
		display:block;
		height:auto;
		width:auto;
		font-size:12px;
		line-height:14px;
		border-top:1px #ddd solid;
		margin:10px 0 0 0;
		padding:10px 0 10px 0;
		color:#666;
		letter-spacing: normal;
	}

	.wall li.box .artwork-info p.address{
		display:block;
		height:auto;
		width:auto;
		font-size:12px;
		line-height:14px;
		margin:0px 0 0 0;
		padding:0px 0 0px 0;
		color:#666;
		letter-spacing: normal;
	}
	
	.wall.listings li.box.listings-notice{
		background:#fff;
		/*border:1px #ddd solid;*/
	}
	
	.wall.listings li.box.listings-notice h2{
		/*background:#f4f4f4;
		border:none;*/
		/*font-family: 'avenir-webfont';*/
		font-size:40px;
		color:#000;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	
	.wall.listings li.box.listings-notice h2:hover{
		color:#666;
	}
	
	.wall.listings li.box.listings-notice h1{
		font-size:14px;
		padding-bottom:20px;
		/*font-family: 'AvenirNext-Bold';*/
		/*background:#f4f4f4;
		border-top:none;
		border-bottom:1px #ddd solid;*/
	}
	
	.wall.listings li.box.listings-notice .button {
		font-family: 'gotham-light';
		text-transform:uppercase;
		background:#FFF;
		clear:both;
		border: 1px #666666 solid;
		color: #000;
		cursor: pointer;
		display: inline-block;
		font-size:16px;
		height: auto;
		line-height: 32px;
		margin: 20px 0;
		padding: 12px 24px;
		text-align: center;
		text-decoration: none;
		vertical-align: top;
		white-space: nowrap;
		width: auto;
		letter-spacing:0.15em;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}

	.wall.listings li.box.listings-notice .button:hover {
		background-color:#fff;
		color:#666;
		border: 1px #ccc solid;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out; 
	}
	
	span.lessletterspacing{
		letter-spacing:0.001em;
	}





/* Listings Event Page
============== */
	
	.wall.event {
		width:90%;
		margin: 0 auto;
		overflow:visible;
		margin-bottom:40px;
		min-height:450px;
	}

	.wall.event li:nth-child(1).box img.art{
		width:36.2%;
		margin: 0 1.6% 0 0;
		float:left;
	}
	
	.wall.event li:nth-child(1).box .artwork-info{
		width:57%;
		margin: 0 3.4% 0 1.4%;
		float:right;
		text-align:left;	
	}
	
/*	.listing-comments{
		width:36.2% !important;
		margin: 20px 1.6% 0 0 !important;
		float:left !important;
	}*/
	
	
	

/* Listings Form
============== */
	
	.listings-form{
		width:90%;
		height:auto;
		margin: 0 auto;
		overflow:visible;
		margin-bottom:75px;
		margin-top: 60px;
		padding: 60px 0 60px 0;
		border-top:1px #666 solid; 
		border-bottom:1px #666 solid; 
	}
	
	.listings-form table.form{
		width:100%;
		margin: 0 auto;
		border:none;
	}
	
	.listings-form td.form-section{
		width:33%;
		padding: 0 3% 0 3%;
	}
	
	.listings-form td.form-section.form p{
		margin:20px 0;
	}
	
	.listings-form td.form-section.intro h1{
		font-family: 'AvenirNext-Bold';
		text-transform:uppercase;
		border-bottom:1px #ddd solid;
		padding:20px 0 10px 0;
		margin:0 0 20px 0;
		letter-spacing:1px;
		font-size:15px;
	}
	
	.listings-form td.form-section.intro p{
		margin: 0;
		padding:0;
		line-height:19px;
	}
	
	.listings-form td.form-section input,
	.listings-form td.form-section textarea,
	.listings-form td.form-section select{
		width:96%;
		padding: 2%;
	}
	
	.listings-form td.form-section p.checkbox input{
		width:auto;
	}
	
	.listings-form td.form-section select{
		font-size: 12px;
		padding: 8px;
		font-family: 'avenir-webfont';
		background-image:none;
		border: 1px #ccc solid;
		outline:none;
		display: inline-block;
		-webkit-appearance:none;
		-moz-appearance:none;
		appearance:none;
		cursor:pointer;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;
		background: url("select.png") no-repeat right #fff;
		background-color:#fff;
	}
	
	.listings-form td.form-section .button {
		font-family: 'avenir-webfont';
		text-transform:uppercase;
		background:#FFF;
		clear:both;
		border: 1px #666666 solid;
		color: #000;
		cursor: pointer;
		display: inline-block;
		font-size:14px;
		height: auto;
		line-height: 32px;
		margin: 0;
		padding: 5px 18px;
		text-align: center;
		text-decoration: none;
		vertical-align: top;
		white-space: nowrap;
		width: auto;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}

	.listings-form td.form-section .button:hover {
		background-color:#fff;
		color:#666;
		border: 1px #ccc solid;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out; 
	}
	
	.listings-processing{
		width:90%;
		margin: 0 auto;
		overflow:visible;
		margin-bottom:40px;
		margin-top:0px;
		padding: 0 0 40px 0;
		border-bottom:1px #666 solid; 
	}
	
	.listings-processing p{
		text-align:center;
	}


/* Contributers List
============== */
	
	.contributers-list{
		width:90%;
		margin: 0 auto;
		overflow:visible;
		margin-bottom:75px;
		margin-top:60px;
		padding:60px 0;
		border-bottom:1px #666 solid;
		border-top:1px #666 solid;  
	}
	
	.contributers-list .list{
    	-webkit-column-count: 3;
		-webkit-column-gap:   0px;
		-ms-column-count: 3;
		-ms-column-gap:   0px;
		-o-column-count: 3;
		-o-column-gap:   0px;
		-moz-column-count:    3;
		-moz-column-gap:      0px;
		column-count:         3;
		column-gap:           0px;  
	}
		

	.contributers-list p{
		font-size:14px;
		color:#000;
		text-align:center;
		vertical-align:top;
		text-transform: uppercase;
		margin: 0 1.60% 15px 1.60%;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	
	.contributers-list p:hover{
		color:#666;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}

/* Favourites
============== */

	.favourites{
		width:90%;
		margin: 0 auto;
		overflow:visible;
		margin-bottom:80px;
	}

	.favourites .favourite-artist{
		display:inline-block;
		vertical-align:top;
		margin:0px 1.60% 50px 1.60%;
		padding:0;
		list-style-type:none;
		width:21.3%;
		height:auto;	
	}

	.favourites .favourite-artist img{
		width:100%;
	}

	.favourites .favourite-artist .artwork-info{
		width:100%;
		text-align:center;
	}

	.favourites .favourite-artist .artwork-info h2{
		font-family: 'Gotham-Bold';
		border-bottom:1px #ddd solid;
		padding:20px 0 10px 0;
		margin:0 0 10px 0;
		font-size:15px;	
	}
	
	.favourites .favourite-artist .artwork-info h1{
		padding:0;
		margin:0;
		text-transform:uppercase;
	}

	.favourites .favourite-artist p.favourite-artist-date{
		text-align:center;
		font-size:12px;
		padding:15px 0;
	}
	
/* INFO PAGES
================================================== */

	.info-text{
		width:90%;
		margin: 0 auto;
		overflow:visible;
		margin-bottom:75px;
		margin-top:0px;
		padding: 0 0 60px ;
		border-bottom:1px #666 solid;
/*		border-top:1px #666 solid;
    	-webkit-column-count: 3;
		-webkit-column-gap:   0px;
		-ms-column-count: 3;
		-ms-column-gap:   0px;
		-o-column-count: 3;
		-o-column-gap:   0px;
		-moz-column-count:    3;
		-moz-column-gap:      0px;
		column-count:         3;
		column-gap:           0px; */ 
	}
	
	.info-text p{
		text-align:center;
	}
	
	.info-text a{
		color:#333;
		text-transform:uppercase;
		font-family: 'Gotham-Bold';
	}

	.info-text a:hover{
		color:#000;
	}
	
	.info-text h1{
		font-size:14px;
		text-transform:uppercase;
		margin:0 0 45px 0;
		text-align:center;
		padding:0;	
	}

/* SEARCH PAGE
================================================== */
	
	.search-noresults{
		width:260px;
		margin: 0 auto;
		text-align:center;
	}
	
	.search-noresults .search-icon{
		position:absolute;
		left:0;
		top:0;
		padding: 2px 4px 6px 4px;
		background:#FFF;
	}
	
/*	.search-noresults .search-box{
		position:absolute;
		left:20px;
		top:0;
	}
	*/
	.search-noresults input{
		height:20px;
		width:180px;
		background:#fafafa;
		border:none;
		outline:none;
		padding: 6px 10px;
	}
	
	.search-noresults .mybutton{
		padding: 4px 6px 6px 6px;
		background:#fafafa;
		float:right;
		width:48px;
		height:34px;
		color:#000;
	}

	
	
/* PROFILES
================================================== */
	.film{
		width:90%;
		margin: 0 auto;
	}
	
	.film iframe{
		width:96.8%;
		margin: -80px 1.6% 40px 1.6%;
	}
	
	.film .multiplefilms{
		margin-top:-400px;
	}
	
	.film iframe.multi-film{
		margin:0px 1.6% 50px 1.6%;
		padding:0;
		float:left;
		list-style-type:none;
		width:30%;
		height:200px;	
	}

	.profile-conn{
		width:90%;
		margin-left: 5.5%;
		overflow:visible;
		margin-bottom:40px;
	}
	
	.profile-conn .conn_on{
		
	}
	
	.profile-conn .conn_on{
		padding:0px 15px 30px 0;
		margin:10px 3px 0px 0 ;
	}
	
	.profile-conn .conn_on img{
		width:auto;
		height:auto;
	}
	
	.profile-conn .conn_on .expanding-comments{
		float:left;
		margin-left:5px;
	}
	
	div.fb-comments{
		position:relative;
		margin:60px 0 0 0;
		padding:0;
		width:100%;
		height:auto;
	}
	
	/*#artists li:nth-child(1).artwork h1{
		border:#0CC solid 1px;
		
	}
	
	#artists li:nth-child(1).artwork{
		width:645px;
		height:auto;	
	}
	
	#artists li:nth-child(1).artwork img{
		width:645px;
		height:auto;	
	}
	
	#artists li:nth-child(1).artwork .artwork-info{
		width:300px;
		text-align:left;
	}*/
	
	#pagination{
		width:90%;
		margin: 0 auto;
		overflow:visible;
		margin-bottom:40px;
		text-align:center;
	}
	
	.pag_button{
		padding:10px;
		margin:10px;
		font-size:14px;
		width:auto;
		cursor:pointer;
		 border: 1px #666666 solid;
		 outline:none;
		 text-transform:uppercase;
	}
	
	.pag_button:hover{
		color:#666;
		border: 1px #999 solid;
	
	}



	
	
/* All devices
================================================== */

    /* Note: Design for a width of 768px */

/*@media only screen and (min-device-width : 100px) and (max-device-width : 767px) {

		
	header #header-inner #menu-sticky-search,
	header #header-inner #menu-sticky-search .search-icon,
	header #header-inner #menu-sticky-search .search-box{
		display:none;	
	}
	
	.wall li.box .artwork-info .popup-tag,
	.wall li.box .artwork-info .popup-tag .tag,
	.wall li.box .artwork-info .popup-tag .tag .popuplink{
		display:none;
	}
	
	.wall li:nth-child(1).box .artwork-info .popup-tag,
	.wall li:nth-child(1).box .artwork-info .popup-tag .tag{
		display:block;
		text-align:center;
	}
		
	}*/





/* #Tablet (Landscape)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 0) and (max-width: 1060px) {
		
/*	#header-inner li {
		padding: 0 0px;
	}
	
	#header-inner li a{
		font-size:14px;
		letter-spacing:1px;
	}
	
	#header-inner li a,
	#header-inner li.active a{
		padding: 9px 0px 9px 15px;
		display:block;
	}*/
	
	.wall li:nth-child(1).box{
		min-height:475px;
	}
	
	footer #header-inner #menu-footer ul#info-menu li a{
		margin: 0 0 0 4px;
		
	}
	

}


/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 0) and (max-width: 959px) {
		

	header #header-inner #menu-top .top-menu-line ul#info-menu li.footer-only,
	header #header-inner #menu-top .top-menu-line ul#info-menu li.peckish,
	header #header-inner #menu-sticky .top-menu-line ul#info-menu li.footer-only,
	header #header-inner #menu-sticky .top-menu-line ul#info-menu li.peckish{
		display:none;
	}
	
	header #header-inner #menu-top .top-menu-line ul#info-menu li.listings_only_nav,
	header #header-inner #menu-sticky .top-menu-line ul#info-menu li.listings_only_nav{
		display:none;
	}

	header {
		opacity:1;
		position: fixed;
		width:100%;
		top:0;
		height: 45px; 
		background:#fff;
		padding: 15px 0 0px 0;
		margin:0;
		z-index:200;
		transition: opacity 1s ease-in-out;
	   -moz-transition: opacity 1s ease-in-out;
	   -ms-transition: opacity 1s ease-in-out;
	   -o-transition: opacity 1s ease-in-out;
	   -webkit-transition: opacity 1s ease-in-out;
	}
	
	header #header-inner{
		display:block;
		position:relative;
		width:100%;
		margin:0 auto;
		height:45px;
	}

	header #header-inner .logo-sticky{
		display:block;
		position: relative;
		width: 300px;
		height: 30px;
		padding: 0px 0 0px 0;
		margin:0 auto;
		z-index:9999999999;	
	}
	
	header #header-inner .logo-sticky h1{
		font-size:26px;
		background:none;
		text-align:center;
		letter-spacing:0.001em;
		-webkit-font-smoothing: antialiased !important;
		font-family: 'gotham-light';
	}

	header #header-inner .logo-top{
		display: none;	
	}

	#header-inner li {
		padding: 0 0px;
	}
	
	#header-inner li a{
		font-size:11px;
		letter-spacing:0px;
	}
	
	#header-inner li a,
	#header-inner li.active a{
		padding: 4px 0px 4px 15px;
		display:block;
	}

/*Search*/
	
	header #header-inner #menu-sticky-search{
		display:none;
		display:inline-block;
		position:fixed;
		overflow:hidden;
		top:12px;
		right:5%;
		width:30px;
		height:35px;
		margin: 0 10px 0 10px;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		
	}
	
	header #header-inner #menu-sticky-search .search-icon{
		display:none;
		position:absolute;
		left:0;
		top:0;
		padding: 2px 4px 6px 4px;
		background:#FFF;
	}
	
	header #header-inner #menu-sticky-search .search-box{
		display:none;
	}
	
/*	header #header-inner #menu-sticky-search .search-box{
		display:none;
		position:absolute;
		left:40px;
		top:0;
	}
	
	header #header-inner #menu-sticky-search .search-box #searchbox input{
		height:20px;
		width:190px;
		background:#fafafa;
		border:none;
		outline:none;
		padding: 6px 10px;
	}
	
	header #header-inner #menu-sticky-search .search-box #searchbox .mybutton{
		padding: 4px 6px 6px 6px;
		background:#fafafa;
		float:right;
		width:48px;
		height:34px;
		color:#000;
	}

	header #header-inner #menu-sticky-search:hover{
		top:12px;
		right:5%;
		width:300px;
		background:#fafafa;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}*/
	
	
/*Nav Slidedown*/
	
	header #header-inner #menu-top,
	header.sticky #header-inner #menu-top{
		display:none;
	}
	
	header #header-inner #menu-sticky-icon,
	header.sticky #header-inner #menu-sticky-icon{
		display:block;
		position:fixed;
		top:20px;
		left:6.5%;
		width:30px;
	}

/*	header.sticky #header-inner #menu-sticky-icon img{
		width:30px;
		height:30px;
		display:block;
	}*/

	header #header-inner #menu-sticky,
	header.sticky #header-inner #menu-sticky{
		position:absolute;
		top:45px;
		height:100px;
		left:0;
		width:100%;
		background:#f4f4f4;	
		text-align:center;
		border-bottom:1px #666 solid;
	}

	header #header-inner #menu-sticky li,
	header.sticky #header-inner #menu-sticky li {
		display:inline-block;
	}
	
	header #header-inner #menu-sticky ul#filtering-nav,
	header.sticky #header-inner #menu-sticky ul#filtering-nav{
		/*border-bottom:1px #ddd solid;*/
		background:#fafafa;
		width:100%;
		margin: 0 auto;
		padding: 15px 0 15px 0;
	}
	
	header #header-inner #menu-sticky .top-menu-line,
	header.sticky #header-inner #menu-sticky .top-menu-line{
		position: relative;
		width:90%;
		margin: 5px auto;
		text-align:center;
	}
	
	header #header-inner #menu-sticky .top-menu-line ul.socialmedia,
	header.sticky #header-inner #menu-sticky .top-menu-line ul.socialmedia{
		position: relative;
		float:right;
		padding:15px 100px 15px 0;
	}
	
	header #header-inner #menu-sticky .top-menu-line ul.socialmedia li a,
	header.sticky #header-inner #menu-sticky .top-menu-line ul.socialmedia li a{
		padding:0;
		margin:-2px 10px 0 10px;
	}
	
	header #header-inner #menu-sticky .top-menu-line ul.socialmedia img,
	header.sticky #header-inner #menu-sticky .top-menu-line ul.socialmedia img{
		height:15px;
	}
	
	header #header-inner #menu-sticky .top-menu-line ul#info-menu,
	header.sticky #header-inner #menu-sticky .top-menu-line ul#info-menu{
		position: relative;
		float:left;
		padding:15px 0px 15px 100px;
	}
	
	header #header-inner #menu-sticky .top-menu-line ul#info-menu li a,
	header.sticky #header-inner #menu-sticky .top-menu-line ul#info-menu li a{
		font-family: 'Gotham-Bold';
		margin:0;
		font-size:12px;
		padding:0 10px;
	}
	
	header #header-inner .slideout,
	header #header-inner #menu-top-search,
	header.sticky #header-inner .slideout,
	header.sticky #header-inner #menu-top-search{
		display:none;
	}
	
	footer #header-inner #menu-footer ul#info-menu li a{
		margin: 0 5px;
		
	}
	
	
	
/* HOME PAGE
================================================== */

	#content {
		padding:100px 0 0  0px;
		width:100%;
	}
	
	/* Artist Grid
============== */
	
	.wall li.box .artwork-info h2{
		font-size:13px;
	}
	
	.wall li.box .artwork-info h1{
		font-size:10px;
	}
	
	.wall li.box .artwork-info p.artwork-date{
		text-align:center;
	}

	.wall li:nth-child(1).box .artwork-info p.artwork-date{
		text-align:left;
	}
	
	.wall li.box .artwork-info,
	.wall li:nth-child(1).box .artwork-info{
		width:100%;
		text-align:center;
	}
	
	.wall li:nth-child(1).box .artwork-info .artist_link{
		float:none;
		margin: 20px 0 0px 0;
		font-size:10px;
	}
	
	.wall li:nth-child(1).box .artwork-info .artist_link a{
		font-size:10px;
	}
	


	/* Top Spot
============== */

	.wall li:nth-child(1).box{
		min-height: 375px;
	}

	.wall li:nth-child(1).box img.art{
		width:63.2%;
		margin: 0 3.4% 0 1.4%;
		float:right;	
	}
	
	.wall li:nth-child(1).box .artwork-info{
		width:30%;
		margin: 0 1.6% 0 0;
		float:left;
		text-align:left;	
	}
	
/*	.wall li:nth-child(1).box img.art{
		width:96.5%;
		margin-bottom:20px;
	}
	
	.wall li:nth-child(1).box .artwork-info{
		width:96.5%;
		margin-bottom:60px;
	}*/
	
	.wall li:nth-child(1).box .artwork-info p.blurb{
		font-size:10px;
		line-height:12px;
	}
	
	.wall li:nth-child(1).box .artwork-info .popup-tag{
		top: 10px;
		width:100%;
		font-size:10px;
	}

	.wall li:nth-child(1).box .artwork-info .artist_link{
		font-size:10px;
		display:none;
	}

/* Listings Navigation
============== */

	.listings-nav{
		margin-top:-40px;
	}
	
	.wall.listings li.box.listings-notice{
		display:none;
		height:0;
	}

/* Listings
============== */

	.wall.listings li.box{
		margin:0px 1% 30px 1.60%;
		width:30%;
	}


/* Contributers List
============== */
		

	.contributers-list p{
		font-size:12px;
	}
	

/* Favourites
============== */


	.favourites .favourite-artist{
		width:21%;	
	}


	.favourites .favourite-artist .artwork-info h2{
		font-size:12px;	
	}
	
	.favourites .favourite-artist .artwork-info h1{
		font-size:10px;	
	}

	.favourites .favourite-artist p.favourite-artist-date{
		font-size:10px;
	}
	
	
}

@media only screen and (min-device-width : 0px) and (max-device-width : 959px) {

		
	header #header-inner #menu-sticky-search,
	header #header-inner #menu-sticky-search .search-icon,
	header #header-inner #menu-sticky-search .search-box{
		display:none;	
	}
	
	.wall li.box .artwork-info .popup-tag,
	.wall li.box .artwork-info .popup-tag .tag,
	.wall li.box .artwork-info .popup-tag .tag .popuplink{
		display:none;
	}
	
	.wall li:nth-child(1).box .artwork-info .popup-tag,
	.wall li:nth-child(1).box .artwork-info .popup-tag .tag{
		display:block;
	}
		
	}



/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
	
	header #header-inner .logo-sticky,
	header.sticky #header-inner .logo-sticky{
		width: 200px;
		height: 23px;
		padding-top:2px;
		margin: 0 auto;
	}

	header #header-inner li a,
	header.sticky #header-inner li a{
		font-size:10px;
		margin-left:-5px;
	}

/*	header #header-inner .logo-sticky img,
	header.sticky #header-inner .logo-sticky img{
		width:150px;
		margin-top:2px;
	}*/
	
	header #header-inner .logo-sticky h1,
	header.sticky #header-inner .logo-sticky h1{
		font-size:22px;
		background:none;
		text-align:center;
		letter-spacing:0.001em;
		-webkit-font-smoothing: antialiased !important;
		font-family: 'gotham-light';
		
	}
	
	header #header-inner #menu-sticky-search,
	header.sticky #header-inner #menu-sticky-search{
		display:none;
	}

	header #header-inner #menu-sticky,
	header.sticky #header-inner #menu-sticky{
		height:135px;
		width:100%;
	}
	
	header #header-inner #menu-sticky .top-menu-line ul.socialmedia,
	header.sticky #header-inner #menu-sticky .top-menu-line ul.socialmedia{
		position: relative;
		float: none;
		padding:15px 0 10px 0;
	}

	header #header-inner #menu-sticky .top-menu-line ul.socialmedia img,
	header.sticky #header-inner #menu-sticky .top-menu-line ul.socialmedia img{
		height:14px;
	}
	
	header #header-inner #menu-sticky .top-menu-line ul.socialmedia li a,
	header.sticky #header-inner #menu-sticky .top-menu-line ul.socialmedia li a{
		padding:0;
		margin:-4px 10px 0 10px;
	}
	
	header #header-inner #menu-sticky .top-menu-line ul#info-menu,
	header.sticky #header-inner #menu-sticky .top-menu-line ul#info-menu{
		position: relative;
		float:none;
		padding: 0 0 10px 0;	
	}
	
	header #header-inner #menu-sticky .top-menu-line ul#info-menu li a,
	header.sticky #header-inner #menu-sticky .top-menu-line ul#info-menu li a{
		font-family: 'Gotham-Bold';
		font-size:10px;
		margin:0;
		padding:0 6px;
	}

	footer #header-inner #menu-footer ul.socialmedia li a{
		margin:0 10px 0 0;
	}
	
	footer #header-inner #menu-footer ul#info-menu li.peckish a{
		font-size:10px;
	}
	
	footer #header-inner #menu-footer ul#info-menu li.peckish img{
		height:10px;
	}
	
/* ====================== lines button ==================================================*/
	
	
/*	.lines,
	.lines:before, .lines:after {
	  width: 17px;
	}

	.lines:before {
	  top: 0.4rem;
	}
	
	.lines:after {
	  top: -0.4rem;
	}
	
	.lines-button:hover .lines:before {
	  top: 0.4rem;
	}
	
	.lines-button:hover .lines:after {
	  top: -0.4rem;
	}
	
	.lines-button.x.close .lines:before, .lines-button.x.close .lines:after {
	  width: 20px;
	}
		*/

/* Artist Grid
============== */

	.wall {
		width:90%;
		margin: 0 auto;
		margin-left:2%;
		overflow:visible;
		margin-bottom:40px;
	}
	
	.wall li.box .artwork-info p.artwork-date,
	.wall li:nth-child(1).box .artwork-info p.artwork-date{
		text-align:center;
	}
	

	.wall li.box,
	.wall li:nth-child(1).box{
		margin:0px 2.2% 30px 2.2%;
		padding:0;
		float:left;
		list-style-type:none;
		width:100%;
		height:auto;
			
	}
	
/*	.wall li:nth-child(1).box{
		margin-bottom:-30px;
	}*/
	
	.col3 {
		width:45%;
	}
	
	.wall li.box img.art,
	.wall li:nth-child(1).box img.art{
		width:100%;
		margin: 0 3.8% 15px 1%;
		float:left;
	}
	
	.col3 {
		width:30%;
		padding:0;
		margin:0; 
	}
	
	.col3 img { width:100%; }
	
	/*.wall li.box img{
		width:300px;
		height:auto;	
	}
	*/
	
	.wall li.box .artwork-info,
	.wall li:nth-child(1).box .artwork-info{
		width:100%;
		margin-bottom:15px;
		text-align:center;
	}

	.wall li:nth-child(1).box .artwork-info{
		margin-bottom:60px;
	}
	
	.wall li.box .artwork-info h2{
		padding:20px 0 10px 0;
		margin:0 0 10px 0;
		font-size:12px;
	}
	
	.wall li.box .artwork-info h1{
		font-size:10px;
	}
	
	.wall li:nth-child(1).box .artwork-info p.blurb,
	.wall li:nth-child(1).box .artwork-info .artist_link{
		font-size:12px;
		line-height:16px;
		text-align:center;
	}
	
	
	.wall li:nth-child(1).box .artwork-info .artist_link{
		text-align:center;
	}
	
	.wall li:nth-child(1).box .artwork-info .artist_link a{
		font-size:12px;
	}
	
	
	.wall li:nth-child(1).box .artwork-info .popup-tag{
		font-size:12px;
	}
	
	
/*	.wall li:nth-child(1).box .artwork-info p.artwork-date{
		text-align:center;
		margin:15px 0 -10px 0;
		font-size:10px;
		color: #666;
	}*/
	
/*	.wall li.box .artwork-info p.blurb,
	.wall li:nth-child(1).box .artwork-info p.blurb,
	.wall li:nth-child(1).box .artwork-info .artist_link
	.wall li.box .artwork-info .artist_link,
	.profile-conn .conn_off{
		display:none;
	}*/

/* Pop Up Image Hover
============== */

/*	.wall li.box .artwork-info .popup-tag,
	.wall li:nth-child(1).box .artwork-info .popup-tag{
		display:none;
	}

	.contributers-list,
	.favourites{
		display:none;	
	}*/
	
	.wall li.box .artwork-info .popup-tag{
		display:none;
	}
	
	.wall li:nth-child(1).box .artwork-info .popup-tag,
	.wall li:nth-child(1).box .artwork-info .popup-tag .tag{
		display:block;
		margin: 0 auto;
		text-align:center;
	}


/* Listings Navigation
============== */

	
	.listings-nav a,
	.listings-nav-city a{
		font-size:11px;
		line-height:14px;
	}



/* Listings
============== */

	.wall.listings li.box{
		margin:0px 1.60% 30px 1.60%;
		width:94%;
	}


/* Listings Form
============== */
	
	
	.listings-form td.form-section{
		width:90%;
		display:block;
		padding: 0 3% 0 3%;
	}


/* Listings Event Page
============== */
	
	.wall.event {
		min-height:150px;
		margin-bottom:60px;
	}

	.wall.event li:nth-child(1).box img.art{
		width:96%;
		margin: 0;
		float:none;
	}
	
	.wall.event li:nth-child(1).box .artwork-info{
		width:96%;
		margin: 20px 0 0 0;
		float:none;
		text-align:center;	
	}
	

/* Contributers list
============== */
	
	
	.contributers-list .list{
    	-webkit-column-count: 1;
		-webkit-column-gap:   0px;
		-ms-column-count: 1;
		-ms-column-gap:   0px;
		-o-column-count: 1;
		-o-column-gap:   0px;
		-moz-column-count:    1;
		-moz-column-gap:      0px;
		column-count:         1;
		column-gap:           0px;  
	}
	
	.contributers-list{
		border-bottom:none;
	}

	.favourites{
		display:none;	
	}
	
	
	
	
	


/* PROFILES
================================================== */

	.film iframe{
		width:85%;
		margin: -60px 0 40px 7.35%;
		z-index:99999;
	}
	
	.film{
		width:90%;
		margin: 0 auto;
	}
	
	.film iframe{
		width:96.8%;
		margin: -80px 1.6% 40px 1.6%;
	}
	
	.film .multiplefilms{
		margin-top:-250px;
	}
	
	.film iframe.multi-film{
		margin:0px 2.2% 30px 2.2%;
		padding:0;
		float:left;
		list-style-type:none;
		width:94%;	
		height:200px;
	}




    }


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	header #header-inner li a,
	header.sticky #header-inner li a{
		font-size:10px;
		margin: 0 3px 0 -13px;
	}
	
	header #header-inner #menu-sticky,
	header.sticky #header-inner #menu-sticky{
		height:95px;
		width:100%;
	}
	
	header #header-inner #menu-sticky .top-menu-line ul#info-menu,
	header.sticky #header-inner #menu-sticky .top-menu-line ul#info-menu{
		position: relative;
		float:left;
		padding: 0 0 10px 20px;	
	}

	header #header-inner #menu-sticky .top-menu-line ul#info-menu li a,
	header.sticky #header-inner #menu-sticky .top-menu-line ul#info-menu li a{
		font-size:11px;
		padding:13px 8px 0 0;
	}
	
	header #header-inner #menu-sticky .top-menu-line ul.socialmedia,
	header.sticky #header-inner #menu-sticky .top-menu-line ul.socialmedia{
		position: relative;
		float: right;
		padding:15px 20px 15px 0;
	}

	header #header-inner #menu-sticky .top-menu-line ul.socialmedia li a,
	header.sticky #header-inner #menu-sticky .top-menu-line ul.socialmedia li a{
		margin:-4px 0px 0 10px;
	}

	footer #header-inner #menu-footer ul.socialmedia li a{
		margin:0 10px 0 5px;
	}
	
	
	
	.wall {
		width:90%;
		margin: 0 auto;
		margin-left:4.5%;
		overflow:visible;
		margin-bottom:40px;
	}


	
	.wall li.box{
		width:45%;		
	}

	.wall li:nth-child(1).box{
		width:94%;		
	}
	
	
		/*to stop pop up appearing*/
	
	
	header #header-inner #menu-sticky-search,
	header #header-inner #menu-sticky-search .search-icon,
	header #header-inner #menu-sticky-search .search-box{
		display:none;	
	}
	
	.wall li.box .artwork-info .popup-tag,
	.wall li.box .artwork-info .popup-tag .tag,
	.wall li.box .artwork-info .popup-tag .tag .popuplink{
		display:none;
	}
	
	.wall li:nth-child(1).box .artwork-info .popup-tag,
	.wall li:nth-child(1).box .artwork-info .popup-tag .tag{
		display:block;
		margin: 0 auto;
		text-align:center;
	}


/* Listings
============== */

	.wall.listings li.box{
		margin:0px 1% 30px 1.60%;
		width:46%;	
	}


/* Listings Form
============== */
	
	
	.listings-form td.form-section{
		width:90%;
		display:block;
		padding: 0 3% 0 3%;
	}
	

	
	/*to stop pop up appearing*/

	
	.contributers-list .list{
    	-webkit-column-count: 2;
		-webkit-column-gap:   0px;
		-ms-column-count: 2;
		-ms-column-gap:   0px;
		-o-column-count: 2;
		-o-column-gap:   0px;
		-moz-column-count:    2;
		-moz-column-gap:      0px;
		column-count:         2;
		column-gap:           0px;  
	}

/* PROFILES
================================================== */
	
	.film .multiplefilms{
		margin-top:-200px;
	}
	
		
	
}


	


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
  

/*
     FILE ARCHIVED ON 18:23:31 Jun 15, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:25:08 Apr 23, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.33
  load_resource: 116.988
  PetaboxLoader3.resolve: 55.486
  PetaboxLoader3.datanode: 23.059
*/