/* HEADER */


body {
    font-family: Trebuchet MS, sans-serif;
    font-size: 13px;
    color: #430000;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

a {
	color: #cccccc;
    
}

a:hover {
	color: #ffffff;
    
}


.mainlogo {
    width: auto;
    margin: auto;
    max-width: 944px;
}

.mainlogo a img{
    width: 100%;
    min-width: 0;
    max-width: 100%;
}
@media (max-width: 599px) {
    .AnniverseryBox{
        display: none;
    }
    .BigButtons {
        display: none;
    }
}
.individualimg {
    width: 100%
}

.activeCategory {
    background-color: #007bff;
    border-color: #007bff;
}

.navbar-dark .navbar-nav .nav-link {
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #a51e22;
    border: 0px solid black;
    margin-right: 5px;
    margin-left: 5px;
    text-align: center;
    font-size: 13px;
    
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
}
.navbar-dark .navbar-nav .nav-link:hover {
    background-color: #d14a4e;
    color: #ffffff;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
}

.bg-jab {
    background-color: #e8d8d8;
    max-width: 944px;
}


/* Index */
.center {
    width: auto;
    margin: auto;
    max-width: 944px;
    text-align: center;
}

.nocentertext {
    width: auto;
    margin: auto;
    max-width: 944px;

}

.text-center {
    align-items: center;
}

.AnniverseryBox {
    background-color: #d9ce53;
    width:100%;
    height: 28px;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    margin: auto;
    line-height: 25px;
}


#TJAStoreButton {
    display: inline-block;
    width: 305px;
    height: 162px;
    margin: 0px;
    padding: 0px;
    background: url("/main/media/links/TJAStoreButton.png") no-repeat 0 0;
    margin-left: -8px;
}

#TJAStoreButton:hover
{ 
  background-position: 0px -162px;
}

#TJAGalleriesButton {
    display: inline-block;
    width: 315px;
    height: 162px;
    margin: 0px;
    padding: 0px;
    background: url("/main/media/links/TJAGalleriesButton.png") no-repeat 0 0;
}

#TJAGalleriesButton:hover
{ 
  background-position: 0px -162px;
}

#CatsNCamerasButton {
    display: inline-block;
    width: 305px;
    height: 162px;
    margin: 0px;
    padding: 0px;
    background: url("/main/media/links/CatsNCamerasButton.png") no-repeat 0 0;
}

#CatsNCamerasButton:hover
{ 
  background-position: 0px -162px;
}

.rph {
    font-size: 18px;
    font-weight: bold;
    
}


.rpli {
    webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #e8d8d8;
    list-style-type:none;
    margin: 2px;
    padding: 0px;
    width: 130px;
    height: 120px;
    align-items: center;
    
}
.rpul {
    webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.rpli img {

    max-width: 110px;
    max-height: 110px;
    border: solid 1px;

}

.sitenews{
    width:100%;
}
.newsposts {
    width:100%;
    display: inline-block;
    padding: 10px;
    background-color: #e8d8d8;
    text-align: left;
}

#tjaforum {
    display: inline-block;
    width: 217px;
    height: 82px;
    background: url("img/TJAforum.png") no-repeat 0 0;
    background-position-x: 0px;
    background-position-y: 0px;
}
#tjaforum:hover
{ 
  background-position: 0px -82px;
}

.TJAFrameOTHERSITES
{
	background: url("img/TJAFrameyThing_othersites.png") no-repeat 0 0;
	width: 215px;
	height: 76px;
}
.TJAFrameMIDDLE
{
	background: url("img/TJAFrameyThing_middle.png") repeat-y 0 0;
	width: 215px;
	vertical-align: text-top;
    text-align: center;
}
.TJAFrameBOTTOM
{
	background: url("img/TJAFrameyThing_bottom.png") no-repeat 0 0;
	width: 215px;
	height: 34px;
}

/* Galleries */
.privategalleries {
    width: auto;
    margin: auto;
    max-width: 944px;
    text-align: center;
}

.privategalleries h4 {

    font-weight: bold;

}


.privategalleries ul li{
    display:inline;
    list-style-type:none;
    margin: 0;
    padding: 0;
    width: 190px;
}

.privategalleries a img{
    width: 100%;
    min-width: 478px;
}
@media (max-width: 599px) {
    .privategalleries a img{
        display: none;
    }
}


.galleries {
    width: auto;
    margin: auto;
    max-width: 944px;
    text-align: center;
}


.hostedbytja a img {
    width: 180px;
    height: 130px;
    border: 0;
    min-width: unset;
}

.profile {

    text-align: left;
    width: 850px;
    font-weight: bold;

}

#TJAgalleriesRollover
{
  display: inline-block;
  background: url("img/TJAgalleriesRolloverTop.png") no-repeat 0 0;
  background-size: contain;
}
#TJAgalleriesRollover:hover
{ 
  background: url("img/TJAgalleriesRolloverBottom.webp") no-repeat 0 0;
  background-size: contain;

}

body:after{
   position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
   content:url("img/TJAgalleriesRolloverBottom.webp");   
}

.gallrpli {
    background-color: #e8d8d8;
    list-style-type:none;
    margin: 2px;
    padding: 0px;
    width: 130px;
    height: 200px;
    padding-top:10px;
    font-size: 10px;
    font-weight: bold;
}
.gallrpul {
    webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}
.gallrpli img {

    max-width: 110px;
    max-height: 110px;
    border: solid 1px;

}


.gallrpli table {
    height:calc(100% - 5px);
}


.gallsearchbutton {
    display: inline-block;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #a51e22;
    width: 102px;
    border: 0px solid black;
    text-align: center;
    font-size: 12px;
    color:#ffffff;
    font-weight: bold;
    text-decoration: none;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
}

