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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }  :focus { outline: 0; }  ins { text-decoration: none; } del { text-decoration: line-through; }  table { border-collapse: collapse; border-spacing: 0; }:focus { outline: 1px dotted #999; } a { border-bottom: 1px solid #000; color: #000; text-decoration: none; } a:focus, a:hover { border-bottom-color: #06e; color: #06e; } a abbr { border-bottom-style: none; } abbr { border-bottom: 1px dotted #000; cursor: help; } body { background-color: #fff; color: #000;  text-rendering: optimizeLegibility; } body, h1, h2 { margin-bottom: 20px; } body, input, textarea { font: 14px/1 "proxima-nova-1", "proxima-nova-2", "helvetica neue", helvetica, arial, sans-serif; } cite { color: #999; display: block; font-size: 14px; font-style: normal; margin-top: 10px; text-align: right; } cite, dd, dt, h3, h4, li, p { line-height: 20px; } h1 { font-size: 34px; line-height: 38px; } h1, h2, h3, h4 { font-weight: normal; letter-spacing: 1px; text-transform: uppercase; } h2 { font-size: 28px; line-height: 32px; } h3 { font-size: 22px; line-height: 26px; } h3, h4 { margin-bottom: 10px; } h3, p + p { margin-top: 20px; } input[type=email], input[type=search], input[type=text], input[type=url], input:not([type]), textarea { background-color: #fff; border: 1px inset #ccc; color: #000; cursor: text; padding: 5px; } input[type=submit] { cursor: pointer; } li ol { list-style-type: lower-alpha; } li ol, li ul { margin-bottom: 0; margin-top: 0; } ol { list-style-type: decimal; } ol, ul { margin: 20px 0 20px 30px; } ul { list-style-type: square; }  #container { margin: 0 auto; max-width: 980px; } #content { font-size: 16px; margin: 40px 0; } #content, #footer, #header, #logo, #navigation { overflow: hidden; } #copyright { float: right; } #footer { border-top: 1px solid #000; padding-top: 20px; } #footer, #footer a { color: #999; } #footer a { border-bottom-color: #999; } #footer a:focus, #footer a:hover { border-bottom-color: #06e; color: #06e; } #header { border-bottom: 1px solid #000; padding-bottom: 20px; } #header a { border-bottom-style: none; } #header h1 { margin-bottom: 0; } #header h1 a:focus, #header h1 a:hover { border-bottom-style: solid; } #header p { color: #999; } #jump-link { height: 20px; } #jump-link a, #search label { left: -9999px; overflow: hidden; position: absolute; width: 1px; } #jump-link a:focus, #jump-link a:hover { background-color: #ffffca; border-style: none; display: block; line-height: 20px; padding: 0 10px; position: static; text-decoration: underline; width: auto; } #logo { width: 500px; } #logo, #logo img, #search { float: left; } #logo img { margin-right: 10px; } #navigation { float: right; margin-top: 5px; } #navigation a { background-image: url(http://cdn1.randomyesusefulno.net/images/5.0/navigation.png); background-repeat: no-repeat; display: block; letter-spacing: 1px; line-height: 20px; margin-bottom: 5px; padding-left: 25px; text-transform: uppercase; } #navigation a:focus, #navigation a:hover { text-decoration: underline; } #navigation .column { float: left; } #navigation .last { margin-left: 60px; } #search { margin-top: -3px; } #search-query { background: url(http://cdn1.randomyesusefulno.net/infrastructure/images/2.0/search.png) no-repeat 5px 6px; margin-right: 5px; padding-left: 25px; width: 200px; }  .error-module { background-position: 0 -127px; } .error-module, .information-module, .success-module { background-image: url(http://cdn1.randomyesusefulno.net/infrastructure/images/2.0/modules.png); background-repeat: no-repeat; } .error-module + p, .information-module + p, .success-module + p { margin-top: 20px; } .error-module p, .information-module p, .success-module p { margin-left: 20px; } .information-module { background-position: 0 1px; } .loading-module { background: url(http://cdn1.randomyesusefulno.net/infrastructure/images/2.0/loading/large.gif) no-repeat 50% 0; text-align: center; } .loading-module p { color: #999; font-size: 28px; line-height: 30px; padding-top: 74px; } .success-module { background-position: 0 -62px; }  form .placeholder { color: #999; }  .no-decoration { border-bottom-style: none; } .pull { float: right; margin: 0 0 20px 20px; } .push { float: left; margin: 0 20px 20px 0; }  #page-navigation { font-size: 14px; margin-bottom: 20px; text-align: center; } #page-navigation a { background-image: url(http://cdn1.randomyesusefulno.net/infrastructure/images/2.0/navigation.png); background-repeat: no-repeat; border-bottom-style: none; text-decoration: underline; } #page-navigation p { display: inline; } .newer a { background-position: 100% -64px; margin-left: 20px; padding-right: 20px; } .older a { background-position: 0 0px; margin-right: 20px; padding-left: 20px; }  @media screen and (max-width: 1020px) { #container { margin: 0 20px; } } @media screen and (max-width: 820px) { #logo { width: auto; } #logo, #navigation, .column { float: none; } #navigation { margin-top: 10px; } #navigation a { float: left; margin: 0 20px 0 0; } #navigation .column { display: inline; margin-left: 0; } } @media screen and (max-width: 640px) { #container { margin: 0 10px; } #content { margin: 20px 0; } } @media screen and (max-width: 480px) { #about-portrait { height: 75px; width: 75px; } #content img, #content object { max-width: 100%; } #copyright { margin-top: 10px; } #copyright, #search { float: none; } #header h1 { font-size: 22px; line-height: 32px; margin-left: 40px; } #header p { clear: both; padding-top: 5px; } #logo img { height: 32px; width: 32px; } }h1 { font-size: 28px; line-height: 32px; }  #navigation .about { background-position: 0 1px; } #navigation .archive { background-position: 0 -191px; } #navigation .tags { background-position: 0 -61px; } #navigation .twitter { background-position: 0 -126px; }  #about-tags { margin-left: 0; } #about-tags li { display: inline; margin-right: 40px; }  @media screen and (max-width: 480px) { #about-tags li { display: block; margin-right: 0; } #navigation .archive { display: none; } }