/* CSS Document */
 /* pale green/right column #D3E9D3 green text #336633   brown   #471111 */
 
 /**************************************general page layout containers********************************/
 /****************************************************************************************************/
.clear { clear: both; }
#mainContainer {width: 918px;margin: 0 auto; /*** Centers the design ***/ min-height: 300px; background: white;
                text-align: left; border-left: 3px solid  #D3E9D3; border-right: 3px solid  #D3E9D3;

                } /*** Because we centered the text in body we have to move the text back to left aligning ***/

* html #mainContainer {height: 300px; }/*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/

/**************************
HEADER
**************************/
#header {margin-top: 13px; padding: 10px 12px 0px 13px; height: 170px;}

/**************************
CONTENT AND COLUMNS
**************************/
.outer {padding-left: 175px; }/*** shifts main page over and under header ***/
.inner {width: 595px; }/*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/

* html .inner {width: 100%;}/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
            div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
            blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.***/

.float-wrap {float: left; width: 890px; margin-top: 10px;
            margin-left: -160px; /*** Same length as .outer padding-left but with negative value ***/
            background: white url(../images/beet_column.gif) repeat-y 50% 0;}

#right {float: right; margin-right: 0px; width: 346px;
        background-color: #D3E9D3; padding: 0px 0px 30px 30px;}

* html #right {position: relative;} /*** IE needs this  ***/

.contentWrap{padding: 0px; width: 220px; float: left; margin-left: 0px; }
.adWrap{padding: 0px; width: 120px; float: right; margin: 140px 2px 0px 0px; border-bottom: 0px solid #336633}

/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {float: left; width: 445px; min-height: 840px; padding: 5px;}

* html #left {position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
                height: 840px;}
                
/**************************
FOOTER
**************************/
#footer {width: 884px; text-align: center; font: 75% Arial, Verdana, sans-serif; font-style: italic; color: #336633;
    margin: 0 auto; /*** Since the footer is outside the #mainContainer we also need to center the footer ***/
    background-color: white; border-top: 1px solid #336633; border-right: 12px solid white; 
    border-left: 12px solid white;}    
 /****************************************************************************************************/
 /**********************************END general page layout containers********************************/


/**************************************general stuff********************************/
body, html {background-image: url(../images/green-cloud.gif); 
			text-align: center; /*** Centers the design in old IE versions ***/
            margin: 0; padding: 0; font-family: Arial, verdana, sans-serif;} 
            
p {font-size: .95em; line-height: 125%; letter-spacing: 1px;}

