/* general */

* {
	margin:0;
	padding:0;
	border:0;
}

body {
	background: url(../images/template/background.jpg) left top repeat;
	font-family: Arial, Helveitca, sans-serif;
	margin-top: 25px;
	margin-bottom: 25px;
}


/* layout, interface etc. */

#wrapper {
	width:826px;
	margin:0 auto;
	background:transparent url(../images/template/bg_middle.jpg) no-repeat scroll center top;
}

#header {
	background:transparent url(../images/template/bg_header.jpg) no-repeat scroll center top;
	clear:both;
	display:block;
	height:157px;
	margin:0 auto;
	text-indent:-9999px;
	width:826px;
}

#jessica-logo {
	width:247px;
	height:157px;
	display:block;
	text-indent:0;
	float:left;
}
/* navigation */

#navigation {
	background:transparent url(../images/template/nav_bg.jpg) no-repeat scroll left bottom;
	clear:right;
	display:block;
	float:right;
	height:38px;
	margin-top:62px;
	padding-left:15px;
	width:564px;
}

#navigation ul { display: block; }

#navigation li {
	display: inline;
	list-style-type: none;
	font-size:0.7em;
}

#navigation li.first {  }

#navigation a {
	display:block;
	float: left;
	background-position: 0 0;
	background-repeat: no-repeat !important;
	height: 38px;
}

#navigation a:hover { background-position: 0 -38px !important; }

#navigation a.active,
#navigation a.active:hover { background-position: 0 -76px !important; }

#navigation ul li span { display:none; }

#navigation a.home { background: transparent url(../images/template/nav01.jpg); width: 51px; }
#navigation a.about-the-author { background: transparent url(../images/template/nav02.jpg); width: 71px; }
#navigation a.about-the-book { background: transparent url(../images/template/nav03.jpg); width: 72px; }
#navigation a.events-calendar { background: transparent url(../images/template/nav04.jpg); width: 72px; }
#navigation a.press-and-media { background: transparent url(../images/template/nav05.jpg); width: 58px; }
#navigation a.the-dish { background: transparent url(../images/template/nav06.jpg); width: 50px; }
#navigation a.faq { background: transparent url(../images/template/nav07.jpg); width: 46px; }
#navigation a.image-gallery { background: transparent url(../images/template/nav08.jpg); width: 59px; }
#navigation a.contact { background: transparent url(../images/template/nav09.jpg); width: 65px; }


/* sidebar */

#sidebar {
	float:left;
	width:247px;
	overflow:hidden;
}

#sidebar-header {
	width:247px;
	height:111px;
	background: transparent url(../images/template/sidebar-header.jpg) left top no-repeat;
	text-indent:-9999px;
}

#sidebar div.wrapper {
	background: transparent url(../images/template/sidebar-box-repeat.jpg) repeat-y top left;	
}

#signup {
	display: block;
	width:247px;
	clear:both;
}

#preorder {
	display:block;
	padding:25px 33px 0;
	width:247px;
	min-height: 210px;
	background: transparent url(../images/template/sidebar-box-top-preorder.jpg) no-repeat top left;	
}

#preorder a  {
	color: #9dab52;
	font-weight:bold;
	text-transform: uppercase;
	font-size:0.7em;
	text-decoration: underline !important;
}

#preorder h3 {
	display:block;
	height:50px;
	text-indent: -9999px;
}

#preorder p {
	color:#5d6772;
	width:110px;
	margin-bottom:0.5em;
	font-size:0.7em;
}

#preorder ul {
	color:#5d6772;
	font-size:0.8em;
	line-height:1.1em;
	margin-bottom:0;
	margin-top:0;
	text-align:left;
	background:transparent url(../images/template/sidebar-box-bottom-preorder.jpg) no-repeat left bottom;
	padding-bottom: 3em;
	margin-left: -33px;
	padding-left: 33px;
}

#preorder li {
	display: block;
	list-style-type: none;
	padding-right: 0.3em;
	clear:left;
}

#preorder a {
	color: #9dab52;
	text-decoration: none;
}

#preorder a:hover {
	color: #778624;
}



#signup form {
	display:block;
	min-height:214px;
	padding:25px 33px 0;
	width:247px;
	background: transparent url(../images/template/sidebar-box-top-signup.jpg) no-repeat top left;
			  
}

#signup div.submit {
	display:block;
	width:247px;
	height:27px;
	background:transparent url(../images/template/sidebar-box-bottom.jpg) no-repeat left bottom;
	margin:0 0 0 -33px;
	padding:0 0 0 33px;
}

#signup div.submit a {
	background:transparent url(../images/template/signup-button.jpg) no-repeat 100px 0px;
	display:block;
	border:0pt none;
	height:23px;
	width:178px;
	cursor: pointer;
	text-align:right;
}

#signup div.submit a:hover,
#signup div.submit a:active {
	background-position: 100px -23px;
}

#signup div.submit a span {
	display: none;
}



#signup #confirmation {
	display:block;
	padding:25px 33px 0;
	width:247px;
	min-height: 168px;
	background: transparent url(../images/template/signup_box_small.jpg) no-repeat top left;
}


