#navFans {
	position: relative;
	
	text-align: center;
	font-weight: bold;
	line-height: 0.75em;
}

#navFans img {
	max-height: 32px;
	text-align: center;
}

/* ----------------------------------- */

#boxStarsNav {
	position: relative;
	display: flex;
	
	margin: 0.75em auto;
	padding: 0.25em;
	
	font-size:0.9em;
	z-index: 3;
}

#LNavbox {
	position: relative;
	flex: 1;
	font-family: "Eras Demi ITC", Arial;
	flex-grow: 1;
}

#LNavbox h1 {
	font-variant: small-caps;
	border-bottom: 2px solid #CCC;
	padding-bottom: 0.125em;
	margin-bottom: 0.25em;
	
	font-weight: bold;
	font-size: 1.2em;
}

#LNavbox ul {
	position: relative;
	list-style-type:none;	
	
	margin: 0;
	padding: 0.25em;
	
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	align-items: flex-start;
}

#LNavbox li {
	position: relative;
	
	margin-bottom: 0.33em;
	
	border: 2px solid #CCC;
	border-radius: 7px;
	
	text-align: center;
	font-weight: bold;
	
	padding: 0.5em;
}

#LNavbox li:hover {
	background-color: #f4f4f4;
}

#LNavbox li a:hover {
	color: #8080FF;
	text-decoration: none;
}

#LNavbox .navGroup {
	position: relative;
	display: flex;
	flex-flow: column wrap;
}

/* ----------------------------------- */

.az {
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

#azLN1 {
	flex-shrink: 1;
	
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	
	margin-right: 1em;
}

#azLN1 img {
	max-height: 20em;
}

#azLN2 {
	text-align: center;
}

/* ----------------------------------- */

#boxTop {
	position: relative;
	margin: auto;
	display: flex;
	flex-flow: column wrap;
	
	text-align: center;
	font-family: "Eras Demi ITC", Arial;
}

#boxTop .topclass {
	position: relative;

	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;

	padding: 3px;
	
	border-radius: 15px;
	text-align: center;
	
	display: flex;
	flex-flow: row wrap;
	align-content: center;
	align-items: flex-start;
	justify-content: space-around;
	
	
	border-top: 8px solid #ccc !important;
	border-bottom: 8px solid #ccc !important;
	border-left: 5px solid #ccc !important; 
	border-right: 5px solid #ccc !important; 
}

#boxTop .sbNumber {
	position: absolute;
	font-weight: 600;
	width: 32px;
	z-index: 3;
	
	text-shadow:
		1px 1px 0 rgba(255,255,255,0.4),
		-1px -1px 0 rgba(255,255,255,0.4),  
		1px -1px 0 rgba(255,255,255,0.4),
		-1px 1px 0 rgba(255,255,255,0.4),
		1px 1px 0 rgba(255,255,255,0.4)
	;
}

#boxTop .numberone {
	background-image: url('/images/crown.png');
	background-size: contain;
	background-repeat:no-repeat;
	background-position:center;
	
	padding: 0.5em;
	font-weight: bold;
	
	text-shadow:
		1px 1px 0 rgba(255,255,255,0.6),
		-1px -1px 0 rgba(255,255,255,0.6),  
		1px -1px 0 rgba(255,255,255,0.6),
		-1px 1px 0 rgba(255,255,255,0.6),
		1px 1px 0 rgba(255,255,255,0.6) !important
	;
}

#boxTop .tItem {
	position: relative;
	
	margin: 0.1em 0.125em;
	border: 1px solid #999;
	border-radius: 5px;
	padding: 0;
	
	overflow: hidden;

	flex: 1;
	flex-basis: 9%;
	
	height: calc(100% - 60px);
}

#boxTop .tImgBG {
	position: absolute;
	opacity: 0.45;
	z-index: 1;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	
	background: no-repeat center center;
	background-size: cover;
	
	cursor: pointer;
}

#boxTop .tImgFG {
	position: absolute;
	z-index: 2;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	
	background: no-repeat center center;
	background-size: contain;
	
	cursor: pointer;
}

