/*
Theme Name: Yummly
Theme URI: http://www.dizzain.com/blog_customization/
Description: The WordPress theme for site <b>Yummly</b>.
Version: 1.0
Author: Dizzain.com
Author URI: http://www.dizzain.com/
*/

/*
	Reset by Eric Meyer
	http://meyerweb.com/eric/tools/css/reset/
*/

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


sup, sub {
	font-size: 70%;
	vertical-align: baseline;
	position: relative;
}

sup {
	top: -0.4em;
}

sub {
	bottom: -0.4em;
}

/*
	Main styles
*/

html { width: 100%; }

html, body {
	height: 100%;
}

body, textarea, input, select {
	font: 13px/18px "Trebuchet MS", Arial, Verdana, Tahoma;
}

body {
	color: #5d5d5d;
	background: #fff;
}

p {
	margin: 10px 0 0 0;
}

ul, ol, dl {
	margin: 5px 0 5px 20px;
}

blockquote {
	margin: 10px 0 0 20px;
	font-style: italic;
}

pre {
	font: 14px/18px "Courier New", Courier, monospace;
	color: #333;
	margin: 10px 0;
}

a {
	color: #5d5d5d;
}

a:hover {
	text-decoration: none;
}

/*
	Global styles
*/

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.overflow {
	overflow: hidden;
}

/*
	Layonts
*/

#wrapper {
	background: url("images/wrapper.png") center top no-repeat;
	float: left;
	min-height: 850px;
	width: 100%;
}

#header {
	height: 165px;
	margin: 0 auto;
	width: 1000px;
	overflow: hidden;
}

#page {
	margin: 0 auto;
	width: 832px;
	background: url("images/page.png") 0 0 repeat-y;
	overflow: hidden;
	position:relative;
	min-height: 850px;
}

#content {
	margin: 0;
	width: 568px;
	min-height: 800px;
}

#aside {
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 264px;
}

#footer {
	width: 100%;
	margin: 10px 0;
}

/*
	Header
*/

/* Logo */

#logo {
	display: inline;
	float: left;
	width: 346px;
	height: 93px;
	margin: 20px 0 0 60px;
	background: url("images/sprite.png") 0 0 no-repeat;
}

	#logo h1, #logo h2 {
		position: relative;
		margin: 0;
		padding: 0;
		text-indent: -1000px;
	}

		#logo h1 a, #logo h2 a {
			display: block;
			height: 93px;
			width: 346px;
		}

/* Menu */

#menu {
	float: right;
	height: 39px;
	margin: 127px 0 0;
	width: 400px;
}

	#menu ul {
		float: left;
		height: 39px;
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	#menu ul li {
		float: left;
		font: bold 20px/38px Arial;
		height: 39px;
		letter-spacing: -1px;
		margin: 0 8px 0 0;
		padding: 0;
	}

		#menu ul li a {
			background: url("images/sprite.png") -393px 0 no-repeat;
			color: #fff;
			display: block;
			padding: 0 0 0 8px;
			text-decoration: none;
		}

			#menu ul li a span {
				background: url("images/sprite.png") right -108px no-repeat;
				display: block;
				padding-right: 8px;
			}

		#menu ul li a:hover,
		#menu ul li.active a {
			background: url("images/sprite.png") -393px -39px no-repeat;
		}

			#menu ul li a:hover span,
			#menu ul li.active span {
				background: url("images/sprite.png") right -147px no-repeat;
			}
			
		body.page #menu ul li a.about {
			background: url("images/sprite.png") -393px -39px no-repeat;
		}
		
			body.page #menu ul li a.about span {
				background: url("images/sprite.png") right -147px no-repeat;
			}

/*
	Content
*/

/* Typograpthy */

#content h1, #content h2 {
	font: bold 21px/24px Arial, Tahoma, sans-serif;
	color: #615357;
	letter-spacing: -1px;
}

#content h3 {
	font: bold 18px/24px Arial, Tahoma, sans-serif;
	color: #615357;
	letter-spacing: -1px;
}

#content h1 a, #content h2 a, #content h3 a {
	text-decoration: none;
}

#content ul {
	list-style: disc;
}

#content ol {
	list-style: decimal;
}

	#content ol ol li {
		list-style-type: lower-alpha;
	}

	#content ul ul li {
		list-style-type: circle;
	}

#content dt {
	font-weight:bold;
}

#content dd {
	margin: 0 0 10px 10px;
}

