@charset "utf-8";
/* CSS Document */

body {
background: #000;
margin: 0 auto 60px auto;
padding: 0;
font: 12px Arial, Helvetica, sans-serif;
}
* {
margin: 0; padding: 0;
}
ul {list-style-type: none;}
#centering-container {
margin: 10px auto 0 auto;
width: 698px;
}
#wrapper {
width: 698px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
float: left; clear: both;
}
#top-bar {
width: 698px; 
padding: 15px 0 0 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
background: #f0cc01;
float: left; clear: both;
}
.header {
width: 698px;
height: 174px;
float: left; clear: both;
}
	#home {
	background: url('images/header9.jpg');
	}
	#inquiries {
	background: url('images/header2.jpg');
	}
	#directions {
	background: url('images/header1.jpg');
	}
	#gift {
	background: url('images/header7.jpg');
	}
	#teabar {
	background: url('images/header5.jpg');
	}
	#menu {
	background: url('images/header6.jpg');
	}
	#story {
	background: url('images/header4.jpg');
	}
	#catering {
	background: url('images/header8.jpg');
	}
	#lunchmenus {
	background: url('images/header8.jpg');
	}
	#privateparties {
	background: url('images/header16.jpg');
	}
	#teamenus {
	background: url('images/header6.jpg');
	}
	#jrlovies {
	background: url('images/header7.jpg');
	}
	#joyroom {
	background: url('images/header2.jpg');
	}
	#homeandgarden {
	background: url('images/header3.jpg');
	}
	#teaandfoodgifts {
	background: url('images/header5.jpg');
	}
	#moreevents {
	background: url('images/header9.jpg');
	}
	#morenews {
	background: url('images/header2.jpg');

	}

.header a {
text-indent: -9000px;
float: left;
width: 100%;
height: 174px;
}
#nav {
background: url('images/navside.png') #78a22f no-repeat;
width: 698px; height: 29px;
float: left; clear: both;
}
	#nav ul li {
	margin: 0;
	display: inline;
	}
	#nav ul li a {
	Float: right;
	height: 29px;
	text-indent: -9000px; font-size: 1px;
	background-repeat: no-repeat;
	padding: 0 10px;
	background-position: top center;
	}
	#nav ul li a:hover {
	background-position: bottom center;
	background-color: #547a13;
	}
	#nav ul li a#story {
	background-image: url('images/nav-story.png');
	width: 76px;
	}
	#nav ul li a#menu {
	background-image: url('images/nav-menu.png');
	width: 36px;
	}
	#nav ul li a#teabar {
	background-image: url('images/nav-teabar.png');
	width: 48px;
	}
	#nav ul li a#gift {
	background-image: url('images/nav-gift.png');
	width: 82px;
	}
	#nav ul li a#inquiries {
	background-image: url('images/nav-inquiries.png');
	width: 50px;
	}
	#nav ul li a#directions {
	background-image: url('images/nav-directions.png');
	width: 61px;
	}
	
	
#content {
width: 698px;
background: url('images/bg.png') repeat-y;
float: left; clear: both;
padding-bottom: 0;
}
#content #top {
margin: 0;
background: url('images/content-top.png');
width: 698px; height: 1px;
float: left; clear: both;
}
#sidebar {
width: 173px;
float: left; clear: left;
text-align: right;
color: #ffc2a1;
font-size: 1em;
}
	a#bloglink {
	width: 173px; height: 51px;
	display: block;
	text-indent: -9000px; font-size: 1px;
	background-image: url('images/bloglink.png');
	color: #E30450;
	}
	a#bloglink:hover {
	background-position: bottom left;
	color: #E30450;
	}
	a#signuplink {
	width: 173px; height: 65px;
	display: block;
	text-indent: -9000px; font-size: 1px;
	background-image: url('images/signuplink.png');
	color: #E30450;
	}
	a#signuplink:hover {
	background-position: bottom left;
	color: #E30450;
	}
	#sidebar p {
	margin: 12px 0;
	}
	#events {
	background: url('images/events.png') no-repeat top right;
	padding-left:0; padding-right:0; padding-top:30px; padding-bottom:0
	}
		#events span.date {
		font-weight: bold;
		color: #fff;
		font-size: 1.1em;
		}
	#news {
	background: url('images/news.png') no-repeat top right;
	padding-left:0; padding-right:10px; padding-top:30px; padding-bottom:0
	}
	#sidebar a {
	color: #ffd900;
	font-weight: bold;
	text-decoration: none;
	}
	#sidebar a:hover {
	color: #ff6fa1;
	}
