@charset "UTF-8";
/* CSS Document */


body {
	background: #fff;
	margin: 0 auto;
	padding: 0px; /*fallback just in case vw doesn't work*/
	padding: 0vw;
	text-align: center;
	color: #000;
	font-family: futura-pt, sans-serif;
	font-weight: 400;
	font-style: normal;
	webkit-text-size-adjust: none;
    text-size-adjust: none;
}

p {
	font-size: 12px; /*fallback just in case vw doesn't work*/
	font-size: 2vw;
	line-height: 1.4em;
	font-family: garamond-premier-pro, serif;
	font-weight: 400;
	font-variant-numeric: old-style-nums;
}




a {
	text-decoration: none;
}

a:link {
	color: #000;
}

a:visited {
	color: #000;
}

a:hover {
	color: #999;
}

a:active {
	color: #999;
}

a.this {
	color: #999;
}

sup.footer {
	vertical-align: super;
	font-size: 3px;
	font-size: .5vw;
	line-height: 0;
}


span.italic {
	font-style: italic;
}





/* H E A D E R */



div.header {
	margin: 0 auto;
	padding: 0;
}

span.h1bodoni {
	font-size: 108px; /*fallback just in case vw doesn't work*//* DIFFERENT */
	font-size: 12vw;
	font-style: normal;
	letter-spacing: 0em;
	font-family: bodoni-urw, serif;
	font-weight: 300;
	color: #000;
}

span.h1futura {
	font-size: 108px; /*fallback just in case vw doesn't work*//* DIFFERENT */
	font-size: 12vw;
	font-style: normal;
	letter-spacing: 0em;
	font-family: futura-pt, sans-serif;
	font-weight: 300;
	color: #000;
}

h1 {
	margin: 0;
	padding: 0;
}

a.h1:link, a.h1:visited, a.h1:hover, a.h1:active {
	text-decoration: none;
	color: #000;
}

ul.header-nav {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 0;
	font-size: 10px; /*fallback just in case vw doesn't work*/ /* DIFFERENT */
	font-size: 1.5vw;
	text-align: center;
	line-height: 1em;
	letter-spacing: 0.1em;
	font-family: futura-pt, sans-serif;
	font-weight: 400;
	color: #000;
	text-transform: uppercase;
}

li.header-nav {
	display: inline;
	margin: 0 .5em 0 .5em;
}

li.topnavhidden {
	visibility: hidden;
}

img.iconleft {
	width: 14px;
	width: 1.3vw;
	margin: 0 2em 0 2em;
	vertical-align: baseline;
	position: relative;
	top: .1em;
}

img.iconright {
	width: 14px;
	width: 1.3vw;
	margin: 0 2em 0 2em;
	vertical-align: baseline;
	position: relative;
	top: .1em;
}

p.nav-hr {
	margin: 0vw 0 0 0;
}

img.hr {
	margin: 0;
	width: 100%;
	height: 1px;
}


/*
div.ad {
	margin: 5vw;
}
*/

img.ad {
	width: 93%;
	width: 93vw;
	margin: 10px 0 0px 0;
	margin: 0 0 -5vw 0;
}







/* S E C T I O N S */

a.category {
	font-size: 10px; /*fallback just in case vw doesn't work*/
	font-size: 1.5vw;
	background-color: #fff;
	font-family: futura-pt, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: .05em;
	padding: 0 1em 0 1em;
}



a.category-new {
	font-size: 10px; /*fallback just in case vw doesn't work*/
	font-size: 1.5vw;
	background-color: #fff;
	font-family: futura-pt, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: .05em;
	padding: 0;
}

.dafuq {
	color: #e00;
	font-weight: bold;
}



h2 {
	font-size: 50px; /*fallback just in case vw doesn't work*/  /*different multiple of vw*/
	font-size: 5vw;
	text-align: left;
	line-height: 1.1em;
	letter-spacing: 0em;
	font-family: futura-pt, sans-serif;
	font-weight: 300;
	color: #000;
	margin: 20px 0 0 0;
	margin: 2.5vw 0 0 0;
}

