/*---------- Template Color Scheme ----------*/

#style-switcher h3 {  
	color: #BDBDBD;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	font-size: 14px;
	font-weight: 600;
	margin: 10px 0 10px 1px;
	border-bottom: 1px solid #434242;
}
#style-switcher {
	background-color: #2c2c2c;
	width: 205px;
	position:fixed;
	top: 140px;
	z-index: 999;
	border-radius: 0 0 3px 0;
	left: -206px;
	border: 0px;
	border-left: 0;
	border-top: 0;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
	padding-top: 0px;
}
#style-switcher div {
	padding: 3px 18px 15px;
}
#style-switcher h2 {
	background-color: #2C2C2C;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	padding: 0 0 0 20px;
	margin:0;
	line-height:40px;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
}
#style-switcher h2 a {	
	background-color: #2c2c2c;
	display: block;
	height: 40px;
	position: absolute;
	right: -43px;
	font-size:16px;
	text-align:center;
	color:#fff;
	top: 0;
	width: 43px;
	text-decoration:none;
	border-radius: 0 3px 3px 0;
}	
.colors {
	list-style:none;
	margin: 0 0px 10px 0;
	overflow: hidden;
}
.colors li {
	float:left;
	margin: 4px 2px 0 2px;
}
.colors li a {
	display: block;
	width: 29px;
	height: 29px;
	cursor: pointer;
	border-radius: 1px;
} 
.layout-style select, .header-style select {
	width: 164px;
	padding: 2px 5px;
	color: #888;
	cursor: pointer;
	border-radius: 2px;
	font-size: 13px;
	margin: 2px 0 2px 2px;
}	
.layout-style, .header-style
 { padding: 0 !important; }
	
.onclick_default {
	background-color: #F22853;	
}
.onclick_blue {
	background-color: #00639e;	
}
.onclick_green {
	background-color: #97bc31;	
}
.onclick_orange {
	background-color: #fe8000;	
}
.onclick_yellow {
	background-color: #FFCC00;	
}	
.onclick_purple {
	background-color: #4b0049;	
}