
/*--------------------------------------------LAST UPDT 7/20/16--*/

#cu:before{width:100%;height:1px;top:50%;}
#cu:after{height:100%;width:1px;left:50%;}

/*--------------------------------------------POSTS--*/

.tp{position:absolute;width:850px;font:10px arial;top:50%;left:50%;
transform: translate(-50%, -50%);max-height:90%;margin:0 1px;}

.tp1{position:relative;width:100%;display:table;table-layout:fixed;
overflow:hidden;}

.tpc1, .tpc2{position:relative;display:table-cell;}

.tpc1 .eps{border:0px;}

.tpc2{border-left:0px;}

.tpc2{position:relative;vertical-align:top;}

.tpc1{vertical-align:middle;position:relative;}

/*-------------------------------------------LINES--*/


.mp{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);
width:1000px;margin:0 0;overflow:hidden;}

.ppo{position:relative;width:100%;overflow:hidden;left:0px;
-webkit-transition:  1s ease-in-out;
-moz-transition:  1s ease-in-out;
-o-transition:  1s ease-in-out;
-ms-transition:  1s ease-in-out;
transition:  1s ease-in-out;}
   

.mp1{position:relative;width:100%;left:50%;transform: translateX(-50%);}

.mpo{position:relative;width:20%;counter-increment:mc;}

.mp .mpo:nth-of-type(3){width:45%;}

.mp .mpo:nth-of-type(3) .ppo, .mp .mpo:nth-of-type(3) .pde{display:none;}
.mp .mpo:nth-of-type(3) .pid{display:none;}

#eps{position:relative;overflow:hidden;}

.eps{position:relative;}


/*-------------------------------------------LINES--*/

.mpo:before, .mpo:after{content:'';position:absolute;z-index:-111;
-webkit-transition:  1s ease-in-out;
-moz-transition:  1s ease-in-out;
-o-transition:  1s ease-in-out;
-ms-transition:  1s ease-in-out;
transition:  1s ease-in-out;}


.mp .mpo:nth-of-type(3):before{height:50%;}
.mp:hover .mpo:nth-of-type(3):before{height:50%;}

.mp:hover .mpo:before{top:-50%;height:200%;transition-delay: 0.5s;
-webkit-transition-delay:0.5s;}

.mp:hover .mpo:after{left:50%;width:100%;transition-delay: 1s;
-webkit-transition-delay: 1s;}

.mpo:before{top:5%;height:0%;width:1px;left:50%;}


/*--------------------------------------------PHOTOSET & PHOTOS--*/
.pophw, .video, .poau_c1, .poau_c2{
transition:  all 0.6s ease-in-out 0s;
-moz-transition: all 0.6s ease-in-out 0s;
-webkit-transition:  all 0.6s ease-in-out 0s;
-o-transition:  all 0.6s ease-in-out 0s;}


.pophw, .video, .poau_c1{opacity:0.4;}

.mpo:hover .pophw, .mpo:hover .video, .mpo:hover .poau_c1, .tpc1:hover .video {opacity:1;}

.pophw{position:relative;display:block;overflow:hidden;width:100%;
background-size:cover;background-position:center;display:none;
background-repeat:none;}

.pophw:nth-child(1){display:block!important;}

.tumblr_video_container{display:block;z-index:9999;
width:100%!important;height:auto!important;}


/*--------------------------------------------SIDEBAR--*/

.p3s{position:absolute;width:100%;height:100%;overflow:hidden;}

#p3s{position:absolute;overflow:hidden;width:calc(100% - 2px );
height:calc(100% - 2px );}

#p3s1{position:absolute;width:100%;height:100%;z-index:999;
background-size:cover;}

#p3s1 svg{margin:0 1px;}


#p3s2{position:absolute;z-index:999;width:100%;height:100%;margin:0;
-moz-transform: scaleX(-1); -o-transform: scaleX(-1);
-webkit-transform: scaleX(-1); transform: scaleX(-1);
filter: FlipH; -ms-filter: "FlipH";}


