/* - general - */
html{
	/* font-size:.13in;
	font-size:.75em;*/
	font-size:12px;
}
body{
	margin:0px;
	padding:0px;
	font-size: initial;
	font-family: sans-serif;
	color: var(--txtcol);
	background-color:var(--bgcol);
	min-height:100vh;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}
h1 {
    font-family:var(--hfont), sans-serif;
}
/* custom scrollbar stuff */
body::-webkit-scrollbar{
    width:1rem;
    background-color:var(--bgcol);
}
body::-webkit-scrollbar-thumb{
    background-color:rgba(var(--txtcolrgb),.6);
    border:.25rem solid var(--bgcol);
}
body::-webkit-scrollbar-thumb:hover, body::-webkit-scrollbar-thumb:active{
    background-color:var(--txtcol);
}
.hidden{
    display:none;
}
h1, h2, h3, h4, h5, h6, p{
    word-wrap:break-word;
}
/* - main - */
#blurbg{
    position:fixed;
    top:-30px;
    left:-30px;
    right:-30px;
    bottom:-30px;
    z-index:-100;
}
#blurbg img{
    object-fit:cover;
    filter:blur(30px);
    width:100%;
    height:100%;
}
#mainflex{
    display:flex;
    flex-direction:row;
    align-items:flex-start;
	flex-wrap: wrap;
	flex-grow: 1;
	margin-top: 54px;
}
/* - sidebar - */
aside{
	position:sticky;
	margin:2rem 3rem;
	padding:0px;
	padding-bottom:32px;
	width:310px;
	z-index:20;
	flex-grow:0;
	flex-shrink:0;
	top:2rem;
}
#flavor1{
    min-height:104px;
    margin-bottom:-8px;
    border-radius:5px 5px 0px 0px;
    overflow:hidden;
}
aside .body{
	border-radius:.5rem;
	background-color:var(--bgcol);
	position:relative;
	padding:1rem;
	display:flex;
	flex-direction:column;
}
aside p{
    margin:0px;
    font-size:.9em;
}
h1{
	color: var(--txtcol);
	margin-top:0rem;
	margin-bottom:.25rem;
	text-align:center;
	font-size:1.5em;
}
aside hr{
    width:100%;
    margin:8px 0px;
}
hr{
    border-width: 0px 0px 1px 0px;
    border-color: var(--xtracol);
}
.homelink{
    width:128px;
    margin:-96px auto 0px auto;
    transition:transform .2s;
}
.homelink:hover{
    transform:scale(1.05);
}
aside .avatar{
	border: 2px solid var(--txtcol);
	padding:0rem;
	box-sizing:border-box;
	border-radius:1rem;
}
aside .avatar.circle{
    border-radius:100%;
}
aside summary{
    line-height:3ex;
    position:relative;
    padding-left:.25em;
    border-radius:.2rem;
    margin-bottom: 0px;
    user-select: none;
    transition:color .2s, background .2s;
    cursor:pointer;
    list-style-type:none;
}
aside summary::-webkit-details-marker{
    display:none;
}
aside summary:hover, aside details[open] summary{
    background: var(--txtcol);
    color:var(--bgcol);
}
aside summary::after{
    content: "\23F5";
    position:absolute;
    right:0px;
}
aside details[open] summary::after{
    content: "\23F7\FE0E";
}
.menu{
	margin:0px;
	padding:0px;
	flex-shrink:0;
	flex-grow:0;
	padding-bottom:1rem;
	border-top:1px solid var(--xtracol);
	margin-top:.5rem;
}
.menu a{
	color:var(--txtcol);
	text-shadow: .1rem .1rem 0px rgba(0, 0, 0, 0.5);
	display:block;
    padding:.2em;
    border-bottom: 1px solid var(--xtracol);
    transition: background-color .2s, border-color .5s;
    text-decoration: none;
}
.menu a:hover, .menu a:active{
	border-color: var(--txtcol);
    background-color: var(--xtracol);
}
#blogdesc{
    border-top:1px solid var(--xtracol);
    margin-top:.5rem;
    padding-top:.5rem;
}
details[open] ~ #blogdesc{
    display:none;
}
aside .pages{
    margin-bottom:-32px;
	background:var(--bgcol);
	align-self:center;
	padding:.5rem;
	border-radius:1rem;
	border: .15rem solid var(--txtcol);
	box-sizing:border-box;
	margin-top:1rem;
	font-family:'Comfortaa', sans-serif;
}
aside .pages a{
	text-decoration:none;
	color:inherit;
	font-size:1.5em;
	padding:.2em;
	padding:0.3em;
	transition: color .2s;
}
aside .pages a:active, aside .pages a:hover{
	color: var(--xtracol);
}
aside .pages .curpage{
	color:var(--bgcol);
	background-color:var(--txtcol);
}
.pages .current{
    background:var(--txtcol);
    color:var(--bgcol);
    border:4px solid var(--txtcol);
    border-radius:5px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
aside .pages .current:active, aside .pages .current:hover{
	color:var(--xtracol);
}
/* - Posts - */
main{
	position:relative;
	flex-grow:1;
	flex-shrink:1;
}
@keyframes likeanim{
    from{
        transform:scale(1);
        opacity:1;
    }
    to{
        transform:scale(3);
        opacity:0;
    }
}
article .buttons .liked + a::after{
    content:"\2605\FE0E";
    position:absolute;
    top:.2em;
    left:0px;
    right:0px;
    bottom:0px;
    line-height:inherit;
    transform-origin:center;
    animation-name:likeanim;
    animation-duration:1s;
    animation-timing-function:linear;
    animation-fill-mode:forwards;
}
.like_btn iframe{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	width:100%;
	height:100%;
	opacity:0;
}
.notes{
    margin:0px;
    margin-bottom:2rem;
    padding:5px;
    list-style-type:none;
    background:rgba(var(--bgcolrgb),.4);
}
.note{
    font-size:.75em;
    padding:2px;
}
.note:nth-child(odd){
    background:rgba(var(--bgcolrgb),.3);
}
.note a{
    color:var(--xtracol);
    text-decoration:none;
}
.note blockquote a{
    color:inherit;
}
.note blockquote{
    background-color:var(--bgcol);
    padding:.5em;
    margin:2px 1em;
    border-radius:3px;
}
.note .avatar{
    position:relative;
    left:-13px;
}
.trail .npf_row{
    margin: 0px -12px;
}
article, .noteslist{
    margin:auto;
    margin-top:5rem;
    width:500px;
    position:relative;
    padding-right:36px;
    padding-left:24px;
}
article .buttons{
    position:absolute;
    right:4px;
    top:0px;
    bottom:0px;
}
article .buttons .inner{
    position:sticky;
    top:.5rem;
}
.like_btn, .reblog_btn, .link_btn{
    font-size:20px;
    width:28px;
    height:28px;
    text-align:center;
    line-height:28px;
    background:var(--bgcol);
    margin:4px 0px;
    border-radius:5px;
    transition: transform .2s;
}
.like_btn:hover, .reblog_btn:hover, .link_btn:hover{
    transform:scale(1.2);
}
article .buttons a{
    text-decoration:none;
    color:inherit;
    font-weight:normal;
}
article .src-via{
    padding-bottom: 1rem;
}
article .src{
    float:right;
}
article .head{
    text-align:right;
    position:relative;
}
article .pinned{
    position:absolute;
    bottom:-8px;
    left:-16px;
}
article .pinned .ico{
    font-size:24px;
    color:var(--bgcol);
    background:var(--txtcol);
    width:24px;
    line-height:24px;
    display:inline-block;
    text-align:center;
    border-radius:100%;
    z-index:1;
    position:relative;
}
article .pinned .text{
    padding:4px 16px;
    background:var(--bgcol);
    border-radius:0px 16px 0px 0px;
    opacity:0;
    transition:opacity .2s;
    position:relative;
    bottom:3px;
    left:-8px;
}
article .pinned .text:hover, article .pinned .text:focus{
    opacity:1;
}
article .head time{
    background:var(--bgcol);
    color:var(--txtcol);
    padding:1rem;
    padding-top:.5rem; 
    border-radius:5px 5px 0px 0px;
    position:relative;
    transition:background .2s;
    font-size:130%;
    font-family:var(--hfont);
	display:inline-block;
}
article .head a{
    border-bottom: 2px solid var(--xtracol);
    transition:border-color .2s;
}
article .head a:hover, article.head a:focus{
    border-color:inherit;
}
article .head a{
    color:inherit;
    text-decoration:none;
}
article .body{
    background:var(--bgcol);
    border-radius:5px 0px 5px 5px;
    padding:1rem;
}
article .body a{
    color:inherit;
    text-decoration:none;
    border-bottom:1px solid var(--xtracol);
    transition:border-bottom-color .1s;
}
article .body a:hover, article .body a:active{
    border-bottom-color:var(--txtcol);
}
article .srcinfo{
	text-align:right;
}
article .src-sub{
	float:left;
}
article .tags-label{
    display:flex;
    margin-top:.5em;
	padding:5px 0px;
}
article .tags-label span{
    margin:0px .5em;
}
article .tags-label hr{
    flex-grow:1;
    border-color:var(--txtcol);
}
article .tags{
    text-indent:4em;
    line-height:130%
}
article .tags span{
    color:var(--xtracol);
	margin:0px .2em;
}
article .tags span::before{
    content: "#";
}
article .tags a{
    color:var(--txtcol);
}
article .photoset > img{
    display:block;
}
article .photoset img{
    margin:auto;
}
article img, article picture, article video, article figure{
    margin:0px -1rem;
}
article figure img, article figure video, article figure picture{
    margin:0px;
    max-width:100%;
}
article .body figure a{
    border:none;
}
article .trail .bloglink{
    position:relative;
    margin-left:-1rem;
    left:-16px;
    line-height: 32px;
    display:block;
    border-radius: 34px 0px 0px 34px;
    padding: 2px;
    color:inherit;
    border: none;
    text-decoration:none;
    background:linear-gradient(45deg, rgba(var(--xtracolrgb), .5) 0%, transparent 100%)
}
article .bloglink:hover, article .bloglink:active{
    text-decoration: underline;
}
.bloglink img{
    margin:0px;
    margin-right:5px;
    border-radius:32px;
    vertical-align: middle;
}
.tmblr-full img{
    display:block;
    margin:auto;
}
.PageLabel{
    Background:var(--bgcol);
    Display:inline-block;
    Padding:8px;
    border-radius: 10px 0px 0px 10px;
    position: relative;
}
.PageLabel::After{
    content: "";
    width: 100px;
    position: absolute;
    left:100%;
    top:0px;
    bottom:0px;
    background: linear-gradient(to right, var(--bgcol), transparent);
}
.qblock{
    font-weight: bold;
    position: relative;
}
.qblock > h4 {
    margin: 5px;
    display: inline-block;
    border-bottom: 2px solid;
    margin-left: 20px;
}
.qblock > h4 > a{
    border:0px;
}
.qblock > h4 > img{
    border-radius: 100%;
    border: 2px solid var(--xtracol);
    position: absolute;
    top:20px;
    z-index:1;
}
.askerblog > img{
    left:-5px;
}
.answererblog > img{
    right:-5px;
}
.qblock > div {
    Background: linear-gradient(var(--xtracol), rgba(var(--xtracolrgb), .5));
    color: var(--bgcol);
    padding: 10px 10px;
    border-radius: 16px;
    overflow: hidden;
}
.qblock > div > p:first-child {
    margin-top: 0px;
}
.qblock > div > p:last-child {
    margin-bottom: 0px;
}
.qblock figure:last-child {
    margin-bottom: -10px;
}
#sidebar-toggle {
	display: none;
}
label[for="sidebar-toggle"]{
	display:none;
}
article p br:only-child{
    display:none;
}
article p:empty{
    margin:0px;
}
article footer{
    margin-top:16px;
}
.footer{
    background: var(--bgcol);
    margin-top:6rem;
    font-size:.8em;
    padding:6px;
}
.footer a{
    color: inherit;
}
.footer span{
    float:right;
}
/*- new dump -*/