#signup h3 {
	display:block;
	height:60px;
	text-indent: -9999px;
}

#signup input.textbox {
	color:#777777;
	font-size:10px;
	height:16px;
	padding:3px 2px 1px 6px;
	border:1px solid #7f9db9;
	width:173px;
}

#signup input.checkbox {
	font-size:10px;
	height:16px;
	float:left;
	margin: 2px 5px 10px 0;	
}

#signup #optin_dd {
	margin-bottom: 0px !important;
}

#signup p {
	color:#5d6772;
	width:115px;
	margin-bottom:9px;
	font-size:0.7em;
}

#signup label {
	color:#5d6772;
	width:180px;	
	display: block;
	margin-bottom:8px;
	font-size:0.7em;
}

#signup #email {
	margin-bottom:4px !important;
}


/* main */

#main {
	width: 579px;
	clear: right;
	margin-left:247px;
}

#content {
	padding:30px 30px 1px;
}

#content-wrapper-top {
	background:transparent url(../images/template/content-bg-top.jpg) no-repeat left top;
	min-height:730px;
}

#content-wrapper-bottom {
	background:transparent url(../images/template/content-bg-bottom.jpg) no-repeat left bottom;
	min-height:730px;
}

#content h2 {
	margin-bottom: 0.4em;
}

#content h3 {
	margin-bottom:0.25em;
}

#content h2, #content h3 {
	height:18px;
	display:block;
	text-indent: -9999px;
	background-repeat: no-repeat !important;
}

#content h4 {
	font-size: 0.8em;
	color: #db3373;
	font-weight:bold;
}

#content p,
#content ul {
	color:#5d6772;
	font-size:0.8em;
	line-height:1.5em;
	margin-bottom:1em;
	text-align:left;
}

#content > ul > li > p,
#content > ul > li > ul,
#content > ul > li > ul > li {
	font-size: 1em;
}

#content a {
	color: #9dab52;
	text-decoration: none;
}

#content a:hover {
	color: #778624;
}

hr {
	display:none;
}

/* homepage */
#intro a, .spot a  {
	color: #9dab52;
	font-weight:bold;
	text-transform: uppercase;
	font-size:0.7em;
	text-decoration: underline !important;
}

/* titles */

#content.home h2 { background-image: url(../images/title_home.gif); width:347px; }
#content.about-the-author h2 { background-image: url(../images/title_about-the-author.gif); width:151px; }
#content.about-the-book h2 { background-image: url(../images/title_about-the-book.gif); width:151px; }
#content.events-calendar h2 { background-image: url(../images/title_events-calendar.gif); width:151px; }
#content.press-and-media h2 { background-image: url(../images/title_press-and-media.gif); width:151px; }
#content.the-dish h2 { background-image: url(../images/title_the-dish.gif); width:151px; }
#content.faq h2 { background-image: url(../images/title_faq.gif); width:230px; }
#content.image-gallery h2 { background-image: url(../images/title_image-gallery.gif); width:151px; }
#content.contact h2 { background-image: url(../images/title_contact.gif); width:151px; }

/* homepage */

#intro {
	margin-bottom:2.2em;
}

#intro img {
	float: right;
	margin-left:20px;
	margin-bottom: 10px;
	width:145px;
	height:175px;
}

#intro h2 {
	margin-bottom: 0.25em;
}

#intro h3 {
	background-image: url(../images/h3_preorder.gif);
	width:174px;	
}

#intro ul {
	margin-top:-1em;	
}

#intro li {
	display: inline;
	list-style-type: none;
	padding-right: 0.3em;
}

/* homepage spots */

.spot {
	margin-left:-30px;
	margin-right:-30px;
	background: url(../images/template/spot-bg.jpg) no-repeat;
	width:576px;
	height:112px;
	margin-bottom:15px;
}


.spot > div {
	padding:0 30px;
	float:left;
}

.spot img {
	clear:left;
	float:left;
	margin:6px 14px 0pt -3px;
}

.spot h3 {
	background-repeat:no-repeat;
	clear:right;
	float:left;
	margin-top:12px;
	width:390px;
	margin-bottom: 0 !important;
}

.spot p {
	line-height: 1.35em !important;
}

.recipe.spot > div h3 {
	background-image: url(../images/h3_recipe1.gif);
}

.about.spot > div h3 {
	background-image: url(../images/h3_about-the-author.gif);
}

.oprah.spot > div h3 {
	background-image: url(../images/h3_oprah.gif);
}

.recipe.spot {
	margin-bottom:0px;
}

/* faq */
#faq-q {
	margin-bottom: 2.5em !important; }
#faq-q > li {
	list-style-image: url(../images/template/li.gif);
	margin-left:2em;
	margin-bottom:0.25em;
	line-height:1.25em; }
#faq-q > li > a {
	color:#5d6772;
	text-decoration: none;
	font-weight: normal; }
#faq-q > li > a:hover,
#faq-q > li > a:active{
	color:#5d6772;
	text-decoration: underline;
	font-weight: normal; }	
