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,em,font,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 { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,q:before,q:after { content: none; }
:focus { outline: 0; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* YEAH */

body {
  background: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 23px;
  padding: 75px 0 30px 0;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
a { color: #000; text-decoration: none; }
ol#posts, header { clear: both; width: 600px; margin-left: 75px; padding-right: 50px; }
header { display: block; height: 28px; padding: 0 0 120px 0; }
header.small { padding: 0 0 35px 0; }
ol#posts { clear: both; width: 600px; }
header h1, header h2, header h3, header h4 { color: #ccc; font-weight: normal; margin-bottom: 2px; }
header h1 a { color: #000; text-decoration: none; }
header h2, header h3 a, header h4 a { color: #aaa; }
header h4 a:hover { color: #000; }
header h3 a { text-decoration: underline; }
strong, b { font-weight: 600;}

ol#posts li.post { clear: both; width: 100%; margin: 0 0 75px 0; }
ol#posts li.post:last-child { margin: 0; }
ol#posts li.post.quote a h2 { font-style: italic; font-weight: 400; line-height: 40px; }
iframe#tumblr_controls { margin: 5px 5px 0 0; }
ol#posts li.post p { color: #666; line-height: 24px; margin: 0 0 15px; }
ol#posts li.post.text p { text-align: left; }
ol#posts li.post p a { text-decoration: none; text-decoration: underline; }
ol#posts li.post p.the-photo { }
ol#posts li.post p.the-photo a { border-bottom: none; }
ol#posts li#notes { clear: both; display: none; }
ol#posts li.post img { max-width: 100%; }
ol#posts li.post p.long-text { text-align: left; }
ol#posts li.post p.meta a { color: #aaa; font-size: 13px; text-decoration: none; border: none; }
ol#posts li.post p.meta a:hover { color: #888; }
ol#posts li.post blockquote, ol#posts li.post pre { border-left: 4px solid #ccc; margin-left: 15px; padding-left: 15px; }
ol#posts li.post blockquote p { text-align: left; }
ol#posts li.post.text pre { background: #eee; font-family: "Courier New", Courier, monospace; margin-bottom: 15px; margin-top: 25px; padding: 10px; white-space: pre; }
ol#posts li.post h2 { font-family: "Helvetica Neue", Helvetica, sans-serif; font-size: 22px; line-height: 30px; margin: -10px 0 15px 0; }
ol#posts li.post.quote blockquote.the-quote, ol#posts li.post.text blockquote.quote { border: none; font-family: "Helvetica Neue", Helvetica, sans-serif; font-size: 22px; line-height: 30px; margin-bottom: 15px; margin-left: 0; padding: 0; }
ol#posts li.post.quote blockquote.the-quote a { text-decoration: underline; }
ol#posts li.post.text blockquote.quote { font-size: 30px; line-height: 40px; }
ol#posts li ul { margin-left: 20px; padding: 0 30px 15px 30px; }
ol#posts li ul li { font-size: 14px; line-height: 24px; list-style-type: circle; margin: 0; color: #666; }
ol#posts li.post.video object, ol#posts li.post.video embed, ol#posts li.post.video iframe { margin-bottom: 15px; }
ol#posts li.post.video a { background: none; }
ol#posts h3 { font-size: 16px; font-weight: 400; margin-bottom: 10px; padding-top: 10px; font-family: "Helvetica Neue", Helvetica, sans-serif; }
.projects ol#posts li { margin-bottom: 50px; }
h5#more { clear: both; width: 100%; }
#post-nav { position: fixed; right: 30px; top: 45%; display: none; }
#post-nav a { background: url(http://static.tumblr.com/xz44nnc/JUTl8b8hm/left-right.png) no-repeat scroll 0 0; display: block; float: left; height: 48px; margin-left: 10px; text-indent: -99999px; width: 48px; }
#post-nav a.newer-post { background-position: 0 0; }
#post-nav a.older-post { background-position: -58px 0; }
#post-nav a.newer-post:hover { background-position: 0 -52px; }
#post-nav a.older-post:hover { background-position: -58px -52px; }
.no-set { display: none; }
h3#more { clear: both; display: none; width: 100%; }
h3#more a { color: #999; display: block; font-size: 20px; padding: 20px 0; text-decoration: none; text-transform: uppercase; width: 100%; }
ol#posts li.post.link h2 a { text-decoration: underline; }
ol#posts li.post p.the-link { margin-top: -15px; }
ol#posts li.post p.the-link a { text-decoration: none; color: #aaa; font-size: 12px; }

h3#more a:hover { color: #666; text-decoration: none; }
#infscr-loading { position: fixed; bottom: 15px; left: 28px; }
ol#posts li.post h5 { font-size: 25px; line-height: 40px; margin: -10px 0 10px 0; color: #333; }
ol#posts textarea { width: 100%; font-family: "Helvetica", Arial, sans-serif; }

#about ol#posts li.post p { margin-bottom: 5px; }

#pagination { padding: 30px 0; font-size: 20px; color: #ccc; }
#pagination a.button { text-decoration: none; font-size: 20px; color: #666; }
#pagination a.button:hover { color: #000; }

@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px) {
  body { padding-top: 30px; font-size: 18px; }
  ol#posts, header { clear: both; width: 600px; margin: 0 auto; padding: 50px 10px; }
  header { font-size: 22px; }
  header h1 { margin-bottom: 10px; }
  ol#posts li.post p { line-height: 27px; margin: 0 0 25px; }
}