* {
	border: 0px;
	margin: 0px;
	padding: 0px;
	outline: 0px;
}

html, body {
	width: 100%;
	height: 100%;
}

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	color: #000;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

a {
	color: inherit;
	text-decoration: none;
}

a:hover, a.pageOn {
	text-decoration: underline;
}

.inline {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
}

	.addb4:before {
		width: 0px;
		height: 100%;
		content: '';
		display: inline-block;
		*display: inline;
		zoom: 1;
		vertical-align: middle;
	}
	
	.centerMe {
		display: inline-block;
		*display: inline;
		zoom: 1;
		vertical-align: middle;
	}
	
	.bgcover {
		background-size: cover;
		background-position: 50% 50%;
	}
	
.mobileOnly {
	display: none !important;
}

.hidden {
	display: none;
}

#wrapper {
	width: 100%;
	height: 100%;
}

.clear {
	clear: both;
}

/* HEADER */

#header {
	width: 100%;
	height: 70px;
	margin: 0px auto;
	position: relative;
	z-index: 400;
	text-align: center;
	background-color: #fff;
}

	.fixedhead #header {
		position: fixed;
		top: 0px;
		left: 0px;
	}

	#header .inner {
		width: 94%;
		margin: auto;
		text-align: left;
	}
	
	#header .inner .logo {
		width: 140px;
	}
	
	#header .inner ul.nav {
		float: right;
		list-style-type: none;
	}
	
	#header .inner ul.nav li {
	    margin-right: 12px;
	    letter-spacing: 0.08em;
	    font-size: 13px;
		display: inline-block;
		*display: inline;
		zoom: 1;
	}
	
	#header .inner ul.nav li:last-child {
		margin-right: 0px;
	}
	
	#footer {
		opacity: 0;
	}
	
	#footer .inner {
		color: #707070;
		padding: 100px 0px 50px 0px;
	}

		#footer img {
			width: 212px;
			margin-bottom: 35px;
		}
		
		#footer h1 {
			font-weight: 300;
			font-size: 28px;
		}
	


/* SPLASH PAGE */

#splash {
	width: 100%;
	position: relative;
}

#splash .cycle-slideshow {
	width: 100%;
	height: 100%;
}

	#splash .cycle-slideshow .cell {
		width: 100%;
		height: 100%;
		text-align: center;
	}
	
	#splash .arrows {
		width: 100%;
	}
	
	#splash .arrows #prev, #splash .arrows #next {
		width: 17px;
		opacity: .5;
		position: absolute;
		top: 50%;
		margin-top: -10px;
		z-index: 200;
		cursor: pointer;
		
		-webkit-transition: opacity .3s ease-in-out;
		-moz-transition: opacity .3s ease-in-out;
		-o-transition: opacity .3s ease-in-out;
		transition: opacity .3s ease-in-out;
	}
	
	#splash .arrows #prev {
		left: 25px;
	}
	
	#splash .arrows #next {
		right: 25px;
	}
	
	#splash .arrows #prev:hover, #splash .arrows #next:hover {
		opacity: 1;
	}

#splash .logo {
	width: 90%;
	max-width: 866px;
	margin: auto;
	text-align: center;
}

#splash .logo img {
	width: 100%;
}

#splash .scroller {
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 45px;
	text-align: center;
	z-index: 201;
}

	#splash .scroller img {
		width: 30px;
		cursor: pointer;
		
		-webkit-transition: opacity .3s ease-in-out;
		-moz-transition: opacity .3s ease-in-out;
		-o-transition: opacity .3s ease-in-out;
		transition: opacity .3s ease-in-out;
		
	}
	
	#splash .scroller img:hover {
		opacity: .7;
	}
	
/* GENERAL GRID MASONRY STYLES */

.gridintro {
	width: 90%;
	max-width: 650px;
	margin: 120px auto 60px auto;
	text-align: center;
}

	.gridintro h1 {
		
	}
	
	.gridintro h2 {
		
	}
	
	.gridintro p {
		font-size: 90%;
		margin-bottom: 20px;
	}

body.grid {
	overflow-y: scroll;
}

#grid, #square, #row, #magic {
	list-style-type: none;
	width: 96%;
	margin: 0px auto;
	text-align: left;
	top: 80px;
}

