/*  This code is copyrighted to Jason Santa Maria.
    This means you may NOT use it for your site's design.  */


/*
----------------------------------------------------------------
	1. R E S E T
---------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
  }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
  }

body {
	line-height: 1;
  }

ol, ul {
	list-style: none;
  }

blockquote, q {
	quotes: none;
  }

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
  }

table {
	border-collapse: collapse;
	border-spacing: 0;
  }


/*
----------------------------------------------------------------
	A - B A S E
---------------------------------------------------------------- */

html { -webkit-text-size-adjust: none; }

body {
	font-family: chaparral-pro,Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	color: #444;
	background: #fff;
	}

p {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  }

  p#lede {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
    }

a:link,
a:visited {
	text-decoration: none;
	color: #df4747;
	}

  .post h1 a:link,
  .post h1 a:visited {
    text-decoration: none;
    color: #333;
    }

    #indv .post h1 a:link,
    #indv .post h1 a:visited {
      text-decoration: none;
      color: #df4747;
      }

    a:hover, a:focus, .post h1 a:hover, .post h1 a:focus, #indv .post h1 a:hover, #indv .post h1 a:focus {
      color: #900;
    	}

#wrap {
  width: 100%;
  min-width: 1000px;  /* Prevent poor bleeding */
  background: #fff;
	}

  .articles #wrap, .book #wrap {
    padding-bottom: 0;
  	}

  #main {
    background: transparent;
    padding: 0 20px 45px !important;
    }

    .archive #main, .reading #main {
      width: auto;
      }

header[role="banner"] {
  margin: 0 auto;
  }


    #logo a:link .bug, #logo a:visited .bug {
    	width: 31px;
    	height: 44px;
    	float: left;
    	background: #df4747 url(http://v5.static.jasonsantamaria.com/i/logo-bug-fff.png) no-repeat 0 21px;
    	}

    #logo a:hover .bug, #logo a:focus .bug {
    	background-color: #900;
    	}

    #logo a, #logo a:link, #logo a:visited {
    	display: block;
    	height: 65px;
    	text-indent: -9999px;
    	border: none;
    	background: transparent url(http://v5.static.jasonsantamaria.com/i/logo-type-000.png) no-repeat 43px 21px;
    	}

      nav[role="navigation"] ul li { float: left; }

      nav[role="navigation"] li + li { margin-left: 5px; }

      nav[role="navigation"] ul li a, nav[role="navigation"] ul li a:visited {
      	display: block;
      	color: #b2b2b2;
      	width: auto;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 1px;
      	padding: 3px;
      	-webkit-border-radius: 4px;
       	-moz-border-radius: 4px;
       	-o-border-radius: 4px;
       	-ms-border-radius: 4px;
       	border-radius: 4px;
       	margin: 10px 0;
      	}

        nav[role="navigation"] ul li a:hover,
        nav[role="navigation"] ul li a:focus {
        	background: #df4747;
          color: #fff;
        	}

        .home #nav-home a,
        .articles #nav-articles a,
        .archive #nav-articles a,
        .port #nav-port a,
        .reading #nav-reading a,
        .about #nav-about a {
          background: #eee;
        	color: #555;
          }

        .home #nav-home a:hover,
        .home #nav-home a:focus,
        .articles #nav-articles a:hover,
        .articles #nav-articles a:focus,
        .archive #nav-articles a:hover,
        .archive #nav-articles a:focus,
        .port #nav-port a:hover,
        .port #nav-port a:focus,
        .reading #nav-reading a:hover,
        .reading #nav-reading a:focus,
        .about #nav-about a:hover,
        .about #nav-about a:focus {
          background: #df4747;
          color: #fff;
          }

#articles-lst {
  border-top: 4px solid #333;
  margin: 0 auto;
  clear: both;
  }

  .archive #articles-lst {
    padding-top: 10px;
    }

#sub-wrap {
  width: 100%;
	background: #000;
	color: #888;
	}

  #sub-main {
  	margin: 0 auto;
    }

  #sub-wrap a:link,
  #sub-wrap a:visited {
    text-decoration: none;
    color: #ccc;
    }

    #sub-wrap a:hover, #sub-wrap a:focus {
    	color: #fff;
    	}

/*
----------------------------------------------------------------
	A - C O N T E N T
---------------------------------------------------------------- */

.home article {
  border-bottom: 2px solid #333;
  padding: 10px 0;
  }

  .home article.feature p {
    margin-bottom: .2em;
    font-weight: 300;
    line-height: 24px;
    }

    .home a article.feature p {
      color: #444;
      }

  .home article.post p {
    margin-bottom: 1em;
    line-height: 21px;
    }

  .home article.post {
    padding: 10px 0 0;
    }

    .home .post .excerpt a {
      text-decoration: underline;
      }

  .home article time {
    font-weight: 300;
    color: #B2B2B2;
    text-transform: uppercase;
    letter-spacing: 1px;
    }

  .home .feature h1 {
    font-weight: 300;
    line-height: 30px;
    margin: 4px 0;
    }

  .home .post h1 {
    font-weight: 600;
    margin: 4px 0;
    line-height: 1.2em;
    }

  .home article .illo {
    margin-bottom: 10px;
    }

    .post a.more, .post a:visited.more {
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      -o-border-radius: 10px;
      -ms-border-radius: 10px;
      border-radius: 10px;
      padding: 2px 4px 2px;
      background-color: #eee;
      color: #666;
      vertical-align: 25%;
      line-height: 1.2em;
      }

      .post a:hover.more, .post a:focus.more {
        background-color: #df4747;
        color: #fff;
        }

.more-articles {
  margin-top: 20px;
  }

.more-articles a {
  background: #df4747;
  color: #fff;
  padding: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  letter-spacing: 2px;
  text-transform: uppercase;
  }

  .more-articles a:hover, .more-articles a:focus {
    background: #900;
    }

/*  A - A R T I C L E  */

#indv .feature h1 {
  clear: both;
  font-weight: 300;
  line-height: 40px;
  margin-bottom: .3em;
  }

#indv .feature p, #indv .post p {
  font-weight: 400;
  line-height: 1.5em;
  }

#indv .post h1 {
  clear: both;
  font-weight: 300;
  line-height: 40px;
  margin-bottom: .5em;
  }

#indv a .more, #indv a:visited .more {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  padding: 0 4px 0;
  background-color: #eee;
  color: #666;
  vertical-align:top;
  }

  #indv a:hover .more, #indv a:focus .more {
    background-color: #333;
    color: #ccc;
    }

.divider {
  display: block;
  }

