.sidebar {
	position: fixed;
	top: 0;
	height: 100%;
	z-index: 99997;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	background-color: $background;
	transition: right $transitionDuration ease-in-out, left $transitionDuration ease-in-out;
	white-space: nowrap;
}

#sb_left {
	width: 300px;
	left: 0;
}

#sb_right {
	width: 200px;
	right: -185px;

	.category {
		font-size: $fontSizeH3;
		font-weight: 600;
		color: $colorMajor;
		padding-bottom: 5px;
		margin-left: 5px;
	}

	a {
		margin-left: 5px;
		display: block;
		min-width: 100%;
		padding: 5px;

		&:hover {
			background-color: $hoverMinor;

		}
	}
	
	hr {
		height: 0;
		border: none;
		border-top: $borderLight;
		padding: 0;
		margin: 10px 0;
	}

}

@import "content", "handle", "project_dock", "title";