#magic .thecell .loader {
	width: auto;
	height: 100%;
}

	#magic .thecell .loader img {
		max-width: 100%;
		max-height: 100%;
		width: auto;
		height: auto;
	}

#magic {
	opacity: 0;
}

.home #grid {
	top: 0px;
}

.home.fixedhead #grid {
	top: 80px;
}

#grid {
	width: 94%;
}

	#grid li {
		display: block;
		float: left;
		text-align: center;
		opacity: 0;
		background-color: rgba(255,255,255,1);
		overflow: hidden;
		cursor: pointer;
	}
	
	#grid li .cover {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-color: rgba(255,255,255,.8);
		opacity: 0;
		
		-webkit-transition: opacity .3s ease-in-out;
		-moz-transition: opacity .3s ease-in-out;
		-o-transition: opacity .3s ease-in-out;
		transition: opacity .3s ease-in-out;
	}
	
	#grid li:hover .hover h1 {
		color: #000;
	}
	
	#grid li:hover .cover {
		opacity: 1;
	}
		
	
	#grid li.off, #magic .thecell.off {
		display: none !important;
	}
	
	#grid li .caption {
	  opacity: 0;
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  bottom: 0;
	  padding: 0px;
	  background-color: rgba(0,0,0,.2);
	  left: 0;
	  margin: 0;
	  color: white;
	  font-weight: 300;
	  
	  transition: opacity .5s;
	}

	#grid li .caption h1 {
		color: #fff;
		width: 90%;
		margin-left: 0%;
		font-size: 125%;
		font-weight: 300;
	}

		#grid li .caption h1 a {
			text-align: left;
			color: #fff;
		}
		
	#grid li .caption .holder {
		text-align: left;
		width: 90%;
	}
		
	#grid li.cell:hover .caption {
		opacity: .7;
	}
	
	#grid li .hover {
		position: absolute;
		top: 50%;
		left: 10%;
		width: 80%;
		height: auto;
		z-index: 10;
		text-align: center;
		background: transparent;
		opacity: 1;
		
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
	}
	
	#grid li .hover h1 {
		color: #fff;
		width: 90%;
		margin-left: 5%;
		font-size: 3.5vw;
		font-weight: 300;
		text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
		backface-visibility: hidden;
		
		-webkit-transition: color .3s ease-in-out;
		-moz-transition: color .3s ease-in-out;
		-o-transition: color .3s ease-in-out;
		transition: color .3s ease-in-out;
	}
	
		#grid li .hover h1 a {
			text-align: left;
			color: #fff;
		}
	
	#grid li h1 {
	    color: #fff;
	    font-weight: 400;
	    padding: 0px 0px 0px 0px;
	    margin: auto;
	    max-width: 90%;
	    font-size: 22px;
	    letter-spacing: .01em;
	}
	
	#grid li h2 {
		display: none;
		color: #1e1e1e;
		font-weight: 400;
		padding: 2px 0px 0px 0px;
		margin: auto;
		max-width: 90%;
		font-size: 100%;
		height: 23px;
	}

	.grid-sizer, #grid li {
		width: 49.8%;
	}

	.gutter-sizer {
		width: .4%;
	}
	
	.fineart .grid-sizer, .fineart #grid li {
		width: 33%;
	}

	.fineart .gutter-sizer {
		width: .5%;
	}
	
	.artist .grid-sizer, .artist #grid li {
		width: 24%;
	}

	.artist .gutter-sizer {
		width: 1.33%;
	}

    #grid li.shown,
	#square li.shown,
	#row li.shown,
    .no-js #grid li,
    .no-cssanimations #grid li {
    	opacity: 1;
    }

      #grid li a,
      #grid li img {
      	outline: none;
      	border: none;
      	display: block;
      	width: 100%;
      }
	  
	  #grid li a {
		  position: relative;
		  text-align: center;
	  }

	  #grid li img.photo {
		  opacity: 0;		  
	  }
	  
	  #grid li .loader {
		  width: 100%;
	  }

	/* Effect 1: opacity */
    .grid.effect-1 li.animate {
    	animation: fadeIn 0.65s ease forwards;
		-webkit-animation: fadeIn 0.65s ease forwards;
		-moz-animation: fadeIn 0.65s ease forwards;
		-o-animation: fadeIn 0.65s ease forwards;
    }

    @keyframes fadeIn {
    	0% { }
    	100% { opacity: 1; }
    }

    @-webkit-keyframes fadeIn {
      0% { }
      100% { opacity: 1; }
    }
	
