/*------------------------------------------------*/
/*	Skin: Dark Brown
/*------------------------------------------------*/

$the-darkbrown: #512222;
$link-color: #8c6969;

/* general */

a {
	color: $link-color;

	&:hover, &:focus {
		color: darken($link-color, 12%);
	}
}

.top-bar {
	background-color: $the-darkbrown;

	.top-bar-right {
		.btn-link {
			color: lighten($the-darkbrown, 40%);

			&:hover {
				color: #fff;
			}
		}
	}

	.notifications {
		.count {
			border-color: $the-darkbrown;
		}
	}

	.searchbox {
		input[type="search"] {
			background-color: darken($the-darkbrown, 8%);
			border-color: darken($the-darkbrown, 10%);
		}

		.btn {
			background-color: lighten($the-darkbrown, 5%);
			border-color: darken($the-darkbrown, 10%);

			i {
				color: darken($the-darkbrown, 10%);
			}

			&:hover {
				border-color: lighten($the-darkbrown, 15%);

				i {
					color: darken($the-darkbrown, 20%);
				}
			}
		}
	}
	
}

/* widget */
.widget {
	border-color: lighten($the-darkbrown, 15%);

	.widget-header {
		background-color: $the-darkbrown;
		border-bottom-color: darken($the-darkbrown, 5%);
		color: #fff;

		em {
			color: #fff;
		}

		.btn-help {
			color: lighten($the-darkbrown, 20%);
		}

		.widget-header-toolbar {
			border-left-color: darken($the-darkbrown, 3%);

			.control-title {
				color: #fff;
			}
		}

		.btn-group > a {
			color: #fff;

			&:hover, &:focus {
				color: #d1b3b3;
			}
		}
	}
}

/* main content */
.main-header {
	h2 {
		color: darken($the-darkbrown, 8%);
		border-right-color: lighten($the-darkbrown, 15%);
	}

	em {
		color: lighten($the-darkbrown, 3%);
	}
}

/* footer */
.footer {
	background-color: $the-darkbrown;
}