/*   Theme Name: Yummy Veggie Version: 0.1 Author: Lauren Andrews */  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 	margin: 0; 	padding: 0; 	border: 0px none; 	outline: 0; 	font-weight: inherit; 	font-style: inherit; 	font-size: 12px; 	font-family: Arial, Helvetica, sans-serif; 	vertical-align: baseline; } 
/*----- Basic Template  -----*/
 body {
	background-image: url('img/veggiepattern.jpg');
	background-repeat: repeat;
}

p {
	color: #58442b;
	margin: 0; 	padding: 0;
 	border: 0px none;
 	outline: 0;
 	font-weight: inherit;
 	font-style: inherit;
 	font-size: 1em;
 	font-family: Arial, Helvetica, sans-serif;
 	vertical-align: baseline;
}

#header{
	width: 986px;
	border: none; 
	padding: 0px 0px 0px 1px;
	margin: 0 auto; 
	text-align: center;


}
	#footer{
		width: 986px;
		border: 0px; 
		padding: 0px 0px 0px 1px;
		margin: 0 auto; 
		text-align: center;
}

#wholecontent{	
	width: 986px;
	border: 0px; 
	padding: 0;
	margin: 0 auto; 
	text-align: center;

}

#rightborder { 	width: 985px;
	padding: 0;  
	margin: 0;  
	background-image: url('img/rightshadow.png');
	background-repeat: repeat-y;
	float: left;
	display: block;
     }

#leftborder { 	width: 975px;
	background-image: url('img/leftshadow.png');
	padding: 0px;  
	margin: 0px;
	background-repeat: repeat-y;
	float: left;
	display: block;     }

#centercontent
    {
	width: 965px;
	border: 0px; 
	padding: 0px;
	margin: 0px 0px 0px 10px; 
	background-color: #fff;
	text-align: center;
	display: inline;
	float: left;

    }

 ol, ul { 	list-style: none; }  #clearfix{
		clear: both;
}