article blockquote {
  padding: 0 20px;
  margin: 20px 0;
  border-left: 4px solid #ddd;
  color: #666;
  }

  article blockquote p {
    margin: 0 !important;
    line-height: 1.4em !important;
    }

  article blockquote p + p {
    margin-top: 1em !important;
    text-indent: 0 !important;
    }

#indv article ul {
	list-style: disc !important;
	margin: 20px 0;
	}

#indv article ol {
	list-style: decimal !important;
	margin: 20px 0;
	}

#indv article ul li, #indv article ol li {
	margin-bottom: .5em;
	line-height: 1.3em;
	}

  #indv article ul:last-child, #indv article ol:last-child {
  	margin-bottom: 0;
  	}

.illo + p, .caption + p {
  text-indent: 0 !important;
  }

  #indv p + .illo { margin-top: 10px; }

#indv .post .vid {
  margin-bottom: 20px;
  }

.caption, .illo p {
  color: #888;
  text-indent: 0 !important;
  margin: 0 0 20px !important;
  }

  #indv p + p.caption {margin-top: 1em !important; }

  .caption a:link, .caption a:visited, .illo p a:link, .illo p a:visited {
  color: #555;
  text-decoration: underline;
  }

    .caption a:hover, .illo p a:hover,
    .caption a:focus, .illo p a:focus {
    color: #222;
    }

#article-meta {
  color: #bdbdbd;
  font-weight: 400;
  border-bottom: 1px solid #282828;
  margin-top: 40px;
	background: rgba(204, 204, 204, 0.2);
	}

  #article-meta ul {
  	list-style: none;
  	margin: 0 auto;
  	}

    #article-meta ul li {
    	display: block;
    	padding: 15px 20px 15px;
    	}

      #article-meta ul li a, #article-meta ul li a:visited {
        color: #999;
      	}

        #article-meta ul li a:hover,
        #article-meta ul li a:focus {
          color: #333;
        	}

      #article-meta ul .date {
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 1px;
      	line-height: 1.3em;
        }

      #article-meta ul .cats {
        border-top: 1px solid rgba(204, 204, 204, 0.3);
      	border-bottom: 1px solid rgba(204, 204, 204, 0.3);
      	line-height: 1.3em;
        }

          #article-meta ul li.old {
            display: inline;
            text-align: left;
            }

      #article-meta ul li.new {
        display: inline;
        text-align: right;
        }

      #article-meta ul .old a:link,
      #article-meta ul .new a:link,
      #article-meta ul .old a:visited,
      #article-meta ul .new a:visited {
        display: inline-block;
        padding: 14px 20px;
        }

        #article-meta ul .new a:link, #article-meta ul .new a:visited {
          border-left: 1px solid rgba(204, 204, 204, 0.3);
          }


        #article-meta ul .old a:hover,
        #article-meta ul .new a:hover,
        #article-meta ul .old a:focus,
        #article-meta ul .new a:focus {
          color: #333;
          }

      #article-meta ul .old, #article-meta ul .new {
        padding: 0;
        }

    #indv p + p {text-indent: 1.2em; margin-top: 0; }
    #indv #lede + p {text-indent: 0; }
    #indv #lede {font-weight:300;line-height:1.3em;margin-bottom:.5em;}

    #indv h2{
      line-height:1.1;
      margin: 1.5em 0 0.5em;
      font-weight:600;
      }

      #indv p strong, ul strong, ol strong, .tags strong { font-weight: 600; }

article p a, .gen p a {
  text-decoration: underline !important;
  }

/*  A - A R C H I V E S  */

.archive-hed {
  font-weight: 300;
	margin: 0 auto 20px;
  }

.article-bug a:link, .article-bug a:visited {
  color: #444;
  padding: 20px 10px !important;
  }

  .article-bug:hover,
  .article-bug:focus {
    background: #f9f9f9;
    }

    .article-bug:hover time, .article-bug:focus time {
      color: #666;
      }

    .article-bug:hover h1, .article-bug:focus h1 {
      color: #900 !important;
      }

.article-bug {
  border-bottom: 1px solid #ccc;
  padding-top: 10px;
  }

  .archive article p {
    line-height: 21px;
    margin-bottom: .5em;
    }

  .archive time {
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #B2B2B2;
  	}

  .archive .feature h1 {
    font-weight: 400;
    margin: 5px 0 10px;
    color: #df4747;
  	}

    .archive .feature img {
      width: 100%;
      display: block;
      }

      .archive .grab {
        max-height: 200px;
        border: 1px solid #ddd;
        overflow: hidden;
        margin-top: 10px;
      	}

  .archive .post h1 {
    font-weight: 600;
    margin: 5px 0;
    color: #df4747;
  	}

#filters {
  clear: left;
	list-style: none;
	margin: 0 auto 10px;
	}

  .filter-hed {
    float: left;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333;
    padding: 5px 10px 5px 0;
    margin: 5px 0 5px 0;
    }

  #filters a {
    background: #262626;
    color: #666;
    }

    #filters a:hover, #filters a:focus {
      color: #fff;
      background: #df4747;
      }

  #filters .current a {
    background: #df4747;
    color: #fff;
    }

  #filters li a {
    float: left;
    padding: 5px 10px;
    margin: 5px 8px 5px 0;
    background: #eee;
    -webkit-border-radius: 12px;
   	-moz-border-radius: 12px;
   	-o-border-radius: 12px;
   	-ms-border-radius: 12px;
   	border-radius: 12px;
    }

    #filters li:last-child {
      margin-right: 0;
      }

/* A - A B O U T  &  G E N E R I C */

  .gen p + p {text-indent: 1.2em; margin-top: 0; }
  .gen .left {
    float: none;
    }

    .gen .bio img {
      width: 100%;
      }

.gen h1 {
  clear: both;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: .3em;
  }

.gen h2 {
  line-height:1.1;
  font-weight:600;
  margin-bottom: .3em;
  }

  .gen p + h2 {
    margin-top: 20px;
    }

.gen p {
  font-weight: 400;
  line-height: 1.5em;
  }

#indv .feature p.pb-foot {
  text-indent: 0;
  background-color: #f4f4f4;
  padding: 10px;
  margin: 20px 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  }

@media screen and (min-width: 481px) {
#indv .feature p.pb-foot {
  margin: 20px 156px;
  }
}

.about .bio p {
  line-height: 1.3em;
  }

.about #lede {font-weight:300;line-height:1.2em;margin:.5em 0;}
.about #lede + p {text-indent: 0; }

.about .also p {
  line-height: 1.3em;
  }

.about .contact-info {
  margin-top: 20px;
	border-top: 2px solid #000;
  padding: 20px 0 20px 0;
	border-bottom: 2px solid #000;
  }

