/* 
Theme Name: Peanut Butter and Jargon
Theme URL: http://peanutbutterandjargon.com/
Description: A blog about food.
Author: Dan Klammer
Author URI: http://danklammer.com/
Version: 1.0
*/

/*                                              TYPOGRAPHY
__________________________________________________________

	The fonts included are copyrighted by the vendor listed below.
	
	@vendor:     Andrew Paglinawan
	@vendorurl:  http://www.andrewpaglinawan.com
	@licenseurl: http://www.fontsquirrel.com/license/Quicksand

*/	

	@font-face {
		font-family: 'QuicksandBook';
		src: url('fonts/Quicksand_Book.eot');
		src: local('Quicksand Book'), local('QuicksandBook-Regular'), url('fonts/Quicksand_Book.woff') format('woff'), url('fonts/Quicksand_Book.otf') format('opentype'), url('fonts/Quicksand_Book.svg#QuicksandBook-Regular') format('svg');
	}
	
	@font-face {
		font-family: 'QuicksandBookOblique';
		src: url('fonts/Quicksand_Book_Oblique.eot');
		src: local('Quicksand Book Oblique'), local('QuicksandBookOblique-Regular'), url('fonts/Quicksand_Book_Oblique.woff') format('woff'), url('fonts/Quicksand_Book_Oblique.otf') format('opentype'), url('fonts/Quicksand_Book_Oblique.svg#QuicksandBookOblique-Regular') format('svg');
	}
	
	@font-face {
		font-family: 'QuicksandBold';
		src: url('fonts/Quicksand_Bold.eot');
		src: local('Quicksand Bold'), local('QuicksandBold-Regular'), url('fonts/Quicksand_Bold.woff') format('woff'), url('fonts/Quicksand_Bold.otf') format('opentype'), url('fonts/Quicksand_Bold.svg#QuicksandBold-Regular') format('svg');
	}
	
	@font-face {
		font-family: 'QuicksandBoldOblique';
		src: url('fonts/Quicksand_Bold_Oblique.eot');
		src: local('Quicksand Bold Oblique'), local('QuicksandBoldOblique-Regular'), url('fonts/Quicksand_Bold_Oblique.woff') format('woff'), url('fonts/Quicksand_Bold_Oblique.otf') format('opentype'), url('fonts/Quicksand_Bold_Oblique.svg#QuicksandBoldOblique-Regular') format('svg');
	}


	body {
		font: 12px Verdana, 'Trebuchet MS', sans-serif;
		color: #252525;
	}

	h1, h1 a {
		font: 28px 'QuicksandBook', 'Trebuchet MS', sans-serif;
		color: #492275;
		line-height: 28px;
		text-decoration: none;
		text-align: left;
		letter-spacing: -1px;
	}
	
	h2 {
		font: 24px 'QuicksandBook', 'Trebuchet MS', sans-serif;
		color: #492275;
		text-align: left;
	}
	
	h3 {
		font: 20px 'QuicksandBook', 'Trebuchet MS', sans-serif;
		color: #492275;
		margin: 0 0 3px;
		padding: 0 0 2px;
		border-bottom: 2px solid #d5d5d5;
		text-align: left;
	}
	
	h3.archive {
		margin-bottom: 5px;
		color: #909090;
	}
	
	h4 {
		font: 16px 'QuicksandBold', 'Trebuchet MS', sans-serif;
		color: #492275;
		margin: 18px 0 0;
		padding: 8px 0;
		text-align: left;
	}
	
	h5 {
		font-size: 11px;
		color: #858585;
		text-transform: uppercase;
		letter-spacing: 1px;
		width: 525px;
		padding-top: 2px;
		padding-bottom: 0px;
		text-align: left;
	}

	h6, h6 a {
		font: 16px 'QuicksandBook', 'Trebuchet MS', sans-serif;
		color: #492275;
		text-align: right;
		text-decoration: none;
		margin-top: 35px;
		padding-bottom: 12px;
	}

	p {
		line-height: 19px;
		padding: 15px 0 0;
	}

	strong {
		font-weight: bold;
	}

	small {
		font-size: 10px;
		color: #707070;
	}

	div.post p {
		text-align: justify;
	}

	div.post img {
		margin: 5px 0 0 0;
	}

	div.post ul {
		font-size: 12px;
		line-height: 15px;
		margin: 4px 0 4px 35px;
		list-style-image: url(images/bullet.gif);
	}
	
	div.post ul li {
		margin-bottom: 7px;
		font-size: 12px;
		text-decoration: none;
		cursor: pointer;
		text-align: left;
	}

	div.post address {
		margin: -8px 0 8px;
		font-size: 11px;
		font-style: normal;
	}

	div.post .pbj-caption, div.post .wp-caption {
		color: #492275;
		font-size: 11px;
		display: block;
		text-align: left;
		padding: 0px;
	}

	div.post .pbj-caption-bar {
		color: #492275;
		font-size: 11px;
		display: block;
		text-align: right;
		padding: 1px 8px 3px 2px;
		background: #f6f3f9;
		border: 1px solid #e8e0f1;
		-moz-border-radius-bottomleft: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		-webkit-border-bottom-right-radius: 4px;
	}

	a#print-recipe-link {
		margin-left: 3px;
		padding: 0 0 0 22px;
		background:url(images/icon-recipecard.png) no-repeat 0 50%;
	}

	.more-link {
		margin-top: 10px;
		display: block;
		float:left;
	}

	.more-comment {
		padding-top: 10px;
		float:right;
		display: block;
	}


	.left {
		float:left;
		display: block;
		width: 200px;
		text-align: left;
	}

	.right {
		float:right;
		display: block;
		width: 200px;
		text-align: right;
	}


