/* All The Things */
*{margin:0;padding:0;}
*,*::before,*::after{box-sizing:border-box;}

/* General */
html{font-size:1rem;interpolate-size:allow-keywords;height:100%;}
body{
    background-color:rgb(6, 13, 26);
    background-image:url(../images/brickBack001.png);
    background-position:left top;
    background-repeat:repeat;
    background-blend-mode:normal;
    color:black;
    font-family:Georgia,serif;
    padding:0px;
    margin:0px;}
h1{color:white;line-height:1rem;padding:4px;text-shadow:var(--txtshad-01);}
.hr1{width:98%;margin:0 auto;border-top:2px solid darkslategrey;}
p{padding:0.4rem;}
.resPpad{padding:0px;}

/* Divs */
.mwrap, .mwrap2 {
    margin:0px auto;
    border:4px double rgb(0,69,169);
    background-color:var(--bgColor01);
    box-shadow:var(--bxshad-06-1);}
.mwrap{
    display:grid;
    grid-template-columns:200px 1fr;
    grid-template-rows:50px 1fr;
    grid-template-areas:
        "header header header"
        "sidebar main main";
    max-width:1200px;
    border-radius:4%;}
.mwrap2{
    max-width:1000px;
    border-radius:8px;}
.header{grid-area:header;align-content:center;}
.sidebar{grid-area:sidebar;align-content:center;}
.main{grid-area:main;}
.header,.sidebar,.main,.footer{margin:2px;padding:2px;}
.bwrap{
    --grid-max-col-count:2;
    --grid-min-col-size:180px;
    --grid-gap:0.5rem;

    /* calculations, Do Not Touch */
    --grid-col-size-calc:calc((100% - var(--grid-gap) * var(--grid-max-col-count)) / var(--grid-max-col-count));

    margin:10px auto;
    max-width:900px;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(var(--grid-col-size-calc), 1fr));
    gap:var(--grid-gap);
    justify-content:center;
    border-radius:10px;}
.bdivs, .bdivs2{
    border:4px double rgb(0,69,169);
    padding:4px;
    border-radius:10px;}
.bdivs{
    display:grid;
    justify-content:center;
    align-content:end;
    background-color:var(--bgColor01);
    height:90px;}
.bdivs2{
    background-color:var(--bgColor02);
    max-width:900px;
    margin:0px auto;}
.footer{margin:10px auto;max-width:1200px;height:52px;}
.codeBy{
    width:300px;
    height:44px;
    margin:0 auto;
    text-align:center;
    font-family:'cowboy_hippie_pro';
    font-size:1.6rem;
    border-width:3px 0px;
    border-style:double;
    border-color:black;
    background-image:var(--radgrad-03);
    box-shadow:var(--bxshad-02);}
.lnkcards{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px, 1fr));
    gap:1rem;}
.lnkcard{height:130px;align-content:center;margin:0 auto;box-shadow:var(--bxshad-01);}
/* RUEvolved */
.qwrapper{display:flex;flex-wrap:wrap;gap:0rem;align-items:center;}
.qrad{width:28px;text-align:center;}
.qDiv01bt,.qDiv01bb{background-color:transparent;flex-basis:auto;width:90%;}
.qDiv01bt{border-top:1px dotted black;}
.qDiv01bb{border-bottom:1px dotted black;}
    /* Backgrounds */
    .qbg01{background-color:rgba(255,255,255,0.5);}
    .qbg02{background-color:rgba(255,235,205,0.5);}
    /* Borders */
    .lbord01{border-left:1px solid midnightblue;}
    .lbord02{border-left:1px solid maroon;}
    /* Paragraphs */
    .p2 > p{text-indent:unset;}
    .p3 > p{margin:0 6px;padding:4px 0;}
    /* Padding */
    .lpad01{padding-left:4px;}
.header2{
    align-content:center;
    margin:4px 2px 2px 2px;padding:2px;}
.imgGrid{
    --min-col-size:260px;
    display:grid;
    gap:0.25rem;
    grid-template-columns:
        repeat(auto-fit,minmax(min(var(--min-col-size),100%),1fr));}