#boxTop .tc1 {
	width: 50%;
}

#boxTop .tc2 {
	width: 70%;
}

#boxTop .tc4 {
	width: 85%;
}

#boxTop .tc10,
#boxTop .tc25,
#boxTop .tc50 {
	width: calc(100% - 0.5em);
}

@keyframes widar {
    100% {width: calc(100% - 0.5em);}
}

@media only screen and (max-width : 850px) {
	#boxTop .tc1,
	#boxTop .tc2,
	#boxTop .tc4 {
		animation: widar 2s forwards;
	}
}

#boxTop .tc1 .tItem {
	flex-basis: 100% !important;
	height: 40em;
}

#boxTop .tc1 .tImg {
	height: 40em;
}

#boxTop .tc2 .tItem {
	flex-basis: 32% !important;
	height: 30em;
}

#boxTop .tc2 .tImg {
	height: 30em;
}

#boxTop .tc4 .tItem {
	flex-basis: 30% !important;
	height: 20em;
}

#boxTop .tc4 .tImg {
	height: 20em;
}

#boxTop .tc10 .tItem {
	flex-basis: 30% !important;
	height: 17em;
}

#boxTop .tc10 .tImg {
	height: 17em;
}

#boxTop .tc25 .tItem {
	flex-basis: 19% !important;
	height: 15em;
}

#boxTop .tc25 .tImg {
	height: 15em;
}

#boxTop .tc50 .tItem {
	flex-basis: 19% !important;
	height: 13em;
}

#boxTop .tc50 .tImg {
	height: 13em;
}

.clear {
	position: relative;
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
}

/*-----------------------------------------*/

#boxTop .lowerBox {
	position: absolute;
	
	bottom: 0;
	left: 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	
	z-index: 4;
	width: 100%;
}

#boxTop .lowerBox a:hover {
	color: #8080FF;
}

#boxTop .lowerBox .lbRcont {
	flex-grow: 1;
	padding: 0;
}

#boxTop .lowerBox .OwnerPic {
	display: none;
	
	position: relative;
	box-shadow:1px 1px 2px #000000;
	border-top-right-radius: 3px;
	
	max-width: 43%;
}

#boxTop .lbRcont .userName {
	display: none;
	
	border-top: 2px solid rgba(18,18,17,0.7);
	background-color: rgba(43,43,43,0.4);
	overflow: visible;
	padding: 0 0.25em;
	
	font-weight: bold;
	font-variant: small-caps;
	text-transform: capitalize;
	
	text-shadow:
		1px 1px 0 rgba(255,255,255,0.4),
		-1px -1px 0 rgba(255,255,255,0.4),  
		1px -1px 0 rgba(255,255,255,0.4),
		-1px 1px 0 rgba(255,255,255,0.4),
		1px 1px 0 rgba(255,255,255,0.4)
	;
}

#boxTop .lowerBox .caption {
	color: white;
	display: none;
	overflow: visible;
	padding: 0 0.25em;
	padding-top: 0.125em;
	
	background-color: rgba(43,43,43,0.6);
	border-top: 3px solid rgba(18,18,17,0.9);
	
	font-size: 0.8em;
	font-weight: bold;
	line-height: 1em;
}

/*-----------------------------------------*/
.scorebox {
	position: absolute;
	
	z-index: 4;
	right: 0;
	
	background-color: rgba(255,255,255,0.25);
	border-color: rgba(255,255,255,0.4);
	
	border-left: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	border-bottom-left-radius: 5px;
	
	overflow: hidden;
	
	font-family: "Eras Demi ITC", Arial;
	font-size: 0.8em;
	line-height: 0.975em;
	padding: 3px;
}

.sbEmph1{
	position: relative;
	font-size: 2em;
	font-weight: bold;
	top: 3px;
}

.sbEmph2{
	font-size: 1.5em;
	font-weight: bold;	
}

.sbUL {
	position: relative;
	
	margin-top: 3px;
	font-variant: small-caps;
}

.sbULdate {
	font-size: 0.8em;
	font-variant: normal;
	font-style: italic;
}
/*-----------------------------------------*/