/*
Theme Name: HatStand Nelly
Theme URI: http://www.hatstandnelly.co.uk/
Version: 1.0
Author: Keith Donegan
Author URI: http://www.eirestudio.net/
*/


@import url("elements/css/reset.css");
@import url("elements/css/general.css");




/* --------------------------------------------
   Ads 
-------------------------------------------- */





/* --------------------------------------------
   Main Nav 
-------------------------------------------- */
ul#mainnav {
	font-size: 13px;
	float: left;
	width: 962px;
	font: 17px Georgia, "Times New Roman", Times, serif;
	position: relative;
	display: inline;
	margin: 0px 0px 18px 10px;
}
	ul#mainnav li {
		display: inline;
	}
		ul#mainnav li a {
			color: #5E412F;
			display: block;
			float: left;
			height: 40px;
			line-height: 40px;
			margin-right: 13px;
			padding-right: 6px;
			text-decoration: none;
			text-shadow: #fff 1px 1px 2px;
		}
			ul#mainnav li a:hover {
	       		background: url(elements/images/mainnav-right.png) no-repeat right top;
			}
			ul#mainnav li a span {	
				display: block;
				padding: 0 14px 0 22px;
			}
				ul#mainnav li a:hover span {
					background: url(elements/images/mainnav-left.png) no-repeat left top;
				}
				ul#mainnav li.current a {
					background: url(elements/images/mainnav-right.png) no-repeat right top;
					color: #000;
				}
				ul#mainnav li.current a span {
					background: url(elements/images/mainnav-left.png) no-repeat left top
				}





/* --------------------------------------------
   Feature
-------------------------------------------- */
#feature {
	background: url(elements/images/feature.png) no-repeat;
	width: 962px;
	height: 400px;
	float: left;
	position: relative;
}
	#feature h1 a {  
		position: absolute;
		top: 126px;
		left: 50px;
		width: 443px;
		height: 106px;
		text-indent: -9999px;
	}
	#feature a#book {  
		position: absolute;
		bottom: 56px;
		left: 140px;
		width: 236px;
		height: 57px;
		background: url(elements/images/btn-booknow.png);
		text-indent: -9999px;
	}
		#feature a#book:hover {  
			background-position: bottom;
		}





/* --------------------------------------------
   Main
-------------------------------------------- */
#main-wrapper { 
	background: url(elements/images/main-bg.png) repeat-y;
	float: left;
	width: 960px;
} 
	#main-wrapper #inside { 
		margin: 0px 10px 0px 10px; 
		background: url(elements/images/main-top.png) no-repeat; 
	}
		#inside { 
			padding-bottom: 22px;
		} 
		#inside #slider { 
			background: url(elements/images/photos.png) no-repeat top center;
			height: 355px;
			margin-top: 25px;
			float: left;
			width: 940px;
			position: relative;
		} 
			#inside #slider .browse { 
				width: 21px;
				height: 30px;
				display: block;
				position: absolute;
				text-indent: -9999px;
				cursor: pointer;
				top: 200px;
			} 
				#inside #slider .disabled { background-position: -122px !important; }
				#inside #slider .prevPage { background: url(elements/images/left.png) no-repeat; left: 25px; }
					#inside #slider .prevPage:hover { background-position: bottom; }
				#inside #slider .nextPage { background: url(elements/images/right.png) no-repeat; right: 25px; }
					#inside #slider .nextPage:hover { background-position: bottom; }
					
			#inside .scrollable {
				display: inline;
				float: left;
				height: 262px;
				overflow: hidden;
				position: relative;
				width: 788px;
				left: 75px;
				top: 85px;
			}
				#inside .scrollable .items {
					position: absolute;
					width: 20000em;
				}
					#inside .scrollable .items .item {
						background: url(elements/images/slider-bg.png) no-repeat;
						width: 175px;
						height: 251px;
						float: left;
						margin: 0px 14px 0px 1px;
						padding: 11px 0px 0px 9px;
					}