.about .pub-elsewhere {
  margin: 20px 0 0 0;
  }

.about .versions {
  margin: 20px 0;
  padding: 20px 0;
	border-top: 2px solid #000;
  }

  .contact-hed { padding-bottom: 10px; }

  .email-me {
    float: left;
    margin: -4px 10px 0 0;
    }

  .email-me a:link, .email-me a:visited {
    display: block;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 20px;
   	-moz-border-radius: 20px;
   	-o-border-radius: 20px;
   	-ms-border-radius: 20px;
   	border-radius: 20px;
    color: #fff;
   	background: #df4747;
   	position: relative;
    }

    .email-me span {
      position: absolute;
      top: -1px;
      left: 4px;
      }

      .email-me a:hover, .email-me a:focus { background-color: #900; }

.about .pub li { padding: 0 !important; }

  .about .pub li a {
    padding: 8px 5px !important;
    border-bottom: 1px dashed #ccc;
    color: #666;
    line-height: 1.5em;
    display: block;
    }

  .about .pub a b {
    color: #df4747;
    display: block;
    }

    .about .pub li a:hover b, .about .pub li a:focus b { color: #900; }

    .about .pub li a:hover, .about .pub li a:focus {
      background: #f9f9f9;
      color: #333;
      }

.prev-ed-list {
	list-style: none;
	margin: 10px 0 0 0;
	}

.prev-ed-list li a:link {
	margin: 0 0 20px 0;
	padding: 5px;
	display: block;
	}

.prev-ed-list img { margin-bottom: 15px; float: left; margin-right: 15px}

.prev-ed-list b {
  font-weight: normal;
  display: block;
  margin-bottom: 5px;
	}

.prev-ed-list em {
  color: #666;
	font-style: normal;
  }

.prev-ed-list li.odd a:link { margin-right: 20px !important; }
.prev-ed-list li a:hover b, .prev-ed-list li a:focus b { color: #900; }
.prev-ed-list li a:hover em, .prev-ed-list li a:focus em { color: #333 !important; }

.contact .col h2 { margin-bottom: 10px; }

.contact .also { margin-top: 20px; }

  .contact .also p {
    line-height: 21px;
    }

  .btn {
  	padding: 5px 6px 4px 8px;
  	border: 0;
  	margin: 0;
  	text-transform: uppercase;
  	letter-spacing: 2px;
  	color: #fff;
  	background: #df4747;
    -webkit-border-radius: 2px;
   	-moz-border-radius: 2px;
   	-o-border-radius: 2px;
   	-ms-border-radius: 2px;
   	border-radius: 2px;
  	}

/*
----------------------------------------------------------------
	A - S U B
---------------------------------------------------------------- */

  #sub-main h2 {
    font-weight: 300;
    color: #ccc;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
    }

#sub1, #sub2, #sub3 { padding: 0 20px; }

    #sub1 .group {
      background: #000;
      }

    #sub1 .me {
      padding-top: 25px !important;
      padding-bottom: 5px !important;
      }

#sub-main a.more {
  letter-spacing: 2px;
  background: #262626;
  padding: 2px;
  text-transform: uppercase;
  vertical-align: bottom;
  color: #666 !important;
  -webkit-border-radius: 2px;
 	-moz-border-radius: 2px;
 	-o-border-radius: 2px;
 	-ms-border-radius: 2px;
 	border-radius: 2px;
  }

  #sub-main a:hover.more, #sub-main a:focus.more {
    color: #999 !important;
    background: #333;
    }

#sub-main .group {
  padding-top: 15px;
  padding-bottom: 15px;
  }

.bb, .bbss { /* "border bottom" and "bottom border small screen" */
  border-bottom: 1px solid #292929;
  }

.lst dt {
  line-height: 18px;
  font-style: italic;
  }

  .lst dd {
    color: #999 !important;
    margin-top: 15px;
    }

.read img {
  max-width: 75px;
  margin-bottom: 5px;
  }

 .aba a dd {
  color: #ccc !important;
   }

    .aba a:hover dd, .aba a:focus dd {
      color: #fff !important;
      }

  .read .by {
    font-style: italic;
    margin-top: 6px;
    line-height: 16px;
    }

  .lst a:link img, .lst a:visited img {
    border: 5px solid #262626 !important;
    }

    .lst a:hover img, .lst a:focus img { border: 5px solid #333 !important; }

  .lst:after, #filters:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.me p {
  line-height: 26px;
  margin-bottom: 20px;
  color: #999;
  }

  .me p span {
    font-weight: 300;
    }

    #sub-main .me a.more b { display: none; }

