/*  
Theme Name: Heirloom Tomatoes
Theme URI: http://www.heirloomtomatoes.com/
Description: A wordpress theme developed by <a href="http://www.andrew-reed.com">Andy Reed</a>.
Version: 1.2
Author: Andy Reed
Author URI: http://www.andrew-reed.com/
Last revised on 7.14.08
*/

/*Structural Elements*/
html, body{
	margin:0;
	padding:0;
	background: url(images/bg.jpg) top repeat-x #598527; 
	font-family: "Times New Roman", Times, serif;
	font-size:16px;
	color:#000000;
	}
.wrapper{
	margin:0 auto;
	width:900px;
	}
#header{
	height:299px;
	background:url(images/header.jpg) top center no-repeat;
	}
#content{
	background-color:#fbf9eb;
	padding:0 10px;
	}
#footer{
	background:url(images/footer_bg.jpg) top center repeat-x;
	height:172px;
	}
.endcontent{
	padding-top:20px;
	height:77px;
	background:url(images/platebottom.jpg) top center no-repeat;
	text-align:center;
	}
/* End Structural Elements */

/* Contextual Elements */
#sidebar{
	width: 198px;
	background: url(images/sidebar_top.jpg) top no-repeat #75a241;
	}
.firstcolumn{
	margin:10px;
	width:198px;
	}
.secondcolumn{
	margin:10px;
	width: 630px; /* used to be 416px while using the third column which I've also left commented out bellow */
	}
.thirdcolumn{
	float:left;
	margin:10px;
	padding:5px;
	width:188px;
	background-color:#E3EEcc;
	}
/* End Contextual Elements */

/*Lists */
#sidebar ul{
	margin:0 auto;
	padding:10px 0;
	width:178px;
	}
#sidebar li, #thirdcolumn ul, #thirdcolumn li{
	list-style-type:none;
	margin:0;
	padding:0;
	}
#sidebar li.page_item{
	list-style-type:none;
	font-size:26px;
	margin:0;
	padding:0;
	border-bottom:1px solid #003300;
	}

/* typography and links*/
h1,h1 a,h2,h2 a,h3,h3 a,h4,h4 a{
	color:#496d20;
	margin:0;
	text-decoration:none;
	}
h1{
	font-size:50px;
	font-weight:normal;
	}
h2{
	font-size:24px;
	font-weight:normal;
	}
small{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#496D20;
	}
#sidebar a{
	color:#FFF;
	display:block;
	text-decoration:none;
	}
#sidebar a:hover{
	background-color:#AECC84;
	}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover{
	color:#00CC00;
	}
#firstcolumn, #thirdcolumn {
	font-size:12px;
	}
a{
	color:#598527;
	}
/* end typography */

/*Product Div*/
.product{
	width:300px;
	height:250px;
	margin-right:10px;
	}

/* Classes */
.floatright{
	float:right;
	}
.floatleft{
	float:left;
	}
.fadetop{
	background:url(images/info.jpg) repeat-x top;
	margin-top:10px;
	padding:5px;
	border-top:1px solid #006633;
	}
.newsbox{
	margin:5px 0 10px;
	padding:5px;
	border-bottom:1px solid #009900;
	}
.newsbox img{
	border:2px solid #006633;
	margin:3px;
	}
.newsbox p{
	margin:5px 0 10px;
	}
.clearfloat{
	clear:both;
	}
.dateblock{
	float:left;
	padding:5px;
	margin: 0 10px 5px 0;
	background-color:#FFFFFF;
	border:1px solid #999999;
	text-align:center;
	}
.calendarnumber{
	font-size:32px;
	font-weight:bold;
	color:#CC9900;
	line-height:27px;
	}
.calendartext{
	font-size:10px;
	text-transform:uppercase;
	margin:0;
	line-height:10px;
	}
.calexpand{
	letter-spacing:3px;
	}
.blockunderline{
	display:block;
	border-bottom:1px solid #006600;
	margin-bottom:10px;
	}
.debug{
	border:1px solid #FF0000;
	}
/* End classes */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	border:none;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 194px;
	padding: 2px;
	margin: 5px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */