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

body {
	font-size: 62.5%;
	font-family: verdana;
	background: #dcdcdc url(images/bodybg.gif) repeat-x;
}

.alignleft { float: left; }
.alignright { float: right; }

#wrapper {
	width: 952px;
	margin: 0 auto;
	padding: 19px 0 0;
}

	h1 a {
		width: 390px;
		height: 73px;
		margin-left: 24px;
		background: url(images/logo.gif) no-repeat;
		display: block;
		text-indent: -9999px;
		float: left;
	}

	#useroptions {
		width: 453px;
		height: 21px;
		padding-top: 65px;
		margin-right: 16px;
		background: url(images/useroptions.gif) no-repeat bottom;
		list-style-type: none;
		display: inline;
		float: right;
		color: #fff;
	}

		#useroptions li { float: left; }

		#useroptions li.welcome {
			width: 217px;
			height: 16px;
			padding: 5px 6px 0 20px;
			font-size: 1.1em;
			font-weight: bold;
		}
		
			#useroptions li a { display: block; height: 21px; }
			
			#useroptions li a.account {
				width: 91px;
				background: transparent;
				margin: 0 20px 0 0;
			}
			
			#useroptions li a.logout {
				width: 55px;
				background: transparent;
			}
		
	#topnav {
		width: 883px;
		height: 11px;
		background: url(images/topnav.gif) no-repeat;
		list-style-type: none;
		padding: 12px 34px 12px 35px;
		margin-bottom: 5px;
		clear: both;
	}
	
		#topnav li { float: left; }
		
		#topnav a { 
			display: block;
			height: 11px;
			margin: 0 21px 0 0;
			background: transparent;
		}
		
		#topnav a.home { width: 38px; margin: 0 24px 0 0; }		
		#topnav a.weeklybox { width: 80px; }		
		#topnav a.custombox { width: 141px; }
		#topnav a.giftvouchers { width: 102px; }
		#topnav a.recipesblog {	width: 89px; }		
		#topnav a.testimonials { width: 90px; }		
		#topnav a.ourguarantee { width: 109px; }
		#topnav a.contactus { width: 81px; margin: 0; }
			
	#contentcontainer {
		width: 689px;
		padding: 0 6px 30px 1px;
		float: left;
		clear: both;
	}
	
		#content-top {
			width: 689px;
			height: 13px;
			background: url(images/content-top.gif) no-repeat;
		}
		
		#content {
			width: 635px;
			padding: 15px 27px 0;
			font-size: 1.1em;
			background: url(images/content-bg.gif) repeat-y;
		}
			
			#content a { color: #d83404; text-decoration: none; }
			
			#content a:hover { text-decoration: underline; }
			
			#content h2 { font-size: 1.5em; font-weight: bold; }
			
			#content h2 a {
				color: #5e911d;
				text-decoration: none;
			}
			
			#content h2 a:hover { text-decoration: underline; }
		
			#content .date {
				width: 36px;
				height: 40px;
				padding: 0 12px 0 0;
				float: left;
				background: url(images/date.gif) no-repeat;
				color: #fff;
			}
				#content .date p.month {
					font-size: 0.8em;
					padding: 1px 0 0 2px;
					font-family: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
					text-transform: uppercase;
				}
				
				#content .date p.day {
					color: #000;
					font-family: georgia;
					font-size: 1.6em;
					margin-top: -2px;
					font-weight: bold;
					text-align: center;
				}
				
			#content .titlecategory {
				width: 485px;
				float: left;
				font-size: 0.9em;
			}
			
				#content .titlecategory h2 { font-size: 1.8em; }
				
			#content .totalcomments {
				width: 102px;
				padding: 20px 0 0;
				float: left;
			}
			
				#content .totalcomments a {
					background: url(images/icon-comment.gif) no-repeat;
					padding-left: 20px;
					height: 14px;
					display: block;
					font-size: 0.9em;
				}
			
			#content .divider {
				clear: left;
				width: 613px;
				height: 7px;
				padding: 10px 0 0;
				margin: 0 0 8px;
				background: url(images/divider.gif) no-repeat bottom;
			}
			
			#content .entry { 
				padding: 0 0 20px; 
			}
			
			#content .entry p {
				padding: 0 0 15px;
			}
			
			#content .navigation {
				border-top: 1px solid #e3e3e5;
				height: 22px;
				padding: 15px 0;
				font-size: 1.1em;
			}
				
				#content .navigation .alignleft {
					width: 200px;
					height: 22px;
				}
				
				#content .navigation .alignleft a {
					background: url(images/arrow-left.gif) no-repeat 0 1px;
					font-weight: bold;
					width: 100px;
					color: #000;
					display: block;
					height: 20px;
					padding: 2px 0 0 25px;
					text-decoration: none;
				}
				
				#content .navigation .alignleft a:hover { text-decoration: underline; }
				
				#content .navigation .alignright {
					text-align: right;
					height: 22px;
				}
					
				#content .navigation .alignright a {
					background: url(images/arrow-right.gif) no-repeat right 2px;
					font-weight: bold;
					color: #000;
					width: 110px;
					padding: 2px 25px 0 0;
					height: 20px;
					display: block;
					text-decoration: none;
				}
				
					#content .navigation .alignright a span { padding: 2px; }
				
				#content .navigation .alignright a:hover { text-decoration: underline; }			
		
		#content-bottom {
			clear: both;
			width: 689px;
			height: 13px;
			background: url(images/content-bottom.gif) no-repeat;
		}
		
	#sidebar {
		width: 249px;
		padding: 0 6px 30px 0;
		float: right;
		font-size: 1.1em;
		overflow: hidden;
	}
	
		#sidebar ul { list-style-type: none; }
			
			#sidebar ul li { overflow: hidden; }
			
			#sidebar ul h2.categories {
				width: 249px;
				height: 44px;
				background: url(images/sidebar-categories.gif) no-repeat;
				display: block;
				text-indent: -9999px;
			}
			
			#sidebar ul h2.archives {
				width: 249px;
				height: 44px;
				background: url(images/sidebar-archives.gif) no-repeat;
				display: block;
				text-indent: -9999px;
			}
			
			#sidebar ul li.bottom {
				width: 249px;
				height: 32px;
				background: url(images/sidebar-box-bottom.gif) no-repeat;
				overflow: hidden;
				margin-bottom: 10px;
			}
			
			#sidebar ul ul.sections {
				overflow: hidden;
				float: left;
			}
			
			#sidebar ul ul li { width: 249px; }
			
			#sidebar ul ul.box {
				background: url(images/sidebar-bg.gif) repeat-y;
				padding: 14px 20px 0;
			}	

			#sidebar ul ul li a {
				background: url(images/sidebar-list.gif) no-repeat;
				padding: 1px 0 0 23px;
				height: 25px;
				display: block;
				color: #000;
				text-decoration: none;
			}
			
			#sidebar ul ul li a:hover { text-decoration: underline; }
			
			#sidebar ul ul li a.postcode {
				width: 249px;
				height: 87px;
				background: url(images/postcode.jpg) no-repeat;
				display: block;
				overflow: hidden;
			}
			
			#sidebar ul ul li a.recipesblog {
				width: 249px;
				height: 88px;
				background: url(images/recipesblog.jpg) no-repeat;
				display: block;
				overflow: hidden;
			}
			
			#sidebar ul ul li a.buyvouchers {
				width: 249px;
				height: 118px;
				background: url(images/buyvouchers.jpg) no-repeat;
				display: block;
				overflow: hidden;
			}
	
	#bottomnav {
		width: 883px;
		height: 11px;
		background: url(images/bottomnav.gif) no-repeat;
		list-style-type: none;
		padding: 10px 34px 10px 35px;
		clear: both;
	}
	
		#bottomnav li { float: left; }
		
		#bottomnav a { 
			display: block;
			height: 11px;
			margin: 0 21px 0 0;
			background: transparent;
		}
		
		#bottomnav a.home { width: 38px; margin: 0 24px 0 0; }		
		#bottomnav a.weeklybox { width: 80px; }		
		#bottomnav a.custombox { width: 141px; }
		#bottomnav a.giftvouchers { width: 102px; }
		#bottomnav a.recipesblog {	width: 89px; }		
		#bottomnav a.testimonials { width: 90px; }		
		#bottomnav a.ourguarantee { width: 109px; }
		#bottomnav a.contactus { width: 81px; margin: 0; }
		
	#footer {
		clear: both; 
		width: 900px;
		text-align: center;
		font-size: 1.1em;
		color: #317b25;
	} 
	
		#footer ul {
			list-style-type: none;
			padding: 15px 0 0 0;
		}
		
		#footer li { 
			padding: 0 10px;
			border-left: 1px solid #317b25;
			display: inline;
		}
		
		#footer li.listfirst {
			border: 0;
		}
		
		#footer li a { color: #317b25; text-decoration: none; font-weight: bold; }
		
		#footer li a:hover { text-decoration: underline; }
		
		#footer p { padding: 15px 0 30px 0; clear: left; }