.elsewhere { list-style: none; }
  .elsewhere li { padding: 8px 0; }
  .elsewhere li a { padding-left: 24px; }
  .twitter { background: url(http://v5.static.jasonsantamaria.com/i/twitter-icn.png) no-repeat 0 50%; }
  .dribbble { background: url(http://v5.static.jasonsantamaria.com/i/dribbble-icn.png) no-repeat 0 50%; }
  .flickr { background: url(http://v5.static.jasonsantamaria.com/i/flickr-icn.png) no-repeat 0 50%; }
  .mighty { background: url(http://v5.static.jasonsantamaria.com/i/mighty-icn.png) no-repeat 0 50%; }

.aba dd { line-height: 18px; }

  .aba img { max-width: 75px; }

.submit { display: none; }

  .q {
    background: #fff url(http://v5.static.jasonsantamaria.com/i/search-icn.png) no-repeat 98% 50%;
    -webkit-border-radius: 3px;
  	-moz-border-radius: 3px;
  	-o-border-radius: 3px;
  	-ms-border-radius: 3px;
  	border-radius: 3px;
  	width: 100%;
  	max-width: 260px;
  	border: solid 1px #ccc;
  	padding: 4px;
  	color: #333;
    }

#sub-main .left {
  float: left;
  margin-right: 15px;
  }

    #sub-main .proj .left {
      margin-right: 20px !important;
      }

.deck {
  position: relative;
  line-height: 18px;
  }

  .deck-via {
    color: #666;
    background: #212121;
    width: 54px;
    height: 40px;
    padding: 50px 10px 0 140px;
    vertical-align: text-bottom;
    line-height: 14px;
    margin-bottom: 10px !important;
    }

  .deck-via a:link, .deck-via a:visited { color: #666; }

    .deck-via a:hover, .deck-via a:focus { color: #999; }

  .ad {
    position: absolute;
    top: 0;
    left: 0;
    }

  .ads {
    margin-bottom: 0 !important;
    line-height: 16px;
    }

.eh .left {
  margin-right: 10px !important;
  padding-bottom:10px;
  }

  .eh p { margin-top: 5px; }
  .eh b {
    display: block;
    padding-top: 5px;
    letter-spacing: 2px;
    text-transform: uppercase;
    }

footer[role="contentinfo"] {
	margin: 0 auto;
	border-top: 0;
	padding: 10px 20px 30px;
  background: #000;
  color: #888;
  line-height: 1.8em;
  }

  footer[role="contentinfo"] b { padding-right: 4px; }
  footer[role="contentinfo"] a { padding: 0 4px; }
  footer[role="contentinfo"] a.rss { background: url(http://v5.static.jasonsantamaria.com/i/rss-icn.png) no-repeat 4px 50%; padding-left: 22px; }
  footer[role="contentinfo"] a.colophon { background: url(http://v5.static.jasonsantamaria.com/i/typekit-icn.png) no-repeat 4px 50%; padding-left: 24px; }

/*
----------------------------------------------------------------
	A - M I S C
---------------------------------------------------------------- */

hr, .about .comma { display: none; }

code, pre {
	color: #08c;
	font-family: Monaco, "Andale Mono","Lucida Console","Bitstream Vera Sans Mono","Courier New", monospace;
	}

/*
----------------------------------------------------------------
	A - R E A D I N G
---------------------------------------------------------------- */

#reading-lst {
  border-top: 4px solid #333;
  margin: 0 auto;
  clear: both;
  }

  .reading #reading-lst {
    padding-top: 10px;
    }

.reading-bug a:link, .reading-bug a:visited {
  color: #444;
  padding: 20px 10px;
  }

.reading-bug {
  width: 100%;
  clear: both;
  border-bottom: 1px solid #ddd;
  padding: 5px 0 20px;
  }

  .reading .info {
    margin-left: 15px;
    width: auto;
    }

  .reading .reading-bug .grab {
    margin-top: 10px;
    height: auto;
    width: 100%;
  	}

  .reading .reading-bug img {
    width: 98px;
    border: 1px solid #ddd;
    float: left;
    margin-right: 15px;
  	}

  	.reading .reading-bug a:hover img,
  	.reading .reading-bug a:focus img {
      border: 1px solid #666;
      }

.reading .reading-bug h1 {
  font-weight: 600;
  line-height: 1.2em;
  margin: 10px 0 5px;
  padding: 0 5px;
  color: #df4747;
	}

  .reading-bug:hover h1,
  .reading-bug:focus h1 {
    color: #900 !important;
    }

.reading .reading-bug h2 {
  font-style: italic;
  line-height: 1.4em;
  padding: 0 5px 10px;
  color: #999;
	}

  a.buy {
    background: #df4747;
    color: #fff !important;
    padding: 8px !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
   	letter-spacing: 2px;
  	text-transform: uppercase;
  	float: left;
    }

   .reading-bug a.buy {
    padding: 5px 4px 5px 5px !important;
    }

      a:hover.buy, a:focus.buy {
        background: #900;
        }

.book-review .left {
  float: none;
  }

.book-review a.buy {
  clear: both;
  margin-bottom: 20px;
  line-height: 11px;
  }

.book-review {
  font-weight: 400;
  line-height: 1.5em;
  }

  .book-review img {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    }

  .book-review h1 {
    font-weight: 300;
    line-height: 1.2em;
    clear: both;
  	}

  #indv .book-review h2 {
    font-style: italic;
    font-weight: normal;
    color: #666;
    line-height: 1.2em;
    margin: 10px 0;
  	}

/*
----------------------------------------------------------------
	A - S E A R C H  R E S U L T S
---------------------------------------------------------------- */

#results {
  border-top: 4px solid #333;
  }

#results ol li {
  margin-bottom: 20px;
  }

  #results .result-title {
    font-weight: 600;
  	margin-bottom: 5px;
    }

  #results li p { line-height: 1.2em; }

#results .msg {
  margin: 20px 0 30px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #ccc;
  clear: both;
  }

  .msg strong {
    color: #df4747;
    font-weight: 600;
    }

    .msg .search-form {
      margin-top: 10px;
      }

#results .permalink {
  display: block;
	color: #888;
	margin: 5px 0;
  }

  #results .results-meta {
  	height: 50px;
  	color: #666;
  	font-weight: 600;
  	margin-top: 25px;
  	}

    #results .results-meta {
    	border-top: 2px solid #000;
    	list-style: none;
    	}

      #results .results-meta li {
      	padding-top: 15px;
      	padding-bottom: 10px;
      	}

        .results-meta .prev a:link,
        .results-meta .next a:link {
        	display: block;
        	}


/*
----------------------------------------------------------------
	A - L A Y O U T  O P T I O N S
---------------------------------------------------------------- */

.stroke { border: 1px solid #ddd; }

#indv .illo img { width: 100%; }

.solo img {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
	}

#indv article .illo img { margin-bottom: 15px; }


/*
----------------------------------------------------------------
	A - F O N T S
---------------------------------------------------------------- */

/* Font declarations */

.home .feature h1, #indv .feature h1, .archive .feature h1, .gen h1, #indv .book-review h2 {
font-family: chaparral-pro,Georgia,"Times New Roman",Times,serif;
}

.home article time span, nav[role="navigation"] ul li a, nav[role="navigation"] ul li a:visited, .home article time, #article-meta ul .date, .archive time, #sub-main h2 {
font-family: proxima-nova-extra-condensed,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,sans-serif;
}

#sub-main, .more-articles a, .caption, .illo p, #article-meta, #filters, .about .pub-elsewhere, .prev-ed-list, #contact-form label, .btn, footer[role="contentinfo"], a.buy, #results .permalink {
font-family: facitweb,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,sans-serif;
}

.home .post h1, #indv .post h1, #indv h2, .archive .post h1, .gen h2, .me p span, .reading .reading-bug h1, .book-review h1, #results .result-title, #results .msg, #results .results-meta {
font-family: proxima-nova,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,sans-serif;
}

@media screen and (max-width: 480px) {

/* Text sizes */

#filters {
font-size: 10px;
}

nav[role="navigation"] ul li a,
nav[role="navigation"] ul li a:visited,
.home article time span,
.home article time,
.archive time,
.post a.more,
.post a:visited.more,
#sub-main a.more,
.deck-via,
.ads,
.eh b,
.reading-bug a.buy,
a.buy {
font-size: 11px;
}

.about .pub li a,
.prev-ed-list li a:link,
.btn,
#sub2,
#sub3,
.read .by,
footer[role="contentinfo"],
#results .permalink,
#article-meta ul .date {
font-size: 12px;
}