/*                                             MAIN LAYOUT 
__________________________________________________________
*/	


	div#topbar {
		height: 8px;
		width: 100%;
		margin-bottom: 10px;
		background-color: #492275;
	}
	
	div#container {
		width: 800px;
		margin: 0 auto;
	}
	
	div#leftside {
		width: 525px;
		display: block;
		float: left;
		padding: 25px 0 10px;
	}
	
	div#rightside {
		width: 235px;
		display: block;
		float: right;
	}
	
	div.post {
		line-height: 19px;
		text-align: justify;
		padding: 10px 0 25px;
		margin-bottom: 25px;
		border-bottom: 2px solid #d5d5d5;
	}
	
	div#logo {
		width: 235px;
		margin: 5px 0;
	}
	
	div#search input {
		padding: 4px 6px 4px 8px;
		width: 221px;
		background: url(images/search_mag.gif) 206px 3px no-repeat #f1f1f1;
		font: 18px 'QuicksandBook', 'Trebuchet MS', sans-serif;
		color: #858585;
		border: 1px solid #e0e1e5;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		height: 20px;
		line-height: 20px;
		vertical-align: middle;
	}

	div#monthly-archives select {
		color: #492275;
		background: #f6f3f9;
		border: 1px solid #e8e0f1;
		padding: 3px;
		width: 200px;
		height: 24px;
		margin-top: 8px;
		margin-left: 10px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}

	div#monthly-archives select:focus {
		border: 1px solid #816e9e;
		outline: none;
		-moz-outline-style: none;
	}
	
	div#nav {
		width: 235px;
		padding-top: 20px;
		text-align: left;
	}
	
	div#nav ul {
		width: 235px;
	}
	
	div#nav li {
		list-style: none;
	}
	
	div#recent-posts, div#monthly-archives, div#categories, div#blogroll, div#subscribe {
		width: 235px;
		padding-top: 25px;
		text-align: left;
	}
	
	div#recent-posts ul, div#monthly-archives ul, div#categories ul, div#blogroll ul, div#subscribe ul {
		padding-left: 10px;
		width: 225px;
	}
	
	div#recent-posts li, div#monthly-archives li, div#categories li, div#blogroll li, div#subscribe li {
		list-style: none;
		line-height: 14px;
		padding: 4px 0;
	}

	div#recent-posts a, div#monthly-archives a, div#categories a, div#blogroll a {
		text-decoration: none;
	}

	div#subscribe li p {
		margin: 0;
		padding: 0;
	}

	div#twitter-link {
		padding: 40px 0 20px;
	}

	div#footer {
		width: 800px;
		margin: 0 auto;
		padding: 0 0 15px;
	}
	
	div#footer p {
		font-size: 11px;
		color: #aaaaaa;
		text-align: right;
	}