/* SLIDESHOW */

body.slideshow {
	overflow-y: hidden;
}

.slideshow #header, .slideshow .artistNav {
	opacity: 1;
	
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	
    -webkit-transition: 1s ease-in-out 0s;
    -moz-transition: 1s ease-in-out 0s;
    -o-transition: 1s ease-in-out 0s;
    transition: 1s ease-in-out 0s;
	
}

.portfolio .submenu {
    width: 94%;
    margin: 70px auto 0px auto;
    text-align: left;
	font-size: 12px;
	z-index: 20;
	position: fixed;
	top: 0px;
	left: 3%;
	height: 25px;
	background-color: #fff;
}

	.portfolio ul.subs {
		list-style-type: none;
		width: 80%;
		margin-right: -4px;
		text-align: left;
	}
	
		/*
		.portfolio ul.subs li:first-child {
			margin-left: 6%;
		}
		*/

	.portfolio ul.tools {
		list-style-type: none;
		width: 20%;
		margin-right: -4px;
		text-align: right;
	}
	
		ul.tools .lightboxQty, ul.subs .lightboxQty {
			text-decoration: underline;
		}
	
	.portfolio .submenu li {
		margin-right: 12px;
		position: relative;
		cursor: pointer;
	}
	
	/*
	.portfolio .submenu ul.tools li:last-child {
		margin-right: 6%;
	}
	*/
	
	.portfolio .submenu ul.tools li a {
		text-decoration: none !important;
		
		-webkit-transition: opacity .3s ease-in-out 0s;
		-moz-transition: opacity .3s ease-in-out 0s;
		-o-transition: opacity .3s ease-in-out 0s;
		transition: opacity .3s ease-in-out 0s;
		
	}
	
	.portfolio .submenu ul.tools li a.pageOn, .portfolio .submenu ul.tools li a:hover {
		opacity: .6;
	}
	
	.portfolio .submenu li img {
		height: 11px;
		width: auto;
		position: relative;
		top: 1px;
		left: 0px;
		padding: 0px 0px 0px 4px;
	}

/*
.slideshow.hidehead #header, .slideshow.hidehead .artistNav {
	opacity: .9;
	
	-webkit-transform: translateY(-500px);
	-moz-transform: translateY(-500px);
	-o-transform: translateY(-500px);
	transform: translateY(-500px);
	
    -webkit-transition: 1.5s ease-in-out 1s;
    -moz-transition: 1.5s ease-in-out 1s;
    -o-transition: 1.5s ease-in-out 1s;
    transition: 1.5s ease-in-out 1s;
	
}
*/



	.slideshow .slideHolder {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		z-index: 10;
		text-align: center;
	}
	
	.slideshow .slideHolder .cycle-slideshow {
		width: 96%;
		height: 85%;
		height: calc(100% - 220px);
		top: 110px;
		margin: auto;
		position: relative;
		z-index: 1;
	}
	
	.slideshow .slideHolder #prev, .slideshow .slideHolder #next {
		width: 17px;
		opacity: .5;
		position: absolute;
		top: 50%;
		margin-top: -10px;
		z-index: 200;
		cursor: pointer;
		
		-webkit-transition: opacity .3s ease-in-out;
		-moz-transition: opacity .3s ease-in-out;
		-o-transition: opacity .3s ease-in-out;
		transition: opacity .3s ease-in-out;
	}
	
	.slideshow .slideHolder .arrows #prev {
		left: 25px;
	}
	
	.slideshow .slideHolder .arrows #next {
		right: 25px;
	}
	
	.slideshow .slideHolder .arrows #prev:hover, .slideshow .slideHolder .arrows #next:hover {
		opacity: 1;
	}
	
	.slideshow .slideHolder .cycle-slideshow figure {
		width: 100%;
		height: 100%;
		text-align: center;
	}
	
	.slideshow .slideHolder .cycle-slideshow figure .inner {
		width: 100%;
		height: 100%;
		text-align: center;
		position: relative;
	}

		.slideHolder .cycle-slideshow figure.cell .inner a {
		    /*display: inline-block;
			*display: inline;
			zoom: 1;
		    vertical-align: middle;
		    margin-right: -4px;*/
			width: 95%;
			position: relative;
		}
		
		.slideHolder .cycle-slideshow figure.cell .inner .cover {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0px;
			left: 0px;
		}
	
	.slideshow .slideHolder .cycle-slideshow figure img {
		opacity: 0;
		max-width: 98%;
		max-height: 98%;
		width: auto;
		height: auto;
	}
	
	.slideshow .slideHolder .cycle-slideshow figure video {
		max-width: 100%;
		max-height: 100%;
		width: auto;
		height: auto;
	}
	
	.slideshow .slideHolder .cycle-slideshow figure .text {
		color: #888888;
		font-size: 80%;
	}
	
	.slideshow .slideHolder .cycle-slideshow figure .inner .holder {
		max-width: 500px;
		margin: 10px auto;
		opacity: 0;
	}
	