/* --------------------------------------------
   Page / Post Template
-------------------------------------------- */
.page { 
	
} 
	table.table { 
		*border-collapse: collapse;
		margin-bottom: 12px;
	} 
		table.table tr {
			
		}
			table.table tr th {
				background: #5E412F;
				color: #fff;
				padding: 7px;
				font-weight: bold;
				border: 0px none;
			}
			table.table tr td {
				padding: 7px;
				border-bottom: 1px solid #EADDB4;
				border-left: 1px solid #EADDB4;
				border-right: 1px solid #EADDB4;
			}
				table.table tr td.heading {
					background: #0097D8;
					color: #fff;
					font-weight: bold;
					border: 0px none;
				}
				table.table tr td.heading2 {
					background: #F15C22;
					color: #fff;
					border: 0px none;
				}
				
				table.table tr .med {
					border-left: none;
					border-right: none;
				}
				table.table tr .price-30 {
					border-right: 1px solid #EADDB4;
					border-left: none;
				}
				table.table tr .width-small {
					width: 80px;
				}






/* --------------------------------------------
   Sidebar Left
-------------------------------------------- */
#sidebar-left { 
	width: 270px;
	float: left;
	margin: 25px 0px 0px 30px;
	display: inline;
} 
	#sidebar-left .post {
		border-bottom: 1px solid #EADDB4;
		padding-bottom: 8px;
		margin-bottom: 8px;
	}
		#sidebar-left .post h3, #sidebar-left h3 a { 
			font: bold 13px Arial, Helvetica, sans-serif;
			display: inline; text-decoration: none;
		}
		#sidebar-left p { 
			font: 13px Arial, Helvetica, sans-serif;
			display: inline;
			line-height: 18px;
		}
			#sidebar-left p a { 
				color: #333;
				text-decoration: none;
			}
				#sidebar-left p a:hover { 
					text-decoration: underline;
				}
				
/* Post Page */
.page #sidebar-left { 
	width: 200px;
} 
	.page #sidebar-left address { 
		margin-bottom: 12px;
		padding-bottom: 15px;
		border-bottom: 1px solid #EADDB4;
	}
	.page #sidebar-left p a { 
		margin-bottom: 3px;
		display: block;
	}
	.page #sidebar-left p.tel { 
		margin-bottom: 12px;
		padding-bottom: 12px;
		border-bottom: 1px solid #EADDB4;
		display: block;
	}
	
	.page #sidebar-left ul#secondary { 
		
	} 
		.page #sidebar-left ul#secondary ul { 
			margin: 14px 0px -14px 0px !important;
		} 
		.page #sidebar-left ul#secondary li { 
			background: none;
			padding-left: 0px;
		}
			.page #sidebar-left ul#secondary li a { 
				background: url(elements/images/juice-divider.png) 0px 23px repeat-x;
				display: block;
				padding-bottom: 10px;
			}
			
			.page #sidebar-left ul#secondary li li a { 
				padding-left: 16px !important;
			}
			li.current_page_item a, li.current-cat a {
				font-weight: bold;
				color: #333;
				text-decoration: none;
			}
				ul#secondary li.current_page_item ul li a, li.current-cat ul li a {
					font-weight: normal;
					text-decoration: underline;
					color: #0097D8;
				}
	





/* --------------------------------------------
   Content
-------------------------------------------- */
#content { 
	width: 262px;
	float: left;
	margin: 25px 0px 0px 30px;
	display: inline;
} 
	#content .photos { 
		
	} 
		#content .photos .photo { 
			background: url(elements/images/salon-bg.png) no-repeat;
			width: 253px;
			height: 177px;
			margin-bottom: 6px;
			padding: 12px 0px 0px 9px;
		}

.page #content { 
	width: 650px;
}
	.page #content .postbox { 
		border-bottom: 1px solid #EADDB4;
		padding-bottom: 18px;
		margin-bottom: 18px;
	}
		.page #content .postbox h2 { 
			
		}
		.page #content .postbox .postmetadata { 
			margin-bottom: 8px;
			font: italic 12px Georgia, "Times New Roman", Times, serif;
			text-transform: capitalize;
			color: #666;
		}
		.page .more { display: none; } 
		
		.page .entry_author_image { 
			border: 1px solid #E4DABB;
			padding: 2px;
			float: left;
			margin: 0px 16px 0px 0px;
		} 
		.page .postmetadata p.written {
			float: left;
			font-size: 11px;
			width: 570px;
			margin: 4px 0px 0px 0px;
		}
		.page .postmetadata p.date {
			float: left;
			font-size: 11px;
			width: 570px;
		}






