a { color: #378972; }
a:hover, a:focus { color: #107010; }

body { font-size: 16px; }

.page-header .lead { margin-top: 20px; }

#menuToggle { display: none; }

/* sidebar navigation links */
#nav { background-color: #FFF; }
#nav a { color: #333; display: block; padding: 10px 20px; }
#nav a small { font-weight: normal; }

/* sidebar colors */
.page-header {border-bottom: 1px solid #DDD;}
#nav a { border-top: 1px solid #DDD; }
#nav li:first-child a { border-top: none; }
#nav li.active { background-color: #DDD; }
#nav li.active a { color: #444; font-weight: bold; }
#nav li a:hover, #nav li a:focus { background-color: #378972; color: #FFF; }

/* projects styles */
.projects a[href$='.pdf'] { font-weight: bold; }
.projects a[href$='.pdf']:after { content: " [pdf]"; font-variant: small-caps;
                                  font-weight: normal; font-size: 14px; }
.projects dd { margin-left: 10px; margin-bottom: 20px; }
.projects { padding-bottom: 20px; }

/* contact list styles */
.contact dd { margin-bottom: 20px; }

/* helper classes */
.center { text-align: center; }

.maincontent h3 { text-align: center; }

/* responsive design styles */

  /* styles for bigger screens (tablet, PC) */
  @media (min-width: 768px) {
    .narrower-xs { float: left !important; }
    #nav { border-right: 1px solid #DDD; }
  }

  /* styles for smaller screens */
  @media (max-width: 767px) {
    .narrower-xs { height: auto; width: 95%; margin: 0 auto; max-width: 344px; }

    /* horizontal bar for smaller screens that separates main content from
       sidebar */
    .maincontent { border-top: 1px solid #EEE; padding-top: 10px; }

    .page-header { border-bottom: none; margin-bottom: 0; padding-bottom: 10px; }

    #menuToggle { -moz-user-select: none; display: block; width: 60px;
                  height: 60px; float: right; text-indent: -9999px;
                  background: url("../img/hamburger.gif") no-repeat scroll 50% 33% rgb(68, 68, 68);
                  overflow: hidden; }

    /* slide-down navigation styles */
    #nav { margin: 0 -15px; text-align: center; background-color: #00693C; }
    #nav a { color: #FFF; display: block; padding: 10px 20px;
             border-bottom: 1px solid #111; border-top: none; }
    #nav li.active { background-color: #309030; }
    #nav li.active a { color: #FFF; }
    #nav li a:hover, #nav li a:focus { background-color: #005000; color: #FFF; }
  }