/* 
Values:
One value, it applies to all sides.
Two values, first value = top and bottom, 2nd = right and left.
Three values, first value = top, second = left and right, and third = bottom
Four values = top, right, bottom, and left, respectively.
*/


body{
	background: #FFFFFF; /* #F9EEDA */
	background:transparent url(http://tchs.cdtek.com/wp-content/uploads/2014/10/wall_179.jpg) no-repeat scroll top center;
}

body.blog, body.single, body.archive, body.search {background:transparent url(http://tchs.cdtek.com/wp-content/uploads/2014/10/wall_179.jpg) no-repeat scroll top center;}

h2 {color:#777;text-align:left;}
.page-id-264 h2 { padding-top:20px;}

/* Header */

#masthead{
	/*background: #AD6289;  /* #EA5546; */
	width: 200px;
	margin: 0px 10px 0px 5px;	/* top was 30px, left was 25px */
	position: fixed;
	z-index: 100;
	/*border-top:3px solid #AD6289;  /* #E6473B; */
	
}

#masthead.site-header.cf div.top div#submenu.cf {
		background-color:rgba(145,145,145,0.75); /* rgba(173,98,137,0.6) */
	}

.top{
	
}

.logo{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px; /*top was 20, left was 10 */
	font-family: Lato, sans-serif;
	/*background:url(http://truecolorshairsalon.com/wp-content/themes/Helix/images/edge.png) bottom repeat-x; */
}

.logo h1{
	font-size:24px;
	text-transform: ; /* text-transform: uppercase; */
	margin: 5px 0px 0px 0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 0px;
	font-weight: 600;
	padding-left:0px;
}

.logo h1 a:link, .logo h1 a:visited{
	color: #fff;
}
.logo:after {
    background-color: none;
}


.social-links{
	padding: 5px 0px;
		height:40px;
	background-color:rgba(145,145,145,0.75); /* rgba(173,98,137,0.6) */
	/* background: url(http://truecolorshairsalon.com/wp-content/themes/Helix/images/edger.png) top repeat-x;) */
}



.social-links ul{
	margin: 0px;
	padding: 0px 0px 0px 20px;

}

.social-links ul li{/* background color here colors just behind images */
	height: 24px;
	width: 24px;
	float: left;
	list-style: none;
	margin: 10px 5px 10px 0px;
}

.social-links ul li a{
	width: 24px;
	height: 24px;
	display: block;
	
}

li.twitter{
	background: url(http://truecolorshairsalon.com/wp-content/themes/Helix/images/twitter.png);
}

li.facebook{
	background: url(http://truecolorshairsalon.com/wp-content/themes/Helix/images/facebook.png);	
}

li.gplus{
	background: url(http://truecolorshairsalon.com/wp-content/themes/Helix/images/gplus.png);	
}

li.feed{
	background: url(http://truecolorshairsalon.com/wp-content/themes/Helix/images/feed.png);	
}
li.in{
	background: url(http://truecolorshairsalon.com/wp-content/themes/Helix/images/in.png);	
}
/* Searchform */



#searchform #s{
	background:#fff;
	border: 1px solid #ddd;
	color: #777;
	width:220px!important;
	padding: 10px 10px;
	font-size: 13px;
	margin: 10px 0px 30px 0px;
	border-radius: 0;
}

#searchsubmit{

	display: none;
}


/* Menu */


#submenu {
	padding:5px 0px;
	margin: 0px 0px;
	background: #AD6289; /* #fff */


	}
	
#submenu > ul {
	/* Menu width */
	width: 200px;
	float:left;
	list-style: none;
	margin: 0 ;
	padding: 0px;
	/* Menu FONT */
	font-size: 14px;
	text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
	}
	
#submenu > ul > li {
	/*border-bottom: 1px solid #822A4D;  was #f2f2f2*/
	list-style: none;	margin: 0;
	padding: 0;
	color: #222; /* was #222*/
	font-weight:700;
	text-transform: uppercase;
	}
	
#submenu > ul > li:last-child{
	border: none;
}	

#submenu li{
	list-style: none;
}
	
#submenu li a {
	color: #fff; /* was #444 */
	
	display: block;
    margin: 0;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	position: relative;
	}

#submenu li a:hover, #submenu li a:active{
	background-color:rgba(255,255,255,0.5);
	color: #82284C; /* #F7584A; */
	width:80%;
	
	}
	
#submenu .current_page_item a  {
	color: #82284C; 
	font-weight: bold;
	}
	
	
	
