nav visits drop down

- drop down menu under "visits"
- added buy now & amazon buttons on books page
- added pic to "other presentations" page
- tweaked text on some of forthcoming books

_layouts/books.html

@@ -45,6 +45,8 @@
         ISBN {{book.number}} ({{book.type}}){% if book.inprint == 'false' %} <span class="outofprint">out of print</span> **is available through the author{% endif %}
       {% endfor %}
     </p>
+    <div id="buynow"><a class="buy buy-info" href="/test">Buy now</a></div>
+	<div id="amazon"><a href=				"http://www.amazon.com/gp/redirect.html?ie=UTF8&location=http%3A%2F%2Fwww.amazon.com%2FWhen-Line-Bends-Shape-Begins%2Fdp%2F0618152415%3Fie%3DUTF8%26s%3Dbooks%26qid%3D1207817914%26sr%3D8-21&tag=rhondgowlegre-20&linkCode=ur2&camp=1789&creative=9325" target="_blank"><img src="{{base}}/img/buy_amazon.gif" width="88" height="25" border="0"></a></div>
   </div>
   <div id="book_title">{{page.title}}</div>
   <div id="book_info"><p class="description">

_layouts/default.html

@@ -18,13 +18,19 @@
   <div class="limiter">
     <div id="rgg_header"><a href="{{base}}/">Rhonda Gowler Greene</a></div>
     <div id="sub_header"><a href="{{base}}/">children's book author & speaker</a></div>
-  	<div id="nav">
-      <a href="{{base}}/books/shape">books</a>
-			<a href="{{base}}/bio/bio">bio</a>
-      <a href="{{base}}/visits/school">visits</a>
-			<a href="{{base}}/writers/writers">for writers</a>
-      <a href="{{base}}/contact/contact">contact</a>
-  	</div>
+  	<ul id="nav">
+      <li><a href="{{base}}/books/shape">books</a></li>
+	  <li><a href="{{base}}/bio/bio">bio</a></li>
+      <li>
+      		<a href="{{base}}/visits/school">visits</a>
+      			<ul>
+                	<li class="submenu"><a href="{{base}}/visits/school">school visits</a></li>
+                    <li class="submenu"><a href="{{base}}/visits/other">other presentations</a></li>
+                </ul>
+      </li>
+	  <li><a href="{{base}}/writers/writers">for writers</a></li>
+      <li><a href="{{base}}/contact/contact">contact</a></li>
+  	</ul>
 
   	<div id="content">
     	{{content}}

_posts/books/0001-01-01-walker.md

@@ -3,9 +3,14 @@ layout: books
 category: books
 title: 3 new picture books
 short: walker
-illustrator: 
+illustrator: "?"
 publisher: "Walker Books for Young Readers"
 isbn:
 ---
 
-__Release date TBD__
+3 new picture books with Walker Books for Young Readers about…
+> 1) construction vehicles  
+> 2) trains  
+> 3) transportation
+
+__Titles, illustrator, release dates TBA__

_posts/visits/0001-01-01-other.md

@@ -5,6 +5,8 @@ category: visits
 
 #Other presentations#
 
+<div id="bio_img_center"><img src="{{site.baseurl}}/img/visits_rgg_s.jpg" alt="Rhonda" /></div>
+
 I have had the honor of presenting at conferences and libraries for the past 15+ years.
 
 Below is a list of the many organizations, both nationally and in my home state of Michigan, that have had me as a speaker. My talks are customized according to a particular event or conference topic.

css/style.css

@@ -129,19 +129,78 @@ a img {
 
 #nav {
 	height:30px;
+	margin:0;
+	padding:0;
 	font-family:Arial, Helvetica, sans-serif;
+	list-style:none;
 	font-weight:bold;
 	position:relative;
+	z-index:5;
 	text-align: center;
 	border-bottom:1px #DDD solid;
 }
 
+#nav li {
+	display:inline-block;
+	margin: 0 19px;
+}
+
+#nav li.submenu {
+	float:none;
+	display:block;
+	margin: 0;
+}
+
 #nav a { 
-  display:inline-block;
-  margin: 0 19px;
+	display:inline-block;
+	margin: 0;
   /*border-bottom:2px #DDD solid;*/
 }
 
+/* drop down nav */
+
+#nav ul {
+    background:#FFF;
+    background:rgba(255,255,255,0);
+    list-style:none;
+    position:absolute;
+    left:-9999px;
+	opacity: 0;
+	-webkit-transition: opacity .4s ease-in-out;
+    -moz-transition: opacity .4s ease-in-out;
+    -o-transition: opacity .4s ease-in-out;
+    transition: opacity .4s ease-in-out;
+}
+
+#nav ul li {
+	text-align:left;
+    padding-top:1px;
+    float:none;
+}
+
+#nav ul a {
+    white-space:nowrap;
+}
+
+#nav li:hover ul {
+	display: block;
+    position: absolute; 
+    left:314px;
+	opacity: 1
+}
+
+#nav li:hover a{
+    text-decoration:underline;
+}
+#nav li:hover ul a{
+	font-size:.8em;
+    text-decoration:none;
+}
+
+#nav li:hover ul li a:hover {
+	text-decoration:underline;
+}
+
 /* books */
 
 #books {
@@ -193,7 +252,7 @@ a img {
 #forthcoming {
 	width:670px;
 	height:88px;
-	margin:-5px 0 12px 70px;
+	margin:5px 0 12px 70px;
 	font-weight:bold;
 	font-style:italic;
 	text-align:center;
@@ -208,6 +267,10 @@ a img {
 	font-size:.8em;
 	font-weight:normal;
 	text-align:center;
+	-webkit-transition: background .1s ease-in-out;
+    -moz-transition: background .1s ease-in-out;
+    -o-transition: background .1s ease-in-out;
+    transition: background .1s ease-in-out;
 }
 
 #forthcoming a:hover {