Added a shipping link from the farm page, and added content to the farm-made-fare page to providing shipping information.

public/farm-made-fare.html

@@ -1,8 +1,14 @@
 <div id="farm-made-fare" class="page">
 	<h1>FARM-MADE FARE</h1>
-	<p>Our farm-made fare is created in our commercial kitchen from produce we grow on our farm. We purchase only what we haven't yet figured out how to grow (sugar, flour, salt, etc.). Our labels note which ingredients come from our farm. We save seeds and dry herbs, peppers, tomatoes, tomatillos and fruit for spicing and flavoring.</p>
-	<p>Production changes frequently based on the seasonal harvest, and every run is unique and small scale which means the availability changes regularly.  The following PDF download is a current listing of what we offer along with prices.</p>
-	<div style="font-size: .7em; text-align: center; margin-bottom: 40px;"><a href="VAP_Availability_List.pdf" download="Petit Teton Farm VAP Availability List.pdf"><img style="border: 2px solid #777;" src="images/PriceList_v1.jpg"/><br/>Click to download the price list PDF.</a></div>
+	<div class="secondaryTextBlock">
+		<img class="shipImage" src="images/WeShip_v1.jpg"/>
+		<p>We are now shipping all our farm made fare.  For those that cannot visit the Farm or come to a farmer's market, you now have the option to call <b>707.684.4146</b> or email <a href="mailto:farmer@petitteton.com"><b>farmer@petitteton.com</b></a> us with your order.  Download the latest product list below, choose what interests you, and then let us know.  If you email, include your mailing address and payment preference.  We will check availability, give you a total, and you can either send us a check, we can take your credit card by phone, or we can send a PayPal bill to your email address.  We will ship it as soon as we have received payment.
+	</div>
+	<div class="mainTextBlock">
+		<p>Our farm-made fare is created in our commercial kitchen from produce we grow on our farm. We purchase only what we haven't yet figured out how to grow (sugar, flour, salt, etc.). Our labels note which ingredients come from our farm. We save seeds and dry herbs, peppers, tomatoes, tomatillos and fruit for spicing and flavoring.</p>
+		<p>Production changes frequently based on the seasonal harvest, and every run is unique and small scale which means the availability changes regularly.  The following PDF download is a current listing of what we offer along with prices.</p>
+	</div>
+	<div style="font-size: .7em; text-align: center; margin-bottom: 40px;"><a href="VAP_Availability_List.pdf" download="Petit Teton Farm VAP Availability List.pdf"><img class="priceList" src="images/PriceList_v1.jpg"/><br/>Click to download the price list PDF.</a></div>
 <!--
 	<div class="columned" style="margin: 0 auto;">
 		

public/farm-made-fare.styl

@@ -1,56 +1,85 @@
+#farm-made-fare {
 	
-/* farm-made-fare.html */
-@media(max-width: 509px) {
-	#farm-made-fare .columned {
-		width: 250px;
-	}
-}
-@media(min-width: 510px) and (max-width: 769px) {
-	#farm-made-fare .columned {
-		width: 510px;
-	}
-}
-@media(min-width: 770px) { /* and (max-width: 1029px)*/
-	#farm-made-fare .columned {
-		width: 770px;
-	}
-}
-/*
-@media(min-width: 1030px) {
-	#farm-made-fare .columned {
-		width: 1030px;
-	}
-}
-*/
-#farm-made-fare .columned {
-	-webkit-columns: 250px auto; 
-	-moz-columns: 250px auto; 
-	columns: 250px auto; 
-	-webkit-column-gap: 10px; 
-	-moz-column-gap: 10px; 
-	column-gap: 10px;
-}
-#farm-made-fare .columned div {
-	display: inline-block;
-	min-width: 250px;
-}
-@media(max-width: 549px) {
-	#farm-made-fare #vapPicturesContainer img {
-		width: 170px;
-		height: 96px;
-	}
-	#farm-made-fare .vapPictures {
-		width: 180px;
-		height: 106px;
-	}
-}
-@media(min-width: 550px) {
-	#farm-made-fare #vapPicturesContainer img {
-		width: 580px;
-		height: 326px;
-	}
-	#farm-made-fare .vapPictures {
-		width: 590px;
-		height: 336px;
+	.mainTextBlock {
+	}
+
+	.secondaryTextBlock {
+		font-size: 10px;
+		border: 1px solid #666;
+		padding: 4px;
+		width: 300px;
+		margin-left: 14px;
+		margin-bottom: 6px;
+		float: right;
+	}
+	
+	.shipImage {
+		width: 100px;
+		float: left;
+		padding-right: 2px;
+	}
+	
+	.priceList {
+		width: 100%;
+		border: 2px solid #777;
+	}
+	
+	.secondaryTextBlock {
+	}
+
+	/* farm-made-fare.html */
+	@media(max-width: 509px) {
+		.columned {
+			width: 250px;
+		}
+		.secondaryTextBlock {
+			margin: 0 auto;
+			float: none;
+		}
+	}
+	@media(min-width: 510px) and (max-width: 769px) {
+		.columned {
+			width: 510px;
+		}
+		.secondaryTextBlock {
+			width: 200px;
+		}
+	}
+	@media(min-width: 770px) { /* and (max-width: 1029px)*/
+		.columned {
+			width: 770px;
+		}
+	}
+	.columned {
+		-webkit-columns: 250px auto; 
+		-moz-columns: 250px auto; 
+		columns: 250px auto; 
+		-webkit-column-gap: 10px; 
+		-moz-column-gap: 10px; 
+		column-gap: 10px;
+	}
+	.columned div {
+		display: inline-block;
+		min-width: 250px;
+	}
+	@media(max-width: 549px) {
+		#vapPicturesContainer img {
+			width: 170px;
+			height: 96px;
+		}
+		.vapPictures {
+			width: 180px;
+			height: 106px;
+		}
+	}
+	@media(min-width: 550px) {
+		#vapPicturesContainer img {
+			width: 580px;
+			height: 326px;
+		}
+		.vapPictures {
+			width: 590px;
+			height: 336px;
+		}
 	}
 }

public/farm.html

@@ -3,6 +3,11 @@
 	<div class="columnContainer">
 		<h1>Farm</h1>
 		<div class="columned">
+			<div class="columnContent" onclick="window.location.hash='#!/farm-made-fare'">
+				<h2>Now Shipping</h2>
+				<img src="images/WeShip_v1.jpg" alt="" border="0" align="left"/>
+				<p>We now ship our farm-made fare.</p>
+			</div>
 			<div class="columnContent" onclick="window.location.hash='#!/visiting'">
 				<h2>Contact &amp; Visit</h2>
 				<img src="images/Driveway2_v2.jpg" alt="" border="0" align="left"/>