html.landing, html.landing body{background-color:#383838;}
.landing body{
	text-align: center;
	padding-top:.9375em;
	color:#888;
}
.landing body, .landing p, .landing p>a, .landing p>a:visited{color:#888;font-size:.8rem;}
.landing p{
	margin-top:10px;
}
.landing p>a, .landing p>a:visited{
	text-decoration: none;
	border-bottom: 1px dotted #888;
}
.landing p>a:hover{
	color:#efefef;
	border-bottom: 1px dotted #efefef;	
}
.landing img{max-width: 100%}
.landing .row{
	margin:0 auto;
	max-width: 62.5em;
	width: 100%;
}
.landing .columns{
	padding:.9375em;
}

/* Styles for pimp */
body{
	background: #f8f8f8;
}
body.splash-showing{
	background: #ffffff;
}
/* User-defined */
body, h1, h2, h3, h4, h5, h6, p{
	font-family: "Helvetica Neue", sans-serif;
}

body, h1, h2, h3, h4, h5, h6, p,
a:hover,
.current,
.info, .info h1, .info h2,
.markdown h1,
.caption-link a,
.description,
.text-link,
.text-link:visited{
	/*color: #64605A;*/
	color:#5C5853;
}

h1, h2, p, a, h1, h2{font-size:.9375rem;}

a, a:visited {
  /*color: #BDB7B0;*/
  color: #B1ACA6;
}

a:hover {
  cursor: pointer;
  text-decoration: none;
}

p{margin:0;}

h4{
	font-size: 0.8rem;
	padding: 10px 0;
	margin: 0;
	font-weight: 400;
	text-align: left;
}

.row.nav{
	color:#BDB7B0;
}

.row.nav, .nav-el{line-height: 2.5rem;}
/*
.row.nav .subnav, .row.nav .subnav .nav-el{
	line-height: 1rem
}
*/
.row.navwrap hr{
	margin:0;
	display:none;
}
.row.navwrap{
	margin:0 auto;
}
.row.nav.top{
	padding-top:.9375rem;
	/*background: #efefef;*/
}
.row.nav.top h1{
	margin-top:0;
}
.row.nav.top a{
	background-color:transparent;
	padding-left: 2em;
	text-align: right;
	white-space:nowrap;
	margin:0;
	float:right;
}
.row.nav.top a:first-child{
	padding-left:0;
	float:left;
}
.nav-divider-wrap{display:none;}
.subnav.index-nav{display:inline!important}
.row.nav .subnav span.breadcrumb{white-space: nowrap}
.row.nav.top .level-1{display:none;}
.bullets a.nav-el {
	font-family: Helvetica, Arial, sans-serif;
    padding-left: 0.2em;
    color: #C2C2C2;
    font-size: 1.3rem;
    vertical-align: -0.1rem;
}
ul, ul li {
margin: 0;
padding: 0;
list-style-type: none;
}
.content-container .splash{padding-top:.9375rem;}
.collection{display:none;}
.thumbgallery{
	padding:0;
}
.thumbgallery div.nav-el{
	padding-bottom:75%;
}
.thumb-wrap{
	width:475px;
	height:339px;
}
.pathslash-wrap{white-space: nowrap}
.pathslash{padding: 0 .3em}


/*Styles for thumbgrid*/

.wrapper {
	position: relative;
	width: 100%; /* <-- just a default, can be anything. */
}


.four-by-three.aspect-ratio { padding-bottom: 75% }
.square.aspect-ratio { padding-bottom: 100% }

.content {
    position: absolute;
    top: 0;  bottom: 0;  left: 0;  right: 0;
}


/*
	The classes above have all of the aspect ratio magic we need.
	They can be reused on any element.
	Below are some element-specific styles
*/

.half {
	width: 50%;
	float: left;
	background: beige;
}

.outer-wrap{
	/*width:50%;*/
	float:left;
	padding:0;
}

/* Positioning for the main box */
.main-box {
    width: 100%;
    /*padding: .5em;*/
  	/*float:left*/
}

/* Styles for the content in the main box */
.main-box > .content {
  margin: 0.9375em;
  overflow:hidden;
  transition: all 0.3s ease-in-out 0s;
}

/* Styles for the content in the main box */
.main-box > .content img{
  width:110%;
  max-width:110%;
  position:absolute;
  top:-5%;
  left:-5%;
  background: #ffe5e5;
}
.wrap{
	width:100%;
	margin:0 auto;
}
.thumb-title p{
	line-height: 1.5rem;
	color:#000;
	text-align: center
}
.thumb-title.center{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
}
.thumb-title.bottom{
	margin:0 1.25rem;
	line-height: 2em;
	display:none!important;
}
.thumb-title table{
	border: 0px solid transparent;
	width:100%;
	height:100%;
	background: transparent;
}
.thumb-title table td{
	padding:.9375rem;
}

.thumb-glass{
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.image-gallery{
	text-align: center;
	margin-top: 0.9375rem
}
.image-gallery .arrow-wrap table{
	height:100%;
	background:transparent;
	border:none;
}
.image-gallery .arrow-wrap table td{
	padding:0;
}
/*.arrow-inner-wrap{width:auto;height:auto;padding:10px;background:rgba(255,255,255,.3) }*/
.arrow-wrap{position:absolute;top:0;width:auto;height:auto;background:rgba(255,255,255,.0);display: none}
.arrow-wrap:hover, .arrow:hover{cursor:pointer;opacity: 1}

/*.arrow-wrap.previous{left:.5rem;}*/
.arrow-wrap.previous{left:0;}
.arrow-wrap.previous:hover{border-right-color:#64605A!important}

/*.arrow-wrap.next{right:.5rem;}*/
.arrow-wrap.next{right:0;}
.arrow-wrap.next:hover{border-left-color:#64605A!important}

.arrow{background:transparent url('./img/sprite.png') 0px 0px no-repeat;width:16px;height:30px;opacity:.35;margin: 0.9375rem;}
.arrow-wrap.next .arrow{background-position:0px -30px }

/* User-defined */
.nav-el{/*text-transform: uppercase;*/text-transform: none;}
.info {
    line-height: 1.6em;
}
.info p{margin: 1rem 0}
.info.bio p{margin: .7rem 0}
.info h1{text-transform: uppercase;}
.info h1, .info h2 {
    font-weight: normal;
    margin: 2.5rem 0 0.3rem;
}
.bio.info h1{
	border-bottom: 1px dotted #8A8A8A;
	padding-bottom: 0.2rem;
	color:#000;
}
.bio.info h1, .bio.info h2{color:#000;}
.news.info h1{border-top: 1px dotted #8A8A8A;padding-top: 1em;}
.info h2 {margin: 2rem 0 0;}
.shows img {max-width: 450px}
.caption, .img-wrap{width:90%;margin:0 auto;}
.caption{overflow:hidden;}
.caption h4:first-child{padding-top: .5rem}
.caption h4{
	text-align: center;
	padding:0;
	margin:0;
	line-height: 1.75em
}
.caption-item{white-space: normal}

/* CHANGE MAX-HEIGHT OF PROJECT IMAGE HERE*/
.proj-detail{background:transparent;max-height: 600px;display:none;}
.proj-detail.description-showing{height:auto!important;max-height: 100%!important}
.gallery-item{height:100%}
.gallery-item .img-wrap{background:transparent;}
.gallery-item .img-wrap .gi-img{
	max-height: 100%;
	/*
	-webkit-box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.13);
	-moz-box-shadow:    2px 2px 15px 0px rgba(0, 0, 0, 0.13);
	box-shadow:         2px 2px 15px 0px rgba(0, 0, 0, 0.13);
	*/
	-webkit-box-shadow: 1px 1px 9px 0px rgba(0, 0, 0, 0.09);
	-moz-box-shadow:    1px 1px 9px 0px rgba(0, 0, 0, 0.09);
	box-shadow:         1px 1px 9px 0px rgba(0, 0, 0, 0.09);	
	/*
	opacity: 0;
	-webkit-transition: opacity .5s ease-in-out .5s;
    -moz-transition: opacity .5s ease-in-out .5s;
    -o-transition: opacity .5s ease-in-out .5s;
    transition: opacity .5s ease-in-out .5s;
	*/
}

.proj-detail .gallery-item{
	display:none;
	opacity:0;
}

.gallery-item.showing{
	display:block;
}

.caption-link{
    margin: 0 12px;	
    text-transform: lowercase;
}

.sharing-options .caption-link{
	margin: 0 20px;
}
.sharing-options .caption-link:first-child{margin-left: 0;}
.sharing-options .caption-link:last-child{margin-right: 0;}

.sharing-options .caption-link.social-button{
	white-space: nowrap
}

.caption-link.selected{
	margin:0;
}

.caption-link:hover, .caption-link a:hover{
    color: #000000;
    cursor: pointer;
 	/*border-bottom:1px solid #000*/
}

.sharing-options{
    line-height: 2rem;
    padding: 7px 0 !important;

}
.proj-detail-scroll .sharing-options{background:#eaeaea;margin-top: .7rem;}

.shortened-url{
	border: 1px solid #C0C0C0;
	padding: 3px;
	color:#5C5853;
	margin-left:5px;
	max-width: 140px;
}
.shortened-url:focus{border:1px solid #0c90F5;outline:0;color:#000;}

.text-link{
	border-bottom:1px dotted #8a8a8a;
}

.text-link.shortened-url-label{
	border-bottom: none;
}
.text-link.shortened-url-label:hover{
	border-bottom: none;
	color:#5C5853;
	cursor:pointer;
}
.text-link:hover{
    color: #000000;
    cursor: pointer;
 	border-bottom:1px solid #000
}

.sharing-options .social-button.outline{
    border: 1px dotted #888;
    line-height: 1rem;
    margin: 0 4px;
    padding: 2px 6px;
}

.sharing-options .social-button.outline:hover{
    border: 1px solid #000;
}

.social-button.outline .text-link{
	border-bottom:none;	
}

.social-button.outline .text-link:hover{
	text-decoration:none;
}

.caption-link a{
    font-size: 0.8rem;
    font-weight: 400;
}

/*
.proj-detail-scroll h4 .caption-link:first-child {
    margin-left: 0;
}
.proj-detail-scroll h4 .caption-link:last-child {
    margin-right: 0;
}
*/

.proj-detail-scroll h4 .caption-link{
	margin: 0 12px 0 0;
}

.description {
    display: none;
    line-height: 1.7;
    padding: 5% 15% 10% 15%;
    text-align: left;
    width: 90%;
    margin:0px auto;
    border:0px dotted #8a8a8a;
}
.description-title {
	display:none;
	text-align: center;
    margin: 10px 0;
    text-transform: uppercase;
}
.proj-detail > .gallery-item > .description > p.project-description.with-divider {
    border-top: 1px dotted #888;
    margin-top: 20px;
    padding-top: 20px;
}
.proj-detail-scroll .description.project-description{
	margin-bottom: 2em;
	padding-top:0;
    display:none;
}
.proj-detail .project-description-toggle{
	display:none;
}
.proj-detail-scroll .project-description-toggle{
	text-align: left;
	margin-bottom: 2em;
}
.proj-detail-scroll > .gallery-item > .description > p.project-description{display:none;}

.proj-detail-scroll > .gallery-item > .caption > .caption-nav > .caption-link.more-info.project-description{
	display:none;
}

.loading{width:20px;height:20px;background: url(./img/loading-ffffff.gif) no-repeat center center;}
.loading.f8f8f8{background-image: url(./img/loading-f8f8f8.gif)}

/*rules for css sticky footer*/
* {
  margin: 0;
}
html, body {
  height: 100%;
}
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -20px; 
}
.page-wrap:after {
  content: "";
  display: block;
}
#footer, .page-wrap:after {
  /* .push must be the same height as footer */
  height: 20px; 
}
#footer p.copyright{
	text-align: left;
	font-size:.55rem;
	color:#BDB7B0;
	text-transform: uppercase;
}
.proj-detail-scroll{display:none;}
.proj-detail-scroll .arrow-wrap{display:none!important;}
.proj-detail-scroll .gallery-item{display:block!important;margin-bottom: 3rem;}
.proj-detail-scroll .gallery-item .img-wrap{height:auto!important;text-align: left!important}
.proj-detail-scroll .gallery-item .img-wrap, .proj-detail-scroll .gallery-item .caption{width:100%!important;}
.proj-detail-scroll .description{padding:5% 0 0;width:100%;}
.proj-detail-scroll .caption h4{text-align: left}


.bottom-fade{
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    height: 30px;
    position: fixed;
    width: 100%;
    z-index: 10;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 66%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(66%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 66%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 66%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 66%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 66%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.bottom-fade-hidden{
	opacity: 0;
}
/* Media queries */
@media only screen and (max-width: 40.063em) {
	.hide-bullets-on-small{display:none!important;}
	.proj-detail{display:none!important;}
	.row.nav.top{
		border-bottom:1px dotted #bfbfbf!important;
		/*background:#F0F1F4!important;*/
		padding-top:0!important;
	}
	body.splash-showing .row.nav.top{
		border-bottom:0px dotted #bfbfbf!important;
	}
	/*.gallery-item .img-wrap .gi-img {box-shadow:1px 1px 9px 0 rgba(0, 0, 0, 0.12)}*/

}
@media only screen and (max-width: 30.063em) {
	h1, h2, p, a {
    	font-size: 0.8375rem;
	}
	h4, h4 .caption-link:a{font-size:0.7rem;}
	.bio.info h2{margin-top:1.5rem;}
}
@media only screen and (min-width: 40.063em) {
	.proj-detail-scroll{display:none!important;}
}
/* Styles for pimp end */