.gallsearchbutton:hover
{ 
  background-color:#d14a4e;
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-border-radius: 8px 8px 8px 8px;
  border-radius: 8px 8px 8px 8px;
}


#hiddenSubmit
{
  display: none;
}

.button
{
  display: inline-block;
  padding-top: 3px;
  padding-bottom: 3px;
  background-color:#a51e22;
  width: 102px;
  border: 0px solid black;
  text-align:center;
  font-size: 12px;
  color: #ffffff;
  font-weight:bold;
  text-decoration:none;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-border-radius: 8px 8px 8px 8px;
  border-radius: 8px 8px 8px 8px;
}
.button:hover
{ 
  background-color:#d14a4e;
  color: #ffffff;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-border-radius: 8px 8px 8px 8px;
  border-radius: 8px 8px 8px 8px;
}

.artistli img {
    width: 150px;
    height: 150px;
}

.artistli a, .artistli a:hover{
  text-decoration: none;
}


/*USER PROFILE */

.userrpli {
    background-color: #e8d8d8;
    list-style-type:none;
    margin: 2px;
    padding: 0px;
    width: 119px;
    height: 165px;
    padding-top:10px;
    font-size: 10px;
    font-weight: bold;
}
.userrpul {
    webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}
.userrpli img {

    max-width: 110px;
    max-height: 110px;
    border: solid 1px;

}

.userrpli table {
    height:calc(100% - 5px);
}


.gallerylink{
    display: inline-block;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #a51e22;
    width: 200px;
    border: 0px solid
    black;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
}

.gallerylink:hover {
    background-color: #d14a4e;
    color: #ffffff;
  text-decoration: none;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
}

#nametag {
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    word-wrap: break-word;
}
#gallerylink2:hover {
    background-color: #d14a4e;
    color: #ffffff;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
}
#gallerylink2 {
    display: inline-block;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #a51e22;
    width: 62px;
    border: 0px solid black;
    text-align: center;
    font-size: 10px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
}


.commentbox {
    background-color: #e8d8d8;
    width: 600px;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    border: solid 1px pink;
}


.commentpostbox {
    background-color: #e8d8d8;
    width: 600px;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 10px;
}


.footer {
    font-size: 10px;
    background: url("img/defaultfooter.png") no-repeat 0 0;
    padding-bottom: 15px;
    padding-top: 12px;
    margin-top: 10px;
    color: #FFFFFF;
}

.sitenews .row {

    margin-right: unset;
    margin-left: unset;

}

.textleft {
    text-align: left;
}

.custom-control.custom-switch.hover {
    padding-top: 36px
    margin-top: -36px;
}
.list-group.list-group-root .list-group.sub-item {
    padding-left: 30px
}

.grid-square {
    width: 200px;
    height: 200px;
    display: inline-block;
    background-color: #fff;
    border: solid 1px rgb(0,0,0,0.2);
    padding: 10px;
    /*margin: 12px;*/
}
.blue-background-class{
    background-color: #C8EBFB;
}

.smallimg {
    max-width: 50px;
    max-height: 50px;
}
.just-padding {
    padding: 15px;
}

.list-group.list-group-root {
  padding: 0;
  overflow: hidden;
}

.list-group.list-group-root .list-group {
  margin-bottom: 0;
}

.list-group.list-group-root .list-group-item {
  border-radius: 0;
  border-width: 1px 0 0 0;
  padding: 2px;
}
.badge.badge-primary.badge-pill {

    text-indent: 0;

}
.folderbadge {

    float: right;
    text-indent: 4px;
}



.list-group.list-group-root > .list-group-item:first-child {
  border-top-width: 0;
}

.list-group.list-group-root > .list-group > .list-group-item {
  padding-left: 30px;
}

.list-group.list-group-root > .list-group > .list-group > .list-group-item {
  padding-left: 45px;
}

.list-group-item .glyphicon {
  margin-right: 5px;
}


#filelist {
    margin-top: 15px;
}

#uploadFilesButtonContainer, #selectFilesButtonContainer, #overallProgress {
    display: inline-block;
}

#overallProgress {
    float: right;
}

.yellowBackground {
  background: #F2E699;
}

#filenames th {
    background: #d2d7e6;
    border-bottom: 0;
    border-top: 0;
    color:#000;
    font-weight: bold;
    line-height: 1.3;
    white-space: nowrap;
    border: 1px solid #fff;
    border-top-color: rgb(255, 255, 255);
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 5px 12px;
    vertical-align: top;
}

.imagemenu {
    font-size: 26px;
    display: none;
}
.imagemenusub {
    display: none;
}

#editpost #previewimg {
    max-height: 400px;
    max-width: 400px;
    
}

.recoverpassword .row{
    width: 100%;
}
.recoverpassword .col-12{
    width: 80%;
    max-width: unset;
    flex: unset;
    background: #191313;
}

.recoverpassword .card{
    background-color: #191313;
}
.recoverpassword .card-header{
    background-color: rgb(139 0 0 / 29%);
}
.center>form{
    width: 100%;
}
#categorylist{
    min-width: 425px;
}
.singlepost{
    position: relative;
}
.post_navigation{
    position: absolute;
    top: 30vh;
    font-size: 2rem;
    padding: 2rem;
    background: #00000000;
    transition: all .2s;
}
.post_navigation:hover{
    background: #0000003b;
}
.previous_post{
    right:0;
}
.next_post{
    left:0;
}
.desc-cat a, .desc-tags a{
    transition: all .2s;
}
.desc-cat a:hover, .desc-tags a:hover{
    color: #c32828;
}