/*
Theme Name: crudacafe
Theme URI: http://www.awebthatworks.com/
Description: The WordPress theme for Community Care - City of Kawartha Lakes.
Version: 0.1
Author: aWEBthatWORKS
Author URI: http://www.awebthatworks.com/
*/


*
{
margin:0;
padding:0;
}

body
{
margin:0;
padding:0;
width:100%;
background-color:#E8DABE;
background-attachment:fixed;
height:100%;
}
a {
	color: #a14176;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h2 {
	margin:0 0 4px 0;
	padding:0;
	width:100%;
	color:#a14176;
	font-family:Arial, Helvetica, sans-serif;
	font-size:120%;
	font-weight:bold;				
}


.main-wrapper
{
margin:0 auto;
padding:0;
width:800px;
color:#a14176;
font:Arial, Helvetica, sans-serif;
font-size:100%;
}
			.header
			{
			margin:0;
			padding:0;
			width:800px;
			height:277px;
			background:url(images/header-bg.png) no-repeat left top;
			z-index:1;
			float:left;
			position:relative;
			}
				.menu
					{
					margin:105px 28px 0 0;
					padding:0 0 0 0;
					width:645px;
					float: right;
					}
						.menu ul
							{
							margin:0;
							padding:0 0 0 0;
							width:645px;
							float: right;
							list-style:none;
							height:165px;
							display:block;
							list-style:none;
							}
							.menu li
							{
							margin:0;
							padding:15px 10px 0 10px;
							display:inline;
							width:auto;
							float:left;
							}
							.menu li.logo
							{
							margin:135px 0 0 0;
							padding:0;
							width:195px;
							}
							/*.menu .cafe a:hover
							{
							padding:0 0 5px 0;
							color:#23b1a5;
							font-size:15px;
							background-color:#23afa3;
							height:165px;
							border-bottom:3px solid #23b1a;
							}*/
			
			.header-dish
			{
			margin:65px 0 0 310px;
			padding:0;
			width:431px;
			height:177px;
			position:absolute;
			z-index:9999;
			}

#container
{
margin:0;
padding:0;
width:800px;
min-height:530px;
float:left;
background:url(images/main-bg.png) repeat-y left;
}
	.gallery-area
		{
		margin:15px 0 5px 80px;
		padding:0;
		width:240px;
		height:150px;
		float:left;
		}
		.content-container
		{
		margin:0px 0 0 17px;
		padding:0;
		width:765px;
		min-height:150px;
		float:left;
		}
			.left-container
			{
			margin:0;
			padding:0;
			width:185px;
			float:left;
			min-height:200px;
			}
			.left-links
					{
					margin:0;
					padding:0;
					width:100%;
					float:left;
					padding-bottom: 20px;
					 
					}
						.left-links ul, , #sidebar ul
						{
						margin:0;
						padding:0;
						width:100%;
						float:left;
						list-style:none;
						}
								.left-links li, #sidebar li 
								{
								margin:0;
								padding:0;
								width:100%;
								float:left;
								list-style:none;
								line-height:130%;
								font-family:Arial, Helvetica, sans-serif;
								font-size:90%;
								color:#679146;
								}
								.left-links li a
								{
								margin:0;
								padding:0 0 0 30px;
								width:100%;
								float:left;
								color:#679146;
								text-decoration:none;
								}
								.left-links li a:hover, .left-links li.active {
									background:url(images/green-color.jpg) no-repeat left;
								}
					
							#sidebar {
								margin-left: 0px; 
							}

							#sidebar h2 {
							margin-left: 20px; 
margin-top: 10px;
							}

							#sidebar li a {
								margin:0;
								padding:0;
								width:100%;
								float:left;
								padding-left:30px;
								color:#679146;
								text-decoration:none;
						}
	
						#sidebar li a:hover, #sidebar li.active {
								background:url(images/green-color.jpg) no-repeat left;
						}

						#sidebar li li a {
								padding-left: 20px;
								font-weight: bold;
						}
						#sidebar li li a {
								padding-left: 30px;
								font-weight: bold;
						}
						#sidebar li li li a {
								padding-left: 40px;
								font-weight: normal;
						}

				.page-feature {
						margin: 0 0 5px 5px;
						padding:0;
						width:183px;
						float:right;
						/*	position:absolute;*/
					}
						.pf-top {
							margin:0;
							padding:0;
							width:183px;
							height:22px;
							background:url(images/area-top2.png) no-repeat left bottom;
						}
						.pf-center
						{
						margin:0;
						padding: 5px;
						width:183px;
						float:left;
						background:url(images/area-center.png) repeat-y left top;
						text-align: center;
						}
						.pf-bottom
						{
						margin:0;
						padding:0;
						width:183px;
						height:22px;
						float:left;
						background:url(images/area-bottom2.png) no-repeat left top;
						}

					
					.weekly-feature {
						margin:50% 0 0 0;
						padding:0;
						width:183px;
						float:left;
						/*	position:absolute;*/
					}
						.wf-top {
							margin:0;
							padding:0;
							width:183px;
							height:22px;
							background:url(images/area-top.png) no-repeat left bottom;
						}
						.wf-center
						{
						margin:0;
						padding:0;
						width:183px;
						min-height:50px;
						float:left;
						background:url(images/area-center.png) repeat-y left top;
						}
							.wf-center ul
							{
							margin:0 auto;
							padding:0;
							width:135px;
							list-style:none;
							min-height:70px;
							}
								.wf-center li
								{
								margin:0;
								padding:0 0 10px 0;
								width:135px;
								float:left;
								font-size:80%;
								color:#b45340;
								line-height:110%;
								}