/*                                           REGULAR LINKS
__________________________________________________________
*/

	a:link {
		color: #492275;
	}
	
	a:active, a:focus {
		color: #492275;
		outline: dashed 1px #d3cfda;
	}
	
	a:visited {
		color: #5b3c7e;
	}
	
	a:hover {
		color: #3a1466;
	}
	

/*                                               NAV LINKS
__________________________________________________________
*/

	div#nav li a:link, div#nav li a:active, div#nav li a:visited {
		font: 18px 'QuicksandBold', 'Trebuchet MS', sans-serif;
		color: #492275;
		display: block;
		width: 205px;
		padding-left: 30px;
		line-height: 21px;
		letter-spacing: 1px;
		text-transform: uppercase;
		text-decoration: none;
		outline: none;
	}
	
	div#nav li a:hover, div#nav li a.onstate, div#nav li.current_page_item {
		color: #3a1466;
		background: url(images/nav_spoon.gif) no-repeat left 5px;
	}


/*                                      COMMENTS AND FORMS
__________________________________________________________
*/

	div#postmeta {
		background: #f6f3f9;
		border: 1px solid #e8e0f1;
		padding: 10px;
		margin-top: 25px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}

	div#postmeta a, div#postnavigation a {
		text-decoration: none;
	}

	div#postnavigation a {
		font: 15px 'QuicksandBold', 'Trebuchet MS', sans-serif;
	}

	div#postmeta p {
		margin: 0px;
		padding: 3px;
	}

	ol#comments_list li {
		font-size: 11px;
		border-left: 3px solid #cec3da;
		margin: 0 0 25px;
		padding: 7px 10px 15px 10px;
		list-style: none;
	}

	ol#comments_list li.author {
		background: #f6f3f9;
	}

	ol#comments_list p {
		padding: 8px 0 0 0;
		line-height: 18px;
	}

	p.commenter {
		font: 16px 'QuicksandBook', 'Trebuchet MS', sans-serif;
		color: #492275;
		float: left;
	}

	p.comment-time {
		color: #858585;
		float: right;
	}

	div.comments_reply {
		padding-top: 5px;
	}

	div.comments_reply input#author, div.comments_reply input#email, div.comments_reply input#url {
		padding: 3px;
		background: #f6f6f6;
		font: 12px Verdana, 'Trebuchet MS', sans-serif;
		color: #404040;
		border: 1px solid #d5d5d5;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		height: 18px;
		line-height: 20px;
	}

	div.comments_reply textarea#comment {
		padding: 3px;
		background: #f6f6f6;
		font: 12px Verdana, 'Trebuchet MS', sans-serif;
		color: #404040;
		border: 1px solid #d5d5d5;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		line-height: 18px;
		width: 517px;
	}


	span.your-name input, span.your-email input, span.your-subject input  {
		padding: 3px;
		background: #f6f6f6;
		font: 12px Verdana, 'Trebuchet MS', sans-serif;
		color: #404040;
		border: 1px solid #d5d5d5;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		height: 18px;
		width: 350px;
		line-height: 20px;
	}

	span.your-message textarea  {
		padding: 3px;
		background: #f6f6f6;
		font: 12px Verdana, 'Trebuchet MS', sans-serif;
		color: #404040;
		border: 1px solid #d5d5d5;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		width: 350px;
		line-height: 20px;
	}

	div#subscribe li p {
		margin: 0;
		padding: 0 0 6px;
		font-size: 11px;
		color: #505050;
		line-height: 15px;
	}

	div#subscribe li input.sub-form-email {
		padding: 3px;
		background: #f6f6f6;
		font: 12px Verdana, 'Trebuchet MS', sans-serif;
		color: #404040;
		border: 1px solid #d5d5d5;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		height: 18px;
		line-height: 20px;
		width: 192px;
	}

	div.comments_reply p, div.wpcf7 p {
		font-size: 11px;
		color: #505050;
	}