<!DOCTYPE html>
<html>
<head>

<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->

<title>&iexcl;yo banana boy!</title>

<link rel="shortcut icon" href="favicon.ico" />
<link rel="icon" href="favicon.png" type="image/png" />

<link rel="stylesheet" type="text/css" href="css/styles.css" />
<link rel="stylesheet" type="text/css" href="css/adaptive.css" />
<link rel="stylesheet" type="text/css" href="css/print.css" />

<script src="js/jquery-latest.js" type="text/javascript"></script>
<script src="js/jquery-ui.min.js" type="text/javascript"></script>
<script src="js/jquery.easing.min.js" type="text/javascript"></script>
<script src="js/jquery.backstretch.min.js" type="text/javascript"></script>

<link rel="stylesheet" href="css/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery.fancybox.pack.js?v=2.1.5"></script>

<script type="text/javascript">
 document.createElement("header");
 document.createElement("section");
 document.createElement("footer");
</script>

<script type="text/javascript">
 $(document).ready(function() {
  $(".fancybox").fancybox();
 });
</script>

<!--
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "c61af1b9-72af-46ec-8b19-4b6533fb4312", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>  -->

</head>

<body class="home" >
<div id="wrapper">
<header> </header>

<section>
 <div class="container">
   <h1>ericaricardo.com</h1>
 </div>
</section>


<style type="text/css"> .-txtcenter { text-align: center; } .-border { border: 2px groove orangered; font-size: 1em; } .-bigbutton { background: orange; width: 100%; font-size: 2rem; padding-top: 1em; padding-bottom: 1em; display: block; margin: 0 auto; text-shadow: none; } .-bigbutton:hover { background: darkorange; }</style>


<section class="section">
  <div class="container -txtcenter">
    <div class="-border">
      <a class="-bigbutton" href="performances.php#greenmill">
        <h2 style="text-transform: uppercase;"><span style="font-size: 2rem;">Two Big Upcoming Shows<br /><span style="font-size: 4.4rem; letter-spacing: 2px;">@ The Green Mill </span></h2>
        click here <br />

        <div style="display: block; overflow: hidden; height: 8em; width: 17em; background: red; margin: 1em auto 0;">
          <img style="display: block; margin-top: -2em; width: 100%; height: auto;" src="img/greenmill-ext.jpg" alt="exterior night shot of Chicago's famous Green Mill speakeasy and jazz bar, with the lights aglow" title="erica dreisbach | featured poet at The Uptown Poetry Slam at The Green Mill | April 16th, 2017 and May 14th, 2017"/>
        </div>
      </a>
    </div>
  </div>
</section>


<section class="section">
  <div class="container">

    <div class="well">
      <a class="a" href="faq.php">
        <div class="circle -red"> </div>
        <h2>faq </h2>
      </a>
    </div>

    <div class="well">
      <a class="a" href="blog.php">
        <div class="circle" style="background-color: springgreen;"> </div>
        <h2>blog </h2>
      </a>
    </div>

    <div class="well">
      <a class="a" href="https://www.twitter.com/ericaricardo">
        <div class="circle -dodgerblue"> </div>
        <h2>tweets </h2>
      </a>
    </div>

    <div class="well">
      <a class="a" href="emotions.php">
        <div class="circle -seagreen"> </div>
        <h2>book </h2>
      </a>
    </div>

    <div class="well">
      <a class="a" href="subscribe-to-ericas-email-list.php">
        <div class="circle -darkorange"> </div>
        <h2>email list </h2>
      </a>
    </div>

    <div class="well">
      <a class="a" href="performances.php">
        <div class="circle -darkmagenta"> </div>
        <h2>performances </h2>
      </a>
    </div>

    <div class="well">
      <a class="a" href="vlad">
        <div class="circle -deeppink"> </div>
        <h2>Vlad </h2>
      </a>
    </div>

    <div class="well">
      <a class="a" href="http://www.zazzle.com/ericaricardo" target="_blank">
        <div class="circle -firebrick"> </div>
        <h2>tshirts </h2>
      </a>
    </div>



    <div class="well">
      <a class="a fancybox" href="img/kangaroot7.jpg">
        <div class="circle -saddlebrown"> </div>
        <h2>kangaroot </h2>
      </a>
    </div>


    <div class="well">
      <a class="a" href="https://www.youtube.com/user/thisericanlife/videos">
        <div class="circle -crimson"> </div>
        <h2>videos </h2>
      </a>
    </div>

    <div class="well">
      <a class="a" title="erica dreisbach - Chicago freelance Wordpress web devloper" href="http://www.ericadreisbach.com">
        <div class="circle -darkturquoise"> </div>
        <h2>web developer </h2>
      </a>
    </div>

    <div class="well">
      <a class="a" href="http://blog.tackyharperscrypticclues.com/">
        <div class="circle -forestgreen"> </div>
        <h2>crossword blog </h2>
      </a>
    </div>

    <div class="well">
      <a class="a" href="https://www.youtube.com/watch?v=rObgJH4eJLE&list=PLGhq2e6XhqFgehiCx-TVWClKLyVCgd3IR">
        <div class="circle -yellow"> </div>
        <h2>web series </h2>
      </a>
    </div>

    <div class="well">
      <a class="a" href="im-not-on-facebook.php">
        <div class="circle -blue"> </div>
        <h2>facebook </h2>
      </a>
    </div>

  </div>
</section>



 <div id="push"> </div>
</div><!-- #wrapper -->

<footer class="footer">
 <div class="container">
  <ul>
   <li id="twitter"><a href="http://www.twitter.com/ericaricardo"></a></li>
   <li id="youtube"><a href="https://www.youtube.com/user/thisericanlife/videos"></a></li>
   <li id="tumblr"><a href="http://lifeinchicago.tumblr.com"></a></li>
   <li id="email"><a href="subscribe-to-ericas-email-list.php"></a></li>
   <li id="facebook"><a href="im-not-on-facebook.php"></a></li>
  </ul>
  <p>this site &copy;2006-2017 erica ricardo.</p>

 </div>
</footer>


<script type="text/javascript">
 var text = document.getElementById("wrapper").innerHTML;
 var str = text.replace(/\u201C/g, '<span class="serif">&ldquo;</span>').replace(/\u201D/g, '<span class="serif">&rdquo;</span>');
 document.getElementById("wrapper").innerHTML = str;
</script>

<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>

<script type="text/javascript">
_uacct = "UA-1655584-1";
urchinTracker();
</script>

</body>
</html>
