/*------------------------------------------------
CSS Content

Version:	1.0 July 09
Author:		Foot & Playsted
Email:		studio@footandplaysted.com.au
-----------------------------------------------*/

/*
===== CONTENTS =====

	last-updated: July 2009;

	1: universal reset 
	2: html and body
	3: typography
	4: layout
	5: easy slider
	6: navigation
	7: images
	8: forms
	9: tables

====================
*/

/*
===== 1: universal reset =====
*/

*
{
	/* set the fonts to a uniform size and zero all margins and padding */
	font-size: 100%;
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", serif;
}

* ul, * li { list-style: none; }

/*
===== 2: html and body =====
*/

body
{
	background: #4F2D14;
	text-align: center;
}

/*
===== 3: typography =====
*/

p
{
	font-size: .8em;
	line-height: 1.4em;
	color: #fff;
}

p.gold, #address a, #content a
{
	font-style: italic;
	color: #A16710;
}

#addressTop p
{
	font-size: .75em;
	padding-top: 21px;
}

#openingHours p
{
	font-size: .75em;
	padding-top: 21px;
	text-align: right;
}

#content p { margin: 17px 0 17px 80px; }
#news p { margin: 17px 0; }
#footer p { font-size: .65em; }

#address p
{
	font-size: .7em;
	margin: 10px;
}

#joinForm p
{
	margin: 17px;
	font-size: .7em;
}

#footer a
{
	color: #fff;
	font-size: .65em;
	display: block;
	float: left;
}

#footer p a#siteCredit
{
	display: inline;
	float: none;
	font-size: 1em;
}

#footer a:hover { color: #A16710; }

h1 a
{
	background: transparent url(../images/logo.png) no-repeat;
	width: 164px;
	height: 167px;
	margin: 10px 0 0 17px;
	text-indent: -9999px;
	float: left;
}

h3
{
	color: #A16710;
	font-style: italic;
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 17px 0;
}

#content h3
{
	font-style: normal;
	font-weight: 100;
	font-size: 1.5em;
	line-height: 1.5em;
	letter-spacing: 1px;
	padding-bottom: 17px;
	background: transparent url(../images/goldLine.png) repeat-x bottom;
	clear: left;
}

h2, h4
{
	text-indent: -9999px;
	height: 80px;
}

h5
{
	color: #A16710;
	font-weight: normal;
	margin: 17px 0 10px 17px;
}

h5.indent { margin: 34px 0 0 80px; }
#news h2 { background: #2e0b01 url(../images/newsHeader.png) no-repeat bottom; }
#findUs h4 { background: #2e0b01 url(../images/findHeader.png) no-repeat bottom; }
#contactForm h4 { background: #2e0b01 url(../images/contactHeaderWide.png) no-repeat bottom; }
#joinForm h4 { background: #2e0b01 url(../images/joinHeader.png) no-repeat bottom; }


#content ul.bodyList
{
	color: #fff;
	font-size: .8em;
	list-style: disc inside;
	margin-left: 80px;
}

#content ul.bodyList li
{
	list-style: disc inside;
	margin: 10px 0;
}

#content ul.bodyList li.sublist
{
    list-style-type: disc;
    padding-left: 40px;
    font-size: 0.9em;
    list-style-position: inside;
}

#content ul.bakeryList
{
	color: #fff;
	font-size: .8em;
	list-style: disc inside;
	margin-left: 80px;
}

#content ul.bakeryList li
{
	list-style: disc inside;
	margin: 10px 0;
	font-weight: bold;
}

#content ul.bakeryList li.sublist
{
    list-style-type: disc;
    padding-left: 40px;
    font-size: 0.9em;
    list-style-position: inside;
    font-weight: normal;
    line-height: 9px;
}

/*
===== 4: layout =====
*/

