/* -------------------------------- The common sense -------------------------------- */

.themeswitcher {
	position: absolute;
	top: 20px;
	left: -88px;
	width: 75px;
	padding: 10px 0 0 10px;
	border: 1px solid #303030;
	border-left: none;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;	
	background: url('bg.png');
	z-index: 500;
	
	font-family: 'Open Sans';
}
		
.themeswitcher .align_button {
	position: relative;
	bottom: 10px;
	right: -39px;
	width: 32px;
	height: 38px;
	border: 1px solid #303030;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;	
	border-left: none;
	background: url('bg.png');
	float: right;
	padding: 3px;			
	z-index: -5;
}

.themeswitcher .button {
	margin: 3px 0 0 0;
}

.themeswitcher .button:hover,
.themeswitcher ul.colors {
	cursor: pointer;
}

.themeswitcher ul.colors {
	margin: 10px 5px 0px 10px;
}

.themeswitcher ul.colors li {
	list-style: none;
	margin: 8px 0 0 0;
	height: 32px;
	width: 32px;
	border-radius: 16px;
}

.red {
	background: rgb(223,31,31);
}

.blue {
	background: rgb(0, 102, 217);
}

.green {
	background: rgb(116, 234, 0);
}

.yellow {
	background: rgb(238, 196, 0);
}

.themeswitcher span {
	color: #fff;
	font-size: 0.8em;
}

/* -------------------------------- Color scheme -------------------------------- */