/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
:root {
	--main-bg-color: 248, 243, 231; /* f8f3e7 */
	
	--main-fg-dark-color: 204, 204, 204; /* fillerbox border CCC */
	--main-fg-color: 241, 231, 211; /* fillerbox background f1e7d3*/
	--main-fg-light-color: 244, 218, 154; /* related background f4da9a */
	
	//--emphsis-color: 223, 210, 238;
}
/* -=-=-=-=-=-=-=-=- */
body {
	background-color: rgb(var(--main-bg-color));
	margin: 10px;
	margin-top: 0;
}

.fillerbox {
	background-color: #f1e7d3 !important;
	border-color: #CCC !important;
}

/*------*/
/* upload ----*/
.boxULDetails {
	border: 1px solid purple !important;
	//border-right: none;
}

/*------*/

#usrRelated .accBtn,
#picInfo,
#usrUserName {
	background-color: #edd5cd !important;
}

/*------*/
#rateBar .rItems {
	background-color: rgb(var(--main-bg-color));
}

#usrInfo,
#cComments .cUNbar,
#cComments .cBbar
{
	background-color: rgb(var(--main-bg-color));
}

.cBox .commentOP {
	background-color: rgba(var(--main-fg-dark-color), 0.6) !important;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

/*----------------------------------------------------*/
#navContainer {
	font-size: 0.9em;
	border-bottom-right-radius: 1em;
	border-bottom-left-radius: 1em;
	
	background-color: #f1e7d3;
	
	border: 2px solid #CCC;
	border-top: none;
	
	margin-bottom: 3px;
	
	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);
	
}

#navTopbar a {
	margin-left: 1.6em;
	margin-right: 1.6em;
	font-variant: small-caps;
}

#navTopbar {
	font-size: 1.2em;
	font-weight: bold;
	
	text-align: center;
}

#navBottombar a {
	padding-left: 0.8em;
	padding-right: 0.8em;
}

#navBottombar a:hover {
	background-color: #efefdc;
	padding-left: 0.8em;
	padding-right: 0.8em;
	margin: 0;
}

#navBottombar {
	word-break: keep-all;
	text-align: center;
	font-weight: bold;
	
	background-color: #edd5cd;
	
	margin-left: 0.8em;
	margin-right: 0.8em;
	margin-bottom: 0;
	
	border: 1px solid #CCC;
	border-bottom: none;
	
	-webkit-border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
}
#navBottomBar .regAddon {
	position: relative;
	font-size: 0.55em;
	display: block;
}

#navBottomBar .loggedin {
	background-color: #dcefe0;

}