/* INFO PAGE */

.info #content .textHolder {
	width: 80%;
	max-width: 1200px;
	margin: 125px auto 0px auto;
	line-height: 2.3;
	font-size: 80%;
}

	.info #content .textHolder a {
		text-decoration: underline;
	}
	
	.info #content .textHolder a:hover {
		color: #ccc;
	}

	.info #content .textHolder .col {
		display: inline-block;
		*display: inline;
		zoom: 1;
		margin-right: -4px;
		vertical-align: top;
	}
	
	/* 3 col layout */
	.info.cols3 #content .textHolder .col.col1 {
		width: 30%;
		text-align: left;
		padding-right: 2.5%;
	}
	
	.info.cols3 #content .textHolder .col.col2 {
		width: 30%;
		text-align: left;
		border-left: 1px solid #dedede;
		border-right: 1px solid #dedede;
		padding-right: 2.5%;
		padding-left: 2.5%;
	}
	
	.info.cols3 #content .textHolder .col.col3 {
		width: 30%;
		text-align: left;
		padding-left: 2.5%;
	}
	
	/* 2 col layout */
	.info.cols2 #content .textHolder .col.col1 {
		width: 29%;
		text-align: right;
		border-right: 1px solid #dedede;
		padding-right: 4%;
	}
	
	.info.cols2 #content .textHolder .col.col2 {
		text-align: left;
		margin-left: 4%;
		width: 63%;
	}
	
	.info.cols2 #content .textHolder .col.col3 {
		display: none;
	}
	
	/* 1 col layout */
	.info.cols1 #content .textHolder .col.col1 {
		width: 100%;
		text-align: center;
	}
	
	.info.cols1 #content .textHolder .col.col2 {
		display: none;
	}
	
	.info.cols1 #content .textHolder .col.col3 {
		display: none;
	}
	
	
.info #content .textHolder h1 {
	font-size: 125%;
}

.info #content .textHolder h2 {
	font-size: 110%;
}

.info #content .textHolder p {
	margin-bottom: 30px;
}

/* VIDEO DETAIL PAGE */

.video #content {
	width: 80%;
	max-width: 1200px;
	margin: 125px auto 0px auto;
}

	.video #content .section.video {
		width: 100%;
	}

	.video #content .videoholder {
		width: 100%;
		position: relative;
		margin-bottom: 30px;
		margin-top: 10px;
	}

	.video #content .videoholder iframe {
		width: 100%;
	}
	
	.video #content .details {
		width: 100%;
	}
	
		.video #content .details .col {
			width: 50%;
			margin-right: -4px;
			text-align: left;
			color: #747474;
			font-size: 13px;
		}
		
			.video #content .details .col h1.title {
				font-weight: 400;
				color: #000;
				font-size: 13px;
			}
			
			.video #content .crumb {
				color: #000;
				letter-spacing: 0.08em;
				font-size: 13px;
			}
				
		
		.video #content .details .col:last-child {
			text-align: right;
		}

		
/*===\\========================================//===*/
/*====\\==== MOODBOARD / LIGHTBOX  ====//====*/
/*=====\\====================================//=====*/

#magic .thecell .lbholder {
	position: absolute;
	bottom: 20px;
	left: 20px;
	z-index: 50;
	opacity: 0;
	
	transition: opacity .3s;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
}

