SEO

May 26, 2011

Lazy HTML5 CSS DEVs + (Posterous freaks)! It's hard to describe the HORROR of this app...

strong { font-size : 1em; line-height : 1.571em; font-family : Georgia, serif; float : none; font-weight : 900; text-align : justify; margin : 0; } .entry-content :first-line, .entry-content img + :first-line { text-indent : 0; font-weight : 900; } .entry-content * + :first-line, .entry-content * > :first-line, .entry-content + :first-line, .entry-content * + blockquote :first-line, .entry-content * + .nb :first-line, .entry-content * + .nb-highlight :first-line { font-family : georgia, serif; font-variant : normal; font-weight : 300; } .entry-content ul { list-style : circle; margin : 1.571em 0; } .entry-content ol { list-style : lower-roman; margin : 1.571em 0; } .entry-content ol ol { list-style : lower-alpha; } .entry-content ol ol li { margin : 0 1.571em; } .entry-content dd { margin : 0 0 1.571em; } .entry-content blockquote { font-style : italic; border-top : 0.071em dotted #999990; border-bottom : 0.071em dotted #999990; padding : 0 1.571em; } .entry-content blockquote, .entry-content blockquote ol, .entry-content blockquote ul { color : #494940; } .entry-content ul.long-list li { list-style : none; margin-bottom : 1.571em; } .entry-content ol.friend-recommendations li blockquote { border-top : 0; border-bottom : 0; display : inline; margin : 0; padding : 0; } .entry-content ol.friend-recommendations li .recommendation-cite { display : inline; clear : right; white-space : nowrap; } .entry-content .nb-note, .entry-content .nb { border-top : 0.071em solid #a9a9a0; border-bottom : 0.071em solid #a9a9a0; margin : 1.571em 0; padding : 0 1.571em; } .entry-content .nb-note, .entry-content .fig-note { font-size : 0.857em; line-height : 1.833em; color : #444; margin : 0.917em 0; } .entry-content .nb { color : #222; margin : 0.917em 0; } .entry-content .figure-block { width : 29.857em; margin : 1.571em 0 0; } .entry-content .figure-left-wrap, .entry-content .figure-right-wrap { font-size : 0.857em; line-height : 1.833em; width : 11.917em; position : relative; } .entry-content .figure-left-wrap { float : left; text-align : right; margin : 0 0 0 -14.917em; } .entry-content .figure-right-wrap { float : right; text-align : left; margin : 0 -14.917em 0 0; } .entry-content img.figure-left, .entry-content img.figure-right { vertical-align : text-bottom; width : 11.917em; .entry-content div.figure-left-center { float : left; margin : 0 0 1.571em -12.571em; } .entry-content div.figure-right-center { float : right; margin : 0 -12.571em 1.571em 0; } .entry-content div.figure-left-center img, .entry-content div.figure-right-center img { vertical-align : text-bottom; width : 720px; } .entry-content .figure-description { font-size : 0.875em; line-height : 1.833em; font-style : italic; color : #494940; margin : 0 0 1.833em; } .entry-content table { width : 100%; border-top : 0.071em solid #000; border-bottom : 0.071em solid #000; } .entry-content table th { font-variant : small-caps; text-align : left; color : #000; vertical-align : middle; border-bottom : 0.071em solid #999990; padding : 0.143em; } .entry-content table td { border-bottom : 0.071em solid #ddddd0; padding : 0.143em; } .entry-content table td.numerals { text-align : center; } .section { width : 48.125em; padding-bottom : 1.375em; border-bottom : 0.188em solid #000; margin : 0 auto; } .illustration { font-size : 0.75em; list-style : none; float : right; padding-top : 3.667em; width : 11.917em; color : #696960; } .illustration img { width : 11.917em; } .illustration h3 { line-height : 1.833em; font-weight : 300; font-variant : small-caps; letter-spacing : 0.333em; color : #7a7a70; border-bottom : 0.083em solid #d9d9d0; } .illustration ul { margin : 1.375em 0; } .illustration ul li { line-height : 1.833em; font-style : italic; } .illustration ul li a { font-variant : small-caps; font-style : normal; } .section .personal-note { padding-bottom : 1.375em; } .section h3 { text-align : left; font-family : georgia, serif; font-weight : 400; } .personal-note blockquote { text-indent : 1.571em; text-align : justify; margin : 0; } .personal-note { font-style : italic; font-family : cochin, baskerville, 'palatino linotype', georgia, serif; text-align : center; margin : 0; } .section .contact { width : 42.429em; text-indent : 0; margin : 1.333em 0; } .section .contact .note { font-size : 0.857em; font-style : italic; text-align : left; color : #777; float : right; width : 22em; margin : 0; } .section .contact dl { font : 0.857em georgia, serif; line-height : 1.667em; font-variant : small-caps; width : 23.833em; border : 0.083em dotted #bbb; background : #f6f6f6; display : block; position : relative; margin : 0 0 0.834em; padding : 1.667em 0; } a:link, a:visited { text-decoration : none; color : #026; border-bottom : 1px solid #9bf; } a:focus, a:hover, a:active { color : #b30; border-bottom : 1px solid #f74; } strong { font-family : "Centro Sans Pro Bold", Verdana, sans-serif; font-weight : 700; font-style : normal; } em { font-family : "Centro Sans Pro Italic", Verdana, sans-serif; font-weight : 400; font-style : italic; } h1, h2, h3 { font-weight : 300; color : #000; } p, ul, ol, dl { line-height : 1.5em; margin : 0 0 0.5em; padding : 0; } ul, ol { margin : 0 0 0 2em; } ol ul { margin-left : 2em; } ol.block-list li { margin-bottom : 1em; } pre { margin-left : 1.5em; } code, pre code { font-size : 1em; line-height : 1em; font-family : 'courier new', monospace; color : #004080; } code span.value, pre code span.value { color : purple; } code span.comment, pre code span.comment { color : #606060; } code span.property, pre code span.property { color : #236e25; } h1 code, h2 code { font-size : 1em; font-family : courier, monospace; color : #000; } address { font-size : 0.75em; line-height : 2em; font-style : normal; margin-top : 2em; padding-top : 2em; border-top : 0.083em solid #ccc; } th em { font-style : normal; display : block; clear : both; } th span, td span { float : left; width : 4em; } ol.syndication { list-style : none; font-size : 0.875em; line-height : 1.714em; margin : 1em 0; } ol.syndication li { display : inline; margin : 0 1.714em 0 0; } ol.syndication li a img { vertical-align : text-top; padding-right : 0.214em; border : 0; background : #fff; } ol.syndication li.feed { border-left : 0.071em solid #ccc; margin : 0; padding : 0 0 0 1.714em; } .equivalent { font-weight : 300; font-family : arial, sans-serif; } #type em { text-transform : lowercase; left : 0; top : 0; font-size : 1em; line-height : 1em; font-style : italic; margin : 0; padding : 0.063em 0.25em; } #type em span { font-size : 0.25em; font-style : normal; left : 1.25em; top : 1.75em; } #type em span span { font-size : 1.5em; font-style : italic; left : 0.25em; top : 0; } #type i { font-size : 1em; font-style : italic; font-weight : 900; text-transform : lowercase; left : 0.219em; top : -0.039em; } #type i span { font-size : 0.25em; font-style : normal; font-weight : 300; left : 2em; top : -0.375em; } #type i span span { font-size : 2em; font-style : italic; left : 0.063em; top : 0; } #type strong { font-size : 1em; font-weight : 300; left : 0.444em; top : 0.188em; } #type strong span { font-size : 0.5em; font-style : italic; left : 1.063em; top : 0.25em; } #type strong span span { font-size : 0.75em; left : 0.125em; top : -1em; } #type strong span span span { font-size : 1.333em; font-weight : 900; text-transform : lowercase; left : 0.125em; top : 0.189em; } #type strong span span span span { font-size : 1.5em; font-weight : 300; font-style : normal; left : 0.063em; top : 0.125em; } #type strong span span span span span { font-size : 0.5em; text-transform : uppercase; font-style : italic; left : 0; top : 1.125em; } #type strong span span span span span span { font-size : 2.667em; color : #fc0; left : 0.125em; top : -0.375em; } #type-wrap { font-size : 2.25em; line-height : 0.75em; font-style : italic; text-transform : lowercase; color : #000; font-family : baskerville, 'baskerville old face', palatino, 'palatino linotype', georgia, serif; margin : 2em 0 0 8em; } #type-wrap strong { font-size : 0.611em; font-weight : 300; display : block; padding-left : 0.5em; } section.private:hover div.private_post_message, dd em { display : block; }*{background:transparent !important;border-radius:4em;color:inherit !important;font-family:'Josefin Sans'- serif;font-style:normal;max-width:980px;text-decoration:none;margin:0;padding:0;} body{background:#fff !important;color:#000 !important;font-family:serif;font-size:1em;font-style:normal;font-weight:400;max-width:980px;text-align:center;} wrap-.container-div-wrap-div-silo-.example-.container-section-back_to_blog silo div{border-bottom:0.188em solid 000;border-top:0.063em solid 000;clear:both;display:block;font-size:1.5em;line-height:0.85;max-width:90%;text-indent:0.5em;} {font:12pt/1.25 serif;} img{background:#fff;clear:both;display:block;float:left;max-width:100%;overflow:hidden;vertical-align:middle;margin:0 1.5em 1.5em 0;} h1{border-bottom:0.121em solid 000;font-family:baskerville;font-size:2.25em;font-weight:700;letter-spacing:0.056em;line-height:1.333em;margin:0 0 0.5em;} header-hgroup-footer-aside-nav-article-section{border-bottom:1px solid 0;display:block;font-size:inherit;text-align:left;vertical-align:middle;} defaul{background:#fff;border:0.063em solid 0;border-bottom:1px dashed;box-shadow:1px 1px #fff;font:12pt/1.25 serif;font-weight:400;letter-spacing:0.1em;max-width:90%;text-align:left;margin:1.5em auto;} .header_image{padding:20px 0;} h2{border-top:1px solid 0;font-size:1.5em;line-height:1em;padding-top:1em;margin:1em 0 0.5em;} h3{font-size:1em;line-height:1.5em;margin:0 0 0.5em;} h4{font-size:0.875em;margin-bottom:0.643em;margin-top:1.286em;} h5-h6{font-size:0.8125em;} ul-ol-dl-address-table-pre-fieldset{margin-bottom:1.385em;} form{margin-bottom:1.125em;} blockquote{letter-spacing:0.1em;} :link:focus{outline:-164796px 0.2em solid;} :visited:focus{outline:-831596px 0.2em solid;} :link{color:#-164796;outline-offset:0.1em;outline-width:0;} :visited{color:#-831596;} :link:hover-:visited:hover{background-color:#ffc;} :link:active{color:#-687996;outline-color:#-687996;} :visited:active{color:#-8f6796;outline-color:#-8f6796;} li{list-style:none;border-style:solid dotted dashed;border-width:1px 3px;margin:12px;padding:12px;} section-search_resul{margin-bottom:50px;text-align:center;padding:50px;} section-search_resul h1-section#filed_under h1{color:#000;font-size:1.4em;font-weight:400;margin-bottom:15px;padding-bottom:15px;text-align:center;} section-search_resul h1{border-bottom:1px solid red;} section-search_resul li{display:inline-block;font-size:1em;list-style:none;margin-right:5px;} nav-navigation li{display:inline-block;list-style:none;padding:10px 15px;} form.search input.text{background:url('/images/icons/search16.png') 3px 3px no-repeat #fff;border:1px;font-family:'Josefin Slab'- serif;font-size:1em;padding:2px 4px;} aside-sidebar{border-top:10px solid;font-size:1em;margin-top:10px;max-width:46.25em;padding-top:10px;} aside-sidebar .column{float:left;padding-right:20px;width:989px;} aside-sidebar section{display:block;padding:15px 0;} aside-sidebar section ul li{line-height:1.2em;list-style:none;} .profile_image{border:1px inset;margin-bottom:10px;padding:5px;} .profile{line-height:1em;padding-top:5px;} .external{padding-top:5px;} search{float:right;padding-top:15px;} section#filed_under{font-size:1em;margin-bottom:25px;padding:15px 150px;} back_to_blog{font-family:'Josefin Slab'- serif;font-variant:small-caps;font-weight:700;overflow:hidden;text-decoration:none;text-transform:lowercase;margin:20px;padding:15px;} section-contributors li a:first-child{padding-right:3px;text-decoration:none;} section-contributors li a img{background:#fff;height:20px;width:20px;padding:20px;} section-rss{display:block;height:14px;padding-left:18px;padding-top:3px;} section{padding-bottom:3px;} section a{height:14px;} section .subscribe-site{background:url(/images/favicon.png) -1px -1px no-repeat;} section .subscribe-site div{padding-left:18px;} section-section- a-section- a:hover{text-decoration:none;} input-select-textarea{font-size:1em;line-height:1.3em;padding:5px;} input[type="text"]-input[type="password"]-select-textarea{background:url(http://memory.loc.gov/rbc/rbpe/rbpe16/rbpe160/1600140a/001dr.jpg) -1px -1px no-repeat #fff;border:1px solid 0;} input[type="button"]-input[type="submit"]{color:#000;font-size:1em;height:2em;margin-top:10px;} section.share{margin-bottom:18px;} ul post-list{clear:both;} .post-list li{float:left;list-style:none;overflow:hidden;width:180px;border-style:dashed dotted solid double;margin:12px;padding:12px 0;} .post-brief-image-container{display:block;max-height:130px;max-width:180px;overflow:hidden;} .post-brief-text{font-size:1.5em;height:130px;overflow:hidden;width:180px;margin:12px;padding:10px;} .post-title{display:block;padding-top:12px;} article{position:relative;} article-header{border-bottom:1px solid 0;font-size:2em;text-decoration:none;padding:15px 0;} article-header section{min-height:40px;padding-top:17px;} article-header aside.sms{float:left;padding-top:10px;} div.editbox{height:1em;position:absolute;top:0;visibility:hidden;} ul mini_commands li a{border:10px solid 000;color:#09f;margin:10px;padding:5px;} article:hover div.editbox{visibility:visible;} article div.body{padding:15px 0;} article div.body-article div.body blockquote{margin:15px 0 18px;} article div.body div.posterousGalleryMainDiv{margin:0 0 15px;} div.posterousVideoMainDiv{border-bottom:12px double;margin:0;} article div.body div.inner ul article div.body div.inner ol{padding-bottom:5px;padding-left:30px;} searchbox{background:#fff;border:1px solid;width:165px;padding:3px;} article footer{border-top:10px solid 0;max-width:740px;position:relative;padding:15px 0;} footer-section{margin-bottom:10px;max-width:740px;} footer-section.author{color:#09f;padding-bottom:10px;} footer-section.author h1{display:inline;font-size:2em;font-weight:400;} .comment_value input[type="submit"]{font-size:0.875em;font-weight:700;height:auto;margin-top:5px;padding:3px 10px;} footer-section .comment_loading_div-.loading{background:url(/themes/mag/loading1-white.gif) no-repeat;display:inline-block;height:11px;width:16px;} footer-section .comment_loading_div{margin-top:5px;} footer-section .comment_loading_div img{display:none;} .posterous_comments{color:#-24251c;font-family:'Josefin Sans'- serif;font-size:1em;font-style:italic;font-weight:400;line-height:1em;text-align:left;} article footer-time div{display:inline;} footer-section.tags{font-size:1em;padding-bottom:10px;} footer-section.tags h1{display:inline;font-size:11px;padding-right:5px;margin:0;} footer-section.tags ul li{display:inline;list-style:none;padding-right:10px;} footer-section.tags ul li a{color:#-164796;text-decoration:none;} footer-pagination{font-family:serif;font-size:1.5em;max-width:46.25em;overflow:hidden;text-align:center;margin:3px;padding:5px 0 50px 20px;} pagination-a{text-decoration:none;margin:2px 0;padding:5px 10px;} pagination-a:hover pagination-a:active{background:transparent;} pagination-span.current{color:#000;font-weight:700;margin:2px;padding:2px 5px;} div.ajaxResul{color:#090;font-size:10px;margin-bottom:10px;} table{border:0.063em solid 0;border-collapse:collapse;border-spacing:0;font-size:1.7em;text-align:left;width:46.25em;margin:0;padding:0;} td{border-bottom:0.063em solid 0;text-align:center;border-color:#-eee;border-style:double dotted dashed solid;border-width:4px 3px 2px 1px;margin:0;padding:0.125em 0.188em;} th{background:#fafafa;border-bottom:0.125em solid 0;border-top:0.063em solid 0;color:#-777;font-weight:300;text-align:center;border-color:#-ccc;border-style:dashed dotted none solid;border-width:2px 3px 1px;padding:0.188em;} hr{border:10px solid #f60;margin-bottom:10px;margin-top:10px;max-width:46.25em;} section.private{left:-25px;position:absolute;top:22px;} div.private_post_message{display:none;position:absolute;width:100px;} .ruiz{background:url(http://frogstorm.com/wp-content/themes/beardsley/images/header.png) 0;border:10px solid;height:400px;overflow:hidden;position:relative;width:400px;z-index:1;margin:10px;padding:60px;} .fb-sharer{background:url(http://static.ak.fbcdn.net/rsrc.php/v1/zb/r/L6P2fymQtet.png) top repeat 0;border:10px solid #fff;clear:left;float:left;position:relative;margin:2em;padding:1em;} h1 em{border-bottom:1px solid 0;display:block;font-size:0.444em;font-style:normal;letter-spacing:0;line-height:3em;margin-bottom:1em;} header{color:#000;float:left;font-family:baskerville- 'palatino linotype'- 'times new roman'- serif;font-size:1.375em;font-style:italic;height:9.625em;line-height:0.85em;position:relative;text-align:left;width:19em;margin:2.25em 0 0 1.5em;padding:0;} header-h1{border-bottom:0;float:left;font:300 3.438em 'times new roman'- serif;letter-spacing:0.175em;line-height:0.639em;position:relative;text-align:left;text-indent:0.03em;text-transform:uppercase;width:1.417em;margin:0.8em 0 0;padding:0 0.2em 0.2em 1em;} header-h1 a{color:#000;font-weight:300;text-decoration:none;padding:0;} header-h1 a em{color:#000;font-style:normal;letter-spacing:0.24em;} header-h1 a tt{color:#f90;font-size:1em;font-weight:300;height:1em;left:0.9em;position:absolute;top:0.25em;width:1em;} header-h1 a:link header-h1 a:visited{background:none;border:0;} header-h1 a:hover header-h1 a:focus header-h1 a:hover em header-h1 a:active em{background:transparent;color:#000;} header-h1 a:hover tt header-h1 a:focus tt header-h1 a:active tt{background:none;color:#fc0;} header-img{border:0;height:5em;vertical-align:text-bottom;width:5em;margin:0 0 0 10em;} header-a{border:0;} header-a:link img header-a:visited img{border:0.063em solid #fff;} header-a:hover img header-a:focus img header-a:active img{border:0.063em solid #fa0;} header-strong{color:#000;display:block;font-size:1.5em;font-weight:300;line-height:1em;text-transform:lowercase;} header-em{margin-left:0.333em;} foot{border-bottom:0.063em solid #fff;border-top:0.063em solid 000;clear:both;color:#-444;display:block;float:left;text-align:left;width:34.833em;margin:0 0 0 2.75em;padding:1.375em 0 5.5em;} foot-#foot address{font-family:baskerville- 'palatino linotype'- 'times new roman'- serif;font-size:0.75em;line-height:1.833em;} foot address{float:left;width:11.917em;margin:0;padding:0;} foot address strong a{font-style:italic;font-variant:small-caps;margin-right:0.25em;} footer-ul- li{padding:0 1.385em 0 0;} footer-ul- li.subscription{font-style:normal;font-weight:900;} error-doc{font-size:0.875em;line-height:1.571em;text-align:justify;width:29.857em;margin:1.571em auto;} error-doc h2{border:0;font-weight:300;padding-top:0;} .preface{border-top:0.083em solid 0;color:#-444;font-size:0.75em;line-height:1.833em;padding:1.833em 0;} .preface strong{color:#000;float:left;font-family:baskerville- 'palatino linotype'- 'times new roman'- serif;font-size:3.667em;font-weight:300;line-height:1em;margin:0 0.09em 0 0;padding:0;} silo .showcase img{vertical-align:text-bottom;} silo ol{position:relative;margin:1.375em 0;} silo ol ol{padding-bottom:0.688em;width:auto;margin:0;} silo ol li{border-top:0.071em solid 0;margin-bottom:0.688em;width:23.031em;} silo ol li li{border-top:0;float:none;font-size:0.875em;height:auto;line-height:1.571em;margin:0 0 0 0.786em;} .indul ence{border-top:0.063em solid 000;clear:both;display:block;padding:0 0 2.75em;} div ul-li{display:inline;margin-right:1.25em;} div ul-li img{vertical-align:text-bottom;width:4.125em;} div ul-li a:link img-div ul-li a:visited img{border:0.063em solid 0;padding:0.063em;} div ul-li a:focus img-div ul-li a:hover img-div ul-li a:active img{border:0.063em solid #fa0;padding:0.063em;} div-div{font-size:0.875em;line-height:1.571em;margin-top:1.571em;} div-div img{float:right;margin-top:0.857em;} aside{border-bottom:0.188em solid 000;border-top:0.063em solid 000;clear:both;display:block;width:48.125em;margin:0.063em auto 0;} aside div{float:left;width:14.375em;} aside .aside-log aside .aside-clippings{margin-right:2.5em;} aside h2{border-bottom:0.083em solid 0;color:#-7a7a70;font-family:baskerville- 'palatino linotype'- 'times new roman'- serif;font-size:0.75em;font-variant:small-caps;font-weight:300;letter-spacing:0.25em;line-height:1.833em;margin:1.833em 0 0;} aside .aside-social{color:#-444;font-size:0.75em;font-style:italic;line-height:1.833em;margin:1.833em 0;} aside ol{color:#-bbb;font-size:0.625em;list-style:lower-roman;margin:2.2em 0 0;} aside ol li{color:#-444;font-size:1.2em;line-height:1.833em;margin-bottom:2.2em;} aside ol li h3{clear:both;display:block;font-size:1.4em;font-variant:small-caps;line-height:1.571em;} aside .aside-talks ol li h3{color:#-777;font-variant:normal;} aside ol li h3 em{clear:both;color:#-777;display:block;font-size:0.857em;font-style:italic;font-variant:normal;line-height:1.833em;} aside ol li h3 em.aside-log-comments{display:inline;font-style:normal;white-space:nowrap;} aside .aside-comments ol li h3{color:#-797970;font-variant:normal;} aside .aside-tweets ol li h3{color:#000;} aside .aside-clippings ol li aside .aside-tweets ol li{font-style:italic;overflow:hidden;} aside .add{font-size:0.75em;line-height:1.833em;margin-bottom:1.833em;} aside .add img{vertical-align:middle;} location{border-bottom:0.25em solid 000;color:#-696960;font-size:0.75em;line-height:1.833em;padding-bottom:0.917em;width:64.167em;margin:0.917em auto 0;} .hentry{border-bottom:0.188em solid 000;border-top:0.063em solid #fff;clear:both;display:block;width:48.125em;margin:0.063em auto;} .entry-title-.section h2 error-doc h2{border-bottom:0.045em solid 000;border-top-width:0.045em;float:left;font-family:baskerville- 'palatino linotype'- 'times new roman'- serif;font-size:1.375em;letter-spacing:0.045em;line-height:1em;text-align:right;width:6.5em;padding:1.909em 0 2.136em;} .entry-info-.entry-content comments ol li blockquote{font-size:0.875em;line-height:1.571em;} .entry-info{color:#-797970;float:right;font-size:0.75em;list-style:none;padding-top:3.667em;width:11.917em;} .entry-info li{border-bottom:0.083em solid 000;display:block;line-height:1.75em;} .entry-info ul li{border-bottom:0;border-top:0.083em dotted 000;} .entry-content comments ol li blockquote-.section .section-content{margin-left:12.571em;width:29.857em;padding:1.571em 0 0;} div-content-2-div-content-3-.section h2-.section-content h3{font-family:baskerville- 'palatino linotype'- 'times new roman'- serif;} div-content-2{font-size:1.571em;font-style:italic;line-height:1em;text-align:center;margin:1em 0 0;} div-content-figure-left-wrap h2{font-size:1.833em;text-align:right;margin:0;} div-content-figure-right-wrap h2{font-size:1.833em;text-align:left;margin:0;} div-content-3-.section-content h3{font-style:italic;font-weight:900;text-align:center;} ol li div-content-3{font-size:1.571em;font-weight:300;line-height:1em;margin:1em 0;} div-content-l li h3{font-style:normal;font-weight:400;margin-bottom:0.788em;text-align:left;} div-content-l li{margin-top:0;} .entry-content-.section-content{text-align:justify;} div-content-fin{color:#-444;text-align:center;} div-content-m{font-style:italic;text-align:justify;} div-content-trong-div-content-mg + strong silo strong{float:left;font-size:3.143em;font-weight:300;line-height:1em;margin:0 0.125em 0 0;} div-content- + strong-div-content- > strong{float:none;font-family:Georgia- serif;font-size:1em;font-weight:900;line-height:1.571em;text-align:justify;margin:0;} div-content-first-line-div-content-mg + :first-line{font-weight:900;text-indent:0;} div-content- + :first-line-div-content- > :first-line-div-content- :first-line-div-content- + blockquote :first-line-div-content- + .nb :first-line-div-content- + .nb-highlight :first-line{font-family:georgia- serif;font-variant:normal;font-weight:300;} div-content-l{list-style:lower-roman;margin:1.571em 0;} div-content-l ol{list-style:lower-alpha;} div-content-l ol li{margin:0 1.571em;} div-content-d{margin:0 0 1.571em;} div-content-lockquote{border-bottom:0.071em dotted -999990px;border-top:0.071em dotted -999990px;font-style:italic;padding:0 1.571em;} div-content-l long-list li{list-style:none;margin-bottom:1.571em;} div-content-l.friend-recommendations li blockquote{border-bottom:0;border-top:0;display:inline;margin:0;padding:0;} div-content-l.friend-recommendations li .recommendation-cite{clear:right;display:inline;white-space:nowrap;} div-content-nb-note-div-content-nb{border-bottom:0.071em solid 0;border-top:0.071em solid 0;margin:1.571em 0;padding:0 1.571em;} div-content-nb-note-div-content-fig-note{color:#-444;font-size:0.857em;line-height:1.833em;margin:0.917em 0;} div-content-nb{color:#-222;margin:0.917em 0;} div-content-figure-block{width:29.857em;margin:1.571em 0 0;} div-content-figure-left-wrap-div-content-figure-right-wrap{font-size:0.857em;line-height:1.833em;position:relative;width:11.917em;} div-content-figure-left-wrap{float:left;text-align:right;margin:0 0 0 -14.917em;} div-content-figure-right-wrap{float:right;text-align:left;margin:0 -14.917em 0 0;} div-content-mg.figure-left-div-content-mg.figure-right{entry-contentdivfigure-left-centerfloat:left;vertical-align:text-bottom;width:11.917em;margin:0 0 1.571em -12.571em;} div-content-iv.figure-right-center{float:right;margin:0 -12.571em 1.571em 0;} div-content-iv.figure-left-center img-div-content-iv.figure-right-center img{vertical-align:text-bottom;width:720px;} div-content-figure-description{color:#-494940;font-size:0.875em;font-style:italic;line-height:1.833em;margin:0 0 1.833em;} div-content-able{border-bottom:0.071em solid 000;border-top:0.071em solid 000;width:100%;} div-content-able th{border-bottom:0.071em solid -999990px;color:#000;font-variant:small-caps;text-align:left;vertical-align:middle;padding:0.143em;} div-content-able td{border-bottom:0.071em solid 0;padding:0.143em;} div-content-able td.numerals{text-align:center;} .section{border-bottom:0.188em solid 000;padding-bottom:1.375em;width:48.125em;margin:0 auto;} .illustration{color:#-696960;float:right;font-size:0.75em;list-style:none;padding-top:3.667em;width:11.917em;} .illustration img{width:11.917em;} .illustration h3{border-bottom:0.083em solid 0;color:#-7a7a70;font-variant:small-caps;font-weight:300;letter-spacing:0.333em;line-height:1.833em;} .illustration ul li{font-style:italic;line-height:1.833em;} .illustration ul li a{font-style:normal;font-variant:small-caps;} .section .personal-note{padding-bottom:1.375em;} .section h3{font-family:georgia- serif;font-weight:400;text-align:left;} .personal-note blockquote{text-align:justify;text-indent:1.571em;margin:0;} .personal-note{font-family:cochin- baskerville- 'palatino linotype'- georgia- serif;font-style:italic;text-align:center;margin:0;} .section .contact{text-indent:0;width:42.429em;margin:1.333em 0;} .section .contact .note{color:#-777;float:right;font-size:0.857em;font-style:italic;text-align:left;width:22em;margin:0;} .section .contact dl{background:#f6f6f6;border:0.083em dotted 0;display:block;font:0.857em georgia- serif;font-variant:small-caps;line-height:1.667em;position:relative;width:23.833em;margin:0 0 0.834em;padding:1.667em 0;} a:link-a:visited{border-bottom:1px solid -9px;color:#026;text-decoration:none;} a:focus-a:hover-a:active{border-bottom:1px solid #f74;color:#-b30;} strong{font-family:"Centro Sans Pro Bold"- Verdana- sans-serif;font-style:normal;font-weight:700;} em{font-family:"Centro Sans Pro Italic"- Verdana- sans-serif;font-style:italic;font-weight:400;} h1-h2-h3{color:#000;font-weight:300;} ul-ol-dl{line-height:1.5em;margin:0 0 0.5em;padding:0;} ul ol{margin:0 0 0 2em;} ol.block-list li{margin-bottom:1em;} pre{margin-left:1.5em;} code-pre code{color:#004080;font-family:'courier new'- monospace;font-size:1em;line-height:1em;} code-span-value-pre code-span-value{color:purple;} code-span-comment-pre code-span-comment{color:#-606060;} code-span-property-pre code-span-property{color:#-236e25;} h1 code-h2 code{color:#000;font-family:courier- monospace;font-size:1em;} address{border-top:0.083em solid 0;font-size:0.75em;font-style:normal;line-height:2em;margin-top:2em;padding-top:2em;} th em{clear:both;display:block;font-style:normal;} ol.syndication{font-size:0.875em;line-height:1.714em;list-style:none;margin:1em 0;} ol.syndication li{display:inline;margin:0 1.714em 0 0;} ol.syndication li a img{background:#fff;border:0;padding-right:0.214em;vertical-align:text-top;} ol.syndication li.feed{border-left:0.071em solid 0;margin:0;padding:0 0 0 1.714em;} .equivalent{font-family:arial- sans-serif;font-weight:300;} type em{font-size:1em;font-style:italic;left:0;line-height:1em;text-transform:lowercase;top:0;margin:0;padding:0.063em 0.25em;} type em-span-span{font-size:1.5em;font-style:italic;left:0.25em;top:0;} type i{font-size:1em;font-style:italic;font-weight:900;left:0.219em;text-transform:lowercase;top:0.039em;} type i-span-span{font-size:2em;font-style:italic;left:0.063em;top:0;} type strong{font-size:1em;font-weight:300;left:0.444em;top:0.188em;} type strong-span-span{font-size:0.75em;left:0.125em;top:-1em;} type strong-span-span-span-span{font-size:1.5em;font-style:normal;font-weight:300;left:0.063em;top:0.125em;} type strong-span-span-span-span-span-span{color:#fc0;font-size:2.667em;left:0.125em;top:0.375em;} type-wrap{color:#000;font-family:baskerville- 'baskerville old face'- palatino- 'palatino linotype'- georgia- serif;font-size:2.25em;font-style:italic;line-height:0.75em;text-transform:lowercase;margin:2em 0 0 8em;} type-wrap strong{display:block;font-size:0.611em;font-weight:300;padding-left:0.5em;} section.private:hover div.private_post_message-dd em{display:block;} -->
the HORROR of THiS app..

my apologies to Jon Tan  

it's hard to describe the horror of this app to a web devloper , eric meyer, tantik, or anybody else for that matter; but if you are a big enough, lazy enough autopost junkie to own a Posterous blog--it's the most fucking awesome 'back-to-the-future' MEETS 'Frankenstein' 'Valid CSS-to-[[posterous-content:pid___1]]Garbage' Tool there is.

Let's hear it for 'no more wasted hours' of manually Reg-ex-ing W3C Valid HTML5 + CSS3 Markup to

[[posterous-content:pid___0]]

1990s inline CSS for the crack-high of seeing your baby post to EVERY Social Network, Blog, Twitter--you name it on the Planet all at once and with the greatest of ease (unless you consider the joyless frustration of publishing to Posterous--not worth it) [is that sentence over?]... [[posterous-content:pid___2]][[posterous-content:pid___3]]Posterous' ongoing title as 'ONLY 3rd Party Bloghost on the WWW who STRIPS CSS and OTHER BAD STUFF' like a 1950s Bourbon Street ecdysist on the skids!!! or other

HTML and CSS warnings

Warnings are generated from several sources, including the Email Standards Project’s guides.

Property Support Unsupported clients
margin CSS property Risky AOL 9, Notes 6, Eudora, Live Mail, Hotmail
padding CSS property Poor Notes 6, Eudora
background-color CSS property Poor Notes 6, Eudora
font-family CSS property Poor Eudora, Old GMail, New GMail
text-decoration CSS property Safe Eudora
color CSS property Safe Eudora
font-style CSS property Safe Eudora
font-size CSS property Safe Eudora
clear CSS property Risky Outlook 07, Notes 6, Eudora
text-indent CSS property Poor Notes 6, Eudora
border-bottom CSS property Poor Notes 6, Eudora
line-height CSS property Poor Notes 6, Eudora
display CSS property Poor Outlook 07, Eudora
border-top CSS property Poor Notes 6, Eudora
float CSS property Risky Outlook 07, Eudora, Old GMail
font-weight CSS property Safe Eudora
letter-spacing CSS property Poor Notes 6, Eudora
overflow CSS property Risky Outlook 07, Entourage 2004, Notes 6, Eudora
vertical-align CSS property Risky Outlook 07, Notes 6, Eudora
font-variant CSS property Poor Notes 6, Eudora
text-align CSS property Safe Eudora
border CSS property Poor Notes 6, Eudora

Get in touch with us

These are supporting examples for the blog entry, The Paragraph in Web Typography & Design.

Only standard <p> tags have been used. Some of these styles are experiments using pseudo elements and adjacent sibling selectors; nting.

1. Browser default style

Much of the material for this volume was cea.

As mankind construct their own gods, or as the prevailing ideas of the unknowable reflect the inner consciousness of human beings, a trustworthy history of the growth of religions must correspond to the processes involved in the mental, moral, and social development of the individual and the nation.

By means of ction of a god.

In the Evolutiby the male.

/* This is how browsers style paragraphs by default: Flush left, ragged right, one em boundary and line height */

2. Block flush left, ragged right

Much of the material for this volume was collected during the time that I was preparing for tidea.

As mankind ale; but after the decline of woman's power, all human institutions, customs, forms, and habits of thought are seen to reflect the egoistic qualities acquired by the male.

---------------------------------------------------- This document was Tentatively checked as HTML5 ---------------------------------------------------- Dear Lazy HTML5 CSS3 DEVELOPERS (POSTEROUS Freaks) It's hard to describe the HORROR of THthisIS ( http://premailer.dialect.ca/ alt= ) app.. *************************** my apologies to Jon Tan *************************** ***************************************************************** it's hard to describe the horror of this app to a web devloper , eric meyer, tantik, or anybody else for that matter; but if you are a big enough, lazy enough autopost junkie to own a Posterous blog--it's the most fucking awesome 'back-to-the-future' MEETS 'Frankenstein' 'Valid CSS-to-Garbage' Tool there is. ***************************************************************** ***************************************************************** Let's hear it for 'no more wasted hours' of manually Reg-ex-ing W3C Valid HTML5 + CSS3 Markup to 1990s inline CSS for the crack-high of seeing your baby post to EVERY Social Network, Blog, Twitter--you name it on the Planet all at once and with the greatest of ease (unless you consider the joyless frustration of publishing to Posterous--not worth it) [is that sentence over?]...Posterous' ongoing title as 'ONLY 3rd Party Bloghost on the WWW who STRIPS CSS and OTHER BAD STUFF' like a 1950s Bourbon Street ecdysist on the skids!!! or other ***************************************************************** -------------------- of 1.5 for example). -------------------- Unlike in mechlow the text -------------------------- Negativr example: ----------------- These are supporting examples for the blog entry, The Paragraph in Web Typography & Design ( http://jontangerine.com/log/2008/06/the-paragraph-in-web-typography-and-design ). Only standard tags have been used. Some of these styles are experiments using adjacent sibling selectors ( http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors ); nting. * Browser default style ( #default ) * Block flush left ( #block-flush ), ragged right * Block justified ( #block-justified ) * One em indent ( #one-lead-indent ) with boundary, flush left, ragged right * Two lead indent ( #two-lead-indent ) without boundary, flush left, ragged right * Indent ( #two-lead-indent-justified ) without boundary, justified * Outdent ( #outdent ) flush left, ragged right * Continuous text ( #continuous ), CSS generated pilcrow divided * Elevated cap ( #elevated-cap ) (versal) with bold opening * Drop cap ( #drop-cap ) (versal) with bold opening * Outdent cap ( #outdent-cap ) (versal) with bold small caps opening * Initial outdented block ( #outdent-block ) with CSS generated section and mid point dividers ------------------------ 1. Browser default style ------------------------ Much of the material for this volume was cea. As mankind construct their own gods, or as the prevailing ideas of the unknowable reflect the inner consciousness of human beings, a trustworthy history of the growth of religions must correspond to the processes involved in the mental, moral, and social development of the individual and the nation. By means of ction of a god. In the Evolutiby the male. /* This is how browsers style paragraphs by default: Flush left, ragged right, one em boundary and line height */ --------------------------------- 2. Block flush left, ragged right --------------------------------- Much of the material for this volume was collected during the time that I was preparing for tidea. As mankind ale; but after the decline of woman's power, all human institutions, customs, forms, and habits of thought are seen to reflect the egoistic qualities acquired by the male. /* Jon */ Jon Tangerine.Pith & pulp ← This is not an image, it's just a typographic folly. https://s3.amazonaws.com/premailer/d33247c37ce744e0058f0423b934637f.html?AWSA...
Jon Tangerine.Pith & pulp ← This is not an image, it's just a typographic folly.

These are supporting examples for the blog entry, The Paragraph in Web Typography & Design.

Only standard <p> tags have been used. Some of these styles are experiments using pseudo elements and adjacent sibling selectors; nting.

1. Browser default style

Much of the material for this volume was cea.

As mankind construct their own gods, or as the prevailing ideas of the unknowable reflect the inner consciousness of human beings, a trustworthy history of the growth of religions must correspond to the processes involved in the mental, moral, and social development of the individual and the nation.

By means of ction of a god.

In the Evolutiby the male.

/* This is how browsers style paragraphs by default: Flush left, ragged right, one em boundary and line height */

2. Block flush left, ragged right

Much of the material for this volume was collected during the time that I was preparing for tidea.

As mankind ale; but after the decline of woman’s power, all human institutions, customs, forms, and habits of thought are seen to reflect the egoistic qualities acquired by the male.

/* Jon */
Jon Tangerine.Pith & pulp ← This is not an image, it's just a typographic folly.

strong { font-size : 1em; line-height : 1.571em; font-family : Georgia, serif; float : none; font-weight : 900; text-align : justify; margin : 0; } .entry-content :first-line, .entry-content img + :first-line { text-indent : 0; font-weight : 900; } .entry-content * + :first-line, .entry-content * > ...»See Ya
at