/* --------------------------------------------
   Sidebar Right
-------------------------------------------- */
#sidebar-right { 
	float: right;
	width: 290px;
	margin: 5px 30px 0px 0px;
	display: inline;
}
	#sidebar-right h3#juice-bar { 
		background: url(elements/images/juice-bar.png);
		width: 260px;
		height: 127px;
		color: #5E412F;
		text-indent: -9999px;
	}
	#sidebar-right ul.divider { 

	}
		#sidebar-right ul.divider li { 
			background: url(elements/images/juice-divider.png) bottom repeat-x;
			padding: 2px 8px 14px 8px;
		}
			#sidebar-right ul.divider li.headings { 
				color: #A0110C; font-weight: bold;
				padding-bottom: 18px;
			}
			#sidebar-right ul.divider li .alignleft { 
				font-weight: bold;
			}
			#sidebar-right ul.divider li .alignright { 
				margin-left: 16px;
			}
			#sidebar-right ul.divider li .size { 
				width: 46px;
				text-align: right;
			}
	#sidebar-right p { 
		font-size: 12px;
	}
	#sidebar-right { 
		
	} 





/* --------------------------------------------
   Photo Gallery
-------------------------------------------- */
.photo_post_thumbnail {
	width: 195px;
	float: left;
	margin: 0px 30px 30px 0px;
	border: none !important;
}







/* --------------------------------------------
   Footer
-------------------------------------------- */
#footer { 
	background: #281E17 url(elements/images/footer-stripe.png) repeat-x;
	color: #E5DBBE;
	height: 340px;
} 
	#footer #wrap {
		margin: 0 auto;
		background: url(elements/images/footer-stripe-highlight.png) no-repeat;
		_background: url(elements/images/footer-stripe-highlight.png) -7px 0px no-repeat;
		width: 962px;
		padding-top: 71px;
	}
		#footer a#design { 
			position: absolute;
			top: 58px;
			left: 36px;
		} 
		#wrap a#logo { 
			background: url(elements/images/footer-logo.png);
			width: 368px;
			height: 35px;
			display: block;
			text-indent: -9999px;
			margin: 18px 0px 0px 34px;
			float: left;
			display: inline;
		} 
		#wrap #twitter { 
			background: url(elements/images/twitter.png) no-repeat left top;
			float: right;
			width: 430px;
			font: 14px Georgia, "Times New Roman", Times, serif;
			padding-left: 55px;
			margin: 18px 47px 0px 0px;
			display: inline;
		}
			#wrap #twitter span { 
				line-height: 21px;
			}
			#wrap #twitter a {
				color: #FC6710;
			}
			#wrap #follow {
				float: right;
				color: #0082BA !important;
				margin-top: 12px;
			}
		#wrap .border { 
			background: url(elements/images/footer-border.png) no-repeat;
			float: left;
			width: 879px;
			height: 116px;
			margin: 20px 0px 0px 34px;
			display: inline;
			position: relative;
		} 
			#wrap .border #phone-box { 
				float: left;
				background: url(elements/images/icon-phone.png) no-repeat 6px 0px;
				font: 20px Georgia, "Times New Roman", Times, serif;
				margin: 21px 14px;
				display: inline;
			}
				#wrap .border #phone-box .small { 
					font-size: 16px;
					color: #EE6210;
					line-height: 30px;
					text-align: right;
				}
				#wrap .border #phone-box #phone { 
					padding-left: 39px;
					margin-bottom: 8px;
				}
			#wrap .border #address-box { 
				float: left;
				background: url(elements/images/icon-letter.png) no-repeat 6px 4px;
				font: 20px Georgia, "Times New Roman", Times, serif;
				margin: 21px 23px;
				display: inline;
			}
				#wrap .border #address-box .small { 
					font-size: 16px;
					color: #EE6210;
					line-height: 30px;
					padding-left: 8px;
				}
				#wrap .border #address-box #email a { 
					padding-left: 39px;
					margin-bottom: 8px;
					color: #E5DBBE;
					display: block;
				}
			#wrap .border #open-close { 
				position: absolute;
				font: 20px Georgia, "Times New Roman", Times, serif;
				top: 92px;
				right: 32px;
				display: inline;
				font-size: 16px;
				color: #EE6210;
				width: 120px;
			}
				#wrap .border #open-close #open { 
					float: left;
				}
				#wrap .border #open-close #close { 
					float: right;
				}