#magic .thecell:hover .lbholder {
	opacity: 1;
}

.slideshow .lbholder {
	position: fixed;
	bottom: 25px;
	right: 25px;
	z-index: 10;
}

	.lbholder .lb {
		cursor: pointer;
		display: inline-block;
		*display: inline;
		zoom: 1;
	}

	.lbholder .lb .line {
		display: inline-block;
		*display: inline;
		zoom: 1;
		width: 20px;
		height: 2px;
		background-color: #fff;
		
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
	}
	
	.slideshow .lbholder .lb .line {
		background-color: #909090;
		width: 13px;
		height: 1px;
	}
	
	.lbholder.added .lb .line {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	
	.lbholder .lb .line:before {
		content: '';
		display: inline-block;
		*display: inline;
		zoom: 1;
		width: 20px;
		height: 2px;
		background-color: #fff;
		position: absolute;
		top: 0px;
		left: 0%;
		opacity: 1;
		
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
	}
	
	.slideshow .lbholder .lb .line:before {
		background-color: #909090;
		width: 13px;
		height: 1px;
	}
	
	.lbholder.added .lb .line:before {
		opacity: 0;
	}
	
	.slideshow .lbholder .lb .label {
		display: inline-block;
		*display: inline;
		zoom: 1;
		margin-right: -4px;
		font-size: 12px;
		color: #909090;
		position: relative;
		top: 4px;
		right: 4px;
	}
	
	.lightbox .message {
		position: absolute;
		top: 50%;
		text-align: center;
		width: 100%;
		transform: translateY(-50%);
	}
	
		.lightbox .message h1 {
			font-size: 1.5vw;
			font-weight: 400;
		}
		
/* PDF SELECTOR */

  .pdf_select, .pdfOverlay {
    position: fixed;
    z-index: -500;
    opacity: 0;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    background-color: rgba(255,255,255,.93);

    transition-property: opacity, z-index;
    transition-duration: .4s, 0s;
    transition-delay: 0s, .4s;
    -webkit-transition-property: opacity, z-index;
    -webkit-transition-duration: .4s, 0s;
    -webkit-transition-delay: 0s, .4s;
    -moz-transition-property: opacity, z-index;
    -moz-transition-duration: .4s, 0s;
    -moz-transition-delay: 0s, .4s;
    -o-transition-property: opacity, z-index;
    -o-transition-duration: .4s, 0s;
    -o-transition-delay: 0s, .4s;
  }

  .pdf_select.on, .pdfOverlay.on, .pdfOpen .pdf_select, .linkOpen .pdf_link {
    z-index: 500;
    opacity: 1;

    transition-property: opacity, z-index;
    transition-duration: .4s, 0s;
    transition-delay: 0s, 0s;
    -webkit-transition-property: opacity, z-index;
    -webkit-transition-duration: .4s, 0s;
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-property: opacity, z-index;
    -moz-transition-duration: .4s, 0s;
    -moz-transition-delay: 0s, 0s;
    -o-transition-property: opacity, z-index;
    -o-transition-duration: .4s, 0s;
    -o-transition-delay: 0s, 0s;
  }

    .pdf_select article, .pdfOverlay article {
      position: relative;
      z-index: 3;
      color: #000;
      background-color: #fff;
      padding: 40px 50px;
      box-shadow: 0px 10px 30px 0px rgba(0,0,0,.12);
      -webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,.12);
      -moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,.12);
    }

      .pdf_select article img.closeLB, .pdfOverlay article img.closeLB {
        display: block;
        width: 14px;
        height: auto;
        position: absolute;
        top: 11px;
        right: 12px;
        cursor: pointer;
      }

      .pdf_select article h1, .pdfOverlay article h1 {
		font-weight: normal;
		letter-spacing: .05em;
		font-size: 20px;
		padding-bottom: 13px;
		line-height: 1em;
      }

      .pdf_select article p, .pdfOverlay article p {
		letter-spacing: .03em;
		color: #313131;
		line-height: 2;
      }

		.pdfOverlay article p.theLink {
		    color: #888888;
		}

	  .pdfOverlay .linkHolder {
	    font-size: 14px;
	    padding: 30px 20px;
	  }

		.pdfOverlay .linkHolder span {
			font-size: 80%;
			color: #00b0c2;
		}

      .pdf_select article ul {
        list-style-type: none;
        padding: 30px 0px;
      }

        .pdf_select article ul li {
          border: 1px solid #cecece;
          background-color: #ffffff;
          cursor: pointer;
          margin-right: 20px;
          padding: 24px 9px;

          transition-property: border, background-color;
          transition-duration: 200ms;
          -webkit-transition-property: border, background-color;
          -webkit-transition-duration: 200ms;
          -moz-transition-property: border, background-color;
          -moz-transition-duration: 200ms;
          -o-transition-property: border, background-color;
          -o-transition-duration: 200ms;
        }

        .pdf_select article ul li:last-child {
        	margin-right: 0px;
        }

        .no-touch .pdf_select article ul li:hover {
          border: 1px solid #eeeeee;
          background-color: #EFEFEF;
        }

        .pdf_select article ul li.selected {
          background-color: #DADADA !important;
        }

          .pdf_select article ul li img {
            display: block;
            border: 1px solid #e0e0e0;
            width: 170px;
            height: auto;

            transition-property: border, background-color;
            transition-duration: 200ms;
            -webkit-transition-property: border, background-color;
            -webkit-transition-duration: 200ms;
            -moz-transition-property: border, background-color;
            -moz-transition-duration: 200ms;
            -o-transition-property: border, background-color;
            -o-transition-duration: 200ms;
          }

          .no-touchevents .pdf_select article ul li:hover img,
          .pdf_select article ul li.selected img {
            border: 1px solid #909090;
          }

          .pdf_select article ul li h2 {
		    font-weight: normal;
		    letter-spacing: .03em;
		    font-size: 12px;
		    line-height: 1;
		    padding: 19px 0px 0px;
          }

      .pdf_select article a.downloadPDF {
	    background-color: #313131;
	    color: #FFFFFF;
	    font-size: 16px;
	    letter-spacing: .03em;
	    padding: 16px 57px;
	    line-height: 1;
        display: inline-block; *display: inline; zoom: 1;

        transition: background-color .15s;
      }

      .no-touchevents .pdf_select article a.downloadPDF:hover,
      .pdf_select article a.downloadPDF:active {
  		background-color: #000;
  		transition: background-color .15s;
      }

    .pdf_select .closeBG, .pdf_link .closeBG {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      z-index: 1;
    }