.caption,
.illo p,
#filters,
#contact-form label {
font-size: 12px !important;
}

.more-articles a,
#indv a .more,
#indv a:visited .more,
.about .pub-elsewhere,
.about .pub a b,
.prev-ed-list b,
#sub1b {
font-size: 13px;
}

.lst dt {
font-size: 13px !important;
}

#article-meta ul .cats,
.q,
.reading .reading-bug h1,
.reading .reading-bug h2,
#sub-main h2 {
font-size: 14px;
}

.archive article p,
.about .also p {
font-size: 15px;
}

.home .post h1,
#indv h2,
#results .msg,
.about h2,
.contact .also p,
.me p {
font-size: 16px;
}

#article-meta,
.gen h2,
#indv .book-review h2,
#results .result-title,
#results .results-meta,
.home article.feature p,
#indv .feature p,
#indv .post p,
#indv article ul,
#indv article ol,
.archive .feature h1,
.archive .post h1,
.about .bio p {
font-size: 18px;
}

article blockquote p {
font-size: 18px !important;
}

.archive .post h1,
.gen p,
.book-review,
.about #lede {
font-size: 20px;
}

#indv #lede {
font-size: 24px;
}

.home .feature h1,
#indv .feature h1,
#indv .post h1,
.archive-hed,
.gen h1,
.archive .feature h1,
.book-review h1 {
font-size: 30px;
}

.email-me a:link,
.email-me a:visited {
font-size: 35px;
}


/* Typekit adjustments */

.wf-active nav[role="navigation"] ul li a,
.wf-active nav[role="navigation"] ul li a:visited,
.wf-active .home article time span,
.wf-active .home article time,
.wf-active .archive time,
.wf-active #article-meta ul .date {
font-size: 16px;
}

.wf-active .me p {
font-size: 18px;
}

.wf-active #indv h2 {
font-size: 20px;
}

.wf-active #sub-main h2 {
font-size: 22px;
}

.wf-active .about #lede {
font-size: 28px;
}

.wf-active #indv .feature h1,
.wf-active .gen h1 {
font-size: 32px;
}

.wf-active .email-me a:link,
.wf-active .email-me a:visited {
font-size: 45px;
}

/*
----------------------------------------------------------------
	F I X E S
---------------------------------------------------------------- */

#wrap {
	overflow: hidden;
	width: 100%;
	max-width: 480px;
	min-width: 320px;
}

.info img {
	max-width: 480px;
	height:auto;
}

#articles-lst,
#reading-lst {
	max-width: 100%;
}

.article-bug, .reading-bug {
  width: 100%;
  max-width: 480px;
  min-height: 150px;
}

.wf-active .email-me span {
  top: -5px;
  left: 6px;
  }

  #nav-home {display: none;}
  #nav-articles { margin-left: 0;}
  #indv article ul li, #indv article ol li { margin-left: 25px;}


}


/*
----------------------------------------------------------------


	B I G  S C R E E N S


---------------------------------------------------------------- */



@media screen and (min-width: 481px) {

/*
----------------------------------------------------------------
	B - B A S E
---------------------------------------------------------------- */

a:link,
a:visited {
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-o-transition: color .2s ease;
	-ms-transition: color .2s ease;
	transition: color .2s ease;
	}

#wrap {
	float: left;
  background: #fff;
  padding-bottom: 45px;
	}

  #main {
    padding: 0 40px 45px !important;
    margin: 0 auto;
    width: 916px;
    }

    .archive #main, .reading #main {
      min-width: 916px;
      }

      .book #main {
        width: 916px;
        }

header[role="banner"] {
  width: 916px;
  }

  #logo {
    width: 292px;
    margin-right: 20px;
    float: left;
    }

    #logo a:link .bug, #logo a:visited .bug {
    	margin-right: 12px;
    	-webkit-transition: background .2s ease;
    	-moz-transition: background .2s ease;
    	-o-transition: background .2s ease;
    	-ms-transition: background .2s ease;
    	transition: background .2s ease;
    	}

    #logo a, #logo a:link, #logo a:visited {
    	width: 292px;
    	}

  nav[role="navigation"] {
  	float: left;
  	width: 604px;
  	margin-bottom: 44px;
  	}

    .home nav[role="navigation"] {
    	margin-bottom: 18px;
    	}

    nav[role="navigation"] ul {
    	float: right;
    	margin-right: 4px;
    	}

      nav[role="navigation"] li + li { margin-left: 65px; }

      nav[role="navigation"] ul li a, nav[role="navigation"] ul li a:visited {
      	float: left;
      	width: 100%;
      	padding: 17px 0 21px 4px;
      	border-top: 5px solid transparent;
      	-webkit-transition: border .2s ease;
      	-moz-transition: border .2s ease;
      	-o-transition: border .2s ease;
      	-ms-transition: border .2s ease;
      	transition: border .2s ease;
      	-webkit-border-radius: 0;
       	-moz-border-radius: 0;
       	-o-border-radius: 0;
       	-ms-border-radius: 0;
       	border-radius: 0;
       	margin: 0;
      	}

        nav[role="navigation"] ul li a:hover,
        nav[role="navigation"] ul li a:focus {
        	color: #555;
        	border-top: 5px solid #df4747;
        	background: none;
        	-webkit-transition: border .2s ease;
        	-moz-transition: border .2s ease;
        	-o-transition: border .2s ease;
        	-ms-transition: border .2s ease;
        	transition: border .2s ease;
        	}

        .home #nav-home a,
        .articles #nav-articles a,
        .archive #nav-articles a,
        .port #nav-port a,
        .reading #nav-reading a,
        .about #nav-about a {
          border-top: 5px solid #df4747;
          background: none;
          -webkit-transition: border .2s ease;
        	-moz-transition: border .2s ease;
        	-o-transition: border .2s ease;
        	-ms-transition: border .2s ease;
        	transition: border .2s ease;
          }

        .home #nav-home a:hover,
        .home #nav-home a:focus,
        .articles #nav-articles a:hover,
        .articles #nav-articles a:focus,
        .archive #nav-articles a:hover,
        .archive #nav-articles a:focus,
        .port #nav-port a:hover,
        .port #nav-port a:focus,
        .reading #nav-reading a:hover,
        .reading #nav-reading a:focus,
        .about #nav-about a:hover,
        .about #nav-about a:focus {
          border-top: 5px solid #900;
          background: none;
          color: #333;
          -webkit-transition: border .2s ease;
        	-moz-transition: border .2s ease;
        	-o-transition: border .2s ease;
        	-ms-transition: border .2s ease;
        	transition: border .2s ease;
          }