sup.h2 {
	vertical-align: super;
	font-size: 8px;
	font-size: 2vw;
	font-weight: 400;
}

span.white {
	color: #fff;
}

div.section {
	margin: 50px 10%;
	margin: 10vw 10vw;
	padding: 0;
}

div.section-category {
	font-size: 10px; /*fallback just in case vw doesn't work*/
	font-size: 1.5vw;
	margin: 0 auto 0 auto;
}

div.section-thumb {
	float: left;
	width: 200px; /*different multiple of vw*/
	width: 20vw;
	margin: 20px 0px;
	margin: 2.5vw 0vw;
	padding: 0;
}

div.section-text {
	float: left;
	width: 530px; /*different multiple of vw*/
	width: 53vw;
	margin: 0 0 20px 40px; /*different multiple of vw*/
	margin: 0 0 2.5vw 3vw;
	text-align: left;
	padding: 0;
}

img.thumb1 {
	float: left;
	width: 100%; /*different multiple of vw*/
	width: 20vw;
	height: auto;
	margin: 0;
}

img.thumb1.animated {
	
-webkit-animation: filter-animation 16s infinite;
  animation: filter-animation 16s infinite;
}

@-webkit-keyframes filter-animation {
  0% {
    -webkit-filter: hue-rotate(0deg);
  }
/*
  33% {
    -webkit-filter: hue-rotate(720deg);
  }
  
  66% {
    -webkit-filter: hue-rotate(0deg);
  }
*/
  100% {
    -webkit-filter: hue-rotate(1440deg);
  }
}

@keyframes filter-animation {
  0% {
    filter: hue-rotate(0deg);
  }
/*
  33% {
    filter: hue-rotate(720deg);
  }

  66% {
    filter: hue-rotate(0deg);
  }
*/
  100% {
    filter: hue-rotate(1440deg);
  }
}

img.thumb2 {
	float: left;
	width: 100%; /*different multiple of vw*/
	width: 20vw;
	height: auto;
	margin: 0;
	border: 1px solid #ccc;
}

span.quo {
	letter-spacing: -.15em;
}

span.quo2 {
	letter-spacing: .2em;
}


p.category-hr-first {
	margin: -21px 0 0 0;
	margin: -2.9vw 0 0 0;    /* using em values was more fucked up */
	z-index: -1;
	position: relative;
	top: .07em;
}


p.category-hr {
	margin: -21px 0 0 0;
	margin: -2.9vw 0 0 0;    /* using em values was more fucked up */
	z-index: -1;
	position: relative;
	top: -.4em;
}



.separator {
    display: flex;
    align-items: center;
    text-align: center;
	margin-bottom: .66em;
	font-size: 10px; /*fallback just in case vw doesn't work*/
	font-size: 1.5vw;
	background-color: #fff;
	font-family: futura-pt, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: .05em;
	padding: 0;
}
.separator::before, .separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #000;
}
.separator::before {
    margin-right: 1em;
}
.separator::after {
    margin-left: 1em;
}




p.byline {
	font-size: 10px; /*fallback just in case vw doesn't work*/
	font-size: 1.5vw;
	line-height: 1.4em;
	font-family: garamond-premier-pro-caption, serif;
	text-transform: uppercase;
	font-weight: 400;
	color: #999;
	letter-spacing: .025em;
}

a.author {
	text-transform: none;
	font-weight: 700;
	font-style: italic;
	font-size: 10px; /*DIFFERENT*/
	font-size: 1.4vw;
	letter-spacing: 0;
	color: #000;
}

span.date {
	font-weight: 500;
}

p.section {
	margin: -.25em 0 -.5em 0;
	padding: 0;
}

a.read-more {
	color: #ccc;
	font-family: futura-pt, sans-serif;
	font-size: 9.6px;
	font-size: 1.2vw;
	font-weight: 500;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .025em;
}