#submenu li a.sf-with-ul {
	padding-right: 10px;
	}	
	

	
#submenu li ul li a, #submenu li ul li a:link, #submenu li ul li a:visited,
#submenu li ul li ul li a, #submenu li ul li ul li a:link, #submenu li ul li ul li a:visited,
#submenu li ul li ul li ul li a, #submenu li ul li ul li ul li a:link, #submenu li ul li ul li ul li a:visited {

	color:#FFF; /* 58535F */
	width: 148px; 
	margin: 0;
	padding: 10px 10px;
	border-top:0px solid #f4f4f4;
	position: relative;
	font-weight: bold;
	font-size:14px;
	}
	
#submenu ul li ul li:first-child a,#submenu ul li ul li ul li:first-child a,#submenu ul li ul li ul li ul li:first-child a  {
/*	border-top:none; */
	border:none;

}

	
#submenu li ul li a:hover ,#submenu li ul li ul li a:hover ,#submenu li ul li ul li ul li a:hover {
	color: #82284C; 
	font-weight: bold;
	/*background-color:rgba(255,255,255,0.5); */
	
		}


#submenu li ul {
	font-size: 11px;
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	margin: -41px 0px 0px 170px;
	padding: 5px 5px;

	background-color:rgba(145,145,145,0.75); /* rgba(173,98,137,0.5) */
	}

#submenu li ul a { 
	width: 150px;
	}

#submenu li ul a:hover, #submenu li ul a:active { 
	}

#submenu li ul ul {
	margin: -40px 0 0 175px;
	}

#submenu li:hover ul ul, #submenu li:hover ul ul ul, #submenu li.sfHover ul ul, #submenu li.sfHover ul ul ul {
	left: -999em;
	}

#submenu li:hover ul, #submenu li li:hover ul, #submenu li li li:hover ul, #submenu li.sfHover ul, #submenu li li.sfHover ul, #submenu li li li.sfHover ul {
	left: auto;
	}

#submenu li:hover, #submenu li.sfHover { 
	position: static;
	}


/* Layout */


/* pages *********/
#main{
	background-color:rgba(255,255,255,0.90);
	width: 45%; 	/*	affects content area 	650px; */
	float: left;
	margin: 18.3% 0% 0% 15%; /* was margin: 150px 0px 0px 235px; */
	/* based on 1600 px width x 900 px height monitor
left 240 px = 15% 165 px = 18.3*/
	
	
	border-radius: 10px 10px 10px 10px;
	padding-right: 2%;
}

  #container {
    display: table;
    }

  #row  {
    display: table-row;
    }

  #left, #right, #middle {
    display: table-cell;}

#primary{
	padding: 20px 0px 20px 0px; /* First value sets the Top (and bottom); Second value sets the Side (left and right) padding: 20px 0px; */
	margin: 0px 10px 0px 20px; /* was 0px 10px 0px 20px;, top was 0px */
	width: 88%; /* was 500px; */
	float: left;
	background-color: ;
	font-size: 11pt;
}



#secondary{
	padding: 20px 0px;
	width: 240px;
	float: left;
	margin: 0px 20px 0px 10px;
}


/* slideshow */