/*----- Navigation  -----*/
  	.nav {
 		height: 30px;
 		position: relative;
 	}

 		.nav li {
			display: inline;
 		}
 		.nav a, .nav a {
 			width: 175px;
 			display: block;
 			float: left;
 			padding: 5px 8px;		
			margin: 5px 0px 0px 0px;
 			color: #eb6f25;
 			background: #fff;
 			border-right: 1px solid #9ed958;
			font-size: 1em;
 			font-weight: bold;
 			position: relative;
 			z-index: 11;
 		}
 		.nav a.active {
 			background: #fff;
 		}
		.nav li.first a {
			width: 175px;
			text-indent: -15px;
  			border-right: 1px solid #9ed958;
		 		}

 		.nav li.last a {
 			border-right: 0 none;
 			width: 173px;
			padding: 5px 16px 5px 8px;
	 		}
 		.nav a:hover {
 			background: #ffe45a;
 			color: #78B024;
 			text-decoration: none;
 		}

  		   /*-----------  Global Text -----------*/
  	a:link, a:visited {
 		text-decoration: none; 
		color: #eb6f25; 	}
 	a:hover {text-decoration: underline;}

	.block {
	display: block; float: left; padding: 1px 5px;
	}
 	strong {
 		font-weight: bold;
 	} 
	em {
 		font-style: italic; 	}
 	.alignleft {
 		float: left;
 	}
 	.alignright { 
		float: right;
 	}
 	  /*------  Layout ------*/

  	#maincolumn {
 		width: 665px;
 		background-color: #fff;
		margin: 0px;
		padding: 20px 30px 100px 75px;
		float: left; 	}

	#maincolumn h1 {
	color: #58442b;
	margin: 0px;
 	padding: 15px 0px 5px 0px;
 	border: 0px none;
 	outline: 0;
 	font-weight: inherit;
 	font-style: inherit;
 	font-size: 22px;
 	font-family: Arial, Helvetica, sans-serif;
 	vertical-align: baseline
}
	#maincolumn h2 {
		font-size: 18px;
		color: #58442b;
}
 	#rightsidebar {
		width: 110px;		
 		background-color: #fff;
		margin: 0px 0px 0px 10px; 
		padding: 10px 0px;
		float: left;
		display: block; 	} 
	#rightsidebar.first {
		padding: 20px 0px 10px 0px;
}
		
	#copyright{
		clear: both;
		background-color: #fff;
		font-size: 10px;
		text-align: right;
		padding: 55px 25px 0px 0px;
}

	#article{
 		width: 605px; 		background-color: #fff;
		margin: 0px;
		text-align: left;
		padding: 0px 30px 20px 28px;
		float: left;

}
	#articlec1{
 		width: 180px; 		margin: 0px;
		text-align: left;
		padding: 0px 20px 0px 0px;
		float: left;
		display: inline;

}

	#articlec2{
 		width: 180px; 		margin: 0px;
		text-align: left;
		padding: 0px;
		float: left;
		display: inline;

}

	#articlec3{
 		width: 180px; 		margin: 0px;
		text-align: left;
		padding: 0px 0px 0px 20px;
		float: left;
		display: inline;

}
	#article h2 {
		font-size: 18px; 		font-weight: inherit;
		color: #58442b;
		padding: 20px 5px 5px 0px;

}
	#article h3 {
		font-size: 14px; 		font-weight: bold;
		color: #58442b;
		padding: 20px 5px 5px 0px;
		text-align: right;

}

	#sep{
		width: 590px;
		border-bottom: 1px solid #c7da8b;
		text-align: center;
		float: left;
		display:block;
		padding: 10px 5px;
}

	#desc{
		width: 450px;
		float: left;
		display:block;
		padding: 0px;
}

	#illust{
		width: 110;
		margin: 0px;
		padding: 20px 20px 10px 0px;
		float: left;
}

	#dishtb{
		width: 250;
		margin: 0px;
		padding: 20px 20px 10px 0px;
		float: left;
}
  	.dishes { 		height: 30px;
		width: 330px;
		float: left;
		border: none;
		padding: 0px; } 
 	.dishdesc { 		height: 30px;
		width: 320px;
		padding: 0px;
		text-align: right; }
 	.dishesdesc h2 { 			width: 160px; 			padding: 0px;	 			color: #58442b; 			background: #fff;
			text-align: left;
			font-size: 16px; 			font-weight: bold;  	}

	.dishesdesc h3 { 			width: 150px; 			padding: 0px;		 			color: #58442b; 			background: #fff;
			text-align: right;
			font-size: 12px; 			font-weight: inherit;  	}

	.desc { 		height: 30px;
		width: 320px;
		border: none;
		padding: 0px;
		text-align: right; 	}
 	.articleimg
{
		width: 240;
		margin: 0px;
		padding: 10px 20px 15px 0px;
		float: left;
}

	.articleimgrt {
		width: 240;
		margin: 0px;
		padding: 10px 0px 15px 20px;
		text-align: right;
		float: right;
}
div.centerbox{
	margin: 0 auto; 
		text-align: center;
}

div.contactbox 	{
		width: 500;
		background-color: #c7da8b;
		margin: 0px 10px 10px 130px;
		text-align: left;
		padding: 10px;
		float: left;
		color:#567c3f;

}

div.contactbox input {
		padding:2px; 
		border:1px solid #567c3f; 
		width: 180px;
		background-color: #fff;

		text-align: left;
		margin-right: 0.5em;
		float:left;
		display: block;
		height:16px; }

div.contactbox radio {
		padding:2px; 
		border:1px solid #567c3f; 
		width: 20px;

		text-align: left;
		margin-right:0px;
		float:left;
		display: inline;
		height:14px; }
div.contactbox select {
text-align: right;
		float:left;

}

div.contactbox p{
	color:#567c3f;
	display:block;
	float:left;
	padding-right:6px;
	width:250px;
	text-align:right;
	font-weight:bold;
}



div.contactbox label span{
	display:block;
	float:left;
	padding-right:6px;
	width:180px;
	text-align:right;
	font-weight:bold;
}

div.contactbox label span small{
font-size: 10px;
font-weight:normal;
}

div.contactbox label span strong{
	color:#d70000;
}