/* =================================================================== */
/* Styles Switcher
====================================================================== */

	#style-switcher h3 {
		color: #333;
		font-size: 13px;
		margin-top: 15px;
		text-align: center;
	}
	
	#style-switcher {
		background-color: #fff;
		width: 205px;
		position:fixed;
		top: 120px;
		z-index: 999;
		border-radius: 0 0 3px 0;
		left: -206px;
		border: 1px solid #e4e4e4;
		border-left: 0;
		border-top: 0;
		box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
		text-align: center;
	}
	
	#style-switcher div {
		padding: 2px 18px 10px 18px;
	}
	
	#style-switcher h2 {
		background-color: #282923;
		color: #fff;
		font-weight: bold;
		font-size: 14px;
        line-height: 30px;
		padding: 7px 0 6px 0px;
        margin: 0;
        text-align: center;
	}
	
	#style-switcher h2 a {
		background: url("../images/switcher.png") no-repeat 10px center transparent;
		background-color: #28292e;
		display: block;
		height: 43px;
		position: absolute;
		right: -43px;
		text-indent: -9999px;
		top: 0;
		width: 43px;
		border-radius: 0 3px 3px 0;
		text-align: center;
	}
	
	.colors {
		list-style:none;
		margin: 0 0px 10px 0;
		overflow: hidden;
        padding: 0;
        display: inline-block;
        *display: inline;
        *zoom: 1;
	}
	
	.colors li {
		float:left;
		margin: 4px 2px 0 2px;
	}
	
	.colors li a {
		display: block;
		width: 30px;
		height: 30px;
		cursor: pointer;
		border-radius: 5px;
	} 
	
	.layout-style select,
	.footer-style select {
		width: 164px;
		padding: 5px;
		color: #888;
		cursor: pointer;
		border-radius: 2px;
		font-size: 13px;
		margin: 2px 0 10px 2px;
	}
	
	.layout-style,
	.footer-style { padding: 0 !important; }
	
	.orange {background: #FB724E; }
	.green { background: #19BD9B; }
	.blue { background: #4FB7FF; }
    .purple { background: #A0317F; }

	@media only screen and (max-width: 1023px) { #style-switcher { display: none; } }