@import url("../twentytwelve/style.css");

/*
Theme Name:     Twenty Twelve Child
Theme URI:      http://example.com/
Description:    Child theme for the Twenty Twelve theme
Author:         Adam Cooper
Author URI:     http://example.com/about/
Template:       twentytwelve                             
Version:        0.1.0
*/

/***** COLORS *****

901e26 burgundy
#c4c3ae bg beige
e1e0d5 column beige
f9f9f7 column box beige

/******************/

body, body .entry-content, body p, table, td, .default
{
font: 14px/20px arial, verdana, helvetica, geneva, sans-serif;
color: #3c3c3c;		
padding: 0px;
margin: 0px;
padding-top: 0px;	
/*background:transparent url('images/bg_tiling.jpg') center top repeat-x;*/
text-align: left;

}

body
{
background-color: #c4c3ae;
}

body.mceContentBody /* set the bg color of the editor area in wp admin */
{
background-color: #fff;
background-image: none;
}		

#footer-thankyou
{
display: none !important;	
}

.alt_color
{
color: #418dbf;
}

/* Generic heading styling */
h1, h2, h3, h4
{
font-family: arial, verdana, helvetica, geneva, sans-serif;
color: #901e26;
padding-bottom: 4px;
font-weight: normal;
/*font-weight: bold;*/
}

h1
{
font-size: 24px !important;
line-height: 24px !important;
margin-top: 10px;
margin-bottom: 20px;
/*display: inline-block;*/
display: block;
border-bottom: 1px solid #901e26;	
}
	
	/****** these 2 styles are only here to get rid of the unnecessary default padding below the main title ******/
	header.entry-header
	{
	margin-bottom: 0px;	
	}
	
	footer.entry-meta 
	{
	display: none;
	}
   /**********************/
	
	
h2, h2.entry-content
{
font-size: 18px;
line-height: 24px;
/*display: inline-block;*/
display: block;
border: 0px solid yellow;
margin: 0px 0px 8px 0px !important;
}

h3, h3.entry-content
{
font-size: 14px;
line-height: 18px;
border: 0px solid yellow;
}

h4
{
font-size: 14px;
line-height: 18px
}

.default_color
{
color: #3c3c3c;	
}

.bold
{
font-weight: bold;
}

.emphasis
{
font-style: italic;
/*font-size: 28px;*/
font-weight: bold;
}

.underline
{
margin-bottom: 10px;
border-bottom: 1px solid #901e26 ;	
display: block;	
}

.copyright
{
font-size: 14px;
}

