/*

Hey there.  How are you?

Like the journal?  Awesome.  That's really neat.  Unfortunately, it isn't freely available.  Sorry.  The coding is wonky, and I just don't have time to try and make it pert and pretty enough for general distribution.  

If you'd like to ask for a copy you can use, though, I'd be glad to help.  Just e-mail me, right?  

archrivalist@gmail.com

Ask, and ye shall receive.  

Please, don't steal though.  You do realize these old journal websites are a pretty small community.  And word gets around.  Like, fast.  

Don't steal, kids.  

You'll just end up embarassing yourself.









...By which, of course, I mean I'll end up calling you out in a public forum, because I'm kind of a jerkass like that.  

*/


































































/*  Fucking hell, dudes.  What did I just say? */



















































/* 



archrivalist@gmail.com 





C'mon.  




It won't kill you to ask and let me know. 



*/

:root {
    
/* COLORS */
    
    --neon-000: #ff0076;            /* Main Neon Shade*/
    --neon-100: #ff55b0;            /* Lighter Version of Main Neon*/
    --neon-200: #47dcc6;            /* Accent Neon Shade */
    --neon-300: #9564bd;            /* Second Accent Neon Shade */
    --neon-000-rgb: 254, 42, 38;    /* neon-000 in RGB */
    --neon-200-rgb: 137, 39, 51;    /* neon-200 in RGB */
    
    
    --white-100: #ffffff;           /* white */
    --white-rgba: 255,255,255;      /* white in RGB for transparencies */
    --white-200: #e4e4e4;
    
    --dark-000: #040404;            /* Dark Gradient - 1 - Darkest */
    --dark-100: #0c0c0c;            /* Dark Gradient - 2 */
    --dark-200: #131212;            /* Dark Gradient - 3 */
    --dark-300: #1b1b1b;            /* Dark Gradient - 4 */
    --dark-400: #212121;            /* Dark Gradient - 5 */
    --dark-500: #2d2d2d;            /* Dark Gradient - 6 - Lightest */
    
    --dark-000-rgb: 13, 13, 15;     /* dark-000 in RGB */ 
    --dark-100-rgb: 24, 24, 24;     /* dark-100 in RGB */ 
    --dark-200-rgba: 40, 48, 64;    /* dark-200 in RGB */
    
    --black-100: #000000;           /* black */
    --black-rgb: 0,0,0;             /* black in RGB for transparencies */
    

/* HERO IMAGE */
    
    --herobackground: url('INSERTURLHERE') center center / cover; 
                                    /* main hero image - change 'cover' */
    
    --hero-border-size: 0;          /* Default is '0'; replace with a px value to add a border around the hero image (e.g., '50px') */
    
    --hero-blend-mode: hard-light;  /* Default is 'hard-light'; to get rid of the blend, change to 'none' */
    
    --jump: visible;                 /*change to 'visible' if you'd like a jump link in the hero image */
    
/* REMOVE HERO IMAGE */
    
    --header-display: inline-block; /*Default is: 'inline-block'  To remove header image, change to 'none'. */
    --header-height: 100vh; /* Default is '100vh' To remove header image, change to '0' */
    
/* STICKY NOTE NAV */
    
    --sticky-nav-bg: url('https://i.imgur.com/OZsKGp0.jpg') center center / cover; /* */
    --sticky-note-icon: url('http://www.insanejournal.com/userpic/38244978/4180851') center center / cover;
    
    --sticky-note-height: 100vh; /* Empty by default; if you'd like ot display the sticky in lieu of the header img, though, replace with '100vh' */
    --sticky-note-margin: 120px 120px 0 120px; /* Default is: '120px 120px 0 120px'; to  */
    
/* NAVIGATION BUTTONS */
    
    
    
/* OTHER OPTIONS */
    
    --blockquote-text: var(--white-100); /* change to black-100 if you need the darker color */
    --date-color: var(--white-100); /* change to black-100 if you need the darker color */
    --header-text-shadow: var(--neon-100) 0px 0px 2px, var(--neon-100) 0px 0px 5px, var(--neon-200) 0px 0px 70px, var(--neon-200) 0px 0px 50px, var(--neon-000) 0px 0px 60px, var(--neon-000) 0px 0px 10px, var(--neon-200) 0px 0px 25px, var(--neon-000) 0px 0px 15px, var(--neon-000) 0px 0px 10px, var(--neon-100) 0px 0px 15px, var(--neon-100) 0px 0px 3px; /* For the neon effects in the main sidebar; if removing, change to 'none'. */
    --other-text-shadow: 0 0 10px var(--neon-000), 0 0 10px var(--neon-000), 0 0 10px var(--neon-000); 
    
    --static-background: url(https://files.facepunch.com/garry/1b1011b1/test.png); /* to remove static texture overlay, change to 'none'. */
    
    --color-gradient: linear-gradient(203.5deg, var(--neon-000) -0.7%, var(--neon-200) 85%);
    
/* FONTS */
    
    --basefont: 'Lato', helvetica,arial,sans-serif;
    --accentfont: Silverhand, Inconsolata, helvetica,arial,sans-serif;
    --headlinefont: Tanaka, Oswald, Arial, Helvetica, Sans-Serif;
    --headlinefont2: Oswald, Arial, Helvetica, Sans-Serif;
    --iconfont: "Material Icons";
    
/* MATERIAL ICON OPTIONS */
    
    --userlinkicon: "\e3e7";
    --replyicon: "\e39f";
    --editicon: "\e3c9";
    --edittagsicon: "\e41d";
    --postlinkicon: "\e335";

    --header-color: #ffffff;
    --header-stroke: 1px rgba(222, 222, 222, 0.5);


    --private: url(https://i.imgur.com/dJgLxi8.png)center left no-repeat !important;
    --locked: url(https://i.imgur.com/tIooCJT.png)center left no-repeat !important;
    --customs: url(https://i.imgur.com/LcxM0s0.png)center left no-repeat !important;
}

/* ------ IMPORTS ------ */

/* IMPORTS */
/*@font-face { font-family:'Material Icons'; font-style:normal; font-weight:400; src:url(https://dl.dropbox.com/s/7es3ef8wv2sn0fn/Material-Icons-Sharp.woff2) format('woff2'); }*/
@font-face { font-family:"Material Icons"; font-style:normal; font-weight:400; src:url('https://dl.dropbox.com/s/ccj9udpatj5iesg/materialicons-regular.woff') format('woff'); }


@font-face { font-family: 'Lato'; font-style: normal; font-weight: 100; font-display: swap; src: local('Lato Hairline'), local('Lato-Hairline'), url(https://fonts.gstatic.com/s/lato/v16/S6u8w4BMUTPHh30AXC-qNiXg7Q.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; font-display: swap; src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } 
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; font-display: swap; src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 900; font-display: swap; src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh50XSwiPGQ3q5d0.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: 'Oswald'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v26/TK3iWkUHHAIjg752GT8Gl-1PKw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v26/TK3iWkUHHAIjg752GT8Gl-1PKw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Oswald'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v26/TK3iWkUHHAIjg752GT8Gl-1PKw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "Silverhand"; src: url('https://dl.dropbox.com/s/4s5erl4nhdsc6k8/IvyAccent.woff2'); }
@font-face { font-family: "Tanaka"; src: url('https://dl.dropbox.com/s/j5bfhnzkfce0zzy/IvyOutline.woff2'); }




/* SCROLLBAR */

/* scrollbar width */
::-webkit-scrollbar {
    width: 17px;
    height: 17px;
    background-color: var(--black-100);
}

/* scrollbar Track */
::-webkit-scrollbar-track {
    background: var(--black-100);
    border-radius: 10px;
}

/* scrollbar Handle */
::-webkit-scrollbar-thumb {
    border: 7px solid var(--dark-100);
    background-color: var(--neon-000);
    min-height: 24px;
    min-width: 24px;
}


::-webkit-scrollbar-track-piece {
    background: var(--dark-100);
    border: 8px solid var(--dark-100);
}


 
/* SELECTION */

::selection {
    background: var(--black-100);
    color: var(--neon-100);
}

::-moz-selection {
    background: var(--black-100);
    color: var(--neon-100);
}

::-webkit-selection {
    background: var(--black-100);
    color: var(--neon-100);
}

/* GENERAL CLASSES */

body{margin:0;padding:0;background:var(--dark-000);font-family:var(--basefont);font-size:15px;color:#111;}

blockquote { background: var(--neon-000); background: -webkit-var(--color-gradient); background: var(--color-gradient); font-style: normal; padding: 30px; text-transform: uppercase; border-radius: 15px; font-size: 10px; color: var(--blockquote-text);
    font-family: var(--headlinefont2);
    font-weight: 500;
    font-size: 11px;}

blockquote b { color: var(--blockquote-text); text-transform: uppercase; }

a, a:visited, a:active, #alpha a, #alpha a:visited, #alpha a:active a {
    color: var(--neon-000);
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
a:hover {color:var(--white-100);text-decoration: none; -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;}

h1,h2,h3,h4,h5,h6{}

h1, h1 a { font-family: var(--headlinefont); font-size: 55px; text-transform: uppercase; font-weight: 100; margin-top: 40px; letter-spacing: 4px; color: var(--neon-100)!important; line-height: 80%; width: 100%; margin-bottom: -10px; animation: 1.5s flicker infinite alternate linear; text-shadow: var(--header-text-shadow); transition: 1s all; }

#alpha h1, #alpha h1 a {text-align:center;animation: .5s NeonSign infinite alternate linear; }

.entry-body h2 { font-family: var(--accentfont); text-align: center; width: 100%; position: relative; margin: 0; font-weight: normal; display: inline-block; padding: 20px 0; font-size: 33px; background-color: var(--dark-000); background-image: -webkit-var(--color-gradient);background-image:var(--color-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.entry-body h3 { text-align: center; width: 100%; display: inline-block; text-transform: uppercase; font-weight: normal; background: var(--neon-200); padding: 10px 0; letter-spacing: 4px; }

ol { font-style:italic; font-family:var(--headlinefont2); font-size:24px; color:var(--white-100);  }
ol li { padding: 8px; font-style: normal; font-size: 13px; color: var(--white-100); border-left: 3px double var(--neon-000); }

hr {
    background: var(--neon-000);
    height: 10px;
    border: none;
}

b { color: var(--neon-100); text-transform: uppercase; }

img {max-width:100%;}


/* WHOLE PAGE CONTAINERS */

#container{background:transparent;}
#container-inner{}


.layout-three-column-middle{}
.layout-three-column-middle #alpha { margin: 0 40vw 0 0; order:2;}
.layout-three-column-middle #beta { width: 40vw; position: sticky; right: 0; top: 0; background: var(--dark-200); z-index: 100; background-color: var(--dark-000); background-image: -webkit-linear-gradient(23deg, var(--dark-000) 50%, var(--dark-100) 50%); height: 100%; float: right; }
.layout-three-column-middle #gamma { float: none; width: 100%; position: absolute; height: 250px; bottom: -250px; order: 3; }

/* HEADER */

#header { padding: 0; color: #000; margin: 0 40vw 0 0; }
#header-inner{}

#banner{}
#banner-inner{}

#banner-text {  }

#nav-above { list-style: none; margin: 0; font-size: small; text-align: center; background: var(--dark-000); width: 60vw; position: fixed; z-index: 2; padding: 0 40vw 0 0; }
#nav-below{display:none;height:25px;}

.banner-viewlinks{line-height:17px;display:inline;font-family: var(--accentfont);
    position: relative;
    display: inline-block;
    margin: 5px 34px;
    color: var(--white-200);
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-size: 9px;
    font-weight: 700;border:none;}
.first{border-left:none;}
.banner-viewlinks:nth-of-type(5n) {display:none;}

.current{}
.current a { color: var(--neon-300); }
.current a:hover { color: var(--white-100); }

#header-text { background: var(--herobackground), linear-gradient(203.5deg, var(--neon-000) -0.7%, var(--neon-200) 85%), no-repeat fixed; z-index: 9; position: absolute; height: var(--header-height); border: none; margin: 0; padding: 0; top: 0; width: calc(100% - 40vw); background-blend-mode:var(--hero-blend-mode);display:var(--header-display)}
#header-text a{}
#banner-header{display:none;}
#banner-description{display: none;}


/* BODY OF PAGE */

#pagebody { }
#pagebody-inner{position: absolute; top: 0; width:100%;}
#pagebody-inner:before { width: 100%; content: ''; display: inline-block; background: var(--neon-000); height: 3px; position: fixed; z-index: 9999; }

/* MAIN COLUMN */

#alpha{background:transparent;border:none;padding:0;}
#alpha-inner { padding: var(--header-height) 0 0 0; position: relative; background: var(--static-background);}

#alpha a, #alpha a:visited{color:var(--neon-000)}
#alpha a:hover { color: var(--white-100); text-decoration: none; text-shadow: 2px 2px 0 var(--neon-000); }

.content-nav { margin: 0.5em 1em; position: fixed; top: 150px; font-size:0px;}
.nav-bottom { text-align: right; display: sticky; top: 500px; }


.content-nav.nav-bottom a:first-of-type { font-size: 15px; background: var(--dark-100); bottom: 100px; position: fixed; width: 95px; height: 50px; transform: rotate(-90deg); left: 100px; justify-content: center; align-items: center; border-top: 1px solid var(--accent-100); border-bottom: 1px solid var(--accent-100); border-right: 1px solid var(--accent-100); line-height: 50px; padding: 0 15px 0 0; color: var(--black-100)!important; visibility: hidden; }
.content-nav.nav-bottom a:first-of-type:before { content: '\e5cb'; font-family: var(--iconfont)!important; height: 50px; width: 50px; display: inline-block; transform: rotate(90deg); background: var(--dark-100); line-height: 50px; text-align: center; visibility: visible; position: absolute; right: 93px; top: -1px; border: 1px solid var(--accent-100); }

.content-nav.nav-bottom a:nth-of-type(2n) { font-size: 15px; bottom: 100px; position: fixed; width: 95px;right: 0; background: var(--dark-100);height: 50px; transform: rotate(90deg); justify-content: center; align-items: center; border-top: 1px solid var(--accent-100); border-bottom: 1px solid var(--accent-100); border-left: 1px solid var(--accent-100); line-height: 50px; padding: 0 15px 0 0; color: var(--black-100)!important;visibility: hidden;}
.content-nav.nav-bottom a:nth-of-type(2n):before { content: '\e5cb'; font-family: var(--iconfont)!important; height: 50px; width: 50px; display: inline-block; transform: rotate(90deg); background: var(--dark-100); line-height: 50px; text-align: center; visibility: visible; position: absolute; left: 93px; top: -1px; border: 1px solid var(--accent-100); }


.content-nav.nav-bottom a:hover { visibility:visible!important;;
	        -webkit-animation: visibility 1s ease-in;
	        animation: visibility 1s ease-in;}
.content-nav.nav-bottom a:hover:before { }

.nav-top{display:none;}
.nav-bottom { display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.nav-bottom a { background: blue; height: 50px; width: 50px; font-size:0;}
.entrypage{text-align:center;}

#tagpage-header { }
#tagpage-header h2 { font-family: var(--basefont); font-size: 32px; text-transform: uppercase; margin-top: 75px; letter-spacing: 4px; color: var(--neon-100)!important; line-height: 80%; width: 100%; margin-bottom: -10px; background: var(--neon-200); background: -webkit-linear-gradient(203.5deg, var(--neon-000) -0.7%, var(--neon-200) 85%); background: linear-gradient(203.5deg, var(--neon-000) -0.7%, var(--neon-200) 85%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none; }

.date-header{display:none;}
.date-header h2{}

#column-footer{clear:both;}




/* ENTRIES */

/*.entry {
    
}
.entry-inner{}

.entry-header { background: var(--dark-200); border: none; padding: 0; top: -20px; position: absolute; left: 0px; width: 100%; height: 75px; z-index: 0; display: flex; align-items: center; justify-content: center; }
.entry-header-inner{}

.entry-header h3 { margin: 0 85px; padding: 0; text-transform: uppercase; text-align: center; font-size: 12px; letter-spacing: 2px; font-family: var(--accentfont); text-shadow: 1px 1px 0 var(--neon-000); }
#alpha .entry-header a, #alpha .entry-header a:visited{color:var(--white-100);}

.entry-datetime {  width: 75px; font-size: 30px; top: -20px; position: absolute; height: 64px; text-align: center; line-height: 25px; left: 0; text-transform: uppercase; padding: 11px 0 0 0; color: var(--date-color); display: inline-block; }
.entry-datetime::first-line { font-family: var(--accentfont); font-size: 12px!important; font-weight: 100; }

.outer-entry-userpic { display: inline-block; text-align: right; position: relative; width: 100%; top: 100px; left: 22px; height: 105px; }

.outer-entry-userpic img { height: 65px; width: 65px; transition: all .6s ease-in-out; font-size: 20px; box-shadow: 0 0 0 1.5px var(--dark-300); border: 5px solid var(--dark-200); background: var(--dark-300); color: var(--dark-500); border-radius: 100%; }
.outer-entry-userpic img ~ .pic-poster:hover {
    box-shadow: 0 0 0 1.5px var(--neon-000);
}

.inner-entry-userpic, .mid-entry-userpic{display:none;}

.pic-poster { z-index: 3; position: absolute; padding: 5px; font-size: 7px; letter-spacing: 1px; text-transform: uppercase; display: inline-block; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; top: 0; text-align: center; margin: 0 auto; font-family: var(--headlinefont2); background: var(--dark-100); height: 65px; width: 65px; border-radius: 80px; line-height: 160%; right: 0; }

.pic-poster .ljuser:nth-of-type(1) { display: inline-block; padding-top: 23px; left: 0px; position: relative; }
.outer-entry-userpic:hover .pic-poster{opacity:1} 
.pic-poster img{display:none;} 
.pic-poster a { color: var(--neon-000)!important; } 
.pic-poster a:hover { color: var(--neon-200)!important; } 
.pic-poster a[href*="profile"]{display:none;} 
.pic-poster b{font-weight:100;}
.ljuser{} 

.entry-content { margin-top: -76px; padding: 35px; font-family: var(--basefont); color: var(--white-200); font-size: 13px; font-weight: lighter; line-height: 160%; letter-spacing: .05em; }
.entry-body{}
.entry-text { min-height: 150px; text-align: justify; }

.ljtags { margin: 40px 0 20px 0; font-family: var(--headlinefont2); font-size: 0; }
#alpha .ljtags a, #alpha .ljtags a:visited { font-size: 8px!important; color: var(--white-100); text-transform: uppercase; }
#alpha .ljtags a:before { content: '#'; display: inline-block; color: var(--white-100); font-size: 8px!important; padding-left: 10px; }
#alpha .ljtags a:hover {text-shadow:none; color:var(--neon-200)}
#alpha .ljtags a:first-of-type:before { padding-left: 0px!important; }

.entry-metadata{display:none;}
.entry-metadata .metadata{}
.entry-metadata strong{}





.entry-linkbar li a[href*=tellafriend], .entry-linkbar li a[href*=memadd], .entry-linkbar li a[href*=subscriptions]{display:none;}


.entry-footer{}*/

.entry { padding: 30px 30px 60px 30px; margin: 250px 120px; background: var(--dark-100) var(--static-background); position: relative; }
.entry-inner{}

.entry img {max-width:100%;}

.entry-header { background: var(--dark-200); border: none; padding: 0px; text-align: right; display: table; width: 100%; left: 0px; position: absolute; top: 0; }

.entry-header-inner {
    position: relative;
    width: calc(100% - 62px);
}

.entry-header h3 { margin: 0px; padding: 15px; height: 56px; font-family: var(--headlinefont2); font-size: 0.5em; line-height: 100%; display: inline-block; vertical-align: middle; text-align: center; letter-spacing: 1.5px; width: 80%; color: var(--white-100); text-transform: uppercase; font-weight: 500; left: 8px; position: relative; }

#alpha .entry-header a, #alpha .entry-header a:visited { color: var(--neon-100); font-size: 16px; line-height: 100%; top: 10px; position: relative; letter-spacing: 2px; text-decoration:none;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
#alpha .entry-header a:hover { color:var(--white-100); }

.entry-datetime { color: var(--date-color); position: absolute; height: 64px; text-align: center; line-height: 25px; padding: 11px 8px; font-family: var(--headlinefont2); background: var(--color-gradient); left: 0; top: 0; width: 75px; font-size: 30px; }

.entry-datetime::first-line { font-family: var(--accentfont); font-size: 12px!important; font-weight: 100; }


.outer-entry-userpic {
    display: inline-block;
    right: -43px;
    position: absolute;
    top: 0;
    height: 100px;
    z-index: 1;
}
.outer-entry-userpic img { border-radius: 50px; height: 65px; width: 65px; border: 10px solid var(--dark-200); transition: all .2s ease-in-out; }

.inner-entry-userpic, .mid-entry-userpic{display:none;}

.pic-poster {
    z-index: 3;
    position: relative;
    padding: 10px;
    font-size: 9px;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-block;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    top: -85px;
    text-align: center;
    margin: 0 auto;
    font-family: var(--headlinefont2);
    background: var(--dark-100);
    height: 65px;
    width: 65px;
    border-radius: 80px;
       line-height: 160%;border: 1px solid var(--neon-000);
}

.pic-poster .ljuser:nth-of-type(1) {
    display: inline-block;
    padding-top: 20px;
}.outer-entry-userpic:hover .pic-poster{opacity:1} 
.pic-poster img{display:none;} 
.pic-poster a { color: var(--neon-100)!important; } 
.pic-poster a:hover { color: var(--white-100)!important; } 
.pic-poster a[href*="profile"]{display:none;} 
.pic-poster b{font-weight:100;}
.ljuser{}

.entry-content { background: none; padding: 35px; font-family: var(--basefont); color: var(--white-100); font-size: 14px; font-weight: light; line-height: 1.6em; letter-spacing: 0.05em; }
.entry-body { padding: 0 0 50px 0; }
.entry-text a {color:var(--neon-100)}

.entry-text { min-height: 150px; overflow: auto; text-align: justify; font-weight: 100; top: 70px; position: relative; }

#alpha .ljtags { padding: 20px 0; font-size: 10px; line-height: 1.1em; letter-spacing: 0.09em; text-transform: uppercase; color:#505050} 
#alpha .ljtags a[rel=tag]:before { content: ' \0023'; color: #505050!important; } 
#alpha .ljtags a, #alpha .ljtags a:visited { color: var(--gold-gray)!important; font-family: var(--headlinefont2); font-weight: 100; letter-spacing: .1em;text-decoration:none;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; } 
#alpha .ljtags a:hover{ color:var(--white-100)!important; text-decoration:none!important; }

.entry-metadata{display:none;}

.entry-metadata{display:none;}
.entry-metadata .metadata{}
.entry-metadata strong{}

.entry-linkbar { font-size: 0; text-align: right; position: absolute; width: 100%; left: 0; bottom: 0px;}
.entry-linkbar ul { list-style: none; padding: 0; margin: 0; background: var(--dark-200); display: flex; justify-content: flex-end!important; align-items: center; }
.entry-linkbar li { display: inline-block; border: none; padding: 0; margin: 0; }




.entry-linkbar li a { text-align: center; overflow: hidden; width: 50px; height: 50px; color: var(--white-100)!important; background: var(--dark-200); display: flex; align-items: center; justify-content: center; font-family: var(--headlinefont2); }
.entry-linkbar li a:hover{color:var(--neon-000);text-decoration:none;} 

.entry-linkbar li a[href*=reply]{float: left; transition: all .2s ease-in-out;margin-right: auto;} 
.entry-linkbar li a[href*=reply]:before { content: var(--replyicon); font-family: var(--iconfont)!important;font-size: 20px;text-align: center; line-height: 50px;width:50px!important;    display: inline-block;} 
.entry-linkbar li a[href$=html]:before { content: var(--postlinkicon); font-family: var(--iconfont)!important;font-size: 20px;text-align: center; line-height: 50px;width:50px!important;    display: inline-block;} 
.entry-linkbar li a[href*=editjournal]:before { content: var(--editicon); font-family: var(--iconfont)!important;font-size: 20px;text-align: center; line-height: 50px;width:50px!important;    display: inline-block;} 
.entry-linkbar li a[href*=edittags]:before { content: var(--edittagsicon); font-family: var(--iconfont)!important;font-size: 20px;text-align: center; line-height: 50px;width:50px!important;    display: inline-block;} 
.entry-linkbar li a[href*=comments] {
    font-size: 12px;margin-right:auto;
}
.entry-linkbar li a[href*=tellafriend], .entry-linkbar li a[href*=memadd], .entry-linkbar li a[href*=subscriptions]{display:none;}

.entry-footer{}




/* STICKY NOTE */

#sticky-note { position: relative; display: flex; width: 100%; align-items: center; justify-content: center; min-height:var(--sticky-note-height);}
#sticky-note .entry { padding: 0; margin: var(--sticky-note-margin); top: -20px; width: 100%; }
#sticky-note .entry-inner { border: none; display: flex; flex-direction: column; }

#sticky-note .entry-header { background: var(--sticky-nav-bg); text-align: center; height: 150px; position: relative; display: flex; align-items: center; border-bottom: 4px solid var(--neon-000); justify-content: center; width: 100%; }

#sticky-note .entry-header h2 { background: var(--sticky-note-icon); height: 100px; width: 100px; font-size: 0; color: transparent; bottom: -40px; position: absolute; box-shadow: 0 0 0 1.5px var(--neon-000); border: 5px solid var(--dark-100); border-radius: 100%; }

#sticky-note .entry-body{}
#sticky-note .entry-content { position: relative; margin-top: 0; }
#sticky-note .entry-text{min-height:0;padding:0;top: 25px;}

#sticky-note .entry-footer{display:none;}

#sticky-note article {
    background-color: var(--black-100);
    box-sizing: border-box;
    max-height: 85%;
    overflow: visible;
    padding: 20px;
    text-align: justify;
    line-height: 200%;
    font-size: 8px;
    margin: 0 auto;
    width: 75%;
    text-transform: uppercase;
}
#sticky-note article b {
    color: var(--neon-100);
    text-transform: uppercase;
}

#sticky-note nav { text-align: center; font-family: var(--headlinefont2); text-transform: uppercase; font-weight: 500; margin: 10px 0; }
#sticky-note nav a {
    margin: 10px;
    font-size: 13px;
    word-break: break-word;
}


/* COMMENTS */

#comments { margin: 0 50px; width: 90%; max-width: 90%!important; }
#comments-inner {overflow-wrap: break-word; word-wrap: break-word; hyphens: auto;}

.comment-header { border: none; background-color: var(--dark-000); background-image: -webkit-linear-gradient(-30deg, var(--dark-000) 82%, var(--dark-100) 50%); padding: 0px; height: 65px; display: flex; flex-flow: row; align-items: center; justify-content: flex-start; }
.comment-header .ljuser { padding: 0px 25px; }

.comments-nav { font-family: var(--accentfont); text-transform: uppercase; font-size: 30px; }
.comments-nav a { color: var(--neon-000)!important; }
.comments-nav a:hover { text-shadow: 1px 1px 0 var(--white-100)!important; }

.comments-list { display: flex; flex-direction: column; max-width:60vw}
.comment {}
.comment-each {
    background: var(--dark-100);
    min-height: 150px;
    margin: 42px 0 0 0;
    padding: 0px;
    display: flex;
    flex-direction: column;
    position: relative;
    min-width: 500px!important;
}
.comment-even{}

.comment-userpic { height: 65px; width: 65px; transition: all .6s ease-in-out; box-shadow: 0 0 0 1.5px var(--dark-300); border: 5px solid var(--dark-100); background: var(--dark-200); color: var(--dark-500); border-radius: 100%; position: relative; float: left; left: -33px; top: 0; }
.comment-userpic img { height: 65px; width: 65px; border-radius: 100%; }

.comment-by { font-family: var(--basefont); text-transform: uppercase; letter-spacing: 1.5px; }
.poster{}
.poster img{display:none;}
.metadata{}

.comment-date { font-size: 8px; color: var(--dark-500); text-transform: uppercase; letter-spacing: 1px; }

.comment-subject{}
comment-subject h3 { margin: 0; padding: .15em 0; font-weight: normal; font-family: var(--headlinefont); font-size: 25px; }

.comments-header h2 { background-color: var(--dark-000); background-image: -webkit-var(--color-gradient); background-image: var(--color-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; font-family: var(--headlinefont2); font-size: 57px; text-transform: uppercase; }
.comment-subject h3 { margin: 0; padding: .15em 0; font-weight: normal; font-family: var(--headlinefont2); color: var(--neon-200); text-transform: uppercase; }

.comment-content { padding: 25px; max-width: 98%; font-family: var(--basefont); color: var(--white-200); font-size: 13px; font-weight: lighter; line-height: 160%; letter-spacing: 0.05em; order: 3; background: var(--dark-100); }

.comment-footer { color:var(--white-200);font-family: var(--accentfont); font-weight: 100; font-size: 10px; text-transform: uppercase; order:2}
.comment-footer a {font-size:13px;}
.comment-footer .ljuser { text-transform: uppercase; font-family: var(--headlinefont2); letter-spacing: .8px; font-size: 12px; }
.comment-footer .ljuser img {display: none;}

.comment-linkbar {}
.comment-linkbar a[href*="replyto"] { position: absolute; top: -75px; right: 20px; line-height: 65px; font-size: 24px; letter-spacing: 3px; font-family: var(--headlinefont2); font-weight: 600; }
.comment-linkbar ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    text-align: right;
    position: relative;
}
.comment-linkbar li{}
li.first-cl{}

.comment-replies { display: inline-block; max-width: 60vw !important; }

.collapsed-comment{}
.collapsed-comment{}
.collapsed-comment .comment-footer { margin: 12px 0; }
.collapsed-comment-link{}
.collapsed-comment .comment-replies { margin-left: 10px; }

.replyform{}
.quickreply_comment{}
#commenttext{}

div#qrformdiv {
    padding: 50px 30px;
}


/* ARCHIVE VIEW */

.lj-view-archive #alpha-inner { padding: 125px 0 0 0; position: relative; }
.lj-view-archive #header-text {display:none;}
.lj-view-archive .entry {background:none;}

.yearlinks { text-align: center; font-size: 30px; font-family: var(--accentfont); }
.year{list-style:none;}
.year li{display:inline;padding:.5em;}
.active { color: var(--dark-200); }

.yeartable td { border: 11px solid var(--dark-200)!important; width: 75px!important; font-family: var(--accentfont); }
td.monthlable { text-align: center; text-shadow: 3px 3px 0 var(--neon-000); font-family: var(--headlinefont2)!important; font-size: 35px; color: var(--white-100); font-weight: 500; text-transform: uppercase; }
td.viewmonth { text-align: right; padding: 0 10px; text-transform: uppercase; font-family: var(--basefont); }
.yeartable td { border: 11px solid var(--dark-200)!important; width: 75px!important; }
.yeartable tr { height: 75px!important; }
.dayname { text-align: center; }
.emptyday{}


/* MONTH VIEW */

.lj-view-month #alpha-inner {padding: 125vh 0 0 0;}
.lj-view-month form{}
.lj-view-month dl{margin:.5em 1em;}
.lj-view-month dt{}
.lj-view-month dt a { font-family: var(--headlinefont); font-size: 50px; }
.lj-view-month dd{}


/* DAY VIEW */

.day{}

/* POST VIEW */

.lj-view-entry .layout-three-column-middle #alpha { margin: 0 40vw 0 0; order: 2; background-color: var(--dark-000); }

.lj-view-entry #header-text {display:none;}
.lj-view-entry #alpha-inner {padding:0;}

.lj-view-entry .entry {
    margin: 150px 50px 50px 50px;
    background: none;
    padding: 65px 0px;
}
.lj-view-entry .entry-content {background:none; margin-top:20px; order:2;}
.lj-view-entry .entry-inner {
    display: flex;
    flex-direction: column;
}
.lj-view-entry .entry-text {overflow:unset;}
.lj-view-entry .entry-header { order: 1; background: none; position: relative; margin: 50px 0; }
.lj-view-entry .entry-footer {order:4}

.lj-view-entry .entry-header h3, .lj-view-entry .entry-header a, .lj-view-entry .entry-header a:visited {
    text-align: center;
    font-size: 2em!important;
    color: var(--neon-000)!important;
}



.lj-view-entry .entry-header h3 a:hover {text-shadow: var(--header-text-shadow)!important;transition: 1s all; animation: 1.5s flicker infinite alternate linear;color:var(--white-100)!important;}

.lj-view-entry span.lj-entry-securityicon {
    display: none;
}

.lj-view-entry .entry-datetime { top: 0; position: relative; height: auto; padding: 20px 0; margin: 30px 0; background: none; justify-content: center; font-size: 13px; order: 5; display: grid; width: 100%; align-items: center; text-align: center; grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr); grid-gap: 20px; color: var(--white-200); }
.lj-view-entry .entry-datetime:before,
.lj-view-entry .entry-datetime:after  { content: ''; border-top: 2px solid; }

.lj-view-entry .entry-linkbar ul, .lj-view-entry .entry-linkbar a {background:transparent;} 


.lj-view-entry .outer-entry-userpic { text-align: left; position: relative; width: 100%; height: 105px; z-index: 1; top: 0; left: 0; order: 3; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; }
.lj-view-entry .outer-entry-userpic img {order:2}

.lj-view-entry .pic-poster { top: 0; left: 0; position: relative; background: none; margin: 0; font-size: 10px; text-align: right;opacity:1;width: auto; }
.lj-view-entry .outer-entry-userpic:hover,.lj-view-entry .pic-poster:hover {border:none;}

/*

.lj-view-entry .entry-datetime:before { content: ''; display: inline-block; height: 5px; background: black; width: 40%; margin-right: 15px; }
.lj-view-entry .entry-datetime:after { content: ''; display: inline-block; height: 5px; background: black; width: 40%; margin-left: 15px; }


/* TAGS VIEW */

.lj-view-tags #alpha h2{}
.lj-view-tags #alpha{padding:1em;}

.ljtaglist{}
.ljtaglist li{}
.ljtaglist a{}

/* ARCHIVE VIEW */

.lj-view-archive .entry, .lj-view-archive .entry-content; {background:none;}


/* SIDEBAR(S) */

#beta{}
#beta-inner {
    font-size: 10px;
    color: var(--white-100);
    height: 100vh;
    background: var(--static-background);
}

.module-customtext { height: 100%; }
.module-customtext .module-content {
    padding: 0;
    height: 65vh;
}
.module-customtext .module-header { display: none; }

.module-customtext header { text-align: right; padding: 150px 15px 0 15px; }
.module-customtext header h1 a:hover {color:var(--white-100;)}
.module-customtext header h2 { font-family: var(--accentfont); text-transform: uppercase; color: var(--white-100); font-size: 10px; padding: 10px 0; letter-spacing: 3px; }
.module-customtext header h2:after { content: ''; height: 2px; background: var(--black-100); width: 50px; display: inline-block; top: -1px; position: relative; margin: 0 10px 0 15px; }

.module-customtext article { display:none;background: var(--black-100); width: calc(100% - 19vw); margin: 0 auto; top: 35px; position: relative; }

.sb--buttons { width: 100%; height: 100%; float: left; background-image: linear-gradient(67deg, transparent 53%, transparent 46%, transparent); shape-outside: linear-gradient(67deg, black 53%, transparent 46%, transparent); shape-image-threshold: .99; }

ul.sb--nav { list-style-type: none;}

/*.sb--nav li:first-of-type a:after {content:'test'; display:inline-block; color:aquamarine; -webkit-animation:tracking-in-expand .7s cubic-bezier(.215,.61,.355,1.000) both;animation:tracking-in-expand .7s cubic-bezier(.215,.61,.355,1.000) both}*/

.nav--button { transition: .6s; height: 40px; width: 40px; font-size: 20px; box-shadow: 0 0 0 1.5px var(--dark-300); border: 5px solid var(--dark-100); background: var(--dark-300); color: dar(--dark-500); border-radius: 100%; display: inline-flex; align-items: center; justify-content: center; margin: 10px 0; font-family: Material Icons!important;}

.nav--button:hover {
  transition:.6s;
  box-shadow: 0 0 0 1.5px var(--neon-000);background: var(--dark-100); color:var(--white-100);
}

.nav--def {
    background-color: #6242b4;
    padding: 2px;
    border-radius: 3px;
    font-family: lato;
    font-weight: 300px;
    font-size: 9px;
    text-transform: uppercase;
    color: #fff;
    width: 50px;
    text-align: center;
    position: absolute;
    left: -16px;
    top: 5px;
    opacity: 0;
}

.module{background:none;border:none;}

#gamma{background: var(--dark-000);}

@media (min-width: 1000px) { 
#gamma-inner { border-top: 2px solid var(--neon-000);background: var(--dark-000);display: grid;
    grid-template-columns: 1fr 1fr 1fr}
#gamma-inner .module { break-inside: avoid; margin: 2em; padding: 20px;display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: 1rem;
    height: 250px;}

#gamma-inner .module-content { overflow-y: auto;overflow-x: hidden; height: calc(250px - 40px); max-height: calc(250px - 40px); top: -20px; position: relative; }

.module-customtext2 { grid-column: span 3; grid-row: span 1; height: 250px; margin-top: 50px; }
.module-customtext2.module .module-content { top: 0!important; height: auto!important; }

}

#gamma-inner .module-header { margin: 0; padding: 0; height: 60px; top: -20px; position: relative; background: none; border: none; display: flex; align-items: center; justify-content: center; }
.module-header h3, .module-header a, .module-header a:visited { margin: 0; padding: 0; font-family: var(--accentfont); font-size: 21px; color: var(--neon-100); letter-spacing: 5px; text-transform: uppercase; text-shadow: 2px 2px var(--black-100); }

    /* MODULES | NAV LINKS */

.module-viewlinks ul {padding:0;}

    /* MODULES | PAGE SUMMARY */

.module-pagesummary ul {padding:0;}

    /* MODULES | CALENDAR */


.module-calendar .module-content { display: flex; width: 100%; overflow: hidden!important; flex-direction: column; top: -25px!important; position: relative; }

.module-calendar a{text-transform:uppercase;}

.module-calendar table { border: none; border-collapse: collapse; font-size: 10px; margin-right: auto; margin-left: auto; margin-top: 0; width: 100%; height: 200px; }

.module-calendar td { border: solid 4px var(--dark-100); background: var(--dark-200); font-size: 10px; color: var(--white-100); }
.module-calendar th { color: var(--white-100); font-weight: 800; font-size: 7px; }
.module-calendar td a { text-transform: uppercase; background: var(--neon-000); height: 10px; width: 10px; display: inline-block; color: transparent; box-shadow: 1px 1px 0 var(--neon-300), -1px -1px 0 var(--neon-300); }
.module-calendar td a:hover {
    background: var(--white-100);box-shadow: 1px 1px 0 var(--neon-000);
}

.module-calendar .all-link { top: -13px; position: relative; font-size: 10px; }

    /* MODULES | TAG LIST */

.module-categories .all-link {text-transform: uppercase; text-align: center;}

#tag-hierarchy ul { padding: 0; margin: 0; list-style: none; font-family: var(--headlinefont2); text-transform: uppercase; letter-spacing: 2px; color: var(--white-100); }
.tagItem { padding: 2px 0; }

#tag-hierarchy .tagItem .tagList { padding-left: 0; margin: 0 0 15px 10px; font-size: 15px; text-transform: uppercase; letter-spacing: 0; }

#tag-hierarchy .tagItem .tagList li { margin-left: 20px; font-family: var(--basefont); font-size: 11px; letter-spacing: 1px; }

	/* MODULES | LINK LIST */

.module-list ul { padding-left:0; list-style:none; margin: 0; padding: 0; }
.module-list li { display: list-item; list-style-type: none; text-align: center; }

.module-list li a { font-size: 12px; text-transform: uppercase; padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid var(--dark-200); letter-spacing: 2px; font-style: normal; text-decoration: none; color: var(--neon-000); font-family: var(--headlinefont2); display: block; }
.module-list li a:hover { text-shadow: 1px 1px 0 var(--neon-300); color: var(--neon-200); }

/* MODULE | LAYOUT CREDIT */

.module-layoutcredit { height: 0px; position: fixed; bottom: 55px; margin: 0px !important; right: -10px; }

.module-layoutcredit .module-content { display: flex; justify-content: center; align-items: center; padding: 25px; height: auto!important; }

.module-layoutcredit a { font-family: var(--headlinefont2); text-transform: uppercase; letter-spacing: 2px; font-size: 8px;}


.module-layoutcredit .module-header {display:none!important;}
.module-layoutcredit a { width: 10px; overflow: hidden; }
/*.module-layoutcredit a:hover:after { content:'marlovian'; display:inline-block;width: 60px; transform: rotate(-90deg); transform-origin: center left;
  transform-style: preserve-3D;} */




/* MODULES | NOT DISPLAYED */

.module-syndicate, .module-powered, .module-ads, .module-about .module-header{display:none;}


/* CONTENT FOOTER */

#content-footer{clear:both;height:10px;}
    
    
/*--- TINYICONS ---*/

/* USER */
img[src*="img/userinfo.gif"]{
          background:transparent url(URL)no-repeat!important;
          width:0!important;
          height:0!important;
          padding:16px 0 0 18px!important;
          margin-bottom:3px;
          }

/* COMM */
img[src*="img/community.gif"]{
          background:transparent url(URL)no-repeat!important;
          width:0!important;
          height:0!important;
          padding:16px 0 0 18px!i mportant;
          margin-bottom:3px;
          }

/* F-LOCKED */
img[src*="img/icon_protected.gif"]{
          background:transparent url(URL)no-repeat!important;
          width:0!important;
          height:0!important;
          padding:16px 0 0 18px!important;
          margin-bottom:3px;
          }

/* PRIVATE */
img[src*="img/icon_private.gif"]{
          background:transparent url(URL)no-repeat!important;
          width:0!important;
          height:0!important;
          padding:16px 0 0 18px!important;
          margin-bottom:3px;
          }

/* GROUP-LOCKED */
img[src*="img/icon_groups.gif"]{
          background:transparent url(URL)no-repeat!important;
          width:0!important;
          height:0!important;
          padding:16px 0 0 18px!important;
          margin-bottom:3px;
          }


/* ------ ANIMATIONS ------ */

@keyframes sweep {
  0% {
    opacity: 0;
    margin-left: 10px;
  }
  100% {
    opacity: 1;
    margin-left: 18px;
  }
}

@-webkit-keyframes flicker
{
0% {opacity:1;}
9% {opacity:0.3;}
10% {opacity:.5;}
13% {opacity:0.3;}
20% {opacity:.5;}
25% {opacity:1;}
}


@-webkit-keyframes blink
{
0% {opacity:1;}
9% {opacity:1;}
10% {opacity:.3;}
13% {opacity:1;}
20% {opacity:.3;}
25% {opacity:1;}
}

@keyframes NeonSign {
	0%   { text-shadow: var(--neon-100) 0px 0px 2px, var(--neon-100) 0px 0px 5px, var(--neon-200) 0px 0px 50px, var(--neon-200) 0px 0px 30px, var(--neon-000) 0px 0px 50px, var(--neon-000) 0px 0px 10px, var(--neon-200) 0px 0px 15px, var(--neon-000) 0px 0px 15px, var(--neon-000) 0px 0px 10px, var(--neon-100) 0px 0px 15px, var(--neon-100) 0px 0px 3px; }
	100%   { text-shadow: var(--neon-100) 0px 0px 2px, var(--neon-100) 0px 0px 5px, var(--neon-200) 0px 0px 70px, var(--neon-200) 0px 0px 50px, var(--neon-000) 0px 0px 60px, var(--neon-000) 0px 0px 10px, var(--neon-200) 0px 0px 25px, var(--neon-000) 0px 0px 15px, var(--neon-000) 0px 0px 10px, var(--neon-100) 0px 0px 15px, var(--neon-100) 0px 0px 3px; }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    top: 100px;
  }
  75% {
    opacity: 0.5;
    top: 0px;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes fade {40% {opacity: 0.8;} 42% {opacity: 0.1;} 43% {opacity: 0.8;} 45% {opacity: 0.1;} 46% {opacity: 0.8;}}
@-webkit-keyframes fade {40% {opacity: 0.8;} 42% {opacity: 0.1;} 43% {opacity: 0.8;} 45% {opacity: 0.1;} 46% {opacity: 0.8;}}
@-o-keyframes fade {40% {opacity: 0.8;} 42% {opacity: 0.1;} 43% {opacity: 0.8;} 45% {opacity: 0.1;} 46% {opacity: 0.8;}}
@keyframes fade {40% {opacity: 0.8;} 42% {opacity: 0.1;} 43% {opacity: 0.8;} 45% {opacity: 0.1;} 46% {opacity: 0.8;}}


@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}

/* ------ MEDIA QUERIES ------ */

@media (max-width: 1200px) { 
    
    /* GENERAL | RESPONSIVE */
    
    #alpha-inner {
    padding: 300px 0 0 0;
    position: relative;
}
    .layout-three-column-middle #alpha { margin: 0; }

    /* HEADER | RESPONSIVE */

#header-text { width: 100%; position: absolute; height: 25px;}
    #nav-above {width:100%;}
    
    /* SIDEBAR | RESPONSIVE */
    
.layout-three-column-middle #beta {
    height: 200px;
    width: 100%;
    margin-top: 85px;
    top: -58px;
    position: fixed;box-shadow:0 0 12px 0.2px var(--black-100);
}
    #beta-inner {    height: 100%;}
    .module-customtext .module-content {height:0}
.module-customtext header { padding: 20px 10px; }
    
.sb--buttons {display:none;}
ul.sb--nav { list-style-type: none; position: absolute; bottom: -35px; display: flex; width: 100%; margin: 0; padding: 0; align-items: center; justify-content: space-evenly; }

    .nav--buttons {box-shadow:0 0 0 1.5px #262626, 0 0 12px 0.2px var(--black-100)}

    .content-nav a:nth-of-type(2) {
    background: red;
    float: right;
        width:100%;
}

    
    /* FOOTER | RESPONSIVE */
#gamma-inner { border-top: 2px solid var(--neon-000);background: var(--dark-000);color: var(--dark-500);}

#gamma-inner .module { break-inside: avoid; margin: 2em; padding: 20px; position: relative;}

#gamma-inner .module-viewlinks .module-content, 
#gamma-inner .module-typelist .module-content, 
#gamma-inner .module-pagesummary .module-content, 
#gamma-inner .module-categories .module-content, 
#gamma-inner .module-calendar .module-content {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    grid-gap: 1rem;
    height: 250px;
    overflow-y: scroll;
}
    
    .module-calendar td {height:35px;}
    .module-calendar .module-content { width: 60%; justify-content: center; display: flex; align-items: center; text-align: center; margin: 0 auto;     top: 0;}
    .module-calendar .all-link {
        top: 0;}
    
    .module-categories .module-content { padding-left: 15%; }
}
    