.mesh{
	background:url(http://truecolorshairsalon.com/wp-content/themes/Helix/images/mesh.png);
	width: 100%;
	height: 100%;
	position: absolute;
	top:0px;
}


.dome{
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -30px;
	height: 30px;
	width: 60px;
	background: url(http://truecolorshairsalon.com/wp-content/themes/Helix/images/dome.png);
	-webkit-transition: all 200 ease;
	-moz-transition: all 200 ease;
    -ms-transition: all 200 ease;
    -o-transition: all 200 ease;
	transition: all 200 ease;
}

.dome ul{
	margin:0px;
	padding: 0px;
	
}

.dome ul li{
	float: left;
	list-style: none;
	width: 14px;
	height: 17px;
	cursor: pointer;
}

.dome ul li#arrow_right{
	background: url(http://truecolorshairsalon.com/wp-content/themes/Helix/images/arright.png);
	margin: 8px 0px 0px 8px;
}

.dome ul li#arrow_left{
	background: url(http://truecolorshairsalon.com/wp-content/themes/Helix/images/arleft.png);
	margin: 8px 0px 0px 11px;
}

/*blog */

header.page-header{
	margin: 0px 0px 20px 0px;
}

h1.page-title{
	color: #AD6289; /* #EA5546; */
	margin: 0px 0px 5px 0px;
	font-size: 18px;
}

h3, h4, h5, h6 { color:#AD6289;}


.entry-header{
	padding: 10px 0px 0px 0px;
	margin: 0px 0px;

}

h1.entry-title{
	padding: 0px 0px 0px 0px;
	font-size: 24px;
	margin: 0px;
	color: #AD6289; /* #993355 #111 */
	text-transform: uppercase;
	font-weight:600;
}

h1.entry-title a:link, h1.entry-title a:visited{
	color: #7F284B; /* #111; */
	font-size: 14pt;
}

div { padding-bottom:10px;}

#rrr {white-space: normal;} /* normal */
#rrr img {opacity: 0.7;}
#rest {color: #993355; font-weight: bold; font-size: 14pt; display:block; padding-left:30px; width:75%}

img.postimg{
	margin: 20px 0px 0px 0px;
	border-bottom: 5px solid #AD6289;  /* #EA5546; */
}

.postdate{
	width:80px;
	float: left;
}

.postdate .date{
	font-size: 64px;
	font-weight: 900;
	color: #ccc;
	line-height:58px;
	margin: 0px 0px 10px 0px;
}

.postdate .mear{
	font-size: 10px;
	display: block;
}

.postentry{
	float: left;
	width:400px;
	margin: 0px 0px 0px 10px;
}

a.rmore{
	padding: 5px 10px;
	background: #AD6289;  /* #EA5546; */
	color: #fff;
	float: right;
}

footer.entry-meta{
	padding: 10px 0px;
	border-top: 1px solid #e5e5e5;
}



/* =Widgets
----------------------------------------------- */

.widget {
	background: #fff;
	margin: 0px 0px 30px 0px;

}

h1.widget-title {
    font-size: 14px;
    padding: 0px 0px 10px 0px;
	color:#993355;
	font-weight: 600;
	text-transform: uppercase;
	background: url(http://truecolorshairsalon.com/wp-content/themes/Helix/images/line.png) left bottom no-repeat;
}

.widget ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px 0px 20px 0px;
}

.widget li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.widget ul ul {
    list-style-type: none;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
}

.widget ul li {
    list-style-type: none;
    margin: 0px;
    margin: 3px 0px;
	color: #838087;
}

.widget ul li a:link,.widget ul li a:visited {
	color: #838087;
    text-decoration: none;
}

.widget ul li a:hover{
	color:#FA6C65;
}

.widget.widget_categories ul li,.widget.widget_pages ul li,.widget.widget_archive ul li,.widget.widget_links ul li,.widget.widget_meta ul li {
    border-bottom: 1px solid #ddd;
    padding: 3px 0px;
}

.widget.widget_recent_entries ul li  {
	padding: 5px 0px;
     border-bottom: 1px solid #ddd;
}

.widget ul#recentcomments li.recentcomments {
     border-bottom: 1px solid #ddd;
    padding: 5px 0;
}

.widget .textwidget p {
    padding: 0px 0px;
}

.widget .tagcloud {
    padding: 0px 0px 20px 0px;
}

.widget .tagcloud a{
	color:#F5634A;
}

.widget #calendar_wrap{
	padding:0px 20px 20px 20px;
	color: #fff;
}

.squarebanner{

}

h3.sidetitl {
    font-size: 14px;
    padding: 20px 0px 10px 0px;
	color:#333;
	font-weight: 600;
	text-transform: uppercase;
	background: url(http://truecolorshairsalon.com/wp-content/themes/Helix/images/line.png) left bottom no-repeat;
}


.squarebanner ul{
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px !important;

}

.squarebanner ul li{
	margin:10px 20px 10px 0px;
	list-style:none;
	float:left;
}


.squarebanner ul li img{
	width: 100px;
	height: 100px;
}
li.rbanner{
	margin-right:0px!important;
}



/* Comments */

#comments{
	
}

h2.comments-title{
	font-size: 16px;
	color: #993355;
	border-bottom: 1px solid #ddd;
	padding: 0px 0px 10px 0px;
	margin-bottom: 20px;
}

#comments ol.commentlist {
    clear: both;
    overflow: hidden;
    list-style: none;
    margin: 0;
}

#comments ol.commentlist li.comment,#comments ol.commentlist li.pingback {
    margin: 0px 0px;
    padding: 0px 0px;
    line-height: 1.6;
}