/* LoVe HAte anchors */
a {color: #901e26; text-decoration: none}
a:link {color: #901e26; }
a:visited {color: #901e26; }
a:hover {color: #c4c3ae;}
a:active {color: #901e26; }

a img
{
border: 0px;
}

					
.more, .more a, .less, .less a
{
cursor: pointer;
margin: 5px 0px 0px 0px;
padding: 0px;
/*color: #C93409;*/
display: block;
font-size: 14px;
line-height: 16px;
border: 0px solid yellow;
}		

	.row_of_boxes .more a
	{
	color: #901e26;
	}			

.float_right
{
float: right;
}		
			
hr
{
color: #d1d1d1;
width: 90%;
height: 1px;
border: 1px solid #d1d1d1;
}
	
.clear_all
{
clear: both;
}
			
				

/**** MAIN LAYOUT ****/

#container_1
{
padding-top: 0px;
text-align: center;
margin: 0 auto;
/*background: transparent url('images/bg_tiling.jpg') left top repeat-x;*/
border: 0px solid red;
background:transparent url('images/bg_tiling.jpg') center top repeat-x;
}

#container_2
{
padding-top: 0px;
text-align: center;
margin: 0 auto;
border: 0px solid yellow;
padding-top: 75px;
/*width: 100%;
height: 100%;*/
/*background:transparent url('images/sun_bg_lg.png') right top no-repeat;*/
}


	#container_3
	{
	width: 1000px;
	text-align: left;
	margin: 0 auto;
	border: 0px solid green;
	min-height: 700px;
	
	margin-bottom: 10px;
	
	-webkit-box-shadow: 0px 0px 8px #5d5d5d;
	-moz-box-shadow: 0px 0px 8px #5d5d5d;
	box-shadow: 0px 0px 8px #5d5d5d;
	}		
	
		#header
		{		
		position: relative;		
		border-top: 2px solid #a6a6a6;
		border-bottom: 2px solid #a6a6a6;
		width: 1000px;
		height: 312px;	
		text-align: left;		
		overflow: visible;		
		/*background-image: url(images/header.png); 
		background-repeat: no-repeat; 	*/
		z-index: 100;	
		background-color: #fff;
		}			
		
			/*#site-navigation*/
			#nav_container
			{
			width: 1000px;
			position: absolute;
			left: 0px;
			top: -77px;
			height: 68px;
			border: 0px solid black;
			text-align: right;		
			background-image: url(images/nav_bg.png); 
			background-repeat: no-repeat; 
			z-index: 200;		
			margin-top: 0px;
			}		
			
			#logo
			{		
			position: absolute;	
			left: 10px;
			top: 45px;	
			border: 0px solid #3c3c3c;
			width: 327px;
			height: 69px;					
			/*background-image: url(images/logo_for_site.png); 
			background-repeat: no-repeat; */
			}		
			
			#vcard
			{			
			position: absolute;	
			top: 140px;
			left: 100px;
			border: 0px solid yellow;
			font: 14px/20px arial, verdana, helvetica, geneva, sans-serif;
			text-align: center;
			/*color: #4C70B5;		*/
			/*width: 1000px;	
			height: 48px;	*/	
				
			}		
			
				.adr
				{
				border-bottom: 1px solid #CCC;	
				padding-bottom: 4px;
				margin-bottom: 4px;
				}
				
				#main_content .adr
				{
				border: 0px;	
				}
				
				#phone
				{
				border-bottom: 1px solid #CCC;	
				padding-bottom: 4px;
				margin-bottom: 4px;	
				}
				
				#main_content #phone
				{
				border: 0px;	
				}
			
			#content_container
			{
			position: relative;
			left: 0px;
			width: 1000px;
			border: 0px solid blue;		
			border-top: 2px solid #fff;	
			padding-top: 0px;
			margin-top: 0px;	
			margin-bottom: 10px;	
			background-color: #fff;
			background-color: #e1e0d5;
			}				
			
				#column_1
				{
				float: left;
				width: 352px;			
				text-align: left;
				border: 0px solid orange;				
				position: relative;					
				top: 0px;
				left: 0px;		
				display: block;		
				background-color: #e1e0d5;	
				/*min-height: 500px;	*/
				
				}
				
					#column_1_padding
					{
					padding: 20px 20px 20px 20px;
					}		
								
						#second_level_nav_container
						{					
						position: relative;
						left: 0px;
						top: 0px;
						border: 0px solid #19618f;
						text-align: center;	
						/*background-color: #418dbf;		*/
						border-right: 0px;
						border-left: 0px;
						margin-bottom: 20px;
						}
						
						#appointment_box
						{
						background-image: url(images/clock.png); 
						background-repeat: no-repeat;
						background-position: 0px 10px;	
						height: 130px;
						border: 0px solid blue;
						position: relative;
						}
						
							#appointment_text
							{
							position: absolute;
							top: 10px;
							left: 120px;	
							width: 100px;
							font-size: 16px;
							font-weight: bold;
							text-align: center;
							}
							
							#book_now_btn
							{
							background: transparent url('images/book_now_btn.jpg') 0px bottom no-repeat;	
							width: 104px;
							height: 27px;	
							position: absolute;
							bottom: 0px;
							right: 0px;
							border: 0px solid red;
							}
						
						
				#main_content
				{
				position: relative;	
				left: 0px;		
				float: left;
				width: 648px;	
				border-right: 0px solid red;		
				text-align: left;			
				min-height: 200px;
				background-color: #fff;
				/*background-image: url(images/border_grey.gif); 
				background-repeat: repeat-y;
				background-position: left;	*/
				}			
				
					#main_content_padding
					{
					padding-left: 15px;
					padding-top: 0px;
					padding-top: 10px;
					padding-right: 15px;
					padding-bottom: 20px;
					}	
					
					
				#main_content.home
				{

				}											
		
					.home #main_content_padding
					{					
					padding-top: 15px;					
					}	
					
					/* to remove the h1 title on the home page */
					.home header.entry-header 
					{
					display: none !important;	
					}
					
		
				table#price_list
				{
				border: 0px solid #000;
				width: 100%;
				}
		
				#price_list td
				{
				border: 0px solid #000;
				vertical-align: bottom;
				}
				
					#price_list h2
					{
					padding: 0px;
					margin: 0px;	
					line-height: 1em;
					}
					
					#price_list .price_text
					{
					padding-left: 20px;
					}
					
					#price_list .price_dots
					{					
					width: 100px;
					text-align: right;
					}
					
					#price_list .price
					{					
					width: 100px;
					}
		
			table#home_services
			{
			margin: 0px !important;	
			border: 0px !important;
			}
			
				table#home_services td, table#home_services td ul
				{
				margin: 0px !important;	
				border: 0px !important;
				}
		
		#footer
		{
		position: relative;
		left: 0px;
		padding-top: 0px;
		text-align: center;
		margin: 0 auto;
		margin-bottom: 70px;
		border: 0px solid blue;		
		height: 120px;
		width: 1000px;
		background-color: #fff;
		/*background:transparent url('images/footer.jpg') center bottom no-repeat;	
		background-position: 16px 0px; */
		
		-webkit-box-shadow: 0px 0px 8px #5d5d5d;
		-moz-box-shadow: 0px 0px 8px #5d5d5d;
		box-shadow: 0px 0px 8px #5d5d5d;
		}	
		
		
			#footer_logo
			{
			position: absolute;
			top: 45px;
			right: 20px;
			height: 42px;
			width: 200px;
			background:transparent url('images/logo_for_site_sm.png') center bottom no-repeat;		
			}
		
			#website_by
			{
			position: absolute;
			top: 130px;
			left: 170px;			
			border: 0px solid #3c3c3c;
			color: #3c3c3c;
			margin: 0 auto;	
			font-size: 12px;		
			}
			
				#website_by a
				{
				color: #3c3c3c;
				}




/****** BOX SETTINGS *****************/

.box
{
margin: 0px 0px 10px 0px;
padding: 20px;			
background-color: #f9f9f7;
border: 1px solid #c4c3ae;
/*height: 170px;*/
}
					
	.white
	{	
	background-color: #fff;
	}
	
	.box_sub_title
	{
	font-weight: bold;
	margin: 0px 0px 4px 0px;		
	}

.round_corners
{
border: 1px solid #d1d1d1;
-moz-border-radius: 6px;  
-webkit-border-radius: 6px;  
border-radius: 6px;  	
}

.drop_shadow
{
-webkit-box-shadow: 2px 2px 3px #d1d1d1;
-moz-box-shadow: 2px 2px 3px #d1d1d1;
box-shadow: 2px 2px 3px #d1d1d1;
}

.box_shade_top
{
background-image: url(images/box_shade_top.png);
background-position: top left;
background-repeat: repeat-x;			
}

.box_shade_top_wht
{
background-image: url(images/box_shade_top_wht.png);
background-position: top left;
background-repeat: repeat-x;			
}

.box_shade_btm
{
background-image: url(images/box_shade_btm.png);
background-position: bottom left;
background-repeat: repeat-x;			
}

.box_shade_btm_tall
{
background-image: url(images/box_shade_btm_tall.png);
background-position: bottom left;
background-repeat: repeat-x;			
}


/*********** FADING IMAGE ROTATE **************/

div.rotator 
{
border: 0px solid #3c3c3c;
width: 648px;
height: 308px;	
margin: 0px;
padding: 0px;	
float: right;
position: relative;
top: 2px;	
			
}

	div.rotator ul
	{	
	margin: 0px;
	padding: 0px;				
	}	
	
		div.rotator ul li 
		{
		float:left;
		position:absolute;
		list-style: none;
		margin: 0px;
		padding: 0px;		
		}
		
		div.rotator ul li img 
		{
		width: 648px;
		height: 308px;	
		margin: 0px;
		padding: 0px;
		}
				  
		div.rotator ul li.show 
		{
		/*z-index:500;*/
		}




/******** ROW OF BOXES *********/

.row_of_boxes
{
width: 650px;
border: 0px solid black;
margin: 0px;
margin-top: 0px;
display: inline-block;
margin-bottom: 8px;
margin-left: 2px;
}

	.row_of_boxes a
	{
	color: #fff;
	}
	

	
	.row_of_boxes .box
	{
	padding: 0px;
	}
		
		.row_of_boxes .first_box, .row_of_boxes .second_box, .row_of_boxes .third_box, .row_of_boxes .fourth_box
		{		
		position: relative;			
		float: left;	
		width: 322px;		
		margin-bottom: 2px;
		border: 0px solid #cecece;
		display: block;
		}
		
		.second_box_wrapper
		{
		position: relative;			
		float: left;			
		margin-bottom: 2px;
		border: 0px solid #cecece;
		display: block;
		}		
		
		.box_title_container
		{		
		padding: 14px 0px 0px 0px;
		text-align: left;		
		border-bottom: 2px solid #901e26;
		
		background-color: #901e26; /* fallback color if gradients are not supported */
	   background-image: -webkit-linear-gradient(left, #901e26, #d9a3ad); /* For Chrome and Safari */
	   background-image:    -moz-linear-gradient(left, #901e26, #d9a3ad); /* For old Fx (3.6 to 15) */
	   background-image:     -ms-linear-gradient(left, #901e26, #d9a3ad); /* For pre-releases of IE 10*/
	   background-image:      -o-linear-gradient(left, #901e26, #d9a3ad); /* For old Opera (11.1 to 12.0) */
	   background-image:         linear-gradient(to right, #901e26, #d9a3ad); /* Standard syntax; must be last */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#901e26', endColorstr='#d9a3ad'); /* for post 5.5 IE */
		}				
		
			.box_title_container h2
			{
			position: relative;
			bottom: 0px;
			color: #fff;
			font-size: 16px;
			line-height: 18px;	
			border-bottom: 1px solid #fff;		
			padding: 0px;
			margin: 0px;
			padding-bottom: 5px;	
			padding-left: 10px;		
			}
			
				
		/* FIRST BOX */
		.row_of_boxes .first
		{
		margin-right: 2px;			
		}
			
			.row_of_boxes .first_box .content, .row_of_boxes .second_box .content, .row_of_boxes .third_box .content, .row_of_boxes .fourth_box .content
			{			
			height: 100px;
			border-bottom: 1px solid #a6a6a6;
			
			background-color: #e1e0d5; /* fallback color if gradients are not supported */
			background-image: -webkit-linear-gradient(top, #e1e0d5, #ffffff); /* For Chrome and Safari */
			background-image:    -moz-linear-gradient(top, #e1e0d5, #ffffff); /* For old Fx (3.6 to 15) */
			background-image:     -ms-linear-gradient(top, #e1e0d5, #ffffff); /* For pre-releases of IE 10*/
			background-image:      -o-linear-gradient(top, #e1e0d5, #ffffff); /* For old Opera (11.1 to 12.0) */
			background-image:         linear-gradient(to bottom, #e1e0d5, #ffffff); /* Standard syntax; must be last */
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e0d5', endColorstr='#ffffff'); /* for post 5.5 IE */
			}		
			
				.row_of_boxes .first_box .content_padding, .row_of_boxes .second_box .content_padding, .row_of_boxes .third_box .content_padding, .row_of_boxes .fourth_box .content_padding
				{
				padding: 18px 20px 20px 20px;
				}		
				
			.row_of_boxes .first_box .content_2
			{			
			height: 148px;
			border-bottom: 2px solid #901e26;
			background:transparent url('images/box_images_manicures.jpg') center bottom no-repeat;	
			}		
								
				.row_of_boxes .first_box .content_2_padding
				{
				padding: 0px 0px 0px 0px;
				}								
						
			
		/* SECOND BOX */
		
		.row_of_boxes .second
		{
		margin-right: 0px;			
		}			
				
			.row_of_boxes .second_box .content_2
			{			
			height: 148px;
			border-bottom: 2px solid #901e26;
			background:transparent url('images/box_images_pedicures.jpg') center bottom no-repeat;		
			}		
								
		/* THIRD BOX */
		
		.row_of_boxes .third
		{
		margin-right: 2px;			
		}			
				
			.row_of_boxes .third_box .content_2
			{			
			height: 148px;
			border-bottom: 2px solid #901e26;
			background:transparent url('images/box_images_waxing.jpg') center bottom no-repeat;		
			}		
								
		/* FOURTH BOX */
		
		.row_of_boxes .fourth

		{
		margin-right: 0px;			
		}			
				
			.row_of_boxes .fourth_box .content
			{					
					
			}		
				
			.row_of_boxes .fourth_box .content_2
			{			
			height: 148px;
			border-bottom: 2px solid #901e26;
			background:transparent url('images/box_images_store_front.jpg') center bottom no-repeat;		
			
			}		
												
				



/****** SOCIAL BUTTONS ******/
#social_buttons_container
{					
border: 0px solid red;	
z-index: 50;
/*display: none;*/
/*position: fixed;*/ /* use these if floating the box */
top: 250px;
left: 20px;		
}			

	#addthis_buttons
	{		
	/*margin: 7px 8px 0px 0px;*/
	border: 1px solid #d1d1d1;	
	padding-left: 39px;							
	/*float: right;*/
	}		
	
		#addthis_buttons a
		{
		/*color: #fff;*/
		/*line-height: 16px;*/
		}	
		
		.addthis_separator	
		{
		/*color: #fff;*/
		/*line-height: 16px;*/
		position: relative;
		top: -2px;
		}			
				
	#fb_like_btn
	{
	position: relative;
	border: 0px solid #d1d1d1;
	float: right;							
	margin-bottom: 5px;												
	}			
			
	#social_buttons_container .fb-like span /* only needed if woocommerce fb like/share plugin is being used. It conflicts with my standard social buttons */
	{	
	width: 49px !important;	
	}				



