@import url( http://fonts.googleapis.com/css?family=Ropa+Sans );
#color-select {
	background: rgba(0, 0, 0, 0.6); padding: 25px 25px 5px; border-radius: 0px 3px 3px 0px; left: -230px; top: 23%; width: 180px; position: fixed; z-index: 30; min-height: 100px; -moz-transition: left 0.2s; -webkit-transition: left 0.2s; -o-transition: left 0.2s; -moz-border-radius: 0px 3px 3px 0px;
}
.active#color-select {
	left: 0px;
}
#color-select #icon-brush:hover {
	opacity: 1;
}
.active#color-select #icon-brush {
	opacity: 1;
}
#color-select #icon-brush:hover {
	color: rgb(254, 255, 212);
}
#color-select #icon-brush::before {
	content: "\2699";
}
#color-select #icon-brush {
	background: rgba(0, 0, 0, 0.6); padding: 12px 10px; border-radius: 0px 3px 3px 0px; top: 20px; width: 20px; text-align: center; right: -40px; color: rgb(255, 255, 255); font-family: entypo, Arial; font-size: 18px; position: absolute; cursor: pointer; opacity: 0.8; text-shadow: 0px 1px 0px rgba(0,0,0,0.5); -moz-border-radius: 0px 3px 3px 0px;
}
.color-changer {
	color: rgb(255, 255, 255); margin-bottom: 22px; display: block; text-shadow: 0px 1px 0px rgba(0,0,0,0.5);
}
.width-changer {
	color: rgb(255, 255, 255); margin-bottom: 22px; display: block; text-shadow: 0px 1px 0px rgba(0,0,0,0.5);
}
.texture-changer {
	color: rgb(255, 255, 255); margin-bottom: 22px; display: block; text-shadow: 0px 1px 0px rgba(0,0,0,0.5);
}
a.color-changer:hover {
	color: rgb(254, 255, 212);
}
a.width-changer:hover {
	color: rgb(254, 255, 212);
}
a.color-changer:hover .color-picker {
	border: 2px solid rgb(254, 255, 212); border-image: none;
}
.color-changer b {
	padding-bottom: 3px; font-family: "Ropa Sans", sans-serif; font-size: 18px; font-weight: bold; margin-left: 45px; display: block;
}
.width-changer b {
	padding-bottom: 3px; font-family: "Ropa Sans", sans-serif; font-size: 18px; font-weight: bold; margin-left: 45px; display: block;
}
.texture-changer b {
	padding-bottom: 3px; font-family: "Ropa Sans", sans-serif; font-size: 18px; font-weight: bold; margin-left: 45px; display: block;
}
.color-changer > span {
	line-height: 12px; font-size: 10px; margin-left: 45px; display: block;
}
.width-changer span {
	line-height: 12px; font-size: 10px; margin-left: 45px; display: block;
}
.texture-changer span {
	line-height: 12px; font-size: 10px; margin-left: 45px; display: block;
}
.color-changer .color-picker {
	border-radius: 15px; border: 2px solid rgb(255, 255, 255); border-image: none; width: 20px; height: 20px; margin-left: 0px; display: block; position: absolute; box-shadow: 0px 2px 0px rgba(0,0,0,0.2), inset 3px 3px 0px rgba(255,255,255,0.2); -moz-transition: border 0.2s; -webkit-transition: border 0.2s; -o-transition: border 0.2s; -moz-border-radius: 15px; -moz-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2), inset 3px 3px 0px rgba(255, 255, 255, 0.2); -webkit-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2), inset 3px 3px 0px rgba(255, 255, 255, 0.2);
}
.background-bulb {
	border-radius: 15px; border: 2px solid rgb(255, 255, 255); border-image: none; width: 20px; height: 20px; margin-left: 0px; display: block; position: absolute; box-shadow: 0px 2px 0px rgba(0,0,0,0.2), inset 3px 3px 0px rgba(255,255,255,0.2); -moz-transition: border 0.2s; -webkit-transition: border 0.2s; -o-transition: border 0.2s; -moz-border-radius: 15px; -moz-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2), inset 3px 3px 0px rgba(255, 255, 255, 0.2); -webkit-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2), inset 3px 3px 0px rgba(255, 255, 255, 0.2);
}
.background-bulb {
	background-position: center; border-radius: 35px; width: 30px; height: 30px; margin-right: 10px; display: inline-block; position: relative; background-repeat: repeat; -moz-border-radius: 35px;
}
.background-bulb:hover {
	border: 2px solid rgb(254, 255, 212); border-image: none;
}
.texture-pack {
	padding-top: 20px; display: block;
}
span.width-switcher {
	width: 20px; height: 20px; font-family: entypo, Arial; font-size: 27px; margin-top: 10px; margin-left: 0px; display: block; position: absolute;
}
.iris-picker {
	margin-top: 10px;
}