/*

Theme Name: Grassfed
Theme URI: http://www.avidity.net/realfood
Description: A grass-based theme for WordPress.
Version: 1
Author: Sara of Plays Well With Butter
Author URI: http://www.avidity.net/realfood
Tags: fixed width, three columns, widgets

*/
<!--

/* GLOBAL */
body {  margin: 0; padding: 0; font-family: "Verdana", "Arial", "Helvetica", sans-serif; font-size: 11px; color: #333333; background: url(images/check2.jpg); }
img { border: 0; }
h1, h4, h5, h6 { font-size: 12px; color: #000000; }
small { font-size: 9px; }
.credit { font-size: 9px; font-style: italic; }
.center { text-align: center; }	
.alignleft { float: left; }
.alignright { float: right; }
.clear { clear: both; }
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; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
table { text-align: center; }
hr { width: 400px; margin: 20px auto; color: #003300; border: 2px solid #003300; }
.box { border: 1px solid #000000; margin: 0 4px 2px 0; }

/* CONTAINER */
#container { margin: 20px auto 10px auto; width: 900px; padding: 0; border: 2px solid #000; }

/* HEADER */
#header { background: url(images/logo3.jpg); width: 900px; height:150px; margin: 0; padding: 0; }

/* MENU */
#topmenu { width: 900px; margin: 0; padding: 5px 0 5px 0; background: #ffff00; border-top: 1px solid #000000; border-bottom: 1px solid #000000; font-size: 12px; }
#topmenu ol, #topmenu ul, #topmenu li { display: inline; }
#topmenu li { padding: 0 10px 0 0; }
#topmenu a, #topmenu a:visited, #topmenu a:active { color: #000; text-decoration: none; font-weight: bold; }
#topmenu a:hover { text-decoration: underline; }


/* MAIN COLUMN */
#midcontainer { width: 900px; background: #ffffff; }
#content { float: left; width: 490px; height: auto; margin 0; padding: 0 0 10px 0; background-color: #ffffff; }

#content .meat { padding: 10px; }

#content p { font-size: 11px; line-height: 150%; }
#content h2 { font-size: 14px; color: #003300; font-weight: bold; margin: 3px 0 1px 0; padding: 0; }
#content h2 a, #content h2 a:visited, #content h2 a:active { color: #000; font-weight: bold; text-decoration: none; }
#content h2 a:hover { text-decoration: none; }
#content h3 { font-size: 12px; color: #000000; font-weight: bold; }
#content .entry { font-size: 11px; line-height: 150%; }
#content .postmetadata { background: #ccff99; text-align: left; font-size: 9px; margin: 0 0 16px 0; padding: 4px 0 4px 2px; }
#content a, #content a:visited, #content a:active { color: #006600; font-weight: bold; text-decoration: none; }
#content a:hover { text-decoration: underline; }
.sticky { padding: 0 10px 10px; }
.sticky h2 { text-align: center; padding-top: 10px; }
#content #cat-1 { margin-bottom: 0; }
#content ul { margin: 5px 0 0 25px; padding: 0; text-align: left; }
#content ul li { }
#content ul li label { float: left; width: 10em; padding-right: 1em; text-align: right; }
#content ul li input, #content ul li select, #content ul li textarea { width: 18em; }
#content ul li input.auto, #content ul li select.auto, #content ul li textarea.auto { width: auto; }
#content ul li.button { padding-right: 0.5em; text-align: right; }
* html #content ul li.button { padding-right: 1.5em; }
#content ul li input.button { width: auto; margin-bottom: 20px; }

#navigation { }

.alt { margin: 0; padding: 10px; }

form { margin: 0; padding: 0; }
input { background-color: #99cc66; border: 1px solid #000; padding: 3px; }
select, textarea { width: 450px; background-color: #99cc66; border: 1px solid #000; padding: 3px; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 10px 5px 10px 0; }
.children { padding: 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }

/* SIDEBARS AND WIDGETS */
#leftsidebar { float: left; width: 200px; padding: 0; margin: 0; background: #ffffff; color: #333333; }
#rightsidebar { float: right; width: 200px; padding: 0; margin: 0; background: #ffffff; color: #333333; }

.meat { padding: 5px; }

.widget ul { margin: 0; padding: 0; }
.widget ul li { list-style-type: none; list-style-image: none; margin-bottom: 15px; background: #ffffff;  } 

h2.widgettitle { color: #000000; text-align: center; margin: 0; padding: 6px; font-size: 12px; font-weight: bold; background:#33cc00; border: 1px solid #000000; }

.widget ul ul li { border: 1px solid #000000; margin: 2px 0 3px 20px; border: none; list-style-type: disc; }
.widget { margin: 0; padding: 3px; font-size: 11px; line-height: 120%; }
.widget p { }
.widget a, .widget a:visited, .widget a:active { color: #006600; text-decoration: none; font-weight: bold; }
.widget a:hover { text-decoration: underline; }



/* CALENDAR */
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; background: #fff; }
#wp-calendar caption { font: bold 10px Verdana, Arial, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
#wp-calendar { empty-cells: show; margin: 10px 0 3px 1px; width: 130px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 1px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }


/* FOOTER */
#footer { width: 900px; margin: 0; padding: 6px 0 6px 0; background: #ffff00; font-size: 9px; }
#footer p { }
#footer a, #footer a:visited, #footer a:active { color: #006600; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#bottom { width: 800px; height: 7px; margin: 0; padding: 0; background: url(images/footer.gif); }

/* CONTACT FORM */
#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 150px;
}
#wpcf input {
	float: left;
	width: 200px;
	padding: 1px;
	margin: 2px 5px 2px 0;
}
#wpcf textarea {
	width: 350px;
	height: 100px;
	padding: 1px;
	margin: 0 5px 10px 0;
}
#wpcf #contactsubmit {
	margin-left: 250px;
	width: 100px;
}