
body{
	font-family: 'Times New Roman';
}

html,
#big{
	background: #608F2B;
}

.slim{
	width: 5%;
}

#bigolstuff{
    padding: 3px;
    padding-right: 7px;
}

.copyright {
	padding-right: 5px;
    text-align: right;
    font-size: 10px;
}

.background {
	display: none;
	z-index: 100;
	position: fixed;
	background: rgba(0, 0, 0, 0.7);
	text-align: center;
	-webkit-animation: fadein 0.3s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 0.3s; /* Firefox < 16 */
	-ms-animation: fadein 0.3s; /* Internet Explorer */
	-o-animation: fadein 0.3s; /* Opera < 12.1 */
	animation: fadein 0.3s;
	opacity: 1;
}

.main{
	border-style: solid;
    border-width: 5px 15px 5px 15px;
    -moz-border-image: url("../images/borderebb.png") 5 15 5 15 repeat repeat;
    -webkit-border-image: url("../images/borderebb.png") 5 15 5 15 repeat repeat;
    -o-border-image: url("../images/borderebb.png") 5 15 5 15 repeat repeat;
    border-image: url("../images/borderebb.png") 5 15 5 15 repeat repeat;
    border-image-slice: 15;
    border-image-outset: 0px 4px;
    background-image: url("../images/text_background.png");
}

.mainimg{
	vertical-align: middle;
	margin: 5px;
    max-width: 350px;
max-height: 196px;
}

.imgcol{
    margin: 0px;
    padding: 0px;
}

.imgdiv{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
text-align:center;
}

.highlight{
	padding-top: 20px;
}

.clicky{
	cursor: pointer;
}

.desc{
	text-align: center;
	color: #B5651D;
	font-size: 25px;
}
.nofancy:link { 	color: black; }
.nofancy:visited { 	color: black; }
.nofancy:hover { 	color: black; text-decoration: none; }
.nofancy:active { 	color: black; text-decoration: none; }

#up {
	height: 40px;
	width: 40px;
	display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: transparent;
    cursor: pointer;
    padding: 20px;
    border-radius: 4px;
    background-image: url("../images/uparrow.png");

}#up:hover {
        background-image: url("../images/uparrowabb.png");
}

    .upfadein {
        -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
        -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
        -o-animation: fadein 1s; /* Opera < 12.1 */
        animation: fadein 1s;
        opacity: 1;
    }
    .upfadeout {
        -webkit-animation: fadeout 1s; /* Safari, Chrome and Opera > 12.1 */
        -moz-animation: fadeout 1s; /* Firefox < 16 */
        -ms-animation: fadeout 1s; /* Internet Explorer */
        -o-animation: fadeout 1s; /* Opera < 12.1 */
        animation: fadeout 1s;
        opacity: 0; 
    }
    
@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; } }
@-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
@-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }

@keyframes fadeout { from { opacity: 1; } to { opacity: 0; } }
@-moz-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } }
@-webkit-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } }
@-ms-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } }
@-o-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } }


.unloaded{
    height: 200px;
}