/*------------------------------------------------*/
/*	Skin: Red
/*------------------------------------------------*/

$the-red: #ab1d1d;
$link-color: #f73838;

/* general */

a {
	color: $link-color;

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

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

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

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

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

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

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

			i {
				color: darken($the-red, 15%);
			}

			&:hover {
				border-color: darken($the-red, 15%);

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

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

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

		em {
			color: #fff;
		}

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

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

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

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

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

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

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

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