#main {
float: left;
width: 500px;
margin: 10px 10px 0 10px;
text-align: center;
color: #FFF09E;
}
#main p {
text-align: left;
color: #FFF09E;
margin: 12px auto;
}
#main h2 {
font-size: 3.5em;
color: #590F4E;
font-family: Century Gothic, Verdana, Helvetica, sans-serif;
font-weight: normal;
}
#main h3 {
font-size: 1.6em;
font-family: Century Gothic, Helvetica, Verdana, sans-serif;
font-weight: bold;
color: #E30450;
}
#laptop {
background: url('images/laptop.png') no-repeat;
width: 240px; height: 90px;
margin: 40px auto 0 auto;
padding: 25px 0 0 130px;
font-size: 1.2em;
color: #fff;
text-align: left;
}
#laptop:first-line {
font-weight: bold;
font-size: 1.3em;
}
#footer {
width: 100%;
float: left; clear: both;
text-align: center;
margin: 0 0 60px 0;
}
#footer ul {
color: #78a22f;
width: auto;
margin: 4px auto;
}
#footer ul li {
display: inline;
background: url('images/pinkblackteapot.png') 0 .2em no-repeat;
padding: 0 0 0 18px;
margin: 0 0 0 10px;
}
#footer ul li.first {
background: none;
margin: 0;
padding: 0;
}
#footer p {
width: 100%;
font-size: .9em;
}
#footer p#copyright {
background: url('images/smallwhitelogo.png') top center no-repeat;
padding: 70px 0 0 0;
color: #9f0395;
}
#footer p#design {
color: #ba003f;
margin: 7px 0 0 0;
}
#footer p#design a {
color: #ba003f;
font-weight: bold;
}
#footer p#design a:hover {
color: #f05;
}

/**** lunch menu ****/
#main #lunchmenu {
float: left;
width: 72%;
text-align: right;
margin: 10px 4px 0 0;
}
#main #lunchpics {
float: left;
padding: 10px 0 0 0;
}
#main #lunchmenu h1 {
font-family: Century Gothic;
font-size: 1.4em;
color: #C11C2B;
font-weight: bold;
margin: 10px auto;
text-align: center;
}
#main #lunchmenu h2 {
font-size: 1.5em;
letter-spacing: .3em;
font-weight: normal;
text-transform: uppercase;
color: #a9f12b;
margin: 10px 0 0 0;
text-align: center;
}
#main #lunchpics img {
border: 1px solid #fff;
display: block;
margin: 4px 0;
}
.tiny {
font-size: .8em;
text-transform: none;
color: #fff09e;
}
p#lunchmenuprice {
text-align: center;
width: 100%;
color: #fff09e;
text-transform: uppercase;
}
#lunchmenuprice span.price {
font-weight: bold;
font-size: 1.1em;
color: #ffa5c4;
}
#lunchmenu ul {
text-align: left;
color: #fff09e;
}
#lunchmenu ul li {
/*
background: url('images/pinkorangeteapot.jpg') left top no-repeat;
*/
padding: 0 0 5px 24px;
margin: 6px 0 6px 0;
/* 
border-bottom: 1px dotted #ff985f;
*/
width: 92%;
}

/**** moreevents.php ***/
#moreevents p span.date {
font-size: 1.3em;
font-weight: bold;
color: #fff;
display: block;
}
#moreevents p {
width: 350px;
margin: 20px auto;
}
#moreevents h2 {
margin: 10px 0 25px 0;
}

/**** loviesstory ***/
#loviesstory p {
width: 95%;
margin: 14px auto;
line-height: 140%;
font-size: 1.1em;
}
#loviesstory h3 {
margin: 4px 0 -12px 0;
}
/**** Gift boutique ****/
#main #giftboutique-content {
float: left;
width: 55%;
text-align: right;
margin: 10px 12px 0 8px;
}
#main #giftboutique-photos {
float: left;
Margin: 0 0 14px 0;
}
#main #giftboutique-content h2 {
margin: 10px 0 0 0;
font-size: 1.7em;
text-align: left;
}
#main #giftboutique-photos img {
border: 1px solid #fff;
display: block;
margin: 4px 0;
}
/*** directions ***/
#directions-content img {
margin: 30px auto;
}