/*--- FAE FEASTS [MOD] - TESSISAMESS - 2017 ---*/
/*--- THIS IS A PAID LAYOUT SHOP PRODUCT ---*/
/*--- LIKE IT? DON'T STEAL IT--BUY IT! ---*/
/*--- SHOP: http://tessisamess.insanejournal.com/data/customview?styleid=18487 ---*/


/*--- GENERAL ---*/

body{background:#fff;margin:300px 0 0 0;padding:0;}
body,table,tr,td{text-align:justify;font-family:Open Sans,helvetica,arial,sans-serif;font-size:15px;color:#222;}

a{color:#051C3B;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;}
a:hover{color:#999;text-decoration:none;}

h1,h2,h3,h4{padding:0;margin:0;color:#051C3B;font-family:Dorsa;text-transform:uppercase;font-weight:normal;letter-spacing:2px;}
hr{border:none;height:1px;margin:0;padding:0;background:rgba(255,255,255,0.4);}
blockquote{font-style:italic;margin:15px 50px 0 50px;padding-left:10px;border-left:3px solid #051C3B;}
ul{list-style:square;margin:0;}
code{color:#000;}


/*--- FRONTPAGE ---*/

@keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}

#mask{visibility:visible;position:fixed;left:0;right:0;bottom:0;top:0;background:#000 url(https://i.imgur.com/i8bEN8W.jpg)center no-repeat;background-size:cover;text-align:center;z-index:200;}
#mask-inner{display:block;height:100vh;-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;}
#mask img{display:inline;}

#nav{display:block;position:relative;top:0;left:0;right:0;margin-left:-100px;font-family:julius sans one,helvetica,sans-serif;text-transform:uppercase;font-size:10px;color:#fff;letter-spacing:3px;animation:fadein 1s linear;-moz-animation:fadein 1s linear;-webkit-animation:fadein 1s linear;-o-animation:fadein 1s linear;animation-fill-mode:both;-moz-animation-fill-mode:both;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-delay:2s;-moz-animation-delay:2s;-webkit-animation-delay:2s;-o-animation-delay:2s;}
#nav a{color:#fff;display:inline-block;margin:0 8px;width:90px;padding:28px 0 5px 0;border-top:5px solid transparent;text-shadow:1px 1px 1px #000;}
#nav a:hover, #nav summary:hover{border-top:5px solid #051C3B;text-shadow:0 18px 3px #000;}
#nav a:first-of-type{margin-right:106px;}
#nav details:first-of-type{margin-left:-100px;}
#nav details{display:inline-block;position:absolute;top:0;width:90px;margin:0 8px;}
#nav summary{cursor:pointer;padding:28px 0 5px 0;border-top:5px solid transparent;text-shadow:1px 1px 1px #000;-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;}
#nav summary:focus{outline:none;}
#nav details a{display:block;width:100%;padding:12px 0;margin:0;border:none;}
#nav details a:hover{border:none;}

#cred{position:fixed;bottom:5px;right:5px;font-family:julius sans one,helvetica,sans-serif;font-size:26px;color:#fff;}

#title{display:block;position:relative;left:0;right:0;top:50%;transform:translateY(-62%);text-shadow:1px 1px 1px #000;animation:fadein 1s linear;-moz-animation:fadein 1s linear;-webkit-animation:fadein 1s linear;-o-animation:fadein 1s linear;animation-fill-mode:both;-moz-animation-fill-mode:both;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-delay:1s;-moz-animation-delay:1s;-webkit-animation-delay:1s;-o-animation-delay:1s;}
#title h1{font-size:38px;letter-spacing:3px;padding-left:3px;color:#fff;font-family:julius sans one,helvetica,sans-serif;}
#title h2{font-size:41px;letter-spacing:6px;padding-left:6px;color:#051C3B;}

.overlay::-webkit-scrollbar-track{background:transparent;}
.overlay::-webkit-scrollbar{width:8px;background:transparent;}
.overlay::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.9);border-radius:7px;}

.overlay{display:block;visibility:visible;position:fixed;z-index:300;overflow:auto;width:80%;margin:0 auto;max-width:1000px;min-width:700px;background:rgba(255,255,255,0.9);border-radius:10px;color:rgba(0,0,0,0.9);font-size:15px;left:10%;right:10%;top:-160vh;height:65vh;border:20px solid transparent;-webkit-transition:all 1.5s ease-in-out;-moz-transition:all 1.5s ease-in-out;-ms-transition:all 1.5s ease-in-out;-o-transition:all 1.5s ease-in-out;transition:all 1.5s ease-in-out;}
.overlay img{display:inline!important;}
.overlay h2{font-size:41px;letter-spacing:6px;padding-left:6px;color:#051C3B;}
.overlay:target{top:15vh;}
.overlay:target ~ #mask #mask-inner{opacity:0!important;}
.close{font-size:40px;top:5px;right:20px;position:absolute;color:#fff;}
.pad{display:block;padding:30px;line-height:160%;}
.overlay ol li{margin-bottom:15px;padding-left:10px;}
.overlay h4{font-size:13px;font-weight:bold;font-family:julius sans one,helvetica,sans-serif;}
.overlay blockquote{margin-bottom:20px;}

#cast .pad{display:flex;flex-wrap:wrap;justify-content:center;}
#cast h2, #cast h4{width:100%;}
#cast h4{font-size:16px;margin-top:10px;}
.char{display:flex;align-items:center;text-align:center;font-size:14px;width:265px;margin:10px;}
.char-info{display:block;width:150px;margin-left:15px;}
.char img{width:100px;height:100px;padding:4px;border:2px solid rgba(255,255,255,0.5);border-radius:200px;}

#gala details{margin-bottom:20px;}
#gala summary{cursor:pointer;color:#051C3B;padding-bottom:2px;margin-bottom:5px;border-bottom:1px solid rgba(255,255,255,0.4);font-weight:bold;font-family:julius sans one,helvetica,sans-serif;font-size:16px;}
#gala summary:focus{outline:none;}
#gala summary::-webkit-details-marker{display:none;}
#gala summary:after{content:'[+]';float:left;padding-right:10px;font-weight:normal;font-size:13px;}
#gala details[open] summary:after{content:'[–]';}


/*--- TOPBAR ---*/

#topbar{visibility:visible;position:absolute;left:0;top:0;right:0;height:300px;background:#000 url(https://i.imgur.com/i8bEN8W.jpg)center top no-repeat;background-size:cover;text-align:center;z-index:200;}
#topbar img{display:inline;}

#topbar #title h1{font-size:33px;}
#topbar #title h2{font-size:37px;}


/*--- ENTRIES ---*/

table{width:700px;margin:0 auto;}
.entrybox{visibility:visible;min-height:150px;padding:40px 0;position:relative;border-bottom:1px solid rgba(0,0,0,0.4);}
.entrybox table{line-height:150%;}
.entrybox img{max-width:100%;}


/*--- ENTRY SUBJECT ---*/

td.caption{padding:5px 0;text-align:left;color:#051C3B;font-size:35px;font-family:Dorsa;text-transform:uppercase;letter-spacing:2px;}


/*--- DATE & TIME ---*/

.date{position:absolute;right:-115px;top:163px;width:85px;height:85px;padding:10px 0 0 5px;border-top:1px solid rgba(0,0,0,0.2);text-align:left;color:#666;font-size:13px;}
.date2{top:43px;border-left:3px solid #051C3B;height:70px;}
.entrybox td.index{color:transparent;font-size:0;font-family:julius sans one,helvetica,sans-serif;}


/*--- COMMENT FOOTER ---*/

.comments{text-align:left;font-size:9px;text-transform:uppercase;position:absolute;right:-115px;top:193px;width:85px;padding-left:5px;border-top:1px solid rgba(0,0,0,0.2);}
.comments2{top:72px;}
.comments a{display:block;padding-top:2px;}
.comments a:hover{color:#000;}


/*--- USERPICS ---*/

.entrybox table table table td{position:absolute;top:35px;right:-115px;width:95px;height:205px;text-align:center;padding:0;border-left:3px solid #051C3B;}
.entrybox a.index img{width:85px;height:85px;margin-bottom:5px;border:5px solid #051C3B;border-left:2px solid #051C3B;}
.entrybox a.index font{color:#222!important;font-size:9px;}


/*--- CALENDAR ---*/

.meta, table table .index{color:#222;font-size:15px;text-transform:uppercase;line-height:12px;text-align:center;}
.meta, table table .index a{font-size:15px;}
table table table{float:none;}


/*--- PAGE NAVIGATION ---*/

p:last-of-type table{z-index:1000;display:block;position:fixed;bottom:15px;left:15px;width:42px;overflow:hidden;}
p:last-of-type table .meta, p:last-of-type table .index{color:transparent;font-size:0;}
p:last-of-type table .meta a{opacity:0.9;color:transparent;font-size:0;display:inline-block;margin-left:12px;width:32px;height:32px;background:url(http://i.imgur.com/ULZ7v1o.png)center no-repeat;background-size:32px;}
p:last-of-type table .meta a + a{background:url(http://i.imgur.com/js1ySrL.png)center no-repeat;background-size:32px;}
p:last-of-type table .meta a:hover{opacity:1;}


/*--- TINYICONS ---*/

img[src*="img/userinfo.gif"], img[src*="img/community.gif"], img[src*="img/icon_protected.gif"], img[src*="img/icon_private.gif"], img[src*="img/icon_groups.gif"]{background:transparent url(https://i.imgur.com/hLxZdxp.png)no-repeat!important;width:0!important;height:0!important;padding:16px 0 0 18px!important;margin-bottom:3px;background-size:16px auto!important;}


/*--- DISABLED & HIDDEN ELEMENTS - DO NOT EDIT ---*/

/* ORIGINAL TOP HEADER */ .shadowed{visibility:hidden;position:absolute;top:0;left:0;right:0;height:0;background:transparent;}
/* TOP HEADER CONTENTS */ .shadowed img, tr.caption, .index3, table table table table .meta {display:none;}
/* ALL ORIGINAL TABLE STYLING */ table,tr,td{border:none;background:transparent;padding:0;}
/* INNER-ENTRY */ table table{width:100%;margin:0;}
/* HIDES USERPIC INFO BRACKETS */ .entrybox table table table td[align=center]{color:transparent;text-align:center;font-size:0;}