/* Layout */

#content .posts {
	float: left;
	width: 515px;
	margin: 20px 0 0 15px;
	display: inline;
}

	#content .posts .headline {
		float: left;
		margin: 0 0 20px;
	}

	#content .posts .post {
		float: left;
		margin: 0 0 50px;
	}

		#content .posts .post .info {
			background: #edecec;
			height: 70px;
			position: relative;
			width:530px;
		}

			#content .posts .post .info .date {
				width: 86px;
				height: 86px;
				background: url("images/sprite.png") -414px 0 no-repeat;
				position: absolute;
				top: -10px;
			}

				#content .posts .post .info .date .d {
					width: 16px;
					height: 15px;
					position: absolute;
					top: 27px;
					left: 35px;
				}

				#content .posts .post .info .date .m {
					width: 30px;
					height: 15px;
					position: absolute;
					top: 43px;
					left: 28px;
				}

				#content .posts .post .info .date img {
					margin: 0;
				}

			#content .posts .post .info .title {
				width: 420px;
				height: 86px;
				position: absolute;
				left: 90px;
			}

				#content .posts .post .info .title h2 {
					height: 70px;
					vertical-align: middle;
					display: table-cell;
				}

		#content .posts .post .entry {
			float: left;
			margin: 10px 0 0 20px;
			display: inline;
		}

			#content .posts .post .entry h1,
			#content .posts .post .entry h2,
			#content .posts .post .entry h3,
			#content .posts .post .entry h4,
			#content .posts .post .entry h5,
			#content .posts .post .entry h6 {
				font-family: "Trebuchet MS", Arial, Verdana, Tahoma;
				line-height: 26px;
			}

			#content .posts .post .entry h1 {
				font-size: 22px;
				margin: 10px 0;
			}

			#content .posts .post .entry h2 {
				font-size: 20px;
				margin: 10px 0;
			}

			#content .posts .post .entry h3 {
				font-size: 18px;
				margin: 10px 0;
			}

			#content .posts .post .entry h4 {
				font-size: 16px;
				margin: 10px 0;
			}

			#content .posts .post .entry h5 {
				font-size: 15px;
				margin: 10px 0;
			}

			#content .posts .post .entry h6 {
				font-size: 14px;
				margin: 10px 0;
			}

		#content .posts .post .meta {
			float: left;
			margin: 10px 0 0 20px;
			display: inline;
			font: 12px/21px "Trebuchet MS", Arial, Verdana, Tahoma;
		}

			#content .posts .post .meta p {
				margin: 0;
				min-height: 21px;
				padding-left: 28px;
			}

				#content .posts .post .meta p.c {
					background: url("images/sprite.png") 0 -186px no-repeat;
				}

				#content .posts .post .meta p.t {
					background: url("images/sprite.png") 0 -291px no-repeat;
				}

				#content .posts .post .meta p.s {
					background: url("images/sprite.png") 0 -396px no-repeat;
				}

			#content .posts .post .meta p a {
				color: #822433;
			}

/* Month archives */

#content ul.month_archive {
}

#content ul.month_archive.images {
	list-style-type: none;
	margin-left: 0;
}

	#content ul.month_archive li {
		/*float: left;*/
	}

		#content ul.month_archive li .i {
			float: left;
			margin: 0 10px 0 0;
		}

/* Images */

#content img {
	padding: 0;
	max-width: 100%;
	margin: 5px;
}

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

	#content img.alignright {
		padding: 4px;
		margin: 10px 0 10px 10px;
		display: inline;
	}

	#content img.alignleft {
		padding: 4px;
		margin: 10px 10px 10px 0;
		display: inline;
	}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	padding: 3px;
	margin: 10px;
	/*-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;*/
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

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

/* Tables*/

#content .posts table {
	border-width: 1px;
	border-spacing: 0px;
	border-style: ridge;
	border-color: #5d5d5d;
	border-collapse: collapse;
	margin: 5px 0;
}

	#content .posts table.full {
		width: 100%;
	}

/*#content .posts tr:hover {
	background: #fff;
}*/

#content .posts table th {
	border-width: 1px;
	padding: 3px;
	border-style: ridge;
	border-color: #5d5d5d;
}

#content .posts table td {
	border-width: 1px;
	padding: 3px;
	border-style: ridge;
	border-color: #5d5d5d;
}

/* Comments */