/* BLOG ================ */
/* ===================== */

body.blog {}

	.blog #content:before,
	.blog-post #content:before {
		content: '';
		display: block;
		height: 136px;
	}

		.post {
			width: 88%;
			max-width: 830px;
			margin: auto;
			padding-bottom: 80px;
			text-align: center;
		}

			.post h1 {
				font-size: 150%;
		    	line-height: 1;
		    	padding-bottom: 1em;
			}

			.post h2 {
				font-size: 120%;
		    	line-height: 1;
		    	padding-bottom: 1em;
			}

			.post h3 {
				font-size: 100%;
		    	line-height: 1;
		    	padding-bottom: 1em;
			}

		.post:last-child {
		    padding-bottom: 0;
		}

			.post:before {
				content: '';
				display: block;
				margin: 0 auto 23px;
				width: 22px;
				height: 1px;
				background-color: #000000;
			}

			.post-date {
				font-size: 75%;
				font-weight: 300;
				letter-spacing: .05em;
				padding-bottom: 1.5em;
			}

			h2.post-title {
			    padding-bottom: 1.3em;
			    line-height: 1.2;
			    display: inline-block;
			    font-size: 150%;
			}

				.post-title a {
					display: block;
					text-decoration: none;
					opacity: 1;
					transition: .5s;
				}

				.no-touchevents .post-title:hover a {
					opacity: .5;
					transition: .2s;
				}

					.post-title .main-title {
						display: block;
					}

					.post-title .sub-title {
						display: block;
						font-weight: 300;
						font-size: 65%;
						letter-spacing: .05em;
						padding-top: 0.2em;
					}

			.post figure {}

				.post figure img {
					width: 100%;
					height: auto;
					display: block;
					margin: auto;
				}

				.post figure img.portrait,
				.post figure img.square {
					width: 63%;
				}

				.post figcaption {
				    width: 100%;
				    max-width: 618px;
				    display: block;
				    margin: auto;
				    padding-top: 1em;
				    font-weight: 300;
				    font-size: 75%;
				    letter-spacing: .03em;
				    line-height: 1.5;
				}



