/*
Theme Name: Twentyeleven Child
Description: Child theme for the twentyeleven theme 
Author: Your name here
Template: twentyeleven
*/

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

/* BEGIN : Unreset TwentyEleven Theme CSS */
#page { margin: 0 auto; }
#main { padding: 0; }
#site-generator { display: none; }
.singular .entry-title, .singular .entry-header .entry-meta { display: none; }
header#branding { display: none; }
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

.singular.page .hentry {
	margin: 0;
	padding: 0;
}

.singular #content, .left-sidebar.singular #content { margin: 0; }
.entry-content img, .comment-content img, .widget img { max-width: 100%; }
/* END : Unreset TwentyEleven Theme CSS */

html,
body {
	padding: 0;
	margin: 0;
	height: 100%;
	font-size: 14px;
	font-family: Century Gothic, Helvetica, sans-serif;
}
	/* BEGIN: Stripes */
	#site_container_wrapper {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		min-height: 100%;
		clear: both;
		background: #FFF url(images/stripes.jpg) repeat left top;
	}
	/* END: Stripes */
	
	/* BEGIN: Site Container */
	#site_container {
		position: relative;
		top: 0;
		left: 0;
		padding: 20px;
		margin: 0 auto;
		width: 830px;
		min-height: 100%;
		font-size: 14px;
		background-color: #FFF;
		-moz-box-shadow: 3px 3px 50px #333;
		-webkit-box-shadow: 3px 3px 50px #333;
		box-shadow: 3px 3px 50px #333;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	}
	
	#site_container h1,
	#site_container h2,
	#site_container h3,
	#site_container h4 {
		font-family: Century Gothic, Helvetica, sans-serif;
		font-weight: normal;
	}
	
	#site_container h1 { font-size: 32px; }
	#site_container h2 { font-size: 26px; }
	#site_container h3 { font-size: 20px; }
	#site_container h4 { font-size: 16px; }
	
	#site_container ul {
		list-style: none;
		padding-left: 0;
		margin: 0;
	}
	
	#site_container a {
		text-decoration: none;
		font-family: Century Gothic, Helvetica, sans-serif;
		color: #333;
	}
	
	#site_container a.button {
		overflow: hidden;
		display: block;
		text-indent: -999em;
		background: transparent no-repeat left top;
	}
	
	#site_container a.button:hover { background-position: left bottom; }
	#site_container img { display: inline; }
	#site_container em { font-style: italic; }
	#site_container a {
		text-decoration: none;
		outline: none; /* Firefox dotted links */
	}
	
	#site_container a img { outline: none; }
	#site_container br.clear { clear: both; }
	
		/* BEGIN: Top Nav */
			/* BEGIN: Nail Bar Logo */
			div#top_nav_wrapper #top_nav_logo { width: 191px; }
			div#top_nav_wrapper h1,
			div#top_nav_wrapper h4 { margin: 0; }
			div#top_nav_wrapper h1 a { width: 200px; }
			div#top_nav_wrapper h4 { height: 20px; }
			
			div#top_nav_wrapper h4 span {
				padding-left: 20px;
				background: transparent url(images/nail-bar_leaf_hover.png) no-repeat left center; 
			}
			/* END: Nail Bar Logo */
			
			/* BEGIN: Nail Bar Social Navigation */
			#nail-bar_social_nav {
				position: absolute;
				right: 20px;
				top: 39px;
				width: 61px;
				height: 28px;
			}
			
			#nail-bar_social_nav li,
			#nail-bar_social_nav li a.button {
				width: 28px;
				height: 28px;
			}
			
			#nail-bar_social_nav li {
				float: left;
				margin-left: 5px;
			}
			
			#nail-bar_social_nav li:first-child { margin-left: 0; }
			#nail-bar_social_nav li:first-child a.button { background-image: url(images/facebook.png); }
			#nail-bar_social_nav li:last-child a.button { background-image: url(images/twitter.png); }
			/* END: Nail Bar Social Navigation */
			
			/* BEGIN: Nail Bar Top Nav */
			#site_container #nail-bar_top_nav {
				clear: both;
				width: 830px;
				height: 50px;
				margin-top: 30px;
			}
			
			#nail-bar_top_nav li {
				float: left;
				margin-left: 20px;
				width: 150px;
				height: 50px; /*50-30*/
				text-align: center;
				background-color: #e9e9d8;
			}
			
			#nail-bar_top_nav li:first-child { margin-left: 0; }
			#nail-bar_top_nav li a {
				display: block;
				padding: 15px 0;
				width: 150px;
				height: 20px; /*50-30*/
				letter-spacing : 1px; 
				color: #333;
			}
			
			#nail-bar_top_nav li a.active,
			#nail-bar_top_nav li:hover { opacity: 0.7; }
			/* END: Nail Bar Top Nav */
			
		/* END: Top Nav */
		
		/* BEGIN: Body */
		#site_container div.nail-bar_body {
			width: 830px;
			height: 100%;
		}
			
			/* BEGIN: Main Page Images */
			#nail-bar-hero-images,
			ul#nail-bar-hero-images li {
				width: 820px;
				height: 400px;
			}
			
			#nail-bar-hero-images {
				position: relative;
				border: 5px solid #e9e9d8;
				/* background: transparent url(images/footer.png) no-repeat left bottom;*/
			}
			
			#nail-bar-hero-images img {
				display: none;
				position: absolute;
				left: 0;
				top: 0;
				width: 820px;
				height: 400px;
			}
			/* END: Main Page Images */
			
			/* BEGIN: Body Content */
			#site_container .nail-bar_content { height: 100%; }
			#site_container .nail-bar_content article { padding-top: 30px; }
			#site_container .nail-bar_content article#post-20 { padding-top: 0; }
			#site_container .nail-bar_content p { margin-bottom: 1.1em; }
			.nail-bar_content h4.check-in { text-align: center; }
			#site_container .nail-bar_content a.facebook {
				color: green;
				text-decoration: underline;
			}
			/* END: Body Content */
			
			/* BEGIN: Content List */
			#page_our-services #site_container .nail-bar_content { padding-top: 0; }
			#site_container .nail_bar-content_list { width: 830px; }
			#site_container .nail_bar-content_list li.nail_bar-content_list-header {
				overflow: hidden;
				width: 830px;
			}
			
			#site_container .nail_bar-content_list li.nail_bar-content_list-header a {
				display: block;
				padding: 15px 25px;
				border-bottom: 5px solid #E9E9D8;
				font-size: 24px;
				text-transform: uppercase;
			}
			
			#site_container .nail_bar-content_list li.nail_bar-content_list-header a:hover { background-color: #E9E9D8; }
			
			#site_container .nail_bar-content_list li.nail_bar-content_list-header p { margin-bottom: 0; }
			#site_container .nail_bar-content_list li.nail_bar-content_list-header ul.nail_bar-content_list_description li p { margin-bottom: 1.1em; }
			
				/* BEGIN: Content List Description */
				#site_container .nail-bar_body .nail-bar_content ul li ul.nail_bar-content_list_description {
					display: none;
					overflow: hidden;
					padding-top: 20px;
				}
				
				#site_container .nail-bar_body .nail-bar_content ul li ul.nail_bar-content_list_description li,
				ul#our-services li#additional-services ul.nail_bar-content_list_description li:first-child { padding: 0 25px; }
				
				ul#our-services li ul.nail_bar-content_list_description li:first-child,
				ul#our-services li#waxing ul.nail_bar-content_list_description li,
				ul#our-services li#private-parties ul.nail_bar-content_list_description li ul li { background: none; }
				ul#our-services li#private-parties ul.nail_bar-content_list_description li ul li { padding-left: 0; }
				ul#our-services li#private-parties ul.nail_bar-content_list_description li p a,
				ul#our-services li ul.nail_bar-content_list_description li p a.list-description-contact {
				
					margin: 0;
					padding: 0;
					border-bottom: 0;
					font-size: 14px;
					text-transform: none;
					background: none;
				}
				
				#site_container .nail-bar_body .nail-bar_content ul li ul.nail_bar-content_list_description li h4 { font-weight: bold; }
				/* END: Content List Description */
				
			/* END: Content List */
			
			/* BEGIN: News Page */
			.page-id-32 .nail-bar_content ul li h3 { text-align: center; }
			.page-id-32 .nail-bar_content ul li:first-child p { text-align: center; }
			.page-id-32 .nail-bar_content ul li:first-child img {
				float: none;
			}
			
			.page-id-32 .nail-bar_content ul li img {
				float: left;
			}
			
			/* BEGIN: Promotions Page */
			.page-id-301 .nail-bar_content ul { text-align: center; }
			/* END: Promotions Page */
			
			/* BEGIN: Contact Page */
			#contact-us {
				float: left;
				margin-top: 20px;
				width: 395px;
			}
			/* #google-maps {
				clear: both;
				float: left;
				width: 395px;
			} */
			#store-hours {
				float: right;
				margin-top: 20px;
				width: 395px;
			}
			/* END: Contact Page */
			
		/* END: Body */
		
	/* END : Site Container */