.commentlist {
	margin: 10px 0 0 40px;
}

	.commentlist li {
		margin: 0 0 10px;
	}

	.commentlist li .avatar {
		background: #fff;
		border: 1px solid #eee;
		float: right;
		padding: 2px;
	}

#commentform, #respond {
	float: left;
	width: 100%;
	margin: 5px 0;
}

	#commentform textarea {
		float: left;
		width: 100%;
		height: 200px;
		margin: 0;
	}

/* Pagination */

.navigation {
	float: left;
	width: 515px;
	margin: 0 0 20px 35px;
	font: 19px/22px Arial;
	color: #5d5d5d;
	display: inline;
}

/*
	Aside
*/

#aside {
}

#aside ul {
	float: left;
	list-style-type: none;
	margin: 20px 0 0 30px;
	color: #838383;
	width: 200px;
	font: 13px/22px Arial;
	display: inline;
}

	#aside ul li {
		float: left;
		margin: 0 0 20px;
		width: 200px;
	}

	#aside ul li ul {
		list-style-type: none;
		margin: 10px 0 0;
		color: #838383;
	}

		#aside ul li ul li {
			list-style-type: none;
			margin: 0;
			padding-left: 10px;
			/*background: url("images/sprite.png") 0 -156px no-repeat;*/
			background: url("images/dot.png") 0 12px no-repeat;
		}

		#aside ul li ul li.active a,
		#aside ul li ul li.current-cat a,
		#aside ul li ul li.current_page_item a {
			text-decoration: none;
			color: #822433;
		}

			#aside ul li ul li ul {
				margin-top: 0;
				margin-left: 10px;
			}

				#aside ul li ul li ul li {
					/*background: none;*/
					margin-top: 0;
					/*margin-left: 10px;*/
				}

					#aside ul li ul li.active ul li a {
						text-decoration: underline;
						color: #363636;
					}

						#aside ul li ul li ul li.active a,
						#aside ul li ul li ul li.current-cat a,
						#aside ul li ul li ul li.current_page_item a {
							text-decoration: none;
							color: #822433;
						}

						#aside ul li ul li.active ul li a:hover,
						#aside ul li ul li.current-cat ul li a:hover,
						#aside ul li ul li.current_page_item ul li a:hover {
							text-decoration: none;
						}

	#aside a {
		color: #363636;
	}

	#aside h3 {
		font: bold 21px/26px Arial, Tahoma, sans-serif;
		color: #822433;
		letter-spacing: -1px;
		display: block;
	}

	/* Sociable */

	#aside ul li ul.sociable {
		list-style-type: none;
		margin: 10px 0 0;
	}

		#aside ul li ul.sociable li {
			float: left;
			list-style-type: none;
			margin: 0 5px 0 0;
			padding-left: 0;
			background: none;
			width: 26px;
			height: 27px;
		}

			#aside ul li ul.sociable li a {
				display: block;
				float: left;
				width: 26px;
				height: 27px;
				text-indent: -1000px;
			}

				#aside ul li ul.sociable li a.r {
					background: url("images/sprite.png") -346px 0 no-repeat;
				}

				#aside ul li ul.sociable li a.t {
					background: url("images/sprite.png") -346px -27px no-repeat;
				}

				#aside ul li ul.sociable li a.m {
					background: url("images/sprite.png") -346px -54px no-repeat;
				}

				#aside ul li ul.sociable li a.f {
					background: url("images/sprite.png") -346px -81px no-repeat;
				}

/*
	Footer
*/

#footer .alignleft {
	border-top: 1px solid #c6c5c1;
	margin: 0 0 0 20px;
}

#footer .alignright {
	margin: 0 20px 0 0;
}

	#footer p {
		text-align: left;
		font: 12px/14px Arial;
		padding: 10px 0;
	}

	#footer .alignright p {
		text-align: right;
	}

#footer a {
	color: #5d5d5d;
}

/*
	Search form
*/

#searchform {
	margin-top: 10px;
}

	#searchform input {
		float: left;
		height: 22px;
		background: #fff;
		width: 150px;
		font: 14px/22px Arial;
		color: #c4baa5;
		border: 1px solid #c4baa5;
	}

	#searchform input#searchsubmit {
		height: 25px;
		width: 37px;
		border: 0 none;
		background: #8e414d;
		color: #fff;
		cursor: pointer;
		font: bold 16px/20px Arial;
		text-transform: uppercase;
		text-align: center;
		margin-left: 2px;
	}