/*   
Theme Name: Tastebuds@Hills
Description: This is the theme for the Tastebuds@Hills website
Author: Kevin Walton
Author URI: http://www.adroitmultimedia.co.nz
Version: 1.0
*/

/* STYLES RESET */
* { margin: 0; padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

/* CLEARFIX */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; clear: both; }
/* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */

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

/* BASE STYLES */

html{
	font-family:Arial, sans serif;
	background:#74b93f url('images/background.jpg') no-repeat;
	background-position:top center;
	background-size:100%;
	color:#2c160c;
}

h1, h2, h3, h4, h5, h6, .h3{
	color:#8e181b;
}

h1{
	margin:12px 0;
}

h2{
	margin:10px 0;
}

.h3{
	display:block;
}

h3, .h3{
	font-size:18px;
	font-weight:normal;
	margin:0 0 10px 0;
}

a{
	text-decoration:none;
	color:#8e181b;
}

a:hover{
	color:#fff;
}

a img{
	border:none;
}

#wrapper{
	display:block;
	width:1030px;
	margin:0 auto;
}

/* END BASE STYLES */

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

/* HEADER STYLES */

header{
	display:block;
	position:relative;
	height:232px;
}

#coffee_cup{
	position:absolute;
	top:0;
	left:54px;
	z-index:-9999;
}

#logo{
	position:absolute;
	top:27px;
	left:487px;
}

/* END HEADER STYLES */

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

/* NAV STYLES */

nav{
	display:block;
}

nav ul{
	display:table;
}

nav ul li{
	display:table-cell;
}

nav ul li a{
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	color:#8e181b;
}

nav ul li a:hover{
	color:#b9853b;
}

header nav{
	position:absolute;
	top:167px;
	right:0;
	width:560px;
	padding:12px 60px;
	border:solid 2px #8e181b;
	border-radius:10px;
}

header nav ul{
	width:100%;
	float:left;
}

header nav ul li + li{
	background:url('images/menu_separator.png') no-repeat center left;
	padding-left:15px;
}

header nav ul li a{
	font-size:16px;
}

#left_flourish{
	position:absolute;
	left:10px;
}

#right_flourish{
	position:absolute;
	right:10px;
}

footer nav{
	float:left;
}

footer nav ul li{
	padding:0 10px;
}

footer nav ul li a{
	font-size:15px;
}	

/* END NAV STYLES */

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

/* CONTENT STYLES */

#content{
	float:right;
	width:644px;
	padding:13px;
	background:#fff;
	border-radius:10px;
}

#welcome{
	float:left;
	width:380px;
	height:287px;
	background:#74b93f url('images/welcome_bg.jpg');
	padding:13px;
	color:#612516;
}

#welcome p{
	font-size:16px;
}

#welcome_image{
	float:right;
	margin:0 0 10px 10px;
}

#fine_coffee{
	float:right;
	width:225px;
	position:relative;
}

#fine_coffee_text{
	position:absolute;
	top:60px;
	left:23px;
	color:#e9d5a9;
	width:190px;
	font-size:14px;
}

#fine_coffee_text a{
	color:#e9d5a9;
}

#fine_coffee_text a:hover{
	color:#fff;
}

#weekly_special{
	width:239px;
	float:left;
}

#something_for_everyone{
	background:#74b93f url('images/something_for_everyone_bg.jpg');
	width:367px;
	height:126px;
	float:right;
	padding:13px;
}

#something_image{
	float:right;
	margin:0 0 10px 10px;
}

#something_for_everyone p{
	font-size:13px;
}

.menus{
	display:block;
	background:#74b93f url('images/big_bg.jpg');
	border-radius:5px;
	color:#fff;
	padding:13px;
}

.menus + .menus{
	margin-top:13px;
}

.menus h1{
	margin-bottom:0;
}

.menus p{
	margin-bottom:13px;
}

.menu_price{
	float:right;
	color:#612516;
}

#special{
	text-align:center;
	background:#74b93f url('images/big_bg.jpg');
	border-radius:5px;
	padding:13px;
}

#special h1{
	margin-bottom:13px;
}

#special span{
	color:#fff;
	text-shadow:2px 2px 2px #333;
	font-size:26px;
}

#newsletter{
	background:#74b93f url('images/big_bg.jpg');
	border-radius:5px;
	padding:13px;
	color:#fff;
	height:456px;
}

#newsletter h1{
	margin-bottom:30px;
}

#newsletter p{
	font-size:18px;
}

.sml_nameinput, .sml_emailinput{
	height:40px;
	line-height:40px;
	width:300px;
	padding:0 20px;
	font-size:18px;
	margin:10px 0;
	border:none;
	border-radius:4px;
}

.sml_submitbtn{
	background:#5d2115;
	border:none;
	border-radius:3px;
	font-size:24px;
	color:#7ebf4f;
	text-transform:uppercase;
	padding:5px 15px;
	text-shadow: 1px 1px 1px #000;
	margin-top:15px;
}

.sml_submitbtn:hover{
	background:#b9853b;
	cursor:pointer;
}

#location{
	background:#74b93f url('images/big_bg.jpg');
	border-radius:5px;
	padding:13px 35px;
	color:#fff;
	height:456px;
}

#location h1{
	margin-bottom:30px;
}

#location p{
	font-size:18px;
}

#location #phone{
	font-size:24px;
}

/* END CONTENT STYLES */

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

/* CONTACT FORM STYLES */



/* END OF CONTACT FORM STYLES */

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

/* WIDGET STYLES */

aside{
	float:left;
	background:#fff;
	width:321px;
	padding:13px;
	border-radius:10px;
}

.widget{
	position:relative;
	background:#74b93f url('images/sidepanel_bg.jpg') no-repeat;
	height:126px;
	padding:13px;
}

.widget + .widget{
	margin-top:13px;
}

.widget_icon{
	position:absolute;
	top:12px;
	right:12px;
}

.widget p, .widget a{
	font-size:14px;
}

.widget address{
	font-size:14px;
	font-style:normal;
	margin-bottom:5px;
}

.widget #phone{
	font-size:18px;
}

.widget button{
	background:#5d2115;
	border:none;
	border-radius:3px;
	font-size:12px;
	color:#7ebf4f;
	text-transform:uppercase;
	padding:2px 10px;
	text-shadow: 1px 1px 1px #000;
}

.widget button:hover{
	background:#b9853b;
	cursor:pointer;
}

/* END OF WIDGET STYLES */

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

/* FOOTER STYLES */

footer{
	padding:60px 0;
}

#copyright{
	color:#fff;
	text-transform:uppercase;
	font-size:14px;
	float:right;
}

/* END FOOTER STYLES */

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

/* MISCELLANEOUS */
.white{color:#fff;}
.brown{color:#612516;}
.fleft{float:left;}
.fright{float:right;}
.center{margin-left:auto;margin-right:auto;}
.hidden{display:none;}