#articles-lst {
  min-width: 916px;
  clear: both;
  float: left;
  }

  .archive #articles-lst {
    padding-top: 25px;
    float: none;
    }

#sub-wrap {
  float: left;
	clear: both;
	}

  #sub-main {
    width: 916px;
    }

/* Custom selection colors */

::-moz-selection {
	color: #fff;
	color: rgba(255,255,255,.85);
	background: #df4747;
	}
::selection {
	color: #fff;
	color: rgba(255,255,255,.85);
	background: #df4747;
	}



/*
----------------------------------------------------------------
	B - C O N T E N T
---------------------------------------------------------------- */

.home article {
  padding: 20px 0 10px;
  float: left;
  position: relative;
  width: 916px;
  }

  .home article h1, .home .excerpt {
    float: left;
    margin-left: 78px;
    }

  .home article.feature p {
    float: left;
    margin-bottom: .5em;
    line-height: 36px;
    }

  .home article.post {
    background-repeat: repeat-y;
    background-position: 100% 0;
    padding: 20px 0 10px;
    }

  .home .post .excerpt{
    width: 448px;
    margin-left: 20px;
    }

  .home .feature .excerpt{
    width: 838px;
    margin-left: 78px;
    float: left;
    clear: both;
    }

  .home article time {
    float: left;
    position: absolute;
    left: 0;
    top: 20px;
    width: 58px;
    margin-right: 20px;
    }

    .home article time span {
      font-weight: 300;
      display: block;
      }

  .home .feature h1 {
    line-height: 72px;
    max-width: 838px;
    margin: 0 0 10px 78px;
    }

  .home .post h1 {
    width: 370px;
    margin: -2px 0 8px 78px;
    }

  .home article .illo {
    float: right;
    width: 448px;
    }

    .post a.more, .post a:visited.more {
      -webkit-transition: background-color .2s ease !important;
      -moz-transition: background-color .2s ease !important;
      -o-transition: background-color .2s ease !important;
      -ms-transition: background-color .2s ease !important;
      transition: background-color .2s ease !important;
      -webkit-transition: color .2s ease;
      -moz-transition: color .2s ease;
      -o-transition: color .2s ease;
      -ms-transition: color .2s ease;
      transition: color .2s ease;
      }

.more-articles {
  float: left;
  clear: both;
  width: 916px;
  }

.more-articles a {
  float: right;
  -webkit-transition: background-color .2s ease;
  -moz-transition: background-color .2s ease;
  -o-transition: background-color .2s ease;
  -ms-transition: background-color .2s ease;
  transition: background-color .2s ease;
  }

/*    Old post image method  */

    .illo + .excerpt {
      width: 370px !important;
      margin-left: 78px !important;
      float: none !important;
      }

    .plus-bg {
      width: 370px !important;
      margin-left: 78px !important;
      float: none !important;
      }

/*  B - A R T I C L E  */

#indv article {
  clear: both;
  position: relative;
  }

#indv .feature h1 {
  line-height: 72px;
  max-width: 838px;
  margin: 0 156px .3em;
  clear: both;
  }

#indv .feature p, #indv .post p {
  margin-left: 156px;
  margin-right: 156px;
  }

#indv .post h1 {
  width: 604px;
  margin: 0 156px .5em;
  clear: both;
  }

#indv a .more, #indv a:visited .more {
  -webkit-transition: background-color .2s ease;
	-moz-transition: background-color .2s ease;
	-o-transition: background-color .2s ease;
	-ms-transition: background-color .2s ease;
	transition: background-color .2s ease;
  }

.divider {
  margin: 10px 0;
  }

article blockquote {
  margin: 20px 156px;
  }

#indv article ul {
	margin: 20px 156px;
	}

#indv article ol {
	margin: 20px 156px;
	}

#indv .post .vid {
  width: 604px;
  margin-left: 156px !important;
  margin-right: 156px !important;
  }

.caption, .illo p {
  float: left;
  clear: both;
  }

#article-meta {
	float: left;
  width: 100%;
  margin-top: 40px;
	clear: both;
	}

  #article-meta ul {
  	position: relative;
  	clear: both;
  	list-style: none;
  	width: 916px;
  	}

    #article-meta ul li {
      float: left;
    	padding: 15px 0 15px;
    	}

      #article-meta ul .date {
        width: 135px;
        border-right: 1px solid rgba(204, 204, 204, 0.3);
        line-height: 1em;
        }

      #article-meta ul .cats {
        width: 623px;
        padding-left: 20px;
        padding-top: 18px;
        border-top: 0;
        border-bottom: 0;
        line-height: 1em;
        }

        .reading #article-meta ul .cats {
          width: 779px;
          padding-left: 0;
          }

      #article-meta ul li.new {
        float: right;
        }

      #article-meta ul .old a:link,
      #article-meta ul .old a:visited,
      #article-meta ul .new a:link,
      #article-meta ul .new a:visited {
        display: block;
        text-align: center;
        padding: 16px 0 14px;
        -webkit-transition: background-color .2s ease;
      	-moz-transition: background-color .2s ease;
      	-o-transition: background-color .2s ease;
      	-ms-transition: background-color .2s ease;
      	transition: background-color .2s ease;
        }

        #article-meta ul .new a:link,
        #article-meta ul .new a:visited {
          border-left: none;
          }

        #article-meta ul .old a:hover,
        #article-meta ul .new a:hover,
        #article-meta ul .old a:focus,
        #article-meta ul .new a:focus {
          background: #333;
          color: #fff;
          }

      #article-meta ul .old, #article-meta ul .new {
        width: 68px;
        }

      #article-meta ul .old {
        border-right: 1px solid rgba(204, 204, 204, 0.3);
        }

    #indv h2{
      margin: 1.5em 156px 0.5em;
      }

#indv .feature > p:last-child::after,
#indv .feature div:last-child > p:last-child::after {
  content: url(http://v5.static.jasonsantamaria.com/i/sig-000.png);
  /*content: url(http://v5.static.jasonsantamaria.com/i/sig-fff.png);*/
  padding-left: 5px;
  opacity:0.4;
	}

/*  B - A R C H I V E S  */

.archive-hed {
  width: 916px;
	clear: both;
  }