#p3s3{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);
height:120px;width:120px;margin:0 1px ;z-index:999;}

#p3s3:after{content:'';position:relative;display:block; margin:15px;
height:calc(100% - 30px - 2px );
background-size:cover;}


#p3s4{position:absolute;max-height:150px;width:300px;bottom:0px;right:0px;
z-index:9999;overflow:hidden;}

#p3s4 h20{font:18.5px playfair display;font-weight:bold;display:block;
text-transform:lowercase;font-style:italic;padding:10px; }

#p3s4 h21{position:relative;font:9.5px arial;text-align:right;display:block;
max-height:150px;overflow:hidden;padding:0 10px;
font-style:italic;text-transform:lowercase;overflow:hidden; }

/*--------------------------------------------VIDEO--*/

.po_vi .video{position:absolute; top:50%;left:50%;width:100%;
transform: translate(-50%, -50%);z-index:999999999999; }

.po_vi{position:relative;overflow:hidden;}

/*--------------------------------------------AUDIO--*/

.poau{position:relative;width:100%;}

.poau_c1{position:absolute;width:100%;height:100%;top:0px;
background-size:cover;background-position:center;}

.poau_c2p h20{position:relative;background:white;width:27px;height:27px;
z-index:999;overflow:hidden;display:inline-block;}

.poau_c2 h21{position:absolute;width:90px;margin:0px;top:0px;left:47px;
z-index:9999999;overflow:hidden;padding:17px 0;
text-align:center;}

.poau_c2p{position:relative;padding:10px;width:27px;}

.poau_c2, .poau_c3, .poau_c4{position:absolute;width:100%;height:33.34%;
z-index:999;}

.poau_c2{top:33.34%;overflow:hidden; }


.poau_c3, .poau_c2, .poau_c4{
left:100%;
-webkit-transition:  1s ease-in-out;
-moz-transition:  1s ease-in-out;
-o-transition:  1s ease-in-out;
-ms-transition:  1s ease-in-out;
transition:  1s ease-in-out;}

.poau_c2{left:-100%;}

.poau:hover .poau_c2{left:0%;transition-delay: 1s;}

.poau:hover .poau_c4{left:0%;transition-delay: 1.75s;}

.poau:hover .poau_c3{left:0%;
-webkit-transition:  1s ease-in-out;
-moz-transition:  1s ease-in-out;
-o-transition:  1s ease-in-out;
-ms-transition:  1s ease-in-out;
transition:  1s ease-in-out;
transition-delay: 0.25s;}

.poau_c3 h20{position:absolute;top:50%;width:100%;
display:block;text-align:center;
font:15.5px arial;font-weight:bold;font-style:italic;
transform: translateY(-50%);}

.poau_c4{top:66.67%;overflow:hidden;}

.poau_c4 h21, .poau_c4 h22{position:relative;display:block;height:25px;
overflow:hidden;text-align:center;font:13px arial;text-transform:lowercase;
font-style:italic;line-height:200%;}


.poau_c4 h22{font:9px arial;font-weight:bold;text-transform:uppercase;
letter-spacing:1px;line-height:20px;}


/*--------------------------------------------POST INFO--*/
.pidw{
position:absolute;width:100%;height:100%;top:0px;overflow:hidden;z-index:99;
left:0px;}

.pidw:after{content:'';position:absolute;height:100%;width:1px;
z-index:999999999;right:0px;}

.mp .mpo:nth-of-type(odd) .pidw:after{left:0px; }
.mp .mpo:nth-of-type(odd) .pid{left:-50%;width:calc(50% - 1px )}
.mp .mpo:nth-of-type(odd):hover .pid{left:0px;}

.mpo:hover .pid{right:0%;}

.pid{
-webkit-transition:  1s ease-in-out;
-moz-transition:  1s ease-in-out;
-o-transition:  1s ease-in-out;
-ms-transition:  1s ease-in-out;
transition:  1s ease-in-out;}

