body {
	background-color: #e0a7b2;

	position: relative;
	font-family : "Verdana";
	background: #000 url('images/space_bg.gif'); 
}

/* *** */
#boxNavContainer {
	position: relative;
	color: white;
	margin-bottom: 0.2em;
}

#boxLogo {
	text-align: center;
	color: #fff;
	font-weight: bold;
	
	font-variant:small-caps;
	
	flex-basis: 23%;
	z-index: 5;
}

#boxLogo img {
	height: 110px;
	
}

#boxNavContainer .navOtherSites {
	border: 2px solid rgba(var(--main-fg-dark-color), 1) ;
	background-color: rgba(var(--main-fg-color), 0.6);
	border-radius: 0.5em;
	
	padding: 0.2em;
}

#boxNavContainer .boxNavUpper {
	display: flex;
}

#boxNavContainer nav {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

#boxNavContainer nav > * {
	margin-right: 0.5em;
	margin-bottom: 0.33em;
}

#boxNavContainer nav a {
	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);
}

#boxNavContainer nav .navbtnLogin {
	font-size: 2.0rem;
}

/********** */

@media only screen and (max-width : 850px) {
	#boxNavContainer nav {
		margin-top: 0.5em;
	}
	
	#boxNavContainer .navOtherSites > * {
		margin: 0.15em auto;
	}
}


/********** */
/* detail page*/
/********** */
#usrRelated .accContent {
	background-color: inherit !important;
}


.snsNavItmBox {
	border-color: #333 !important;
}

.snsNavGradientLeft,
.snsNavGradientRight
{
	background: inherit !important;
}



#usrInfo {
	background-color: inherit !important;
}


#picInfo {
	background-color: rgba(var(--main-fg-color), 0.6) !important;
}

#picInfo .item:nth-child(even) {
    background-color: rgba(187, 186, 216, 0.6) !important;
}

#usrRelated .accBtn:hover {
	
}

#usrRelated .accBtn {
	background-color: rgba(var(--main-fg-dark-color), 0.4) !important;
	border-color: rgba(30,30,30, 0.6) !important;
	color: #cce0f0;
	
	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);
}

#usrRelated .accHeader {
	margin-bottom: auto !important;
	background-color: inherit !important;
}



/* usr alb*/

#boxAlbumNav .albTab {
	background-color: rgba(var(--main-fg-dark-color), 0.5);
}

#boxUserBar {
	//z-index: 3;
}