/* BLOG POST "DETAIL" */
/* ========================== */

.blog-post .post {
	padding-bottom: 0;
}

.blog-post .post-title {
    padding-bottom: 1.8em;
    line-height: 1.2;
    display: inline-block;
    font-size: 150%;
}

.module {
	margin-bottom: 80px;
	/*overwrite this number if we have a grid module...*/
	/*by setting bottom padding according to grid gutters*/
}

.module:last-child {
	padding-bottom: 0;
}

.mod-text {
    width: 100%;
    max-width: 618px;
    display: block;
    margin: 0 auto 80px;
    letter-spacing: .03em;
    line-height: 1.5;
}

	.mod-text ul,
	.mod-text ol {
		padding-bottom: 1em;
	}

	.mod-text p,
	.mod-text li {
	    font-weight: 300;
	    font-size: 75%;
	    padding-bottom: 1em;
	}

	.mod-text p:last-child,
	.mod-text li:last-child {
		padding-bottom: 0;
	}

.mod-single figure {
	margin-bottom: 80px;
}

.mod-single figure:last-child {
	padding-bottom: 0;
}

.mod-grid {
	list-style-type: none;
	margin-bottom: 0 !important;
}

	.mod-grid .grid-sizer {
		width: 46.38%;
	}

	.mod-grid .gutter-sizer {
		width: 7.24%;
	}

	.mod-grid li {
		width: 46.38%;
		opacity: 0;
	}

	.mod-grid li.shown,
	.no-js .mod-grid li,
	.no-cssanimations .mod-grid li {
		opacity: 1;
	}

		.mod-grid li img {
			outline: none;
			border: none;
			display: block;
			width: 100%;
		}

		.mod-grid li img.photo {
			opacity: 0;		  
		}

	/* Effect 1: opacity */
	.mod-grid.effect-1 li.animate {
		animation: fadeIn 0.65s ease forwards;
		-webkit-animation: fadeIn 0.65s ease forwards;
		-moz-animation: fadeIn 0.65s ease forwards;
		-o-animation: fadeIn 0.65s ease forwards;
	}

		.post .mod-grid figcaption {
		    text-align: left;
		}

			.post figcaption .title {
				font-weight: bold;
				font-size: 140%;
				padding-bottom: 0.4em;
			}

.blog-nav {
	text-align: center;
}

	.blog-nav ul {
	    list-style-type: none;
	    padding: 40px 0;
	    border-bottom: 1px solid #e4e4e4;
	}

		.blog-nav ul li {
		    display: inline-block;
		    vertical-align: bottom;
		    font-size: 75%;
		    font-weight: bold;
		    letter-spacing: .04em;
		    margin: 0 8px;
		}

			.blog-nav ul li a {
				display: block;
				text-decoration: none;
				opacity: 1;
				transition: 0.4s;
			}

			.no-touchevents .blog-nav ul li a:hover {
				opacity: .3;
				transition: .2s;
			}

				.blog-nav ul li a span {
					display: inline-block;
					vertical-align: middle;
				}

				.blog-nav .arrow {
				    width: 0;
				    height: 0;
				    border-top: 4px solid transparent;
				    border-bottom: 4px solid transparent;
				    margin: 0 5px;
				}

				.blog-nav .arrow.prev {
					border-right: 6px solid #000000;
				}

				.blog-nav .arrow.next {
					border-left: 6px solid #000000;
				}


/*FINE ART*/
/*====================*/

