html * { max-height: 1000000px; }

html 
{
   padding:0px;
   margin:0px;
   height:100%;
   overflow: -moz-scrollbars-vertical; 
   overflow-y: scroll;

   /* Prevents iOS Safari from automatically scaling text size */
    -webkit-text-size-adjust: 100%;
    
    /* Modern standard equivalent for other mobile browsers */
    text-size-adjust: 100%;

	/* disable double tap to zoom */
    touch-action: manipulation;
}

body
{
   padding:0px;
   margin:0px;
   height:100%;
   background-color:#000000;
   touch-action: manipulation;
}

a:link   {	color:#EC4863;}
a:visited{	color:#EC4863;}
a:hover  {	color:#FFFFFF;}

.logoBox
{
   max-width:509px;
   margin:auto;
   margin-top:17px;
   position:relative;
}

.logoPic
{
   width:317px;
   height:43px;
   background-image:url("/style/logo2.png");
}

.logoLink
{
   width:317px;
   height:40px;
}

@media (max-width:510px) 
{
   .logoLink
   {
      height:20px;
   }
}

.content
{
   width:100%;
   min-width: 509px;

   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
           box-sizing: border-box;

   background-color:#FFFFFF;

   display: block;
   overflow:hidden;

   margin:auto;
}

.navBar
{
   width: 509px;

   margin:auto;
   margin-bottom:10px;
}

.navLinkBox
{
   display: inline-block;
}

a.navLink:link 
{
   font-size:18px;
	font-family: Arial;
	font-weight: bold;
	color: #EC4863;
	text-decoration:none;

	margin-right:10px;
   border:0px;
}
a.navLink:active {	color: #EC4863;}
a.navLink:visited{	color: #EC4863;}
a.navLink:hover  {	color: #FFFFFF;}


a.adminNavLink:link 
{
   font-size:18px;
	font-family: Arial;
	font-weight: bold;
	color: darkseagreen;
	text-decoration:none;

	margin-right:7px;
   border:0px;
}
a.adminNavLink:active {	color: darkseagreen;}
a.adminNavLink:visited{	color: darkseagreen;}
a.adminNavLink:hover  {	color: #FFFFFF;}






.mainImage
{
   width:100%;
   height:auto;
   display:block;
}

.imgAnchor 
{
	position:relative;
	display:inline-block;
}

.imgLink 
{
	border:0px;
	padding:0px;

	vertical-align:middle;
	font-size:1em;
}

.imgLink:active
{
    opacity: 0.5;
}

/* Desktop-only hover effect */
@media (hover: hover) and (pointer: fine)
{
    .imgLink:hover
	{
        opacity: 0.5;
    }
}

.patreonOverlayBox
{
   display:inline-block; 
   position:relative;
}

.patreonOverlayMark
{
   position:absolute; 
   right:5px; 
   bottom:5px; 
   z-index:3;
   width:15px;
   height:15px;
   vertical-align:bottom;
}

.pollOverlayMark
{
   position:absolute; 
   left:5px; 
   bottom:5px; 
   z-index:3;
   width:15px;
   height:15px;
   vertical-align:bottom;
}

.speakerOverlayMark
{
   position:absolute; 
   right:5px; 
   top:5px; 
   z-index:3;
   width:15px;
   height:15px;
   vertical-align:bottom;
}

.twitBox
{
   float:right;
   margin-top:3px;
   margin-right:0px;
   margin-left: 5px;
   font-size:-1px;
   display:inline-block;
}
.rssButton
{
	display:block;
   background-size:15px 30px;
	width: 15px;
	height:15px;
	background-image:url('/style/button-rss.png');
	text-decoration: none;
	float:left;
}
.rssButton :hover 
{
   background-position: 0 -15px;
}

.patreonButton
{
	display:block;
   background-size:15px 30px;
	width: 15px;
	height:15px;
	background-image:url('/style/button-patreon.png');
	text-decoration: none;
	float:left;
   margin-right:10px;
}
.patreonButton :hover 
{
   background-position: 0 -15px;
}


.profileButton
{
	display:block;
   background-size:15px 30px;
	width: 15px;
	height:15px;
	background-image:url('/style/button-profile.png');
	text-decoration: none;
	float:left;
   margin-right:1px;
}
.profileButton :hover 
{
   background-position: 0 -15px;
}


.firstButton
{
	width: 70px;
	height:92px;
	background-image:url('/style/nav2-first.png');
	text-decoration: none;
	display:inline-block;
}
.firstButton :hover {   background-position: 0 -92px;}

.firstButtonGray
{
	width: 70px;
	height:92px;
	background-image:url('/style/nav2-first-gray.png');
	text-decoration: none;
	display:inline-block;
}

.prevButton
{
	width: 70px;
	height:92px;
	background-image:url('/style/nav2-prev.png');
	text-decoration: none;
	display:inline-block;
}
.prevButton :hover {   background-position: 0 -92px;}

.prevButtonGray
{
	width: 70px;
	height:92px;
	background-image:url('/style/nav2-prev-gray.png');
	text-decoration: none;
   display:inline-block;
}

.stopButton
{
	width: 70px;
	height:92px;
	background-image:url('/style/nav2-stop.png');
	text-decoration: none;
	display:inline-block;
}
.stopButton :hover {   background-position: 0 -92px;}

.stopButtonGray
{
	width: 70px;
	height:92px;
	background-image:url('/style/nav2-stop-gray.png');
	text-decoration: none;
	display:inline-block;
}

.nextButton
{
	width: 70px;
	height:92px;
	background-image:url('/style/nav2-next.png');
	text-decoration: none;
	display:inline-block;
}
.nextButton :hover {   background-position: 0 -92px;}

.nextButtonGray
{
	width: 70px;
	height:92px;
	background-image:url('/style/nav2-next-gray.png');
	text-decoration: none;
	display:inline-block;
}

.lastButton
{
	width: 70px;
	height:92px;
	background-image:url('/style/nav2-latest.png');
	text-decoration: none;
	display:inline-block;
}
.lastButton :hover {   background-position: 0 -92px;}

.lastButtonGray
{
	width: 70px;
	height:92px;
	background-image:url('/style/nav2-latest-gray.png');
	text-decoration: none;
	display:inline-block;
}

.catBar
{
	font-size:18px;
	font-family: Arial;
	font-weight: bold;
	color: #EC4863;
	text-decoration:none;

   width:509px;
   margin:auto;
   margin-top:20px;  
   margin-bottom:2px;
}


.catBarBig
{
   font-size:36px;
	font-family: Arial;
	font-weight: normal;
	color: #EC4863;
	text-decoration:none;

   width:509px;
   margin:auto;
   margin-top:20px;  
   margin-bottom:2px;
}



.thumbBox
{
   width:509px; 
   margin:auto;
   display:flex;
   flex-wrap:wrap;
   justify-content:flex-start;
   column-gap:1px;
   row-gap:1px;
}


.commentHead
{
   background-color:#13080F;
   color:#EC4863;
   margin:auto;
   max-width:505px;
   padding:2px;
   min-height:18px;
   overflow-y:hidden;
   position:relative;
}

a.commentAuthor
{
   color:#EC4863;
   font-family:Arial;
   font-size:16px;
   font-weight:bold;
   text-decoration: none;
   margin-left:0.1em;
}
a.commentAuthor:hover {   color:#FFFFFF;}
a.commentAuthor:visted{   color:#EC4863;}
a.commentAuthor:active{   color:#FFFFFF;}


a.anonCommentAuthor
{
   color:#5c2849;
   font-family:Arial;
   font-size:16px;
   font-weight:bold;
   text-decoration: none;
   margin-left:0.1em;
}
a.anonCommentAuthor:hover {   color:#FFFFFF;}
a.anonCommentAuthor:visted{   color:#5c2849;}
a.anonCommentAuthor:active{   color:#FFFFFF;}


.commentDate
{
   color:#5C2849;
   font-family:arial;
   font-size:10px;
}

.commentBody
{
   background-color:#0D060A;   
   color:#FFFFFF;

   margin:auto;
   margin-bottom:10px;

   max-width:509px;
   overflow:auto;
}

.descriptionBox
{
   color:#FFFFFF;

   margin:auto;
   margin-bottom:20px;
   margin-top:10px;  

   max-width:509px;
}

.textBox
{
   color:#FFFFFF;
   margin:auto;
   margin-bottom:10px;
   margin-top:5px;  
   max-width:509px;
}

.adminCommentHead
{
   background-color:#331628;
   color:#EC4863;
   margin:auto;
   max-width:505px;
   padding:2px;
   min-height:18px;
   overflow-y:hidden;   
   position:relative;
}

a.adminCommentAuthor
{
   color:#FF733F;
   font-family:Arial;
   font-size:16px;
   font-weight:bold;
   text-decoration: none;
   margin-left:0.1em;
}
a.adminCommentAuthor:hover {   color:#FFFFFF;}
a.adminCommentAuthor:visted{   color:#FF733F;}
a.adminCommentAuthor:active{   color:#FFFFFF;}

.adminCommentDate
{
   color:#5C2849;
   font-family:arial;
   font-size:10px;
}

.adminCommentBody
{
   background-color:#210E1A;   
   color:#FFFFFF;

   margin:auto;
   margin-bottom:10px;

   max-width:509px;
   overflow:auto;
}
p.adminCommentBody
{
   margin:0.1em;
}

.commentPadBox
{
   margin:5px;
}  

a.star
{
   color:#EC4863;
   font-family:Arial;
   font-size:100%;
   text-decoration: none;
   float:right;
   vertical-align:top;
   margin-right:0.2em;
   line-height:100%;
}
a.star:hover  {   color:#FFFFFF;}  
a.star:visited{   color:#EC4863;}  
a.star:active {   color:#FFFFFF;}  


.commentFormBox
{
   width:509px;
   margin:auto;
      font-size:18px;
	font-family: Arial;
	font-weight: bold;
	color: #EC4863;
	text-decoration:none;
	padding-bottom:20px;
}


a.tag:link
{
	font-size:14px;
	font-family: arial;
	font-weight: bold;
	background-color:#13080F;
	color: #EC4863;
	text-decoration:none;
	padding:2px;
	margin-left:0px;
	margin-right:1px;
	margin-top:0px;
	margin-bottom:1px;
	display:inline-block;
   vertical-align:top;
}
a.tag:visited {}
a.tag:hover
{
   color:#000000;
   background-color:#FFFFFF;
}
a.tag:active
{
   color:#000000;
   background-color:#FFFFFF;
}

a.currTag:link
{
	font-size:14px;
	font-family: arial;
	font-weight: bold;
	background-color:#EC4863;
	color: #000000;
	text-decoration:none;
	padding:2px;
	margin-left:0px;
	margin-right:1px;
	margin-top:0px;
	margin-bottom:1px;
	display:inline-block;
}
a.currTag:visited { color: #000000;}
a.currTag:hover
{ 
   color: #000000;
   background-color:#FFFFFF;
}
a.currTag:active{ color: #000000;}

div.centerbox-outer
{
    margin: 0 auto;
    float: left;
    left: 50%;
    position: relative;
}

div.centerbox-inner
{
    text-align: justify;
    float: left;
    position: relative;
    right: 50%;
}

.clear 
{
    clear: both;
}



/* Movies */

.movieBox
{
   margin:auto;
   max-width:100%;
   vertical-align:top; 
   margin-bottom:8px;
}

.ytBox
{
   background-color:#FF00FF;
   position: relative;
	padding-bottom: 57%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.ytBox iframe,  
.ytBox object,  
.ytBox embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.requestNote
{
   position: absolute;
   float: right;
   top: 5px;
   right: 0px;
   margin: 0px;
   padding: 0px;

   font-size:18px;
	font-family: Arial;
	font-weight: bold;
	color: #EC4863;
	text-decoration:none;
}

#countdownBox
{
   font-size:18px; 
   font-family: Arial;
   font-weight: bold;
   color: #EC4863; 
   margin-top:-20px;
   position: absolute;
   right:0px;
   top: 5px;
   height:21px;
}

#loginBox
{
   right:0px;
   position:absolute;
   margin-top:-30px;
   height:21px;
}

.branchButton
{
   background-color: #522341;
   color: #EC4863;
   padding: 10px;
   margin-right:1px;
   user-select: none;

   font-size: 14px;
   font-family: arial;
   font-weight: bold;

}

.bbClicked
{
   background-color: #EC4863;
   color: #000000;
}

.bbActive
{
   background-color: #FFF;
   color: #000000;
}

#buttonBox
{
   display: flex;
   margin-top:1px;
   width: 100%;
   background-color: #210E1A;
}

.upsellOuter
{
   background-color:#021a2c;
   padding:40px;
}

.upsellInner
{
   background-color:#052d49;
   font-color: #f96854;
   font-family: arial;

}







.month
{
   max-width: 560px;
   margin: 20px auto;
}

.week
{
   display: flex; 
   min-height: 72px;
}

.day 
{
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0;

   color: #FFFFFF;
   padding: 5px;
   background-color: transparentize(white, 0.30);
   box-shadow: 
      -1px -1px #ec4863, 
      inset -1px -1px 0 0 #ec4863;
}

.dayPast
{
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0;

   color: #ec4863;
   color: #5c2849;
   padding: 5px;
   background-color: transparentize(white, 0.30);
   box-shadow: 
      -1px -1px #ec4863, 
      inset -1px -1px 0 0 #ec4863;
}

.dayNumber
{
   position:absolute;
   filter: drop-shadow(0px 0px 1px black);
}



.formLabel
{
   margin-bottom:10px;
   width:120px; 
   max-width:120px; 
   display:inline-block;
   font-size:24px;
   font-family:monospace;
}
.formInput
{
   width:388px;
   font-size:24px;
   font-family:monospace;
}
.formButton
{
   width:388px;
   font-size:24px;
   font-family:monospace;
   height:50px;
   text-align:center;
}


.profileLabel
{
   margin-bottom:10px;
   width:160px; 
   display:inline-block;
   font-size:22px;
   font-family:monospace;
}

.profileField
{
   margin-bottom:10px;
   display:inline-block;
   font-size:22px;
   font-family:monospace;
}
.profileDisabledField
{
   margin-bottom:10px;
   display:inline-block;
   font-size:22px;
   font-family:monospace;
   color:grey;
}
.profileInput
{
   width:389px;
   font-size:22px;
   font-family:monospace;
}
.profileCheckbox
{
   height:24px;
   width:24px;
   vertical-align: middle;
   position:relative;
   top: -2px;
}



.moderationBox
{
   display:inline;
   position:absolute;
   right:50px; top:-1px;
}
.hidden
{
   display:none;
}




.comicBox
{
   /*background-color:green;*/
   width:509px;
   margin-left: auto;
   margin-right:auto;
   margin-bottom:20px;
   display:flex;
}

.comicContentBox
{
   /*background-color:red;*/
   color: #FFFFFF;   
   width:340px;
   padding-left:1px;
   display:flex;
   flex-direction:column;
}

.comicTitleBox
{
   /*background-color:lightblue;*/

   border-bottom:2px solid #331628;
   padding-left:3px;

}

.comicDescriptionBox
{
   /*background-color:blue;*/
   flex-grow:1;
   align-items:center;
   display:flex;
   padding-left:10px;
}

.comicThumbBox
{
   /*background-color:purple;*/
   display:flex;
   flex-wrap:wrap;
   column-gap:1px;
   row-gap:1px;
   height:169px;
   align-content:flex-end;
}


#engageBoxHorizontal
{
   display:flex;
   flex-wrap:wrap;
   column-gap:1px;
   row-gap:1px;

   width:509px; 
   height:84px;
   margin:auto;
   margin-bottom:20px;
}

#engageBoxVertical
{
   display:flex;
   flex-wrap:wrap;

   width:0px; 
   height:510px;
   position:absolute;
   top:0px; 
   right:-85px;
}


a.chip:link
{
	font-size:18px;
	font-family: arial;
	font-weight: bold;
	background-color:#5c2849;
	color: #000000;
	text-decoration:none;
	margin-left:0px;
	margin-right:5px;
	margin-top:0px;
	margin-bottom:10px;
	display:inline-block;

   padding-left:20px;
   padding-right:20px;
   padding-top:5px;
   padding-bottom:5px;
   border-radius:100px;
}
a.chip:visited { color: #000000;}
a.chip:hover
{ 
   color: #000000;
   background-color:#FFFFFF;
}
a.chip:active{ color: #000000; }


a.currChip:link
{
	font-size:18px;
	font-family: arial;
	font-weight: bold;
	background-color:#5c2849;
	color: #EC4863;
	text-decoration:none;
	margin-left:0px;
	margin-right:5px;
	margin-top:0px;
	margin-bottom:10px;
	display:inline-block;

   padding-left:20px;
   padding-right:20px;
   padding-top:5px;
   padding-bottom:5px;
   border-radius:100px;
}
a.currChip:visited { color: #EC4863;}
a.currChip:hover
{ 
   color: #000000;
   background-color:#FFFFFF;
}
a.currChip:active{ color: #EC4863; }




#becomePatronBox
{
	margin:auto;
	margin-bottom:20px;
	max-width:509px;
}

#postBlocker
{
	position:absolute; 
	background-color:#331628; 
	width:429px; 
	height:105px; 
	line-height:105px; 
	visibility:hidden;
}

#postName
{
	margin-bottom:1px;
	width:421px;
}

#postBody
{
	width:421px;
	height:72px;
	margin:0px;
}


.voteBoxEmpty
{
	width:80px;
	height:80px; 	
	margin-right:1px; 
	margin-bottom:1px;
	background-image:url(/style/voteEmpty.png);
}
.voteBoxChecked
{
	width:80px;
	height:80px; 	
	margin-right:1px; 
	margin-bottom:1px;
	background-image:url(/style/voteChecked.png);
}
.voteBoxHidden
{
	width:0px;
	margin-right:0px;
}

.voteBarReady
{
	flex-grow:1; 
	width:418px; 
	padding-left:10px; 
	line-height:80px;
	margin-bottom:1px;
	user-select: none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.voteBarDone
{
	flex-grow:1; 
	width:499px; 
	padding-left:10px; 
	line-height:80px;
	margin-bottom:1px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.voteButtonReady
{
	line-height:80px; 
	width:509px;
	background-color:#5d1722;
	text-align:center;
	user-select: none;
}
.voteButtonDone
{
	line-height:80px; 
	width:509px;
	background-color:#2d070d;
	color:#5d1722;
	text-align:center;
	user-select: none;
}