/*--------------------------------------------
Style Switcher
---------------------------------------------*/
div#theme_options {
	position: fixed;
	left: 30px;
	top: 45px;
	z-index: 100;
	padding: 6px 5px 3px 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: #fff;
	border: 1px solid #ccc;
	text-align: center;
}
div#theme_options.dark { 
	background-color: rgba(255,255,255,0.05);
	border-color: rgba(255,255,255,0.10);
}
	div#theme_options .color_picker { width: 115px; padding: 4px 0px 4px 0px; }
	div#theme_options strong{ 
		color: #333; 
		font-size: 11px; 
		font-weight: bold; 
		margin-bottom: 8px; 
		display: block; 
		cursor: pointer; 
	}
	div#theme_options.dark strong{ color: #fff; }
	div#theme_options span.preview { 
		color: #999; 
		text-transform: lowercase; 
		font-size: 10px; 
		font-weight: normal;
	}
div#theme_options ul {
	list-style: none;
	margin-left: 8px;
}
	div#theme_options ul.backgrounds { margin-left: 8px; }
	div#theme_options ul.backgrounds li {
		height: 23px;
		padding-top: 7px;
		width: 100%;
		text-align: left;
		font-size: 11px;
		color: #6b6b6b;
		font-weight: bold;
		margin-bottom: 10px;
		cursor: pointer;
	}
	div#theme_options.dark ul.backgrounds li { color: #ccc; }
	div#theme_options ul.backgrounds li span {
		display: block;
		height: 25px;
		width: 25px;
		float: right;
		margin-top: -5px;
		margin-right: 5px;
	}
		div#theme_options ul li.linen span{ background: url('../images/backgrounds/light-linen.html') repeat top left; }
		div#theme_options ul li.noise span { background: url('../images/backgrounds/light-noise.html') repeat top left; }
		div#theme_options ul li.stripe span { background: url('../images/backgrounds/light-stripe.html') repeat top left; }
		
		div#theme_options.dark ul.backgrounds li.linen span{ background: url('../images/backgrounds/dark-linen.html') repeat top left; }
		div#theme_options.dark ul.backgrounds li.noise span { background: url('../images/backgrounds/dark-noise.html') repeat top left; }
		div#theme_options.dark ul.backgrounds li.stripe span { background: url('../images/backgrounds/dark-stripe.html') repeat top left; }
	div#theme_options hr { margin: 10px 0px 10px 0px; }
	div#theme_options .miniColors-trigger {
		float: right;
		margin-right: 5px;
	}
	div#theme_options ul.select_color li {
		height: 23px;
		padding-top: 7px;
		text-align: left;
		font-size: 11px;
		color: #6b6b6b;
		font-weight: bold;
		margin-bottom: 10px;
		width: 100%;
	}