body {
	background-color: #cacaca; 
    background-repeat: no-repeat;
	background: #cacaca linear-gradient(#748d7c, #cacaca 400px);
	color: #111;
}

/* all the basic links */
a:link, a:visited {
	color: #0d5031;
}

a:hover, a:active {
	color: #f4fee3;
}

/* textarea and input colors */
textarea, input[type=text], input[type=checkbox], select, input[type=number],
	input[type=email], input[type=password] {
	background-color: #eee;
	color: #111;
	border: 1px solid rgba(0, 0, 0, 0.5);
}

/* image that covers the header and moves to the left */
.navbar::before {
    background-image: url(../images/layouts/foggy_top_menu.png);
}

/* left-right-bottom borders of the navbar */
.navbar {
	border-left: 2px solid #00330d;
	border-right: 2px solid #00330d;
	border-bottom: 2px solid #00330d;
}

/* image that makes the top/sides border of the navbar */
.navbar {
	background: url(../images/layouts/foggy_tile_dark.png) right top repeat;
}

/* hover color on dropdown menus */
.navbar .dropdown-item:hover {
	background-color: rgba(252, 255, 233, 0.5);
  color: #286e46
}

/* inside the navbar borders */
.navbar .container-fluid {
	border-left: 2px solid #00330d;
	border-right: 2px solid #00330d;
	border-bottom: 2px solid #00330d;
	background: url(../images/layouts/foggy_top_menu_tile_2.png) right top repeat;
}

/* main navbar links */
.navbar a:link.nav-link, .navbar a:visited.nav-link,
.navbar a:active.nav-link, .navbar a:focus.nav-link {
	color: #e2ffd1;
	text-shadow:
		-2px -2px 3px #314832, 2px -2px 3px #314832, -2px 2px 3px #314832, 2px 2px 3px #314832;
}
/* main navbar links on hover */
.navbar a.nav-link:hover {
	color: #c7fea3;
}

/* the border that separates each main link */
.nav-item::after {
	background: url(../images/layouts/foggy_top_menu_tile_1.png) left top repeat;
	border-right: 2px solid #00330d;
	border-left: 2px solid #00330d;
}

/* on/off "menu" image icon */
.navbar-toggler .navbar-toggler-icon {
	background-image: url(../images/layouts/foggy_menu_expand.png);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
	background-image: url(../images/layouts/foggy_menu_collapse.png);
}

/* dropdown menu background color and border */
.navbar .dropdown-menu {
	background-color: rgba(222, 255, 217, 0.9);
	border: 1px solid rgba(0,0,0, 0.15);
}

/* this is a specific style that applies to the navbar links, but only when it's not in mobile menu style */
@media (min-width: 576px) {	
	.nav-item {
		box-shadow: inset 0px -12px 18px -11px rgba(255,255,255,0.62);
	}
}

/* main layout blocks outside border */
#leftSidebar .container, #rightSidebar .container, #content .container-fluid {
	border-left: 2px solid #00330d;
	border-right: 2px solid #00330d;
	border-bottom: 2px solid #00330d;
	background: url(../images/layouts/foggy_top_menu_tile_1.png) repeat  left top;
}

#leftSidebar .container, #rightSidebar .container {
	border-top: 2px solid #00330d;
}

/* main layout blocks inside texture */
#leftSidebar .container > .col, #rightSidebar .container > .col, #content .container-fluid > .col {
	border: 2px solid #00330d;
	background: url(../images/layouts/foggy_tile_light.png) left top repeat;
}

.themeDefaultBoxBackground {
	background: url(../images/layouts/foggy_content_tile.png) left top repeat;
}


/* two backgrounds for each main layout block: one background texture and one repeating line at the bottom */
/* they need to be set in the correct order */
#content .container-fluid > .col {
	background: url(../images/layouts/foggy_foliage_center.png) repeat-x left bottom,
		url(../images/layouts/foggy_content_tile.png) left top repeat;
	padding-bottom: 80px;
}

#leftSidebar .container > .col {
	background: url(../images/layouts/foggy_foliage_left.png) repeat-x left bottom,
		url(../images/layouts/foggy_content_tile.png) left top repeat;
	padding-bottom: 80px;
}

#rightSidebar .container > .col {
	background: url(../images/layouts/foggy_foliage_right.png) repeat-x left bottom,
		url(../images/layouts/foggy_content_tile.png) left top repeat;
	padding-bottom: 80px;
}




/* tag area background */
#leftSidebar .tagArea {
	background:
		url(../images/layouts/foggy_tile_medium.png) left top repeat;
	box-shadow:  inset 0px -50px 50px -11px rgba(255,255,255,0.4);
}

/* tag area image border and shadow */
#leftSidebar .tagArea img {
	border: 1px solid #000;
	box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.8);
}