.article-bug a:link, .article-bug a:visited {
  float: left;
  }

  .article-bug:hover, .article-bug:focus {
    -webkit-transition: background-color .2s ease;
  	-moz-transition: background-color .2s ease;
  	-o-transition: background-color .2s ease;
  	-ms-transition: background-color .2s ease;
  	transition: background-color .2s ease;
    }

    .article-bug:hover time, .article-bug:focus time {
      -webkit-transition: color .2s ease;
    	-moz-transition: color .2s ease;
    	-o-transition: color .2s ease;
    	-ms-transition: color .2s ease;
    	transition: color .2s ease;
      }

    .article-bug:hover h1, .article-bug:focus h1 {
      -webkit-transition: color .2s ease;
    	-moz-transition: color .2s ease;
    	-o-transition: color .2s ease;
    	-ms-transition: color .2s ease;
    	transition: color .2s ease;
      }

.article-bug {
  float: left;
  margin: 0 15px 0 !important;
  width: 418px;
  padding-top: 0;
  }

    .archive .feature img {
      max-width: 396px;
      display: block;
    	}

      .archive .grab {
        width: 396px;
        max-height: 418px;
      	}

#filters {
	width: 916px;
	margin: 0 auto 10px;
	clear: both;
	}

  .filter-hed {
    float: left;
    }

  #filters a {
    -webkit-transition: background-color .2s ease !important;
    -moz-transition: background-color .2s ease !important;
    -o-transition: background-color .2s ease !important;
    -ms-transition: background-color .2s ease !important;
    transition: background-color .2s ease !important;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -o-transition: color .2s ease;
    -ms-transition: color .2s ease;
    transition: color .2s ease;
    }

  #filters li a {
    float: left;
    }

/* B - A B O U T  &  G E N E R I C */


.gen {
  clear: both;
  position: relative;
  }

  .gen .left { float: left; }

.gen h1 {
  line-height: 72px;
  max-width: 838px;
  clear: both;
  }

.gen h2 { clear: both; }

.gen .gen-col {
  margin: 0 156px 0;
  }

.about .contact-info {
  padding: 0 0 20px 0;
  border-top: 0;
  margin-top: 0;
  border-bottom: 2px solid #000;
  }

  .email-me a:link, .email-me a:visited {
    display: block;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    position: relative;
    -webkit-transition: background-color .2s ease !important;
    -moz-transition: background-color .2s ease !important;
    -o-transition: background-color .2s ease !important;
    -ms-transition: background-color .2s ease !important;
    transition: background-color .2s ease !important;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -o-transition: color .2s ease;
    -ms-transition: color .2s ease;
    transition: color .2s ease;
    }

    .email-me span {
      top: -2px;
      }

  .about .pub li a {
    width: 204px !important;
    -webkit-transition: background .2s ease;
  	-moz-transition: background .2s ease;
  	-o-transition: background .2s ease;
  	-ms-transition: background .2s ease;
  	transition: background .2s ease;
    }

.prev-ed-list li a:link {
	float: left;
	width: 204px;
	-webkit-transition: background .2s ease;
	-moz-transition: background .2s ease;
	-o-transition: background .2s ease;
	-ms-transition: background .2s ease;
	transition: background .2s ease;
	}

  .prev-ed-list img { margin-bottom: 8px; float: none; margin-right: 0}

.prev-ed-list b {
  display: inline;
  margin-bottom: 0;
  }

.prev-ed-list em {
	float: right;
  }

.prev-ed-list li a:hover, .prev-ed-list li a:focus { background: #f9f9f9; }

/*
----------------------------------------------------------------
	B - S U B
---------------------------------------------------------------- */

#sub-main { background: transparent url(http://v5.static.jasonsantamaria.com/i/sub-rules.png) repeat-y; }

  #sub1, #sub1a, #sub1b, #sub2, #sub3 { float: left; padding: 0;}

  #sub1 {
    width: 458px;
    }

    #sub1 .group {
      padding-right: 16px;
      }

  #sub1a {
    width: 221px;
    }
      #sub1a .group {
        padding-right: 16px;
        background: none;
        }

  #sub1b {
    width: 237px;
    }

    #sub1b .group {
      padding-left: 16px;
      background: none;
      }

  #sub2 {
    width: 238px;
    padding-top: 12px;
    }

    #sub2 .group {
      padding-left: 16px;
      padding-right: 16px;
      }

  #sub3 {
    width: 220px;
    padding-top: 12px;
    }

    #sub3 .group {
      padding-left: 16px;
      }

.bbss { /* "border bottom small screen" */
  border-bottom: none;
  }

 .aba a dd {
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -o-transition: color .2s ease;
  -ms-transition: color .2s ease;
  transition: color .2s ease;
   }

  .lst a:link img, .lst a:visited img {
    -webkit-transition: border .2s ease;
  	-moz-transition: border .2s ease;
  	-o-transition: border .2s ease;
  	-ms-transition: border .2s ease;
  	transition: border .2s ease;
    }

  .lst:after,#filters:after {
  	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.me p {
  line-height: 32px;
  }

  #sub-main .me a.more b { display: inline; padding: 2px 0 2px 2px !important; vertical-align: bottom;}

  .q {
    width: 190px;
    }

footer[role="contentinfo"] {
  border-top: 1px solid #292929;
  width: 916px;
  clear: both;
  padding: 20px 0 40px
  }

/*
----------------------------------------------------------------
	B - R E A D I N G
---------------------------------------------------------------- */

#reading-lst {
  min-width: 916px;
  clear: both;
  float: left;
  }

  .reading #reading-lst {
    padding-top: 25px;
    float: none;
    }

.reading-bug a:link, .reading-bug a:visited {
  float: left;
  height: 240px;
  position: relative;
  }

  .reading-bug a:hover, .reading-bug a:focus {
    background: #f9f9f9;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease;
    transition: background-color .2s ease;
    }

.reading-bug {
  float: left;
  margin: 0 14px 10px !important;
  padding: 0;
  width: 200px;
  border: none;
  }

  .reading .info {
    float: left;
    width: 190px;
    position: relative;
    height: 170px;
    border-bottom: 1px solid #ddd;
    margin-left: 0;
    }

  .reading .reading-bug .grab {
    position: absolute;
    bottom: 0;
    margin-left: 5px;
  	}

  .reading .reading-bug img {
    -webkit-transition: box-shadow .2s ease;
    -moz-transition: box-shadow .2s ease;
    -o-transition: box-shadow .2s ease;
    -ms-transition: box-shadow .2s ease;
    transition: box-shadow .2s ease;
    -webkit-transition: width .2s ease;
    -moz-transition: width .2s ease;
    -o-transition: width .2s ease;
    -ms-transition: width .2s ease;
    transition: width .2s ease;
    float: none;
    margin-right: 0;
  	}

    .reading-bug:hover img, .reading-bug:focus img {
      -webkit-box-shadow: 3px 3px 10px 0 rgba(0,0,0,.5);
      -moz-box-shadow: 3px 3px 10px 0 rgba(0,0,0,.5);
      -o-box-shadow: 3px 3px 10px 0 rgba(0,0,0,.5);
      -ms-box-shadow: 3px 3px 10px 0 rgba(0,0,0,.5);
      box-shadow: 3px 3px 10px 0 rgba(0,0,0,.5);
      width: 106px;
      border: 1px solid #ddd !important;
      }