a.read-more:visited {
	color: #ccc;
}

a.read-more:hover {
	color: #999;
}

a.read-more:active {
	color: #999;
}










/* F O O T E R */


div.footer {
	margin: 80px 0 0 0;
	margin: 10vw 0 0 0;
	padding: 8px;
	padding: 1vw;
	background-color: #000;
	z-index: 1;
}


ul.footer-nav {
	list-style-type: none;
	margin: 0;
	padding: 16px 0 0 0;
	padding: 2vw 0 0 0;
	font-size: 8.6px; /*fallback just in case vw doesn't work */
	font-size: .8vw;
	text-align: center;
	line-height: 1em;
	letter-spacing: 0.1em;
	font-family: futura-pt, sans-serif;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	z-index: 4;
	/*border-bottom: 1px solid #666;*/
}


li.footer-nav {
	display: inline;
	margin: 0 3.5em 0 3.5em;
	padding: 0;
	color: #fff;
	z-index: 4;
}


li.footer-nav-begin {
	display: inline;
	margin: 0 3.5em 0 0em;
	padding: 0;
	color: #fff;
	z-index: 4;
}

li.footer-nav-end {
	display: inline;
	margin: 0 0em 0 3.5em;
	padding: 0;
	color: #fff;
	z-index: 4;
}


span.lc {
	text-transform: lowercase;
}

p.footer-hr {
	margin: 0 80px -4px 80px;
	margin: 0 10vw -.5vw 10vw;    /* using em values was more fucked up */
	padding: 0;
	z-index: 2;
	position: relative;
}


p.footer {
	margin: 0 80px;
	margin: 0 10vw;
	padding: 8px 0 8px 0;
	padding: 1vw 0 1vw 0;
	font-size: 6.1px; /*fallback just in case vw doesn't work*/
	font-size: 1vw;
	text-align: center;
	line-height: 2em;
	letter-spacing: 0.05em;
	font-family: futura-pt, sans-serif;
	font-weight: 400;
	color: #666;
	text-transform: uppercase;
}

a.footer-nav {
	color: #fff;
	font-family: futura-pt, sans-serif;
	font-size: 7px; /*fallback just in case vw doesn't work*/
	font-size: 1vw;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .025em;
}

a.footer-nav:visited {
	color: #fff;
}

a.footer-nav:hover {
	color: #999;
}

a.footer-nav:active {
	color: #999;
}





/* A D V E R T I S E */

sup.ad {
	vertical-align: super;
	font-size: 4px;
	font-size: .5vw;
	line-height: 0;
}





.old-style {
font-variant-numeric: old-style-nums;
}

/* P I C T U R E S   A T   A N   E X H I B I T I O N */

/* from above, comparing to div.section-title

div.section-text {
	float: left;
	width: 530px;
	width: 53vw;
	margin: 0 0 20px 40px;
	margin: 0 0 2.5vw 3vw;
	text-align: left;
	padding: 0;
} */

div.section-title {
	float: left;
	width: 780px;
	width: 78vw;
	margin: 0 0 20px 0;
	margin: 0 0 2.5vw 0;
	text-align: left;
	padding: 0;
}

div.paae-heroine {
	margin: 3vw 0;
	margin: 24px 0;
	padding: 0;
}

img.paae-heroine {
	float: left;
	width: 100%;
/*	height: 100%;*/
	margin: 0 0 12px 0;
	margin: 0 0 1.5vw 0;
	padding: 0;
}

p.paae-caption {
	margin: 0 0 8px 0;
	margin: 0 0 1vw 0;
	padding: 0;
	font-size: 10px; /*fallback just in case vw doesn't work*/
	font-size: 1.5vw;
	text-align: left;
	line-height: 1.3em;
	letter-spacing: 0em;
	font-family: futura-pt, sans-serif;
	font-weight: 400;
	color: #666;
	text-transform: none;
}