.fineart {}

	.fineart.portfolio .submenu {
		
	}

	#crumb {
		position: fixed;
		top: 27px;
		right: 3%;
		z-index: 500;
		font-weight: 300;
		font-size: 80%;
	}

		#crumb a {
			display: inline-block;
			letter-spacing: .1em;
			font-weight: bold;
		}

		#crumb a:first-child {
			font-weight: 300;
			color: #d0d0d0;
		}

		#crumb span {
			display: inline-block;
			padding: 0 8px 0 7px;
		}

	.fineart .projectInfo {
		margin: 115px auto 60px auto;
		width: 88%;
	    max-width: 618px;
	    display: block;
	    font-weight: 300;
	    font-size: 75%;
	    letter-spacing: .03em;
	    line-height: 1.5;
	}

		.fineart .projectInfo h1 {
			font-size: 150%;
	    	line-height: 1;
	    	padding-bottom: 1em;
		}

		.fineart .projectInfo h2 {
			font-size: 120%;
	    	line-height: 1;
	    	padding-bottom: 1em;
		}

		.fineart .projectInfo h3 {
			font-size: 100%;
	    	line-height: 1;
	    	padding-bottom: 1em;
		}

		.fineart .projectInfo p {
			font-size: 100%;
			padding-bottom: 1em;
			margin-bottom: 0;
		}

		.fineart .projectInfo:after {
			content: '';
			display: block;
			margin: 23px auto 0px;
			width: 22px;
			height: 1px;
			background-color: #000000;
		}

	.fineart #magic {
		top: 0;
	}

.slideshow .projectInfo {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.95);
    z-index: 2;
    margin: 0;
    max-width: none;
    font-size: 80%;
    letter-spacing: .05em;
    line-height: 1.7;
    opacity: 0;
    -webkit-transform: translateX(-100%);
    	-ms-transform: translateX(-100%);
    		transform: translateX(-100%);
   	-webkit-transition: opacity .4s 0s, -webkit-transform 0s .4s;
   		-ms-transition: opacity .4s 0s, 	-ms-transform 0s .4s;
   			transition: opacity .4s 0s, 		transform 0s .4s;
}

.slideshow.infoOn .projectInfo {
    opacity: 1;
    -webkit-transform: translateX(0%);
    	-ms-transform: translateX(0%);
    		transform: translateX(0%);

    -webkit-transition: opacity .4s 0s, -webkit-transform 0s 0s;
    	-ms-transition: opacity .4s 0s, 	-ms-transform 0s 0s;
    		transition: opacity .4s 0s, 		transform 0s 0s;
}

	.slideshow .projectInfo > div {
	    width: 88%;
	    max-width: 690px;
	}

.slideshow.fineart .lbholder {
	display: none;
}

#showInfo {
	position: fixed;
    bottom: 23px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    	-ms-transform: translateX(-50%);
    		transform: translateX(-50%);
    z-index: 5;
    line-height: 1;
    cursor: pointer;
    font-size: 95%;
    letter-spacing: .15em;
    font-weight: 300;
}


	#showInfo > span:first-child {
	    width: 11px;
	    height: 11px;
	    position: relative;
	    -webkit-transform-origin: 50% 50%;
	    	-ms-transform-origin: 50% 50%;
	    		transform-origin: 50% 50%;
	    -webkit-transform: rotate(0deg);
	    	-ms-transform: rotate(0deg);
	    		transform: rotate(0deg);

	    transition: .3s;
	}

	.infoOn #showInfo > span:first-child {
	    -webkit-transform: rotate(-45deg);
	    	-ms-transform: rotate(-45deg);
	    		transform: rotate(-45deg);
	}

		#showInfo > span:first-child:before {
		    content:  '';
		    display: block;
		    position: absolute;
		    width: 1px;
		    height: 100%;
		    background-color: black;
		    top: 0;
		    left: 5px;
		}

		#showInfo > span:first-child:after {
		    content: '';
		    display: block;
		    position: absolute;
		    height: 1px;
		    width: 100%;
		    background-color: black;
		    top: 5px;
		    left: 0px;
		}

	#showInfo > span:last-child {
	    position: relative;
	    margin-left: 5px;
	}

		#showInfo > span:last-child span:first-child {
		    position: absolute;
		    top: 0;
		    left: 0;
		    opacity: 1;
		    transition: .2s .2s;
		}

		#showInfo > span:last-child span:last-child {
		    position: relative;
		    top: 0;
		    left: 0;
		    opacity: 0;
		    transition: .2s 0s;
		}

		.infoOn #showInfo > span:last-child span:first-child { 
			opacity: 0;
			transition: .2s 0s;
		}

		.infoOn #showInfo > span:last-child span:last-child { 
			opacity: 1;
			transition: .2s .2s;
		}