.txtcolumn{width:100%;display:none;z-index:1;}
.txtcolumn > .content{background-color:rgba(255,255,255,0.8);}
.show{display:block;}
.content{
    display:grid;
    grid-template-rows:subgrid;
    grid-row:span 2;
    padding:4px;
    font-size:0.85rem;
    border-radius:6px;
    box-shadow:0 0 4px black,0 0 3px black,0 0 2px black,0 0 1px black;}
.content2{
    display:grid;
    grid-template-rows:subgrid;
    grid-row:span 3;
    padding:4px;
    font-size:0.85rem;
    border-radius:6px;
    box-shadow:0 0 4px black,0 0 3px black,0 0 2px black,0 0 1px black;}
#myTxtBtnContainer{margin:0 auto;width:90%;}

/* Margins */
.btnMrg1{margin:3px 0 0 0;}

/* Images */
.DjBpic-001{
    width:150px;
    height:150px;
    background-image:url(../images/DjB_pic-001.png);
    border-radius:20px;
    box-shadow:var(--bxshad-01);}

    /* Misc.Derbis Images */
    .MDImg{
        height:130px;
        width:250px;
        background-repeat:no-repeat;
        background-position:center;
        opacity:80%;}
    .MDImg:hover{box-shadow:var(--bxshad-08);opacity:100%;}
    .MDImg_Ep0001{background-image:url('../miscderbis/images/MD_Ep0001-thmb.png');}
    .MDImg_Ep0002{background-image:url('../miscderbis/images/MD_Ep0002-thmb.png');}
    .MDImg_Ep0003{background-image:url('../miscderbis/images/MD_Ep0003-thmb.png');}
    .MDImg_Ep0004{background-image:url('../miscderbis/images/MD_Ep0004-thmb.png');}
    .MDImg_Ep0005{background-image:url('../miscderbis/images/MD_Ep0005-thmb.png');}
    .MDImg_Ep0006{background-image:url('../miscderbis/images/MD_Ep0006-thmb.png');}
    .MDImg_Ep0007{background-image:url('../miscderbis/images/MD_Ep0007-thmb.png');}
    .MDImg_Ep0008{background-image:url('../miscderbis/images/MD_Ep0008-thmb.png');}
    .MDImg_Ep0010{background-image:url('../miscderbis/images/MD_Ep0010-thmb.png');}
    .MDImg_Ep0011{background-image:url('../miscderbis/images/MD_Ep0011-thmb.png');}
    .MDImg_Ep0012{background-image:url('../miscderbis/images/MD_Ep0012-thmb.png');}
    .MDImg_Ep0013{background-image:url('../miscderbis/images/MD_Ep0013-thmb.png');}
    .MDImg_PSA0001{background-image:url('../miscderbis/images/MD_PSA0001-thmb.png');}
    .MDImg_PSA0002{background-image:url('../miscderbis/images/MD_PSA0002-thmb.png');}
    .MDImg_PSA0003{background-image:url('../miscderbis/images/MD_PSA0003-thmb.png');}
    .MDImg_PSA0004{background-image:url('../miscderbis/images/MD_PSA0004-thmb.png');}
    .MDImg_PSA0007{background-image:url('../miscderbis/images/MD_PSA0007-thmb.png');}
    .MDImg_PSA0008{background-image:url('../miscderbis/images/MD_PSA0008-thmb.png');}

    /* DjBDD Images */
    .fT002{
        height:80px;
        width:80px;
        background-image:url(../djbdd/images/Mbr20230813_0006-1vsmall.png);
        background-position:center;
        background-repeat:no-repeat;
        float:left;
        margin:4px;}

    /* Quantum Cat Images */
    #boxwrap{position:relative;height:460px;width:300px;margin:0 auto;pointer-events:auto;}
    #catbox{position:relative;height:460px;width:300px;margin:0 auto;}
    #catbox:hover{cursor:help;}
    #results{height:50px;padding:4px;max-width:350px;margin:0 auto;}
    .boximgshadow{position:absolute;top:0px;left:0px;}
    .boximgdefault{position:absolute;top:148px;left:17px;}
    .boximgdoor{position:absolute;top:192px;left:38px;}
    .boximgtopledge{position:absolute;top:186px;left:25px;}
    .cimg{position:absolute;top:250px;left:60px;}

    /* RUEvolved Images */
    .evol-img01{
        height:153px;
        width:300px;
        background-image:url('../ruevol/images/ruevobtmding.png');
        background-position:center;
        background-repeat:no-repeat;}

    /* TECotGGB Images */
    .beanLogo{
        height:200px;
        width:181px;
        background-image:url('../tecotgb/images/bean-01mod_sm.png');
        background-repeat:no-repeat;}
    .beanMug01{
        height:75px;
        width:100px;
        margin-top:10px;
        background-image:url('../tecotgb/images/DjBBeanMug_002.gif');
        background-repeat:no-repeat;
        border-radius:50%;
        box-shadow:var(--bxshad-01),var(--bxshad-06);}

    /* Grafix Images */
    .gfxImgs{background-repeat:no-repeat;background-position:center;height:300px;margin:0 auto;}
    .misc-thmb001{background-image:url('../grafix/images/misc/DjB_misc_001.png');width:212px;}
    .misc-thmb003{background-image:url('../grafix/images/misc/DjB_misc_003.png');width:212px;}
    .misc-thmb006{background-image:url('../grafix/images/misc/DjB_misc_006.png');width:212px;}
    .misc-thmb008{background-image:url('../grafix/images/misc/DjB_misc_008.png');width:212px;}
    .misc-thmb009{background-image:url('../grafix/images/misc/DjB_misc_009.png');width:212px;}
    .misc-thmb010{background-image:url('../grafix/images/misc/DjB_misc_010.png');width:212px;}
    .blender-thmb001{background-image:url('../grafix/images/blender/DjB_blender_001.png');width:212px;}
    .blender-thmb002{background-image:url('../grafix/images/blender/DjB_blender_002.png');width:212px;}
    .blender-thmb003{background-image:url('../grafix/images/blender/DjB_blender_003.png');width:212px;}
    .blender-thmb004{background-image:url('../grafix/images/blender/DjB_blender_004.png');width:212px;}
    .blender-thmb005{background-image:url('../grafix/images/blender/DjB_blender_005.png');width:212px;}
    .blender-thmb006{background-image:url('../grafix/images/blender/DjB_blender_006.gif');width:212px;}
    .jwildfire-thmb002{background-image:url('../fractals/images/jwildfire/DjB_jwildfire_002t.png');width:182px;}
    .jwildfire-thmb004{background-image:url('../fractals/images/jwildfire/DjB_jwildfire_004t.png');width:212px;}
    .jwildfire-thmb005{background-image:url('../fractals/images/jwildfire/DjB_jwildfire_005t.png');width:212px;}
    .jwildfire-thmb007{background-image:url('../fractals/images/jwildfire/DjB_jwildfire_007t.png');width:212px;}
    .jwildfire-thmb008{background-image:url('../fractals/images/jwildfire/DjB_jwildfire_008t.png');width:212px;}
    .jwildfire-thmb009{background-image:url('../fractals/images/jwildfire/DjB_jwildfire_009t.png');width:212px;}
    .mandelbulb3d-thmb002{background-image:url('../fractals/images/mandelbulb3d/DjB_mandelbulb3d_002t.png');width:212px;}
    .mandelbulb3d-thmb003{background-image:url('../fractals/images/mandelbulb3d/DjB_mandelbulb3d_003t.png');width:212px;}
    .mandelbulb3d-thmb004{background-image:url('../fractals/images/mandelbulb3d/DjB_mandelbulb3d_004t.png');width:212px;}
    .mandelbulb3d-thmb006{background-image:url('../fractals/images/mandelbulb3d/DjB_mandelbulb3d_006t.png');width:212px;}
    .mandelbulb3d-thmb007{background-image:url('../fractals/images/mandelbulb3d/DjB_mandelbulb3d_007t.png');width:212px;}
    .mandelbulb3d-thmb008{background-image:url('../fractals/images/mandelbulb3d/DjB_mandelbulb3d_008t.png');width:212px;}
    .mandelbulber-thmb002{background-image:url('../fractals/images/mandelbulber/DjB_mandelbulber_002t.png');width:212px;}
    .mandelbulber-thmb003{background-image:url('../fractals/images/mandelbulber/DjB_mandelbulber_003t.png');width:212px;}
    .mandelbulber-thmb004{background-image:url('../fractals/images/mandelbulber/DjB_mandelbulber_004t.png');width:212px;}
    .mandelbulber-thmb006{background-image:url('../fractals/images/mandelbulber/DjB_mandelbulber_006t.png');width:182px;}
    .mandelbulber-thmb007{background-image:url('../fractals/images/mandelbulber/DjB_mandelbulber_007t.png');width:212px;}
    .mandelbulber-thmb009{background-image:url('../fractals/images/mandelbulber/DjB_mandelbulber_009t.png');width:212px;}
    .ultrafractal-thmb001{background-image:url('../fractals/images/ultrafractal/DjB_ultrafractal_001t.png');width:212px;}
    .ultrafractal-thmb002{background-image:url('../fractals/images/ultrafractal/DjB_ultrafractal_002t.png');width:212px;}
    .ultrafractal-thmb003{background-image:url('../fractals/images/ultrafractal/DjB_ultrafractal_003t.png');width:212px;}
    .ultrafractal-thmb004{background-image:url('../fractals/images/ultrafractal/DjB_ultrafractal_004t.png');width:212px;}
    .ultrafractal-thmb005{background-image:url('../fractals/images/ultrafractal/DjB_ultrafractal_005t.png');width:212px;}
    .ultrafractal-thmb006{background-image:url('../fractals/images/ultrafractal/DjB_ultrafractal_006t.png');width:212px;}
    .ultrafractal-thmb007{background-image:url('../fractals/images/ultrafractal/DjB_ultrafractal_007t.png');width:212px;}
    .ultrafractal-thmb008{background-image:url('../fractals/images/ultrafractal/DjB_ultrafractal_008t.png');width:212px;}
    .ultrafractal-thmb009{background-image:url('../fractals/images/ultrafractal/DjB_ultrafractal_009t.png');width:212px;}
    .ultrafractal-thmb010{background-image:url('../fractals/images/ultrafractal/DjB_ultrafractal_010t.png');width:212px;}
    .ultrafractal-thmb011{background-image:url('../fractals/images/ultrafractal/DjB_ultrafractal_011t.png');width:212px;}
    .ultrafractal-thmb012{background-image:url('../fractals/images/ultrafractal/DjB_ultrafractal_012t.png');width:212px;}
    
    /* Image Counters */
    .counter{counter-reset:blender-count;counter-reset:misc-count;counter-reset:mandelbulber-count;counter-reset:mandelbulb3d-count;counter-reset:jwildfire-count;counter-reset:ultrafractal-count;}
    .counter > .misc{counter-increment:misc-count;}
    .counter > .blender{counter-increment:blender-count;}
    .counter > .mandelbulber{counter-increment:mandelbulber-count;}
    .counter > .mandelbulb3d{counter-increment:mandelbulb3d-count;}
    .counter > .jwildfire{counter-increment:jwildfire-count;}
    .counter > .ultrafractal{counter-increment:ultrafractal-count;}
    .misc::after{content:"Misc Image "counter(misc-count,decimal-leading-zero);}
    .blender::after{content:"Blender Image "counter(blender-count,decimal-leading-zero);}
    .mandelbulber::after{content:"Mandelbulber Image "counter(mandelbulber-count,decimal-leading-zero);}
    .mandelbulb3d::after{content:"Mandelbulb3D Image "counter(mandelbulb3d-count,decimal-leading-zero);}
    .jwildfire::after{content:"JWildfire Image "counter(jwildfire-count,decimal-leading-zero);}
    .ultrafractal::after{content:"UltraFractal Image "counter(ultrafractal-count,decimal-leading-zero);}
    