.wf-center li a {
  color:#b45340;
  text-decoration:underline;
  font-weight: bold;
}


.wf-center li a:hover {
   text-decoration:underline;
}
						.wf-bottom
						{
						margin:0;
						padding:0;
						width:183px;
						height:22px;
						float:left;
						background:url(images/area-bottom.png) no-repeat left top;
						}
						
					.takeout
					{
					margin:20% auto 0 25px;
					padding:0;
					bottom:0;
					width:73px;
					height:73px;
					float:left;
				/*	position:absolute;*/
					}					
		
		.right-container
		{
		margin:0 50px 20px 0;
		padding:0;
		width:460px;
		float:right;
		min-height:200px;
		}
			.right-container h2
				{
					margin:0 0 15px 0;	
				}

			.right-container p
				{
				margin:0 0 8px 0;
				padding:0;
				width:100%;
				color:#a14176;
				font-family:Arial, Helvetica, sans-serif;
				font-size: 75%;
				font-weight:normal;
				line-height:120%;
				text-align:left;	
				}
			.right-container h3
				{
				margin:25px 0 15px 0;
				padding:0;
				width:100%;
				color:#679146;
				font-family:Arial, Helvetica, sans-serif;
				font-size: 105%;
				font-weight:bold;
				/*text-align:right;*/	
				}
.right-container a{
text-decoration:underline;
}

.right-container img {
 padding:  5px;
}

.entry ul {
display:inline;
float:left;
margin:0;
padding:0;
width:100%;
}
.entry ul  li {
list-style-position:outside;
list-style-type:circle;
margin:4px 0 4px 22px;
padding:0;
width:auto;
}

.entry ol  li {
list-style-type:decimal;
margin:4px 0 4px 22px;
padding:0;
width:auto;
}

#footer
{
margin:0;
padding:0;
background:url(images/footer.png) no-repeat left top;
width:800px;
height:90px;
/*position:absolute;*/
float:left;
}
		#footer h1
		{
		margin:9px 40px 0 0;
		padding:0;
		width:90%;
		float:right;
		text-align:right;
		color:#636466;
		font-size: 80%;
		font-weight:normal;
		 }
		
		#footer p
		{
		margin:31px 0 0 45px;
		padding:0;
		bottom:0;
		width:15%;
		float:left;
		color:#FFFFFF;
		font-size: 80%;
		text-decoration:none;
		}
			#footer p a, #footer p a:hover
			{
			color:#FFFFFF;
			font-size: 100%;
			text-decoration:none;
			}
		
		#footer ul
		{
		margin:16px 12px 0 0;
		padding:0;
		width:60%;
		float:right;
		height:32px;
		}
		
			#footer li
			{
			margin:0;
			padding:0 3px 0 3px;
			width:auto;
			float:right;
			color:#FFFFFF;
			font-size: 80%;
			}
			#footer li.new
			{
			padding-top:20px;
			}

.textwidget {
 margin-left: 25px;
}

span.food {
float: left;
width: 60%;
font-weight: bold;
}
span.price {
float: right;
width: 35%;
font-weight: bold;
color: #000000;
}

.postmetadata, p.postmetadata {
	clear: both;
	display: block;
	color:#636466;
	padding: 0 0 20px 0;
}

.postmetadata a {
color: #636466;
}

.navigation{
 clear:both;
padding-bottom: 20px;

}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


.comment-author {
 float: right;
}

#submit, .submit {
background-color:#679146;
border:0 none;
color:#FFFFFF;
padding:2px;
}

.wp-caption {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background-color:#F3F3F3;
border:1px solid #DDDDDD;
margin:10px;
padding-top:4px;
text-align:center;
}

.aligncenter, div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

.wp-caption p.wp-caption-text {
font-size:100%;
line-height:17px;
margin:0;
padding:0 4px 5px;
text-align:center;
}


div.printMenuPosts dl{overflow: visible; padding: 0 0 8px 0; } 
div.printMenuPosts dt, div.printMenuPosts dd.price{background: #FFF;font-weight: bold}
div.printMenuPosts dt{float: left;padding-right: 3px;color: #679146}
div.printMenuPosts dd{margin:0;font-size: 105%;}
div.printMenuPosts dd.price{float: right;padding-left: 3px;color: #AAA;font-size:90%;} 
div.printMenuPosts dd.ingredients{float: left;width: 100%;padding: 3px 0; font: italic 100% Georgia,Times,sans-serif;color: #555}

fieldset.printMenuPosts {
width: 100%;
padding: 10px;
margin: 10px 0;
border: 1px solid #dddddd;
}

fieldset.printMenuPosts legend {
font-size: 110%;
font-weight: bold;
padding: 5px;
text-align: center;
}

div.printMenuNotes {
color: #AAA;
font-size: 80%;
text-align: center;
width: 100%;
clear: both;
}


span.cruda {
font-weight: bold;
color: #679146;
}

span.cafe {
font-weight: bold;
color: #a14176;
}