ol.commentlist li .comment-author .avatar {
     margin: 10px 10px;
     float:left;
}
.comment-top{
	background: #eaeaea;
	
}
cite.fn {
    color: #444;
    font-style:normal;
    font-weight:bold;
    font-size:16px;
    padding-top: 10px;
    display: block;
}

cite.fn a:link,cite.fn a:visited {
	color:#444;
}

ol.commentlist li .comment-meta a {
    color: #444;
    text-decoration: none!important;
    
}
.comment-content{
	padding: 20px 30px 20px 30px;
	background: #fff;
	border:1px solid #f2f2f2;
}

ol.commentlist li .reply {
    background:#FF5D55;
    color: #fff;
    font-size: 12px;
    padding:3px 10px;
    display: inline-block;

}

ol.commentlist li .reply a {
	color:#fff;

}

.space{
	height:50px;
}


ol.commentlist li ul.children {
    list-style: none;
    text-indent: 0;
    margin: 0px 0px 0px 50px;
}


#respond {
    margin: 30px 0;

}

#respond h3 {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    padding: 5px 0px;
    margin:0px 0px;
}

#commentform {
    padding: 0px 0px;
}

#commentform p {
    color: #777;
    margin: 5px 0;
}

.form-allowed-tags{
	font-size:13px;
}

#respond label {
    display:inline;
    color: #777;
    padding: 5px 0;
}

#respond input {
    background: #fff;
    border: 1px solid #ddd;
    color: #777;
    margin: 0 10px 10px 0;
    padding: 5px;
}

#commentform input {
    width: 50%;
    display:block;
    margin-top:5px;
}

#respond input#submit {
	width:130px;
    background:#eee;
    color: #555;
    cursor: pointer;
    margin: 10px 0;
    padding: 5px 10px;
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

textarea#comment {
    display:block;
    margin-top:5px;
    background: #fff;
    border: 1px solid #ddd;
    width: 70%;
    color: #333;
    margin: 5px 0 0;
    padding: 10px 10px;
}

.form-allowed-tags{
	padding:20px 0px;
}


ol.commentlist li .comment-meta,#respond label small {
    font-size: 10px;
}


/* paginate */

.paginate{
	margin: 0px 10px 30px 10px;
}

.pagination{
	background: #fcfcfc;
	border: 1px solid #efefef;
	float: left;
	border-radius: 3px;
}

.paginate a{
	color:#999;
    display: block;
    width:30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    float: left;
    border-right: 1px solid #efefef;
}

.paginate a:last-child{
	border: none;
}

.paginate span{
	color: #FE6B64;
	background: #fff;
    display: block;
    width:30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    float: left;
    border-radius: 3px;
        border-right: 1px solid #efefef;
}

/* Footer */

.site-footer{

	background: #f2f2f2;
	width: 100%;
	position:fixed;
	bottom: 0px;
	
}

.site-info{
	padding: 5px 0px;
	text-align: left;
	font-size: 12px;
	height: 20px;
}

.fcred{
	color:#777;
	padding:0px 10px;
}

.fcred a:link, .fcred a:visited{
	color:#777;
	text-decoration:none;
	}
	
#wrap {
		width:100%;
		margin:0 auto;
		padding-bottom:50px;
	}
	
	#col1 {
		float:left;
		width: 50%;
		padding:10px;
		background:;
	}
	
	#col2 {
		float:right;
		width:50%;
		padding:10px;
		background:;
	}
#post-107 .wp-caption, #post-118 .wp-caption{border: 0px;}
.boxer {
   display: table;
   border-collapse: collapse;
}
 
.boxer .box-row {
   display: table-row;
}
 
.boxer .box {
   display: table-cell;
   text-align: left;
   vertical-align: top;

}



/* DIV with text around an image */
#container {
width: 100 %;
	clear: both;
}
#container2 {
width: 100 %;
	clear: both;
}
#col_left {
	float: left;
	width: 200px;
	height: 160px;
	font-size:9pt;
	font-style:italic;
	padding: 0% 3% 1% 0%;
	/* Firefox */
  height: -moz-calc(100% + 20px);
  /* WebKit */
  height: -webkit-calc(100% + 20px);
  /* Opera */
  height: -o-calc(100% + 20px);
  /* Standard */
  height: calc(100% + 20px);
}

#col_left img {opacity: 0.7;}

#col_mid {
	float: left;
	width: 30%;
	font-size:9pt;
	font-style:italic;
}
#col_right {
	float: right;
	width: 300px;
	font-size:9pt;
	font-style:italic;
}