#wrapper
{
	background: #2e0b01;
	width: 977px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#addressTop
{
	height: 69px;
	margin-left: 17px;
	width: 40%;
	float: left;
}

#openingHours
{
	height: 69px;
	margin-right: 17px;
	width: 40%;
	float: right;
}

#banner
{
	width: 943px;
	height: 180px;
	margin: 0 0 17px 17px;
	background: transparent url(../images/headerBG.png) no-repeat;
	position: relative;
	clear: both;
}

#slideshow
{
	float: left;
	width: 623px;
	height: 335px;
	background: transparent url(../images/jjs_14.jpg) no-repeat;
	margin: 0 0 17px 0;
	display: inline;
}

#content
{
	float: left;
	width: 623px;
	margin: 0 17px 0 17px;
	display: inline;
}

#base
{
	margin-top: 34px;
	float: left;
	border-top: 17px solid #4F2D14;
	padding: 0 17px 55px 0;
	width: 960px;
	height: 345px;
	display: inline;
}

#findUs, #joinForm
{
	float: left;
	width: 303px;
	background: #1b0300;
	margin: 0 17px 0 0;
	display: inline;
}

#contactForm
{
	float: left;
	width: 623px;
	background: #1b0300;
	display: inline;
}

#details
{
    float: left;
    display: inline;
}

#message
{
    float: left;
    display: inline;
    vertical-align: top;
}

#send
{
    float: right;
    margin-right: 17px;
    margin-bottom: 17px;
}

#cForm_divSuccess p, #cForm_divFail p
{
    padding-left: 17px;
    padding-top: 17px;
    padding-bottom: 17px;
}

#joinForm { margin-right: 0; }
#joinForm, #contactForm { padding: 0; }

#findUs
{
	height: 65px;
	padding: 0;
	margin-left: 17px;
	display: inline;
	
}

#map
{
    width: 303px;
    background: #1b0300 url(../images/map.png) no-repeat top right;
    height: 258px;
}

#address
{    
	padding: 50px 17px;
	width: 185px;
	height: 158px;
}

#addressNotes
{
    padding-top: 5px;
    padding-left: 30px;  
    font-size: 0.85em; 
    background: #2e0b01;
}

#addressNotes ul li
{ 
    list-style-type: disc; list-style-position: outside;
    color: White; 
}


#footer
{
	clear: left;
	width: 977px;
	background: #4F2D14;
    Padding: 17px 0px 34px 17px;
}

#footer #copyright
{
	float: right;
	width: 450px;
	text-align: right;
	padding-right: 34px;
}

.paddedLeft
{
    padding-left: 35px;
}

/* 
===== 5: easy slider ===== 
*/

#news ul, #news li, #wines ul, #wines li
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#news, #news li, #wines, #wines li
{
	width: 303px;
	overflow: hidden;
	padding-bottom: 17px;
}

#news, #news li
{
    height: 600px;
}

#news, #wines
{
	width: 303px;
	background: #1b0300;
}

#news ul li a
{
    color: #A16710;    
}

#prevBtn a, #nextBtn a
{
	display: block;
	color: #A16710;
	font-style: italic;
	font-size: .8em;
	margin: 17px 0 0 674px;
}

#nextBtn a { }
#news li p, #news li h3, #news li img, #wines li p, #wines li h3, #wines li img { margin: 17px 17px 0; }

/* 
===== 6: navigation ===== 
*/

ul#primaryNav
{
	float: left;
	position: absolute;
	bottom: 0;
	left: 202px;
}

ul#primaryNav li { float: left; }

ul#primaryNav li a
{
	display: block;
	margin: 0 12px 0 0;
	height: 42px;
	width: 84px;
	background: transparent url(../images/navButtons.png) no-repeat top left;
	text-indent: -9999px;
}

ul#primaryNav li a#aboutNav
{
	width: 95px;
	background: transparent url(../images/navButtons.png) no-repeat -96px 0px;
}

ul#primaryNav li a#bakeryNav
{
	width: 95px;
	background: transparent url(../images/navButtons.png) no-repeat -203px 0px;
}

ul#primaryNav li a#historyNav
{
	width: 95px;
	background: transparent url(../images/navButtons.png) no-repeat -310px 0px;
}

ul#primaryNav li a#menuNav
{
	width: 86px;
	background: transparent url(../images/navButtons.png) no-repeat -418px 0px;
}

ul#primaryNav li a#functionsNav
{
	width: 103px;
	background: transparent url(../images/navButtons.png) no-repeat -514px 0px;
}

ul#primaryNav li a#contactNav
{
	width: 94px;
	background: transparent url(../images/navButtons.png) no-repeat -630px 0px;
}

ul#primaryNav li a:hover { background: transparent url(../images/navButtons.png) no-repeat bottom left; }

ul#primaryNav li a#aboutNav:hover
{
	width: 95px;
	background: transparent url(../images/navButtons.png) no-repeat -96px bottom;
}

ul#primaryNav li a#bakeryNav:hover
{
	width: 95px;
	background: transparent url(../images/navButtons.png) no-repeat -203px bottom;
}

ul#primaryNav li a#historyNav:hover
{
	width: 95px;
	background: transparent url(../images/navButtons.png) no-repeat -310px bottom;
}

ul#primaryNav li a#menuNav:hover
{
	width: 86px;
	background: transparent url(../images/navButtons.png) no-repeat -418px bottom;
}

ul#primaryNav li a#functionsNav:hover
{
	width: 103px;
	background: transparent url(../images/navButtons.png) no-repeat -514px bottom;
}

ul#primaryNav li a#contactNav:hover
{
	width: 94px;
	background: transparent url(../images/navButtons.png) no-repeat -630px bottom;
}

/*== navigation highlights ==*/
#home ul#primaryNav li a#homeNav { background: transparent url(../images/navButtons.png) no-repeat left bottom; }
#about ul#primaryNav li a#aboutNav { background: transparent url(../images/navButtons.png) no-repeat -96px bottom; }
#bakery ul#primaryNav li a#bakeryNav { background: transparent url(../images/navButtons.png) no-repeat -203px bottom; }
#history ul#primaryNav li a#historyNav { background: transparent url(../images/navButtons.png) no-repeat -310px bottom; }
#menu ul#primaryNav li a#menuNav { background: transparent url(../images/navButtons.png) no-repeat -418px bottom; }
#functions ul#primaryNav li a#functionsNav { background: transparent url(../images/navButtons.png) no-repeat -514px bottom; }
#contact ul#primaryNav li a#contactNav { background: transparent url(../images/navButtons.png) no-repeat -630px bottom; }

/* 
===== 7: images ===== 
*/

#news img { margin-top: 17px; }

img.decoration {border: 17px solid #1b0300; margin: 0 17px 17px 0; float: right; clear: right;}

/* 
===== 8: forms ===== 
*/

form { margin: 0 0 0; }
div.formWrap 
{ 
    margin: 17px 0 17px 17px; 
    
}

input
{
	color: #A16710;
	font-weight: 100;
	font-style: italic;
}

#details input, #message textarea
{
    display: block;
}

#jForm_cmdJoin { margin: 17px 0 0 0; }

/* 
===== 9: tables ===== 
*/

#form1 #wrapper table
{
	color: #fff;
	font-size: .8em;
}

table
{
	color: #fff;
	font-size: .8em;
}

.category
{
	color: #A16710;
	font-size: 1.4em;
	font-style: italic;
	font-weight: 100;
	padding: 17px 0 10px;
	border-bottom: 1px solid #A16710;
	letter-spacing: 1px;
}

.void, .item, .description, .price
{
	margin: 0;
	padding: 10px 0 0;
	vertical-align: top;
}

/*.void { width: 80px; }*/
.item
{
	padding-left: 80px;
	width: 120px;
	color: #A16710;
	font-style: italic;
	font-weight: 100;
}

.description { }

.price
{
	width: inherit;
	text-align: right;
	color: #A16710;
}

.price a
{
	color: #A16710;
	display: block;
	margin-top: 5px;
}

/* 
===== 9: on-site function menu ===== 
*/

#onsiteFunction
{
    text-align: center;
}

#onsiteFunction p
{
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
}

#onsiteFunction p strong
{
    text-decoration: underline;
}

#onsiteFunction p.mTea
{
    padding-bottom: 30px;
}

#onsiteFunction p a:visited
{
    color: #A16710;
}