/*your custom style goes in this file*/
/*if you're overriding style blocks from genstyle.css, you only need to include the attributes you're overriding, not the whole block*/
@font-face {
    font-family: Precious;
    src: url(../fonts/Precious.ttf);
    font-weight: bold;
  }
@font-face {
    font-family: Courgette-Regular;
    src: url(../fonts/Courgette-Regular.ttf);
    font-weight: normal;
}
.thumb, .smallimg, .adminthumb {
	border: 0;
	box-shadow: none;
	border-radius: 5px;
}
.tablebkground {
	background-color:#FAECC0;
}
.baw {
    border: 1px solid #336699;
    border-radius: 10px;
}
#stage {
    top: 0px;
    margin: 0 auto; 
    width: 340px;
	height: 410px;
    padding: 10px;
}
#stage a {
    position: absolute;
}
#stage a img {
	margin-left: 3px;
    height: 400px;
	width: 330px;
	object-fit:cover;
}
#stage a:nth-of-type(1) {
    animation-name: fader;
    animation-delay: 8s;
    animation-duration: 1s;
    z-index: 20;
}
#stage a:nth-of-type(2) {
    z-index: 10;
}
#stage a:nth-of-type(n+3) {
    display: none;
}
#stage a::after {
    position: absolute;
    left: 5%;
    bottom: 2%;
    padding: 2px 0;
    width: 90%;
    text-align: center;
    content: attr(title);
    font-size: 1.1em;
    color: #fff;
    text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
}
@keyframes fader {
    from { opacity: 1.0; }
    to   { opacity: 0.0; }
}
.headertitle {
	background-color : #660000;
  	letter-spacing: 2px;
	color:#b99852;
	font-size:40px;
	font-family:Courgette-Regular;
	padding-left: 10px;
}

.mmaintitle {
	font-family:Courgette-Regular;
	color: #3E331D;
	font-style: italic;
}
.normal {
    a { color: #660000; }
    color:#660000;
    font-weight: 600;
}
.addborder {
    padding: 8px;
    border: 2px solid #660000;
    border-radius: 15px;
}
hr {
    color: #660000;  
}