#products
{padding: 2%;}
#products, .page-id-264, .page-id-18 h2 { color:#777;}
div#products { width: 100%}

/* Georgia Maroon Bold */
.font10ptGeorgiaBoldMaroon{font-size:10pt; font-style:normal; line-height:normal; font-weight:bold; font-variant:normal; text-transform:none; color:#AD6289} /* was #935, font-family:Georgia */
.font11ptGeorgiaBoldMaroon{font-size:11pt; font-style:normal; line-height:normal; font-weight:bold; font-variant:normal; text-transform:none; color:#AD6289}
.font12ptGeorgiaBoldMaroon{font-size:12pt; font-style:normal; line-height:normal; font-weight:bold; font-variant:normal; text-transform:none; color:#AD6289}
.font14ptGeorgiaBoldMaroon{font-size:14pt; font-style:normal; line-height:normal; font-weight:bold; font-variant:normal; text-transform:none; color:#AD6289}
.font16ptGeorgiaBoldMaroon{font-size:16pt; font-style:normal; line-height:normal; font-weight:bold; font-variant:normal; text-transform:none; color:#AD6289}

/* div > p:nth-child(3) > a > img {opacity: 0.7;} */

form.wpcf7-form p { margin-bottom:1em;}
.wpcf7-validates-as-tel {
	line-height:normal; 
	padding: 7px 10px; 
	border: 1px solid #ccc;
    border-radius: 3px;
    color: #666;
	}
	

select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
	line-height:normal; 
	border: 1px solid #ccc;
    border-radius: 3px;
    color: #666;
	}

.Pad015 { padding-left:15px;}

.OpenFont {font-size: 12px;}

h1.site-title.logo a.mylogo {vertical-align: top; height:0px;}
.page.page-id-264 ul {margin-left:.5em;}

.page-id-264 tr td {line-height:normal;}
.page-id-264 img { padding: 10px;}
.padB010 {padding-bottom:10px;}
div.picboxL {
float: left;
padding: 5px;
width: 100%;
font-weight: normal;
}
div.picboxL img {
float: left;
margin: 5px;
}
div.clearerL {
clear: left;
line-height: 0;
height: 0;
}
div.picboxR {
float: left;
padding: 5px;
width: 100%;
font-weight: normal;
}
div.picboxR img {
float: right;
margin: 5px;
}
div.clearerR {
clear: right;
line-height: 0;
height: 0;
}
/* colore of google plus #DE97D9 */
tdIndent { width: 100%;}

#ss_pages ul.page_item_list li.page_item.page-item-18 a {
font-family: Open sans,sans-serif; font-size: 15px;}

#ss_pages ul.page_item_list li.page_item.page-item-18 {}
.site-footer div.site-info div.fcred span a:hover { text-decoration:underline;}
/* Georgia GREEN Bold */
.font10ptGeorgiaBoldGreen{font-family:Georgia; font-size:10pt; font-style:normal; line-height:normal; font-weight:bold; font-variant:normal; text-transform:none; color:#336633;}
.font11ptGeorgiaBoldGreen{/*font-family:Georgia;*/ font-size:11pt; font-style:normal; line-height:normal; font-weight:bold; font-variant:normal; text-transform:none; color:#336633; opacity: 0.7;}
.font12ptGeorgiaBoldGreen{font-family:Georgia; font-size:12pt; font-style:normal; line-height:normal; font-weight:bold; font-variant:normal; text-transform:none; color:#363}
.font14ptGeorgiaBoldGreen{font-family:Georgia; font-size:14pt; font-style:normal; line-height:normal; font-weight:bold; font-variant:normal; text-transform:none; color:#336633}
.font16ptGeorgiaBoldGreen{font-family:Georgial; font-size:16pt; font-style:normal; line-height:normal; font-weight:bold; font-variant:normal; text-transform:none; color:#336633}

.post-629 li { line-height: 25px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; font-style:none;}

#primary.content-area img {opacity: 0.7;}
iframe  {opacity: 0.7;}
#santa_container {
width:97%;
	clear: both;
	height:200px;
	background-color:#FFF;
}
#santa_col_left {
	float: left;
	width: 100%;
	height: 120px;
	font-size:14pt;
	font-style:italic;
	color:#000;
	text-align:left;
	color:#040;
}


.product-more-info {height: 40px;}
 /*#content.site-content article div.display-posts-listing div.listing-item div.content div strong {color: #336633;}*/
 
.page.page-id-1146.page-template-default.logged-in div.display-posts-listing { padding-bottom:0px;}