/*  
Theme Name: breaking-bread
Theme URI: http://www.halfabee.com/overeducated
Version: 1.0
Author: Eric the Half a Bee
Original Author URI: 

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	bread-logo.jpg based on "Tasting" by icathing
	http://www.flickr.com/photos/icathing/315494147/in/photostream/
	Image released under Creative Commons Attribution-ShareAlike 2.0 license
	http://creativecommons.org/licenses/by-sa/2.0/
	
	*** REGARDING IMAGES ***
	All CSS that involves the use of images, can be found in the 'index.php' file.
	This is to ease installation inside subdirectories of a server.
	
	CSS SECTIONS IN ORDER:
	Sidebar, Posts, Headings, Images, Forms, Comments, Content Area, Tags, Footer
	

*/

	#container {
		background-color: #663300; 
		color: #FFFFFF; 
		width: 776px; 
		margin-left: auto; 
		margin-right: auto; 
		padding:0px
	}
	
	#main {
		background-color:#e8d9c4; 
		color:#000000; 
		width: auto; 
		min-height:300px; 
		margin-right: 250px; 
		padding:10px; 
		border-right:1px #CC9966 solid; 
		margin-top:0;
	}
	
	#sidebar {
		background-color: #663300; 
		color: #FFFFFF; 
		width: 230px; 
		min-height:300px; 
		margin:0;
		padding:10px; 
		float: right;
	}
	
	#masthead {
		background-color:#33210D; 
		color:#FFFFFF; 
		border-bottom:1px #CC9966 solid;
	}
	
	body {
		font-family: Georgia, serif; 
		line-height: 120%; 
		background-color: #33210D; 
		color: #FFFFFF;
	}
	
	h2 {
		font-family:Tahoma, sans-serif; 
		font-size: 1.1em; 
		font-weight: normal; 
		border-bottom: 1px dotted #300; 
		margin: 15px 0 5px 0; 
		padding-bottom:5px ; 
	}
	
	#main h3 {
		margin-bottom: 5px;
	}
	
	p { 
		margin:0; 
		padding:0; 
		font-size: 100%;
		font-family: Arial, serif;
	}
	
	img {
		border: none;
		margin: 0;
		padding: auto 0 auto 0;
	}
	
	.entry {
		font-family: Georgia, serif;
	}
	
	.entry p {
		margin:0 0 10px 0; 
		font-family: Georgia, serif;
		font-size: 12px;
	}
	
	/* Recipe-specific styles */
	.entry p.summary { 
		padding-left: 20px;
		padding-right: 20px;
		font-style: italic; 
	}

	.entry p.recipetitle {
		font-weight: bold; 
		text-transform: uppercase;
		margin-top: 5px;
		margin-bottom; 5px;
	}

	.entry ul.ingred { 
		margin-top: 0px;
		font-size: 12px;
		line-height: 120%;
	}
	
	.entry ul.ingred li {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	.entry p.source {
		margin-top: 20px;
	}
	
	.entrystats {
		font-family: Georgia, serif;
		font-size: 11px;
		padding-left: 20px;
		margin-top: 0;
		padding-top: 0;
	}
	
	.page_item a {
		font-weight: normal;
		border: 1px dotted #ccc;
		padding: 5px;
		display: block;
		margin: 5px 0 5px 0;
		font-family: Tahoma, Arial, sans-serif;
		text-decoration: none;
		color: #eeeeee;
	}
	
	
	#main h3 {
		font-weight: bold;
		font-size: 16px;
		font-family: Georgia, serif;
	}
	
	#commentform p {
		font-family: Georgia, serif;
	}
	
	#commentform textarea {
		width: 500px;
	}
	
	#sidebar .page_item {
		font-size: 18px;
	}
	
	#sidebar h2 {
		font-family: Georgia, Times, sans-serif;
		font-size: 14px;
		border-bottom: 1px dotted #cccccc;
		padding-bottom: 3px;
		margin-bottom: 5px;
		margin-top: 30px;
	}
	
	#sidebar ul {
		list-style-image: none;
		list-style-type: none;
		padding-left: 15px;
		margin-top: 5px;
	}

	
	#sidebar ul li {
		font-size: 12px;
	}
	
	.postfooter {
		border-top: 1px dotted #300; 
		margin-bottom: 30px;
		padding-top: 5px;
	}
	
	.postfooter p {
		font-family: Georgia, serif;
	}
		
	.postmetadata {
		font-size: 12px;
	}
	
	
	/* Put link colors and styles here.
	   Remember that a:hover needs to go after a:link and a:visited
	*/
	
	#sidebar a:link, 
	#sidebar a:visited {
		color: #FFFFFF;
		text-decoration: none;
	}
	
	#sidebar a:hover {
		text-decoration: none;
		color: #FF9933;
	}
	
	#sidebar .page_item a:hover {
		text-decoration: none;
		color: #FFFFFF;
		background: #222222;
	}
	
	#main a:link,
	#main a:visited {
		color: #663300;
		text-decoration: none;
	}
	
	#main a:hover {
		color: #CC3300;
		text-decoration: underline;
	}