.reading .reading-bug h1 {
  clear: both;
  float: left;
	}

  .reading-bug:hover h1, .reading-bug:focus h1 {
    -webkit-transition: color .2s ease;
  	-moz-transition: color .2s ease;
  	-o-transition: color .2s ease;
  	-ms-transition: color .2s ease;
  	transition: color .2s ease;
    }

.reading .reading-bug h2 {
  margin-bottom: 0;
  clear: both;
  float: left;
  padding: 0 5px;
	}

  a.buy {
  	-webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease;
    transition: background-color .2s ease;
    float: none;
    }

   .reading-bug a.buy {
    height: auto !important;
    position: absolute !important;
    right: 0 !important;
    bottom: 10px !important;
    -webkit-transition: opacity .2s ease;
  	-moz-transition: opacity .2s ease;
  	-o-transition: opacity .2s ease;
  	-ms-transition: opacity .2s ease;
  	transition: opacity .2s ease;
    opacity: 0;
    }

    .reading-bug:hover a.buy, .reading-bug:focus a.buy {
      opacity: 100;
      }

      a:hover.buy, a:focus.buy {
        background: #900;
        }

  .book-review .left { float: left; }

  .book-review img {
    width: 280px;
    }

/*
----------------------------------------------------------------
	B - S E A R C H  R E S U L T S
---------------------------------------------------------------- */

#results {
  clear: both;
  float: left;
  width: 916px;
  }

#results ol {
  margin-left: 156px;
  margin-right: 156px;
  }

  #results .result-title {
    display: block;
    }

#results .msg {
  clear: none;
  }

  .msg p {
    width: 682px;
    display: inline
    }

    .msg .search-form {
      float: right;
      margin-top: -4px;
      }

  #results .results-meta {
  	position: relative;
  	float: left;
  	clear: both;
  	}

    #results .results-meta {
    	position: relative;
    	width: 916px;
    	}

      #results .results-meta li {
      	position: absolute;
      	top: 0;
      	display: block;
      	}

        .results-meta .prev {
        	width: 214px;
        	left: 0;
        	}

        .results-meta .next {
        	width: 214px;
        	left: 702px;
        	text-align: right;
        	}

/*
----------------------------------------------------------------
	B - L A Y O U T  O P T I O N S
---------------------------------------------------------------- */


.one { width: 58px; }
.two { width: 136px; }
.three { width: 214px; }
.four { width: 292px; }
.five { width: 370px; }
.six { width: 448px; }
.seven { width: 526px; }
.eight { width: 604px; }
.nine { width: 682px; }
.ten { width: 760px; }
.eleven { width: 838px; }
.twelve { width: 916px; }

.left { float: left; }
.right { float: right; }

.ml { margin-left: 20px !important; }
.mr { margin-right: 20px !important; }

#indv .illo { clear: both; }

#indv article .norm {
  margin-left: 156px !important;
  margin-right: 156px !important;
  }

  p + .norm {
    margin-top: 20px !important;
    }

.left.inset { /* image floated left within text */
	margin-left: 156px;
	}

/*
----------------------------------------------------------------
	B I G  F O N T S
---------------------------------------------------------------- */

#sub-main a.more,
.deck-via,
.ads,
.eh b,
.reading-bug a.buy {
font-size: 11px;
}

nav[role="navigation"] ul li a,
nav[role="navigation"] ul li a:visited {
font-size: 12px;
}

#filters,
.about .pub li a,
.prev-ed-list li a:link,
.btn,
#sub2,
#sub3,
.read .by,
footer[role="contentinfo"],
#results .permalink,
.caption,
.illo p,
#contact-form label {
font-size: 12px !important;
}

.post a.more,
.post a:visited.more,
.archive time,
a.buy,
.more-articles a,
#indv a .more,
#indv a:visited .more,
.about .pub-elsewhere,
.about .pub a b,
.prev-ed-list b,
#sub1b {
font-size: 13px;
}

.lst dt {
font-size: 13px !important;
}

.home article time,
.home article time span,
#sub-main h2,
#article-meta ul .cats,
.q,
.reading .reading-bug h1,
.reading .reading-bug h2 {
font-size: 14px;
}

.archive article p {
font-size: 15px;
}

#indv h2,
#article-meta ul .date,
.about h2,
.contact .also p {
font-size: 16px;
}

.about .also p,
#article-meta,
.gen h2,
#indv .book-review h2,
#results .result-title,
#results .results-meta,
#indv article ul,
#indv article ol,
.about .bio p {
font-size: 18px;
}

article blockquote p {
font-size: 18px !important;
}

#indv .feature p,
#indv .post p,
.archive .post h1,
.gen p,
.book-review {
font-size: 20px;
}

.home .post h1,
#results .msg,
.me p {
font-size: 22px;
}

.home article.feature p,
.archive .feature h1 {
font-size: 30px;
}

.about #lede {
font-size: 32px;
}

#indv #lede,
#indv .post h1,
.book-review h1 {
font-size: 36px;
}

.archive-hed {
font-size: 50px;
}

.email-me a:link,
.email-me a:visited {
font-size: 45px;
}

.home .feature h1,
#indv .feature h1,
.gen h1 {
font-size: 66px;
}

/* Typekit adjustments */

.wf-active .home article time span {
font-family: proxima-nova,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,sans-serif;
}

.wf-active .archive time {
font-size: 16px;
}

.wf-active .home article time,
.wf-active #article-meta ul .date {
font-size: 18px;
}

.wf-active .home article time span {
font-size: 20px;
}

.wf-active nav[role="navigation"] ul li a,
.wf-active nav[role="navigation"] ul li a:visited,
.wf-active #indv h2 {
font-size: 22px;
}

.wf-active #sub-main h2 {
font-size: 24px;
}

.wf-active .me p {
font-size: 25px;
}

.wf-active .about #lede {
font-size: 36px;
}

.wf-active .email-me a:link,
.wf-active .email-me a:visited {
font-size: 60px;
}

.wf-active .home .feature h1,
.wf-active #indv .feature h1,
.wf-active .gen h1 {
font-size: 70px;
}

/*
----------------------------------------------------------------
	F I X E S
---------------------------------------------------------------- */

.wf-active .email-me span {
  top: -8px;
  left: 6px;
  }


}