html, body, header, hgroup, nav, article, section, details, aside, footer, figure, figcaption, 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 {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
header, hgroup, nav, article, section, details, aside, footer {display: block;}
param {display: none;}
html * {text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;}
html, body {height: 100%;}
body {line-height: 1.0em; font-size: 62.5%; margin: 0; padding: 0; background: rgba(255,255,255,1);}
body ::selection {background: rgba(250,237,19,.64); color: rgba(37,33,34,1); text-shadow: 0 1px 2px rgba(37,33,34,.12);}
dl dt {font-weight: bold;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
iframe {display: block; margin: 0; padding: 0; line-height: .1em;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0; font-size: 1.0em;}
thead, tbody, tr, th, td {font-size: 1.0em; line-height: 1.0em;}
body, h1, h2, h3, h4, h5, h6, input, select, textarea {font-family: Arial, Helvetica, Verdana, sans-serif; line-height: 1.2em;}
h1, h2, h3, h4, h5, h6, input, select, textarea, p, blockquote, li, dt, dd {letter-spacing: 0;}
p, blockquote, li, dt, dd {font-size: 1.3em; font-family: Arial, Helvetica, Verdana, sans-serif; color: #222; line-height: 1.25em;}
code {display: block; font-size: 1.3em; color: rgba(0,0,0,.72); line-height: 1.25em;}
blockquote p, blockquote blockquote, li li, p code {font-size: 1.0em;}
dt {font-weight: bold;}
a {color: rgba(68,61,63,1); text-decoration: none;}
a:focus, a:hover {color: rgba(37,33,34,1);}
h1 {font-size: 2.8em;}
h2 {font-size: 2.4em;}
h3 {font-size: 2.2em;}
h4 {font-size: 2.0em;}
h5 {font-size: 1.8em;}
h6 {font-size: 1.6em;}

.hide {display: none;}
.l {clear: none; float: left;}
.r {clear: none; float: right;}
.c {clear: both; float: none;}
.rel {position: relative;}
.abs {position: absolute; z-index: 2;}
.c:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.sanserif {font-family: Arial, Helvetica, sans-serif;}
.serif {font-family: "Times New Roman", Times, Georgia, sans-serif;}
.b {font-weight: bold;}
.nb {font-weight: normal;}
.i {font-style: italic;}
.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align: center;}
i.icon {display: inline-block; font-style: normal;}
.button {display: inline-block; cursor: pointer; padding: 8px 15px; margin: 0 10px 0 0; color: rgba(37,33,34,1); background-color: rgba(250,237,19,1); border: 0px solid transparent; font-size: 1.4em; font-weight:bold; line-height: 1.0em; text-align: center; box-shadow: 3px 3px 0 rgba(37,33,34,1); -webkit-transition: background-color .1s ease-out;/*, margin .1s ease-out, box-shadow .1s ease-out;*/}
a.button:hover, button.button:hover, input.button:enabled:hover {background-color: rgba(216,215,215,1);}
.button.disabled, button.button:disabled, input.button:disabled {opacity: .48;}
.button.large {padding: 15px 25px; font-size: 2.2em; box-shadow: 5px 5px 0 rgba(37,33,34,1);}
.button.medium {padding: 12px 18px; font-size: 1.8em; box-shadow: 5px 5px 0 rgba(37,33,34,1);}
.button.small {padding: 5px 8px; font-size: 1.2em; box-shadow: 1px 1px 0 rgba(37,33,34,1);}
.button.rect {border: 1px solid rgba(68,61,63,1);}
.button.grey {color: rgba(37,33,34,1); border-color: rgba(68,61,63,1); background-color: rgba(216,215,215,1);}
a.button.grey:hover, button.button.grey:hover, input.button.grey:hover {color: rgba(37,33,34,1); border-color: rgba(68,61,63,1); background-color: rgba(198,196,196,1);}
p .button {font-size: 1.07em;}
p .button.large {font-size: 1.69em;}
p .button.medium {font-size: 1.38em;}
p .button.small {font-size: .923em;}


.container {max-width: 740px; margin: 0 auto;}

#topbar {background: rgba(37,33,34,1); padding: 4px 0;/* min-height: 24px;*/}
#topbar ul {display: none;}
#topbar ul li {padding: 3px 6px; font-size: 1.1em; color: rgba(255,255,255,.72);}
#topbar a {color: rgba(255,255,255,.72); border-bottom: 1px dotted rgba(255,255,255,.18); -webkit-transition: color .2s ease-out, border-color .2s ease-out;}
#topbar a:hover, #topbar a:focus {color: rgba(255,255,255,1); border-bottom: 1px dotted rgba(255,255,255,.42);}
#header {padding: 12px 0 67px 0; margin: 0; background: rgba(250,237,19,1);}
#header #logo {position: relative; padding: 0; margin: 0; width: 250px; height: 43px; font-size: 2.6em; color: rgba(37,33,34,1);}
#header #logo a {position: absolute; z-index: 2; display: inline-block; border: 1px solid transparent; -webkit-transition: border-color .2s ease-out, box-shadow .2s ease-out;}

#content_area {margin: -37px 0 0 0;}
#content_area .pretty_box {margin: 0 auto; background: rgba(255,255,255,1); border: 1px solid rgba(37,33,34,.12); box-shadow: 5px 5px 0 rgba(37,33,34,1);}
#content_body {padding: 32px 20px;}
#content_body p {padding-top: 4px; font-size: 1.6em;}
#content_body p a {font-weight: bold; border-bottom: 1px dotted rgba(68,61,63,.54);}


#header {padding-bottom: 20px; z-index: 2;}
#content_area {margin: 10px 0 0 0;}
#content_area .container {background: none; border: none; box-shadow: none;}
#content_body {padding: 20px 0; border-bottom: 1px solid rgba(37,33,34,.12);}

#posts {clear: none; float: left; width: 502px; padding: 0 28px 0 0; min-height: 300px;}
#posts h1, #posts h2, #posts h3, #posts h4, #posts h5, #posts h6, #posts p {padding: 0 0 8px 0;}
#posts p {line-height: 1.33em;}
#posts p a {font-weight: bold; color: rgba(37,33,34,1); border-bottom: 1px dotted rgba(32,33,34,.54); -webkit-transition: color .2s ease-out, border-color .2s ease-out;}
#posts p a.button {border: none;}
#posts p a:hover, #posts p a:focus {color: rgba(68,61,63,.92); border-color: rgba(68,61,63,.54)}
#posts hr {margin: 10px 0 15px 0; height: 1px; border: none; background-color: rgba(32,33,34,.18);}


#posts article {padding: 20px 0 0 0; margin: 20px 0 0 0; border-top: 1px solid rgba(37,33,34,.12);}
#posts article:first-child {padding: 0; margin: 0; border: none;}
#posts .top {margin: 0 0 15px 0;}
#posts .top.media.pretty_box {margin: 0 0 15px 0;}
#posts .top.media img {display: block;}

#posts .caption {}
#posts .caption h2 {font-size: 2.4em; padding: 0 0 5px 0;}
#posts .caption p {font-size: 1.5em;}
#posts .caption p img {display: inline-block; margin: 8px auto 8px auto; background: rgba(255,255,255,1); border: 1px solid rgba(37,33,34,.12); box-shadow: 5px 5px 0 rgba(37,33,34,1);}
#posts .caption p.answer_form_container {margin: 10px 0 20px 0; padding: 10px; background: rgba(37,33,34,.08);}
#posts .caption blockquote {font-size: 1.6em; padding: 0 0 5px 0; line-height: 1.2em;}
#posts .caption blockquote p {font-size: 1.0em; line-height: 1.25em;}
#posts .caption .quote q.mark {display: inline-block; font-family: 'Courier New',Courier,monospace,serif; font-weight: bold; color: rgba(98,91,93,1); line-height: 1.0em; vertical-align: top;}
#posts .caption .quote q.mark_start {float: left; width: 35px; margin: -9px 0 0 -40px; font-size: 4.0em; text-align: right;}
#posts .caption .quote q.mark_end {display: none;}
#posts .caption .quote_source {font-size: 1.4em; padding: 0 0 20px 20px; font-style: italic; color: rgba(98,91,93,1);}
#posts .caption .question {margin: 0 0 10px 0; padding: 15px 10px; background: rgba(37,33,34,.08); font-size: 1.4em;}
#posts .caption .question p {font-size: 1.0em;}
#posts .caption .question .asker {padding: 15px 0 0 0; font-weight: bold;}
#posts .caption .question .asker a {font-weight: bold;}
#posts .caption .question .asker img {vertical-align: middle; margin: 0 3px 0 0;}
#posts .caption .answer {padding: 5px 0 10px 0;}

#posts .content_source {padding: 10px 0 8px 0; font-size: 1.1em; color: rgba(98,91,93,1);}
#posts .content_source img {opacity: .54; vertical-align: baseline; -webkit-transition: opacity .2s ease-in;}
#posts .content_source a:hover img {opacity: 1;}

#posts .post_info {padding: 0; margin: 0; list-style: none;}
#posts .tags {padding: 5px 0 0 0; margin: 0; list-style: none;}
#posts .post_info li, #posts .tags li {clear: none; float: left; font-size: 1.1em; color: rgba(98,91,93,1);}
#posts .post_info li:before {content: "·"; padding: 0 5px;}
#posts .post_info li:first-child:before, #posts .post_info li.tag:before {display: none;}
#posts .post_info li a, #posts .tags li a {color: rgba(98,91,93,1);}
#posts .post_info li a:hover, #posts .post_info li a:focus, #posts .tags li a:hover, #posts .tags li a:focus {color: rgba(37,33,34,1);}
#posts .tags li.tag {padding: 0 5px 0 0;}

#posts .post_notes {padding: 15px 0 15px 0; margin: 20px 0 0 0; border-top: 1px solid rgba(37,33,34,.12);}
#posts .post_notes ol {list-style: none;}
#posts .post_notes ol li {margin: 0 0 5px 0; padding: 7px 8px; background: rgba(98,91,93,.08); font-size: 1.2em; color: rgba(98,91,93,1);}
#posts .post_notes ol li img {display: inline-block; vertical-align: middle; margin: 0 2px 1px 0;}
#posts .post_notes ol li .action {}
#posts .post_notes ol li .action a {font-weight: bold; color: rgba(68,61,63,1);}
#posts .post_notes ol li blockquote {display: block; margin: 8px 0 1px 10px; padding: 2px 0 2px 7px; border-left: 4px solid rgba(98,91,93,.18); font-size: 1.0em; font-style: italic; color: rgba(98,91,93,1);}

.pagination {}


#sidebar {padding: 10px 0 0 0; width: 210px;}
#sidebar .box {padding: 0 0 20px 0;}
#sidebar .box h3 {font-size: 1.8em; padding: 0 0 6px 0;}
#sidebar .box li {padding: 2px 0 3px 0;}
#sidebar .box.description p {font-size: 1.6em; line-height: 1.33em;}
#sidebar .box.menu li {font-weight: bold; font-size: 1.4em; line-height: 1.0em; padding: 5px 0; border-top: 1px solid rgba(37,33,34,.24);}
#sidebar .box.menu li:first-child {border: none;}
#sidebar .box.menu li a {display: block; margin: -5px 0; padding: 8px 0; color: rgba(37,33,34,1); -webkit-transition: color .2s ease-out, border .1s ease-out, margin .2s ease-out, padding .1s ease-out;}
#sidebar .box.menu li a:hover, #sidebar .box.menu li a:focus {color: rgba(68,61,63,.72);}
#sidebar .box.social_buttons ul li {height: 28px; padding: 5px 0; overflow: hidden;}



#footer {padding: 10px 0 30px 0;}
#footer a {border-bottom: 1px dotted rgba(68,61,63,.32);}
#footer a:focus, #footer a:hover {border-bottom-color: rgba(68,61,63,.72);}
#footer p a:hover, #footer p a:focus {}
#footer ul {list-style: none; margin: 0; padding: 0;}
#footer ul li {clear: none; float: left; margin: 0; padding: 0 0 0 6px;}
#footer ul li:before {content: "·"; clear: none; float: left; padding: 0 6px 0 0; margin: 0;}
#footer ul li:first-child:before {display: none;}
i.icon {display: inline-block; background: url(../images/assets.png?1) 100px 100px no-repeat; text-indent: -9999px;}
i.icon.logo {width: 200px; height: 43px; background-color: rgba(255,255,255,1); background-position: 0 0; -webkit-transition: background-color .2s ease-out;}
a:hover i.icon.logo, a:focus i.icon.logo {background-color: rgba(250,237,19,1);}


#tumblr_controls {left: 0 !important; right: 0 !important; top: 28px !important; width: 330px !important; padding: 0 0 0 410px; margin: 0 auto !important; z-index: 1 !important;}