/* header bars on the left sidebar */
#leftSidebar .profileArea, #leftSidebar .timeArea, #leftSidebar .latestAds {
	background: url(../images/layouts/foggy_top_menu_tile_1.png) left top repeat;
	border-top: 2px solid #00330d;
	border-bottom: 2px solid #00330d;
}

/* inside of the header bars on the left */
#leftSidebar .profileArea .inner, #leftSidebar .timeArea .inner, #leftSidebar .latestAds .inner {
	background: url(../images/layouts/foggy_top_menu_tile_2.png) left top repeat;
	background-color: #4f8c62;
	border-top: 2px solid #00330d;
	border-bottom: 2px solid #00330d;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
	color: #dff9d6;
	text-shadow: 0 0 3px rgba(0,0,0,0.6);
}

/* this applies only to the profile link on the left sidebar */
#leftSidebar .profileArea a:link, #leftSidebar .profileArea a:visited {
	color: #dff9d6;
}

/* border between chats in the side chat */
#minichat span, .commentsTable tr, .spacingLines div.row {
	border-bottom: 1px solid rgba(38, 91, 45, 0.5);
}

/* color of the links on the left sidebar billboards */
#sideBillboards .billboardItem a:link, #sideBillboards .billboardItem a:visited,
	#sideBillboards .billboardItem a:hover, #sideBillboards .billboardItem a:active {
	color: #0c5130;
}

/* overlay on the items in the inventory when they are clicked */
.itemInfo, .popover {
	background-color: rgba(222, 255, 217, 0.9);
	border: 1px solid rgba(0,0,0,0.15);
}

.popover-body {
	color: #111;
}

/* overlay in inventory, basic links */
#inventory .itemInfo a:link, #inventory .itemInfo a:visited {
	color: #0d5031;
}

/* overlay in inventory, active/hover links */
#inventory .itemInfo a:hover, #inventory .itemInfo a:active {
	color: #0d5031;
}

/* most headers in the site below the main page title */
.gryffTable th, .pageSeparator {
	background-color: rgba(15, 91, 20, 0.5);
	border-bottom: 2px solid #234827;
	border-top: 2px solid #00270a;
	color: #f9fee1;
	text-shadow: 0 0 5px #001e08;
}

.separatorBorderColor {
	border-color: #234827;
}


.gryffTable td h1 {
	background-image: url(../images/layouts/foggy_divider.png);
	color: #666666;
	text-shadow: none;
}


/* this removes the text shadow from header links */
.gryffTable th a, .pageSeparator a {
	text-shadow: none;
}

/* top page title background */
.areaLinks, h1.page-title {
	background-color: rgba(0, 51, 9, 0.7);
}



/* main page title color */
h1.page-title, h1 {
	color: #d2ecb3;
	text-shadow: 0 0 4px #001e08;
}

.page-title a:link, .page-title a:visited {
    color: #d9ff98;
    text-shadow: 0 0 4px #038400;
}

.page-title a:hover, .page-title a:active {
    color: #f3ffc8;
    text-shadow: 0 0 4px #05c600;
}

  
/* links in links bar that sometimes appears below page title */
.areaLinks a:link, .areaLinks a:visited {
	color: #004f30;
	background-color: #94d09c;
	border: 1px solid rgba(0, 0, 0, 0.2);
}

/* hover links on extra links bar */
.areaLinks a:hover, .areaLinks a:active, .areaLinks a:focus {
	background-color: rgba(184, 233, 192, 0.75);
}

/* clickable buttons everywhere */
button[type=submit], input[type=submit], input[type=button], button[type=button] {
	background-color: #7ec889;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 3px rgba(13, 126, 82, 0.4);
	color: #123718;
}

/* hover color on clickable buttons everywhere */
button[type=submit]:hover, input[type=submit]:hover, input[type=button]:hover, button[type=button]:hover {
	background-color: rgba(184, 233, 192, 0.75);
}

/* active buttons or link buttons */
button.active, input.active, .areaLinks a.active {
	background-color: #6d8f71;
}

/*********** Notifications: errors & alerts *********/
.error, .alert {
	color: #0a0b09;
}

.error a:link, .error a:visited, .alert a:link, .alert a:visited {
	color: #0a0b09;
}

.error a:hover, .error a:active, .alert a:hover, .alert a:active {
	color: #ffffff
}

.error {
	background-color: rgba(233, 86, 65, 0.3);
}

.alert {
	background-color: rgba(124, 233, 65, 0.3);
}

/* on focus inputs */
.form-control:focus, input:focus, select:focus, textarea:focus,
input:active, select:active, textarea:active {
	color: #212529;
	background-color: #fff;
}

.form-control:focus, .form-select:focus, .form-check-input:focus,
input:focus, select:focus, textarea:focus,
input:active, select:active, textarea:active {
	border-color: #2e6743;
	box-shadow: 0 0 0 .25rem rgba(107,173,132,0.25);
}