
/* Style Changer */

#stlChanger .chBut {
	-webkit-transition : all 0.3s ease-in-out 0s;
	-ms-transition : all 0.3s ease-in-out 0s;
	-o-transition : all 0.3s ease-in-out 0s;
	transition : all 0.3s ease-in-out 0s;
}

#stlChanger {
	color:#666666;
	font-size:1em;
	overflow:hidden;
	position:fixed;
	top:50px;
	right:0;
	z-index:9999;
	
}

#stlChanger .siteChanger, #stlChanger .bgChanger, #stlChanger .buts {
	position:relative;
	overflow:hidden;
}

#stlChanger .siteChanger, #stlChanger .bgChanger {
	min-width:35px;
	min-height:100px;
}

#stlChanger a {
	text-decoration:none;
}

#stlChanger a:hover { text-decoration:none; }

#stlChanger .blockChanger {
	width:180px;
	padding:0 0 5px 36px;
}

#stlChanger .chBody {
	background:#ffffff;
	width:100%;
	padding:0;
	position:relative;
	overflow:hidden;
	-webkit-box-shadow: -3px 4px 0px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    -3px 4px 0px 0px rgba(0, 0, 0, 0.1);
	box-shadow:         -3px 4px 0px 0px rgba(0, 0, 0, 0.1);
}

#stlChanger .chBut {
	background-image:url(images/arrow.png);
	background-position:center center;
	background-repeat:no-repeat;
	width:35px;
	height:40px;
	line-height:20px;
	position:absolute;
	top:44px;
	left:1px;
	z-index:10;
}

#stlChanger .chBut:before {

	padding: 10px 6px;
	float:left;
}

#stlChanger .chBut.closed:before { color:#666666; }

#stlChanger .stBlock {
	position:relative;
	overflow:hidden;
}

#stlChanger span {
	font-size:13px;
	text-transform: uppercase;
	display:block;
	padding:5px 0;
	color:#666666;
	font-weight: 300;
}


#stlChanger .hdrCols,  #stlChanger .stBgs { width:100%; }

#stlChanger .hdrCols span,  #stlChanger .stBgs a {
	border:1px solid transparent;
	text-decoration:none;
	width:28px;
	height:28px;
	float:left;
	padding:0;
	margin:0 4px 4px 0;
	cursor:pointer;
}

#stlChanger .hdrCols span.current,  #stlChanger .stBgs a.current { border:1px solid #dddddd; }

#stlChanger .stColorParent {
	position:relative;
	overflow:hidden;
	margin-bottom:8px;
}

#stlChanger a.stColor2 {
	color:#7c7c7c;
	display:block;
	float:left;
	position:relative;
	overflow:hidden;
}

#stlChanger a.stColor2 span {
	background:url(images/picker.png) no-repeat 42px 10px;
	border:1px solid #000000;
	width:97px;
	height:38px;
	padding:0;
	margin:0;
}

.bg_t.current > img { height:100%; }


.boxS ,.style_themes
{
  border: 1px solid transparent;
  text-decoration: none;
  width: 27px;
  height: 27px;
  float: left;
  padding: 0;
  margin: 0 4px 4px 0;
  cursor: pointer;
}

#stlChanger .stBlock {
	padding:10px 1px 0px 10px;
}


#stlChanger .stBlock:first-child {
	padding:0px;
}

#stlChanger .stBlock:first-child span {
	color:#fff;
	text-transform:uppercase;
	font-size:16px;
	padding:10px;
	margin-bottom:20px;
	font-weight:400;
}

/* Core */

#alizarin
{
  background-color: #F54325;
}

#pomegranate
{
  background-color: #c1392b;
}

#turqioise
{
  background-color: #1abc9c;
}

#green_sea
{
  background-color: #16a085;
}

#emerald
{
  background-color: #2ecc71;
}

#nephritis
{
  background-color: #27ae60;
}

#peter_river
{
  background-color: #3498db;
}


#belize_hole
{
  background-color: #2980b9;
}

#amethyst
{
  background-color: #9b59b6;
}

#wisteria
{
  background-color: #8e44ad;
}

#wet_asphalt
{
  background-color: #34495e;
}

#midnight_blue
{
  background-color: #2c3e50;
}

#sun_flower
{
  background-color: #f1c40f;
}

#orange
{
  background-color: #f39c12;
}

#carrot
{
  background-color: #e67e22;
}

#pumpkin
{
  background-color: #d35400;
}

#brown
{
  background-color: #ad8255;
}

#concrete
{
  background-color: #95a5a6;
}

#asbestos
{
  background-color: #7f8c8d;
}

#silver
{
  background-color: #bdc3c7;
}


#dark
{
  background-color: #2a2a2a;
  width: 96%;
  line-height: 28px;
  text-align: center;
  color: #ffffff;

}

#white
{
  background-color: #ffffff;
  width: 96%;
  line-height: 28px;
  text-align: center;
  color: #2a2a2a;
  border: 1px solid #f1f1f1;
}