.pid{position:absolute;width:calc(50% - 2px );height:calc(100% - 2px );
top:0px;right:-50%;overflow:hidden;z-index:99999;}

#pid1{padding:5px 10px;font:18.5px playfair display;font-weight:bold;
font-style:italic;}

#pid1 h20{display:block;font:15.5px arial;font-style:italic;font-weight:bold;
padding:0 0 5px 0;}

.mp .mpo:nth-of-type(odd) #pid1{text-align:right;}

.mpo:nth-child(n+10) .pn:after{content:'' counter(mc);}
.mpo:nth-child(-n+9) .pn:after{content:'0' counter(mc);}

.mpo:nth-child(n+10) .pn:after, .mpo:nth-child(-n+9) .pn:after{
display:inline-block;font-size:27.5px;line-height:60%;margin:0 0 0 3px;}

.pidm{position:absolute;width:100%;height:100%;display:table;
table-layout:fixed;}

#pidm{position:relative;display:table-cell;vertical-align:top;padding:5px 0; }

.mpo:nth-child(3n+1) #pidm{vertical-align:bottom;}
.mpo:nth-child(3n+3) #pidm{vertical-align:middle;}


#pid2{position:relative;font:18.5px arial;text-transform:uppercase;
font-style:italic;display:table;table-layout:fixed;overflow:hidden;
font-weight:bold;text-align:center;letter-spacing:1px;width:100%;margin:0 0 5px 0; }

#pid2 h20, #pid2 h21{position:relative;padding:0 5px;word-break: break-all;
display:table-cell;}

#pid2 h21{width:65%;vertical-align:bottom;padding:0 0 2px 0; }

#pid2 h20{width:35%;font:28px playfair display;font-weight:bold;}


#pid3{position:relative;overflow:hidden;max-height:50px;word-break: break-all;
text-transform:lowercase;padding:5px 5px 0;}

#pid3 a{display:inline-block;margin:0 2px 0;font-style:italic;}

.mp .mpo:nth-of-type(odd) #pid3{text-align:right;}

#pid3 a:before{content:'#';}

#pid4{position:relative; max-height:50px;padding:5px 5px 0;
overflow:hidden;text-align:right;}

#pid4 p, #pid4 blockquote, #pid4 a, #pid4 pre{word-break: break-all;
display:initial;padding:0px;margin:0px;font:10.5px arial;}

#pid4 small, #pid4 pre{font:9.5px arial;}


#pid4 pre{white-space: pre-wrap !important; word-wrap: break-word !important; overflow-x: auto !important;}


/*--------------------------------------------PERMALINK--*/


#tpc2{position:absolute;top:calc(50% + 1px );transform: translateY(-50%);
width:calc(100% - 1px );left:100%;z-index:11111111111111111111111111111;
max-height:calc(100% - 2px );overflow-y:auto;overflow-x:hidden;}


#tpc2 a{text-decoration:none;}

#tpc2_c1 h20{padding:10px 0 0 30px;}

#tpc2_c1 h20 span{display:inline-block;
font:45px playfair display;font-weight:bold;font-style:italic;}

#tpc2_c1 h20 span:after{content:'notes';margin:0 0 0 5px;font-size:50%;}

#tpc2_c1 h20, #tpc2_c1 h21, #tpc2_c1 h22, #tpc2_c1 h23, #tpc2_c1 h24{
display:block;}

#tpc2_c1 h21{font:11.5px arial;font-style:italic;padding:10px 20px;
text-transform:lowercase;letter-spacing:2px;}

#tpc2_c1 h22{text-align:right;font:14.5px arial;
text-transform:uppercase;font-weight:bold;letter-spacing:2px;padding:0 20px;}

#tpc2_c2{position:relative;margin:0px;padding:20px 20px 0;}

#tpc2_c2 a{display:inline;}

#tpc2_c2 blockquote{padding:0 10px;margin:5px;}

#tpc2_c2 blockquote img{display:inherit;max-width:100%;
height:auto;border:0px;padding:0px;margin:5%;}