p.paae-credit {
	margin: 0 0 8px 0;
	margin: 0 0 1vw 0;
	padding: 0;
	font-size: 10px; /*fallback just in case vw doesn't work*/
	font-size: 1.25vw;
	text-align: left;
	line-height: 1.3em;
	letter-spacing: 0.05em;
	font-family: futura-pt, sans-serif;
	font-weight: 400;
	color: #666;
	text-transform: uppercase;
}

p.paae-blurb {
	font-style: italic;
}

span.content-bold {
	font-weight: 700;
}

p.content {
	font-variant-numeric: oldstyle-nums;
}

p.content-2 {
	font-variant-numeric: lining-nums;
}

.lining {
    font-variant-numeric: lining-nums;
    font-size: 12px; /* THESE FONT SIZES TAKEN FROM P BECAUSE WITHOUT IT ITS SMALLER FOR SOME REASON ON MOBILE*/
	font-size: 2vw;
}



div.thumbs {
	margin: 16px auto 24px auto;
	margin: 2vw auto 4vw auto;
	width: 90%;
	width: 70vw;
	padding: 0;
	text-align: center;
/*	text-align-last: left;*/
}

img.paae-thumb {
	width: 18%;
	border: 12px solid #eee;
	border: 1.25vw solid #eee;
	padding: 0;
	margin: 30px;
	margin: 3vw;
}

img.paae-thumb-empty {
	width: 18%;
	border: 12px solid #fff;
	border: 1.25vw solid #fff;
	padding: 0;
	margin: 30px;
	margin: 3vw;
}

h5 {
	font-size: 21px; /*fallback just in case vw doesn't work*/
	font-size: 2vw;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	margin: 12px 0 12px 0;
	margin: 1vw 0 1vw 0;
}

p.tags {
	margin: 0 0 64px 0;
	margin: 0 0 8vw 0;
	padding: 16px;
	padding: 2vw;
	font-size: 13px; /*fallback just in case vw doesn't work*/
	font-size: 1.25vw;
	text-align: center;
	line-height: 2em;
	letter-spacing: 0.05em;
	font-family: futura-pt, sans-serif;
	font-weight: 400;
	color: #000;
	text-transform: uppercase;
	background-color: #eee;
}








/* G A L L E R Y */

body.picture {
	background-color: #000;
}

p.times {
	position: absolute;
	top: -10px;
	right: 40px;
	border: 8px solid transparent;
	border: 1vw solid transparent;
	font-size: 30px;
	margin: 0;
	padding: 8px;
	padding: 1vw;
	color: #ccc;
	background-color: transparent;
}

p.times:hover {
	color: #fff;
}

div.paae-gallery {
	margin: 64px 0 40px 0;
	margin: 8vw 0 5vw 0;
	padding: 0;
}

div.paae-gallery-arrow {
	width: 10%;
	float: left;
	margin: 160px 0 0 0;
	margin: 20vw 0 0 0;
	padding: 0;
}

img.arrow {
	width: 20px;
	opacity: .5;
	margin: 0;
	padding: 0;
}

img.arrow:hover {
	opacity: .8;	
}

div.paae-gallery-picture {
	width: 80%;
	float: left;
	margin: 0;
	padding: 0;
}

img.paae-gallery {
	width: 100%;
	margin: 0;
	padding: 0;
}


div.gallery-text {
	margin: 0 80px;
	margin: 0 10vw;
	padding: 16px 0;
	padding: 2vw 0;
}

p.paae-caption-gallery {
	margin: 8px 0 8px 0;
	margin: 1vw 0 1vw 0;
	padding: 0;
	font-size: 12px; /*fallback just in case vw doesn't work*/
	font-size: 1.5vw;
	text-align: left;
	line-height: 1.3em;
	letter-spacing: 0em;
	font-family: futura-pt, sans-serif;
	font-weight: 400;
	color: #999;
	text-transform: none;
}