#faq-a > li {
	background: transparent url(../images/template/panel_bg.jpg) repeat-y;
	margin:0pt 0pt 15px -30px;
	min-height:40px;
	padding:20px 30px 15px;
	width:516px;
	list-style-type: none; }
#faq-a > li > p,
#faq-a > li > ul {
	margin-bottom:0.5em;
	margin-left:2em;
	margin-right:1em; 
}
#faq-a > li > ul > li {
	margin-left: 2em;
	list-style-type:square;
	font-size:0.9em;}
#faq-a > li > p.q {
	font-weight:bold;
	margin-left: 0;
	margin-right: 0;
	margin-bottom:1.2em;
}





#content div.image {
	clear:right;
	float:right;
	margin:6px -3px 6px 10px;
	font-size:0.6em;
	font-weight: bold;
	color: #934F2A;
	width: 165px;
}

#content.contact div.image {
	width: 100px;
}

#content.press-and-media div.article {
	width:80px;
	margin-right:20px;
	margin-bottom:1.5em;
	float:left;
	font-size:0.8em;
	color:#5d6772;
}

#content.press-and-media div.article img {
	width:77px;
	height:102px;
	margin-bottom:0.25em;	
}

#content.press-and-media div.article a {
	color:#5d6772;
	text-decoration:none;
}

#content.press-and-media div.article a:hover {
	color:#5d6772;
	text-decoration:underline;
}



/* event calendar */

#calendar-wrapper {
	background:transparent url(../images/template/events-footer.jpg) no-repeat left bottom;
	float:left;
	margin:30px -10px 0px -30px;
	padding-bottom:65px;
}


#calendar {
	background:transparent url(../images/template/events-header.jpg) no-repeat scroll left top;
	float:left;
	padding:78px 0pt 0pt 30px;
	width:528px;
}

#calendar .event-details {
	background: transparent url(../images/template/events-middle.jpg) repeat-y left top;
	display:block;
	float:left;
	margin:0pt -30px;
	padding:0pt 28px 0pt 33px;	
}
#calendar .event-details h3 {
	font-size:0.75em;
	margin-bottom:6px;
	display:block;
	height:auto;
	text-indent:0px;
	color:#5d6772;
}
#calendar .event-details h4 {
	font-size:0.75em;
	margin-bottom:6px;
	color:#5d6772;	
}

#calendar .event-details h3 a,
#calendar .event-details h4 a {
	color:#5d6772;	
}

#calendar .event-details p {
	font-size:0.7em;
	line-height:1.16em;
	margin-bottom:0;
}
#calendar .event-details > div {
	float:left;
	margin-bottom:4px;
	opacity:0.7;
	padding:4px 10px 10px;
}
#calendar .event-details > .datetime {
	clear:left;
	float:left;
	margin-right:4px;
	padding-left:17px !important;
	width:106px;	
}

#calendar .event-details > .event {
	width:177px;
	margin-right:4px;
	clear:none;
}

#calendar .event-details > .location {
	width:157px;
	clear:right;
}

#calendar .event-details > .location > p.venue {
	margin-bottom:6px;
}

#calendar .event-details > .location > p.map a {
	color: #5d6772;
	text-decoration:underline;
}
#print-calendar {
	display:block;
	clear:both;
}
#print-calendar a {
	background:transparent url(../images/print-calendar.gif) no-repeat 0 0;
	display:block;
	border:0pt none;
	height:25px;
	width:118px;
	cursor: pointer;
	margin:20px auto;
}

#print-calendar a:hover,
#print-calendar a:active {
	background-position:0 -25px;
}

#print-calendar a span {
	display:none;
}

/* the dish */

#content.the-dish img {
	margin: 1em 0 2.5em;
}

#content.the-dish p.quote {
	margin:0 30px 0.25em !important;
}

#content.the-dish p.author {
	font-size:0.6em !important;
	margin:0 30px 2.5em !important;
	font-style: italic;
}

#content.the-dish p.author em {
	font-style: normal;
}


/* image gallery */

#flashcontent {
	margin-left:-10px;
}

/* footer */
  
#footer {
	clear:both;
	display:block;
	background:transparent url(../images/template/bg_footer.jpg) no-repeat center top;
	margin:0pt auto;
	padding-top:25px;
	padding-bottom:25px;
	width:826px;
	font-size:0.7em;
	color:#5d6772;
	text-align:center;
}

#footer a, #footer a:link, #footer a:active, #footer a:visited {
	color: #5d6772;
	text-decoration: none;
}

#footer a:hover {
	color: #3e4752;
}

#footer #wai {
	clear:both;
	width:826px;
	text-align: left;
	margin:-24px 0 12px 20px;
}

#footer ul {
	text-align:center;
}

#footer ul li {
	display: inline;
	list-style-type: none;
	padding-right: 7px;
}

#footer ul li:before { 
	content: "|";
	padding-right: 7px;
}

#footer ul li.first {
	padding-left: 7px;
}

#footer ul li.first:before { 
	content: "";
	padding-right: 0;	
}

#footer p {
	clear:both;
}