/* =============================================================================
   PXU Photoset Extended Styles
   ========================================================================== */

/* EDITED BY CYANTISTS @ TUMBLR.COM ; PLEASE DO NOT COPY WITHOUT PERMISSION */

.clearit:before, .clearit:after { content: ""; display: table; }
.clearit:after { clear: both; }
.clearit { *zoom: 1; }

/* Photoset */

.photo-slideshow {
	text-align:center;
    visibility:hidden;}
.photo-slideshow.processed {
    visibility:visible;}

body:not(.p500540) .photo-slideshow .row {
    clear:both;
    display:block;}
    
body.p500540 .photo-slideshow .row {
    clear:both;
    display:inline-block;
	vertical-align:top;
    width:auto;}
.photo-slideshow .row:last-of-type {
    margin-bottom:0!important;}

.photo-slideshow .pxu-photo {
    display:block;
    margin-bottom:0;
    overflow:hidden;}

.photo-slideshow .pxu-photo img {
    display:block;}
.photo-slideshow.processed .pxu-photo img {
    width:100%;
    height:auto;}
.photo-slideshow .pxu-photo:first-child img {
    margin-left:0;}
body.p500540 .photo-slideshow .pxu-photo img {
    margin-left:0!important;}

body:not(.p500540) .photo-slideshow .count-1 {
    width:100%;}
body.p500540 .photo-slideshow .count-1 {
    max-width:100%;}

body.p500540 .photo-slideshow .count-2 {
    max-width:calc((100% - 4px)/2);}
body.p500540 .photo-slideshow .count-2:not(:nth-child(1)) {
    max-width:calc((100% - 4px)/2 + 4px);}
body.p500540 .photo-slideshow .count-2:not(:nth-child(1)) .pxu-photo {
    margin-left:4px!important;}
    
body.p500540 .photo-slideshow .count-3 {
    max-width:calc((100% - 8px)/3);}
body.p500540 .photo-slideshow .count-3:not(:nth-child(1)) {
    max-width:calc((100% - 8px)/3 + 4px);}
body.p500540 .photo-slideshow .count-3:not(:nth-child(1)) .pxu-photo {
    margin-left:4px!important;}

body.p500540 .photo-slideshow .count-4 {
    max-width:calc((100% - 12px)/4);}
body.p500540 .photo-slideshow .count-4:not(:nth-child(1)) {
    max-width:calc((100% - 12px)/4 + 4px);}
body.p500540 .photo-slideshow .count-4:not(:nth-child(1)) .pxu-photo {
    margin-left:4px!important;}

body.p500540 .photo-slideshow .count-5 {
    max-width:calc((100% - 16px)/5);}
body.p500540 .photo-slideshow .count-5:not(:nth-child(1)) {
    max-width:calc((100% - 16px)/5 + 4px);}
body.p500540 .photo-slideshow .count-5:not(:nth-child(1)) .pxu-photo {
    margin-left:4px!important;}

body.p500540 .photo-slideshow .row.clearit:not(:last-child) {
    margin-bottom:4px!important;}

.photo-slideshow .info {
    display:none;}

.tumblr-box {
    display:block;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1;}

/* EXIF & CAPTION Data Tooltip */

.photo-data {
    position:relative;
    float:left;}

.pxu-caption {
    margin-top:0;
    word-wrap:break-word;}

.pxu-caption:before {
    content:url('http://static.tumblr.com/hugxd2w/SSBm6wxmm/caption-icon.png');
    opacity:0.5;
    filter:alpha(opacity = 50);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    float:left;
    margin-right:5px;}

.pxu-data.caption-only .pxu-caption {
    margin-bottom:0;}

.pxu-data table {
    font-family:"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight:bold;
    width:100%;}

.pxu-data table tr {
    width:100%;}

.pxu-data table tr td {
    width:50%;
    font-weight:bold;
    padding-bottom:15px;}

.pxu-data table tr:last-child td {
    padding-bottom:0;}

.pxu-data .label {
    color:#cccccc;
    text-transform:uppercase;
    font-size:10px;
    text-align:right;
    padding-right:12px;
    font-weight:normal;}

.arrow-down {
    width:0;
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:10px solid rgba(0,0,0,0.85);
    position:absolute;
    top:-10px;
    left:110px;}
	
	
/********************************************************
 
	SAARAA @ YEARSANDSYEARS / CYANTISTS
   
	Please do not edit, delete, or steal, thank you!
  
********************************************************/

.cred:before, .cred:hover:before, .cred *, .cred:hover *, .cred *:before,
.cred:hover *:before, .cred *:after, .cred:hover *:after {
    transition:all 0.6s ease-in-out;
    -webkit-transition:all 0.6s ease-in-out;
    -o-transition:all 0.6s ease-in-out;
    -moz-transition:all 0.6s ease-in-out;
    -ms-transition:all 0.6s ease-in-out;}
.cred {
	position:fixed;
	font:10px calibri, sans-serif;
	right:9px;
	bottom:9px;
	z-index:99999999;}
.cred:before {
	position:absolute;
	content:'cyantists';
	left:0;
	margin-left:-59px;
	width:46px;
	height:10px;
	pointer-events:none;
	opacity:0;
	text-align:center;
	line-height:1;
	font-style:italic;
	letter-spacing:0.5px;
	background:#ffffff;
	border:1px solid #f0f0f0;
	padding:4px 3px 4px 4px;}
.clogo {
	position:relative;
	float:right;
	width:10px;
	height:10px;
	line-height:1;
	font-weight:bolder;
	text-transform:uppercase;
	text-align:center;
	padding:4px;}
.cred:hover .clogo,.clogo:after {
	-moz-transform:scaleX(-1);
	-o-transform:scaleX(-1);
	-webkit-transform:scaleX(-1);
	transform:scaleX(-1);
	filter:FlipH;
	-ms-filter:FlipH;}
.clogo:before,.clogo:after {
	position:absolute;
	content:'y';
	top:0;
	left:0;
	right:0;
	margin:4px;}
.clogo:after {
	opacity:0;
	content:'c';}
.cred:hover .clogo:before {
	opacity:0;}
.cred:hover:before,.cred:hover .clogo:after {
	opacity:1;}
	
.cred:before, .clogo:before {color:#888888;}
.clogo:after {color:#cccccc;}
.clogo, .cred:before, .clogo:after {background:#f8f8f8;}
.clogo, .cred:before {border:1px solid #f0f0f0;}