p.paae-credit-gallery {
	margin: 2vw 0 1vw 0;
	margin: 16px 0 8px 0;
	padding: 0;
	font-size: 10px; /*fallback just in case vw doesn't work*/
	font-size: 1.25vw;
	text-align: left;
	line-height: 1.3em;
	letter-spacing: 0.05em;
	font-family: futura-pt, sans-serif;
	font-weight: 400;
	color: #666;
	text-transform: uppercase;
}

a.paae-gallery {
	color: #666;
}

a.paae-gallery:visited {
	color: #666;
}

a.paae-gallery:hover {
	color: #999;
}

a.paae-gallery:active {
	color: #999;
}



/* P A G E S   W I T H O U T   I M A G E S */

div.section-text-blah {
	float: left;
/*	width: 53vw; */
	margin: 0 0 20px 0;
	margin: 0 0 2.5vw 0;
	text-align: left;
}






/* T O P  C O L L E C T O R S */

div.top-top {
	float: left;
/*	width: 53vw; */
	margin: 0 0 20px 0;
	margin: 0 0 2.5vw 0;
	text-align: left;
}

div.top-collectors-header {
	margin: 0 0 24px 0;
	margin: 0 0 3vw 0;
	padding: 8px;
	padding: 1vw;
	background: #000;
}

h2.top-collectors {
	font-size: 28px; /*fallback just in case vw doesn't work*/
	font-size: 3.5vw;
	text-align: left;
	line-height: 1.1em;
	letter-spacing: .025em;
	font-family: futura-pt, sans-serif;
	font-weight: 400;
	color: #fff;
	margin: 0;
	padding: 4px 4px;
	padding: .5vw .5vw;
	text-transform: uppercase;
}

p.top-collector-info {
	font-size: 12.8px; /*fallback just in case vw doesn't work*/
	font-size: 1.6vw;
	line-height: 1.6em;
	font-family: futura-pt, sans-serif;
	font-weight: 400;
	text-align: left;
	margin: 20px 0 8px 0;
	margin: 2.5vw 0 1vw 0;
}

span.top-collector-name {
	font-size: 16px;
	font-size: 2vw;
	font-weight: 700;
}

div.top-collector-stuff {
	float: left;
	width: 20%;
	width: 20vw;
	margin: 20px 0;
	margin: 2.5vw 0;
}

div.top-collector-ad {
	float: left;
	width: 53%;
	width: 53vw;
	margin: 0 0 20px 24px;
	margin: 0 0 2.5vw 3vw;
	text-align: left;
}






/* T E R M S  O F  U S E  /  P R I V A C Y  P O L I C Y */

ol {
	font-size: 16px; /*fallback just in case vw doesn't work*/
	font-size: 2vw;
	line-height: 1.4em;
	font-family: garamond-premier-pro, serif;
	font-weight: 400;
}

li {
	margin: 0 0 1em 2em;
}

span.bold {
	font-weight: 700;
}

h3 {
	font-family: garamond-premier-pro, serif;
	font-size: 30px; /*fallback just in case vw doesn't work*/
	font-size: 3.75vw;
	font-weight: 400;
}

span.uc25 {
	text-transform: uppercase;
	letter-spacing: 0.025em;
}

a.pp {
	color: #666;
	text-decoration: underline;
}

a.pp:visited {
	color: #666;
}

a.pp:hover {
	color: #999;
}

a.pp:active {
	color: #999;
}











h4 {
	font-size: 26.64px; /*fallback just in case vw doesn't work*/
	font-size: 3.33vw;
	font-weight: 500;
	text-transform: uppercase;
}






p.category {
	font-size: 16px; /*fallback just in case vw doesn't work*/
	font-size: 2vw;
	line-height: 1em;
	
}




p.right {
	color: #eee;
	letter-spacing: 0;
}



span.strikethrough {
	text-decoration: #ccc line-through;
}

span.strikethrough2 {
	text-decoration-line: line-through;
	text-decoration-color: #000;
}