/* @override 
	http://localhost:8501/Veggies/css/styles.css
	http://iloveveggies.info/css/styles.css
*/

/* @group General */

*, ul {
	padding: 0;
	margin: 0;
}

html, body {
	height: 100%;
}

body {
	background: url(../images/general/bg-pattern.jpg) repeat;
	color: #332a14;
	font: 15px Georgia, "Times New Roman", Times, serif;
}

span {
	display: block;
}

a {
	cursor: pointer;
	color: #6e7740;
}

a:hover {
	text-decoration: none;
}

p, h1, h2, h3, h4, h5, h6 {
	padding: 0 10px 10px 0;
}

#preload {
	display: none;
}

#top {
	background: url(../images/general/header.png) repeat-x center;
	width: 100%;
	height: 245px;
	/*position: absolute;*/
	z-index: 100;
	min-width: 950px;
}

#middle ul {
	margin-left: 35px;
	padding-bottom: 10px;
}

#middle h1 {
	margin-left: 20px;
	font-size: 19px;
	color: #574b31;
}

#middle {
	width: 950px;
	height: 60%;
	display: table;
	margin: 279px auto auto;
	background: url(../images/general/bg-white.png) repeat-y;
}

#middleleft, #middleright {
	margin-top: 5px;
	display: table-cell;
}

#middleleft {
	float: left;
	width: 570px;
	padding-left: 31px;
}

#middleleft p, #middleleft h3 {
	padding-left: 20px;
}

#middleright {
	float: right;
	width: 280px;
	padding-right: 30px;
	color: #6e7740;
	font-size: 14px;
	/*border: 1px solid #fc0092;*/
}

#middlewide p {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
}


#middlewide {
	width: 888px;
	margin: auto;
	display: table;
}

#logolink {
	width: 372px;
	margin: auto;
	height: 133px;
	/*border: 1px solid #fc0092;*/
}

/* @end */

/* @group Nav */

#nav {
	width: 950px;
	list-style-type: none;
	margin: 9px auto auto;
	height: 85px;
	padding-left: 63px;
}

#nav li {
	float: left;
}

#about {
	background: url(../images/nav/about.png) no-repeat;
	width: 140px;
	height: 85px;
}

#about:hover, #aboutpage #about {
	background: url(../images/nav/over/about.png) no-repeat;
	width: 140px;
	height: 85px;
}

#seminars {
	background: url(../images/nav/seminars.png) no-repeat;
	width: 160px;
	height: 85px;
}

#seminars:hover, #seminarspage #seminars {
	background: url(../images/nav/over/seminars.png) no-repeat;
	width: 160px;
	height: 85px;
}

#store {
	background: url(../images/nav/store.png) no-repeat;
	width: 144px;
	height: 85px;
}

#store:hover, #storepage #store {
	background: url(../images/nav/over/store.png) no-repeat;
	width: 144px;
	height: 85px;
}

#recipes {
	background: url(../images/nav/recipes.png) no-repeat;
	width: 156px;
	height: 85px;
}

#recipes:hover, #recipespage #recipes {
	background: url(../images/nav/over/recipes.png) no-repeat;
	width: 156px;
	height: 85px;
}

#blog {
	background: url(../images/nav/blog.png) no-repeat;
	width: 145px;
	height: 85px;
}

#blog:hover, #blogpage #blog{
	background: url(../images/nav/over/blog.png) no-repeat;
	width: 145px;
	height: 85px;
}

#contact {
	background: url(../images/nav/contact.png) no-repeat;
	width: 145px;
	height: 85px;
}

#contact:hover, #contactpage #contact {
	background: url(../images/nav/over/contact.png) no-repeat;
	width: 145px;
	height: 85px;
}

/* @end */

/* @group Home */

/* @end */

/* @group Contact */

#middle #contactform {
	list-style-type: none;
	margin-left: 20px;
	width: 520px;
}

#contactform li {
	margin-bottom: 7px;
	width: 520px;
	clear: both;
}

.inputbox, .textareabox {
	border-style: none;
	background-color: #c9c6c0;
	padding: 5px;
}

.inputbox {
	width: 417px;
	float: right;
	height: 12px;
}

.textareabox {
	width: 508px;
	height: 200px;
}

#contactform .right, #contactform .left {
	margin-bottom: 5px;
}

/* @end */

/* @group Seminars */

#seminarspage .textareabox {
	width: 333px;
	height: 170px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
	padding-top: 5px;
}

#seminarspage form {
	width: 540px;
}

/* @end */

/* @group Store */

#storeitems {
	display: table;
	width: 520px;
	list-style-type: none;
}

#storeitems li {
	display: inline-block;
	vertical-align: top;
	width: 160px;
	height: 190px;
	display: table-cell;
	text-align: center;
}

#storeitems li img {
	width: 140px;
}

#storeitems li .ec_ejc_thkbx img {
	width: auto;
	margin-top: 10px;
}

#view-cart {
	margin-top: 20px;
	padding-left: 50px;
}

/* @end */

/* @group Recipes */

#recipespage #contactform {
	width: 500px;
}

#recipespage #contactform li {
	width: 450px;
	margin-top: 10px;
	padding-left: 10px;
	clear: both;
}

#recipespage #contactform .inputbox {
	width: 350px;
}

#recipespage fieldset {
	margin-left: 10px;
	padding-top: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 80px;
	width: 500px;
	display: table-cell;
}

#recipespage legend {
	margin-left: 20px;
	font-size: 19px;
	color: #574b31;
	font-weight: bold;
}

a .recipeimage {
	border: none;
}

.extra-photos li {
	list-style-type: none;
	float: left;
	margin: 3px;
}

/* @end */

/* @group Admin */

#loginpage .inputbox {
	width: 250px;
}

#loginpage #contactform li {
	width: 400px;
}

#loginpage h2, #adminpage h2 {
	margin-left: 50px;
}

#adminpage fieldset {
	width: 600px;
	margin-left: 50px;
}

#adminpage legend {
	margin-left: 20px;
	font-size: 19px;
	color: #574b31;
	font-weight: bold;
}

#adminpage #contactform li {
	clear: both;
	height: 20px;
	background-color: #eaeaea;
	display: table;
}

#adminpage #contactform li.alt {
	background-color: #fff;
}

#adminpage #contactform {
	margin-left: 50px;
} 

#adminpage form {
	margin: 0 20px;
}

/* @end */

/* @group Footer */

#adminlink a {
	font-size: 10px;
	text-decoration: none;
}

#adminlink a:hover {
	text-decoration: underline;
}

#adminlink {
	clear: both;
	height: 20px;
	text-align: center;
	width: 950px;
}

/* @end */

/* @group Slideshows */

#slideshow {
	width: 950px;
	height: 336px;
	background: url(../images/slideshow/slideshow-placeholderbg.png) no-repeat;
	position: absolute;
	z-index: -50;
	top: 188px;
	left:50%; 
	margin-left:-475px;
}

#slideshow #listofimages {
	list-style-type: none;
	padding: 0;
	display: ;
	margin: 0;
}

#storepage #slideshow {
	background: url(../images/slideshow/slideshow-sign.png) no-repeat;
}

#recipespage #slideshow {
	background: url(../images/slideshow/slideshow-canisters.png) no-repeat;
}

#contactpage #slideshow {
	background: url(../images/slideshow/slideshow-saladbar.png) no-repeat;
}

#seminarspage #slideshow {
	background: url(../images/slideshow/slideshow-saladbar.png) no-repeat;
}

#aboutpage #slideshow {
	background: url(../images/slideshow/slideshow-tom.png) no-repeat;
}

/* @end */