/*-- WIKIA BIO - TESSISAMESS - 2017 --*/
/*-- Find more fun stuff at:tessisamess.insanejournal.com --*/

/* GENERAL */

::selection{background:#ddd;}
::-moz-selection{background:#ddd;}

body{margin:0;
    padding:0;
    background: #593737;
    background: linear-gradient(0deg,rgba(89, 55, 55, 1) 0%, rgba(168, 128, 124, 1) 100%);
    background-repeat: no-repeat;
    background-size: cover;
    font-family: 'Courier New', monospace;
    font-size:14px;
    color:#111;}

a{font-weight:bold;color:#000;text-decoration:none;}
a:hover{opacity:0.5;}

h1,h2,h3{color:#000;}
ul{list-style:square;}

details summary{cursor:pointer;}
details summary:focus{outline:none;}


/* WHOLE CONTAINER */

#container{width:70%;max-width:1000px;min-width:600px;margin:50px auto 0 auto;padding:35px 35px 25px 35px;background:#ecddce;border: 10px solid #2e2724;
    box-shadow:
        inset 0 0 0 4px #b46e5b;;line-height:160%;position:relative;}
#container h1{border-bottom:1px solid rgba(0,0,0,0.1);padding:0 0 10px 0;margin:0 0 20px 0;font-size:34px;}
#container h3{border-bottom:1px solid rgba(0,0,0,0.1);padding:0 0 2px 0;margin:0 0 10px 0;font-size:20px;}


/* OOC INFO POPUP */

#info{position:absolute;top:20px;right:20px;display:flex;align-items:flex-start;}
#info:hover #info-inner{display:block;}
#info img{width:32px;height:32px;}
#info-inner{display:none;width:120px;padding:10px;font-size:11px;background:#fff;border:1px solid rgba(0,0,0,0.1);line-height:140%;margin-right:10px;margin-top:-30px;border-radius:4px;box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);}
#info-inner h3{padding:0;margin:0 0 2px 0;font-size:13px;}


/* SIDEBAR */

#sidebar{float:right;width:320px;background:#eee;margin-left:20px;border: 3px solid #b46e5b;}
#sidebar img{width:100%;}
#side-title{background:#b46e5b;text-align:center;color:#fff;font-weight:bold;font-size:20px;padding:3px 0;}
.side-sub{background:#b46e5b;text-align:center;color:#fff;font-weight:bold;}
.side-inner{padding:10px;border:1px solid rgba(0,0,0,0.1);display:flex;flex-wrap:wrap;}
.left{display:block;width:45%;}
.right{width:55%;}
.extended .right{margin-bottom:10px;}
.extended .right:last-of-type{margin-bottom:0;}

hr {border: 2px solid #b46e5b;}

/* MAIN CONTENT */

#quote{margin:0 6%;}
.section-head{border-bottom:1px solid rgba(0,0,0,0.1);padding:0 0 2px 0;margin:0 0 10px 0;font-size:20px;font-weight:bold;}


/* CONTENT GALLERY */

#gallery{display:flex;flex-direction: row;gap: 10px;}
.gal-itm{width:20%;margin-bottom:5px;padding:2%;border:1px solid rgba(0,0,0,0.1);display:inline-block;height:fit-content;}
#gallery img{width:100%;}


/* CREDIT - LEAVE THIS */

#cred{display:block;margin:10px auto 50px auto;font-size:12px;letter-spacing:2px;text-align:center;color:#b46e5b;}