/* Buttons */
button, input[type="submit"], input[type="reset"]{
    cursor:pointer;
    margin:0;
    border:none;}
.mainBtn{
    margin:0 0 0 0;
    background-color:rgb(28, 115, 238);
    color:#48ff48;
    text-shadow:0 0 1px white,0 0 2px #000000;
    border:2px ridge #808080;
    border-radius:4px;
    padding:2px 4px;
    cursor:pointer;
    width:120px;
    height:26px;}
	.mainBtn:hover{
        background-color:#ffffff;
        color:#000000;
        text-shadow:none;
        border:2px solid #808080;
        box-shadow:0px 0px 5px #000000;}
.artBtns{
    height:22px;
    width:19%;
    background-color:aquamarine;
    background-image:var(--radgrad-04-1);
    border-radius:8px;
    box-shadow:var(--bxshad-04);
    transition-duration:0.3s;}
    .artBtns:hover{
        background-color:var(--grey-01);
        background-image:var(--radgrad-04);
        color:white;
        box-shadow:var(--bxshad-04),var(--bxshad-06);}
.gal-btn.active{background-color:#666;background-image:none;box-shadow:none;color:white;}
    .gal-btn.active:hover{cursor:not-allowed;}
.myIcons{
    position:relative;
    height:36px;
    width:36px;
    margin:4px;
    border-radius:50%;
    box-shadow:var(--bxshad-08);
    opacity:0.7;}
    .myIcons:hover{box-shadow:var(--bxshad-08),var(--bxshad-01),var(--bxshad-06);opacity:1;}
    .myIcons::before{filter:blur(6px);}
.icoFwd{background:url('../images/navIcoSprite.png') 0px 0px,black;height:36px;width:36px;}
    .icoFwd:hover{background:url('../images/navIcoSprite.png') 0px -36px,white;}
.icoBack{background:url('../images/navIcoSprite.png') -36px 0px,black;height:36px;width:36px;}
    .icoBack:hover{background:url('../images/navIcoSprite.png') -36px -36px,white;}
.icoUp{background:url('../images/navIcoSprite.png') -72px 0px,black;height:36px;width:36px;}
    .icoUp:hover{background:url('../images/navIcoSprite.png') -72px -36px,white;}
.icoMail{background:url('../images/navIcoSprite.png') -108px 0px,black;height:36px;width:36px;}
    .icoMail:hover{background:url('../images/navIcoSprite.png') -108px -36px,white;}
.icoMyst{background:url('../images/navIcoSprite.png') -144px 0px,black;height:36px;width:36px;}
    .icoMyst:hover{background:url('../images/navIcoSprite.png') -144px -36px,white;}
.icoDA{background-image:url('../images/icon_da.png');height:36px;width:36px;}
.icoFB{background-image:url('../images/icon_fb.png');height:36px;width:36px;}
.icoTwit{background-image:url('../images/icon_twit.png');height:36px;width:36px;}

.artBtns{
    flex-grow:1;
    height:22px;
    margin:0 0 12px 0;
    background-color:aquamarine;
    background-image:var(--radgrad-04-1);
    border-radius:8px;
    box-shadow:var(--bxshad-04);
    transition-duration:0.3s;}
    .artBtns:hover{
        background-color:var(--grey-01);
        background-image:var(--radgrad-04);
        color:white;
        box-shadow:var(--bxshad-04),var(--bxshad-06);}
.gal-btn.active{background-color:#666;background-image:none;box-shadow:none;color:white;}
    .gal-btn.active:hover{cursor:not-allowed;}

/* Various Formatting */
.txtCntr{text-align:center;}
.italTxt{font-style:italic;}
.boldTxt{font-weight:bold;}
.overLine{text-decoration:overline;}
.underLine{text-decoration:underline;}
.underoverLine{text-decoration:underline overline;}
.lftTxt{text-align:left;}
.rtTxt{text-align:right;}
.indent10{text-indent:10px;}
.indent15{text-indent:15px;}
.indent20{text-indent:20px;}
.ffamCurs{font-family:cursive;}
.ffamFant{font-family:fantasy;}
.ffamMono{font-family:monospace;}
.fstylItal{font-style:italic;}
.redTxt01{color:var(--red-01);}
.bgColor01{background-color:rgba(120,144,176,.5);}
.pad2px{padding:2px;}

.genTxtLnk{text-decoration:none;color:#8b0000;}
	.genTxtLnk:hover{background-color:#8b0000;color: #ffffff;}

.leftRound{border-radius:6px 0 0 6px;}
.rightRound{border-radius:0 6px 6px 0;}
.borradTop10px{border-radius:10px 10px 0px 0px;}

.bordBtm1{border-bottom:1px solid #000000;}
.bordBtm2{border-bottom:2px solid #000000;}

.topvert{vertical-align:top;}

.wdth99pc{width:99%;margin:0 auto;}
.clearB10px{clear:both;height:10px;}