#tpc2_c3{padding:10px;font:11.5px arial;}

#tpc2_c3 a{margin:0 0 0 5px;}

#tpc2_c4{text-align:center;font:8.5px arial;font-weight:bold;
letter-spacing:2px;padding:20px 10px;text-transform:uppercase;font-style:italic;}

/*-----------------------TEXT---*/

.potx{position:relative;}

.potx a{text-decoration:none;}

#potx1{position:relative;font:30px playfair display;margin:0px;padding:20px;
text-transform:lowercase;text-align:right;}

#potx1 a{background:none;}

#potx2{position:relative;margin:0px;padding:10px;;font:10.5px arial;}

#potx2 blockquote{margin:0 5px;padding:5px 10px;}

/*-----------------------ASK---*/

#ask1{position:relative;padding:20px;}

#ask1 a{text-decoration:none;}

#ask1 h8{position:relative;display:block;background-size:21%;height:50px;
background-position:left center;}

#ask1 h8 b{position:absolute;top:50%; transform: translateY(-50%);
font:18px playfair display;font-weight:bold;right:-1px;padding:2px 20px;
font-style:italic;}

#ask1 h9{display:block;padding:15px;border-top:0px!important;}

#ask2{position:relative;padding:10px 20px;font:10.5px arial;}

/*-----------------------QUOTE---*/

.poquo{position:relative;padding:10px;}
.poquo h20{display:block;}


.poquo h20:first-line{font-weight:bold;font:31.5px arial;}

.poquo h20{position:relative;font:27.5px arial;font-style:italic;
text-transform:lowercase;-webkit-text-stroke-width:1.2px;}

.poquo h20{position:relative;padding:10px;text-align:right;font-style:italic;}

.poquo h21{display:block;text-align:right;font:10.5px arial;
font-style:italic;}

.poquo h21 a{text-decoration:none;}


/*-----------------------CHAT---*/

#titlechat{padding:15px;font-weight:bold;text-align:right;margin:0px;
font:19.5px playfair display;text-transform:lowercase;font-style:italic;}

#chatpost ul {padding:0px;margin:-1px 0 1px 0;overflow:hidden; }


.chat{font:8.5px arial;border-top:0px;}

.chat b{text-transform:uppercase;font:9px arial; }
.chat li {list-style-type:none;font-style:italic;font-weight:bold; }
.chat b{font-weight:lighter;padding:2px;}

.chatl{position:relative;display: table-cell;vertical-align: middle;}
.chatl.ch1{padding:15px;}

.chat li:nth-child(odd), .chat li:nth-child(even){font:9.5px arial;
text-transform:none;}


/*-----------------------AUDIO---*/

.aupo{position:relative;}

#aupo1{position:relative;height:255px;
background-size:auto 100%;background-position:center;border-bottom:0px;}


#aupo2{position:relative;height:150px;}

#aupo2_c2, #aupo2_c3{position:absolute;width:100%;height:50%;}

#aupo2_c2 h20, #aupo2_c3 h21{position:absolute;width:70%;overflow:hidden;
max-height:100%;right:0px;}

#aupo2_c2 h20{bottom:0px;}

#aupo2_c2 h20 span, #aupo2_c3 h21 span{position:relative;display:block;}

#aupo2_c2 h20 span{font:28px playfair display;text-transform:lowercase;
padding:0 0 5px 0;font-style:italic; }

#aupo2_c3 h21 span{font:40px playfair display;text-transform:lowercase; font-weight:bold;font-style:italic;padding:5px 0 0 0;line-height:150%; }

#aupo2_c3:before{content:'';position:absolute;width:100%;height:1px;
z-index:999999999;}

#aupo2_c3{bottom:0px;}

#aupo2_c1{position:absolute;background:white;z-index:9999999999;top:50%;
margin:-25px -11px;left:10%;padding:10px;}

#aupo2_c1p{position:relative;width:28px;height:28px;overflow:hidden;
background:white;}
