#theme-customizer {
	display: none;
}
.open-close {
	cursor: pointer;
}
.open-close.cog {
	background-image: url("cog.png");
	top: 40px;
	position: absolute;
	display: block;
	left: 260px;
}
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi){ 
	.open-close.cog {
		background-image: url("cog_x2.png");
		background-size: 21px 21px;
		left: 259px;
	}
}
.ie8 .open-close.cog {
	display: none !important;
}

#theme-customizer .section {
	display: none;
	color: #fff;
	float: left;
}
.page-template-template-portfolio-php #customizer-portfolio {
	display: block;
}
.page-template-template-gallery-php #customizer-gallery {
	display: block;
}
.single-post #customizer-blog {
	display: block;
}
#customizer-colors, #promo {
	display: block !important;
}

#theme-customizer .title {
	color: #fff;
	font-size: 26px;
	font-weight: 300;
	line-height: 32px;
}
#theme-customizer h5 {
	color: #fff;
}
#theme-customizer label {
	font-size: 13px;
	line-height: 15px;
	float: left;
	width: 120px;
	padding-top: 10px;
}

#theme-customizer .field {
	float: left;
	margin-bottom: 10px;
}
#theme-customizer .form-field {
	width: 80px;
	float: right;
}
#theme-customizer .form-field.select {
	margin-right: -20px;
	width: 76px;
}

#theme-customizer #customizer-blog .form-field.select {
	width: 150px;
	margin-right: -30px;
}
#theme-customizer #customizer-blog label {
	width: 60px;
}

#theme-customizer .form-field.checkbox {
	height: 39px;
	border: 1px solid rgba(255, 255, 255, .2);
	position: relative;
	width: 60px;
	cursor: pointer;
}
#theme-customizer input[type="checkbox"] + span:after {
	content: ".";
	display: block;
	background: #fff;
	background: rgba(255, 255, 255, .1);
	text-indent: -9999px;
	width: 30px;
	height: 37px;
	position: absolute;
	left: 0;
	top: 0;
}
#theme-customizer input[type="checkbox"] + span:before {
	content: ".";
	display: block;
	background: url("checkbox.png") no-repeat 0 -36px transparent;
	text-indent: -9999px;
	width: 12px;
	height: 12px;
	position: absolute;
	left: 37px;
	top: 13px;
}
#theme-customizer input[type="checkbox"] {
	width: 60px;
	height: 38px;
	margin: 0;
	visibility: hidden;
}
#theme-customizer input[type="checkbox"]:checked + span:after {
	left: 28px;
}
#theme-customizer input[type="checkbox"]:checked + span:before {
	background-position: 0 0;
	width: 14px;
	height: 12px;
	top: 14px;
	left: 7px;
}

#theme-customizer .select-replace {
	font-size: 13px;
	padding-left: 6px;
}

#customizer-colors ul {
	border: 8px solid rgba(255, 255, 255, .3);
	margin-top: 0;
}
#customizer-colors li {
	width: 10px;
	height: 30px;
	margin: 0;
	cursor: pointer;
	display: block;
	float: left;
	list-style: none;
	-webkit-transition: width 150ms linear;
	transition: width 150ms linear;
}
#customizer-colors li.selected {
	width: 30px;
}
#customizer-colors span {
	display: block;
	float: left;
	width: 100%;
	height: 15px;
}
.ie9 #customizer-colors li {
	width: 10px;
}

#promo {
	border: 1px solid rgba(255, 255, 255, .1);
	padding: 12px 14px;
}
#promo p {
	margin: 0;
	font-size: 13px;
	line-height: 21px;
}
#promo a {
	color: #fff;
}