/* ------ GADGETS | AESTHETIC GALLERY ------ */


.aesthegallery { -webkit-column-count: 3; -webkit-column-gap: 1%; -moz-column-count: 3; -moz-column-gap: 1%; column-count: 3; column-gap: 1%; margin: 0 auto; line-height: 0; width: 75%; -webkit-column-count: 3; -webkit-column-gap: 1%; -moz-column-count: 3; -moz-column-gap: 1%; column-count: 3; column-gap: 1%; }
.aesthegallery img { width: 100% !important; height: auto !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; opacity: 1; transition: all 0.4s; padding: 1% }

.aesthegallery img:hover {  opacity: 0.5;}

@media only screen and (max-width: 1200px) {
    
    .aesthegallery { -webkit-column-count: 1; -webkit-column-gap: 0; -moz-column-count: 1; -moz-column-gap: 0; column-count: 1; column-gap: 0; }
.aesthegallery img { height: 100px!important; object-fit: cover; }

}

@media only screen and (max-width: 800px) {
    


}



/* <lj-raw>
    <nav>
        <ul>
            <li><i class="qtip tip-left" data-tip=" timeline"><a href="#">&nbsp;</a></i></li>
            <li><i class="qtip tip-left" data-tip=" tags"><a href="/tag/">&nbsp;</a></i></li>
            <li><i class="qtip tip-left" data-tip=" soundtrack"><details><summary>.</summary><div><h1>Soundtrack.</h1>

</div></details></i></li></ul></nav>
    <header>
        <h1><a href="/">Mojave Maneater</a></h1>
        
        <h2>The Courier is One Sick Pussycat</h2>

        <hr></header>

    <article>THIS IS WHERE THE BLURB BIT GOES. LYRICS, HAIKU, IMPENETRABLE QUESTIONS, ET CETERA, AD NAUSEAM. IT REALLY LOOKS BEST WHEN IT'S JUST A FEW LINES LONG. Formatting: <a href="#">Link.</a> <b>Bold.</b> <i>Italic</i>.</article>

  <section>
    <ul class="icons">
        <li><a href="#"><i class="im im-home"></i></a></li>
        <li><a href="#"><i class="im im-mail"></i></a></li>
        <li><a href="#"><i class="im im-newspaper-o"></i></a></li>
        <li><a href="http://marlovian.insanejournal.com"><i class="im im-code"></i></a></li>
</ul>
  </section>
</div></lj-raw>
*/