/*months/seasons- page title*/
h1 {font-size: 105%; font-weight: 100; color: #336633 ; letter-spacing: 1px; text-align: left;}

/*blog or recipe  title*/
h2 {font-size: 110%; font-weight: 100; color: #336633; letter-spacing: 2px; text-align: left;}

/*small italic for comments*/
h3 {font-size: 80%; font-weight: 600; color: #7B7875; letter-spacing: 1px; font-style: italic;}

/*page title--seasonal recipes or kitchen gardenenrs blog*/
h5 {font-size: 120%; font-weight: 100; font-style: italic; color: #561C39 ; letter-spacing: 4px; 
    margin: 0px 0px 0px 0px; text-align: left;}
/*recipe text title*/
h6 {font-size: 110%; font-weight: 600; color: #561C39; letter-spacing: 2px; margin-bottom: 0px;}
SPAN.red {color: #B52003;}/*contact warning*/
SPAN.white {color: #FFFFFF;}/*hide formatting*/

/**************************************header styles********************************/
#mainLinks {background-color: #336633 ; /*winter 336633*/ width: 872px; height: 20px;
    text-align: right; padding: 3px 20px 2px 0px; margin-top: 0px;}
#mainLinks a {display: inline; text-decoration: none; margin: 0 0 0px 0px; font-weight: 400; 
   padding: 0px 0px 0px 15px; font-size: 90%; color: #ffffff;}
#mainLinks a:hover {color: #561C39;}/*winter reverse hover and link colors*/

img.banner {border-bottom: 1px solid #336633 ; margin: 0px 0px 0px 0px; padding: 0px;
        border-right: 1px solid #561C39; border-top: 1px solid #561C39; border-left: 1px solid #561C39;}
/**************************************header styles********************************/       

/**************************************title links ********************************/
#titleLinks {text-align: left; padding: 0px 0px 10px 0px;}
#titleLinks a {text-decoration: none; font-size: 140%; font-weight: 100; font-style: italic; color: dark_green ; letter-spacing: 4px; 
    margin: 0px 0px 0px 0px;}
#titleLinks a:hover {color: #561C39;}/*winter reverse hover and link colors*/


/*DIVS*/
div#comment {width: 380px; padding: 10px 10px 10px 10px; background-color: #E4F2E4;
            margin: 0px 30px 0px 20px;}

div#line {position: relative; width: 445px; height: 1px; border-top: solid 1px #336633 ; margin: 0; padding: 0;}/*line seperating each blog entry, border rather than background is b/c IE bug*/

div#date {color: #666; text-align: right; font: 75% Arial, Verdana, sans-serif;}

div#print_title h2{display:none;}

div#spamtest {display:none;}
div#center_link {width: 445px; text-align: center;}/*read more*/

div#reply { }/*needed so will not show when printed*/

div#hide {display:none;}

#edit {float:right; margin-right: -20px; margin-top: -5px;}
#edit a {display: inline; text-decoration: none; margin: 0 0 0px 0px; font-weight: 400; background-color: #336633;
   padding: 0px 0px 0px 15px; font-size: 90%; color: #fff;  padding: 5px 5px 5px 5px;}
#edit a:hover {color: #561C39; font-size: 110%;}/*winter reverse hover and link colors*/

img.recipe_p {float: left; padding: 5px 5px 5px 5px; margin: 0px 20px 15px 0px;background-color: #E7E7E7 ;border: solid 1px #404040;}/*blog photo*/

img.me {position: float; left: 0px; top: 0px; margin: 25px 15px 10px 0px; border: solid 1px black;}
img.rsslogo {margin: 6px 0px 0px 320px;}

/********************************************links**************************************************/
/*links for connecting plants to recipes*/
.classEmail A:link, .classEmail A:active, .classEmail a:visited
{display: inline; position:relative; top: 0px; left: 0px; color: #336633 ; text-decoration: none; font-size: 80%;}
.classEmail a:focus {outline: none}
.classEmail a:hover {color: #561C39;}

/*in line, text links*/
A:link, A:visited, A:active {display: inline;  margin: 0px 0 10px 0; line-height: 125%; letter-spacing: 1px;
   padding: 0px; font-size: 95%; color: #336633 ;}
A:hover {color:  #561C39;}
A:focus {outline: none}

/*right.php  and right_season.php styles*/
#gardenLinks {position: relative; width: 300px; padding: 0px 0px 0px 0px; margin: -10px 0px 0px 0px;}
#gardenLinks a {display: block; text-decoration: none; margin: 0 0px 0px 0px; font-weight: 500;
   padding: 5px 0px 5px 0px; font-size: 85%; color: #561C39;}
#gardenLinks a:hover {color: #336633 ;}

.logolink a:focus {outline: none;}
.logolink A:link, .logolink A:active, .logolink a:visited
{text-decoration: none; border:none;}

/********************************************links**************************************************/

/*input form*/
input.search {margin: 0px 0px 0px 0px; border: 1px solid #ccc; font: 105% Arial, Verdana, sans-serif;}

input.btn{position:relative; left: 0px; top: 5px;
    margin: 0px 0px 0px 0px;
    border: 2px solid #D2BFBE;
    border-bottom-color: #561C39;
    border-right-color: #561C39;
    padding: .125em .25em .125em 0.25em;
    font: 80% Arial, Verdana, sans-serif; color: #561C39;
    background-color: white;}
    
input.btnhov{border-right-color:#336633; border-bottom-color:#336633; 
        border-top-color: #D3E9D3; border-left-color: #D3E9D3; color: #336633;}


/*may not need

img.photo {border: 1px solid #471111; padding: 1px px 1px 0px; position: float;
            top: 0px; margin: 8px 0px 0px 0px;}
            */