/**
 * CSS for the folio test
 */
 
/*_________________________________________________________ Global Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em,
img, ins, kbd, q, samp, small, strike, strong, sub, sup,
tt, var, 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; vertical-align: baseline; background: transparent; 
 font-family: <?= $ffLucidia; ?>;
}
ul, li { list-style: none; }
table { border-spacing: 0; border-collapse: collapse; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote, q { quotes: none; }
:focus { outline: 0; }

.clearit:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearit { zoom: 1; }
* html .clearit { height: 1%; }

/*_________________________________________________________ Struct */

#content { width: 768px; margin: 0 auto; }

/*_________________________________________________________ All those images */
.inlines { display: inline; float: left; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.lineclear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.padding { padding: 10px; }
.relative { position: relative; }
.hidden { display: none; }

#biglist { text-indent: -9999px; width: 128px; height: 178px; background: url('img/badge_biglist.gif'); 
           position: absolute; top: 10px; left: 10px; }

#intro { text-indent: -9999px; width: 768px; height: 168px; background: url('img/intro.gif'); }
#title { text-indent: -9999px; width: 768px; height: 184px; background: url('img/title.gif'); }

#webFacts { text-indent: -9999px; width: 384px; height: 48px; background: url('img/website_facts.gif'); }
#webFact1 { text-indent: -9999px; width: 672px; height: 88px; background: url('img/web_fact_1.gif'); }
#webFact2 { text-indent: -9999px; width: 705px; height: 96px; background: url('img/web_fact_2.gif'); }
#webTech1 { text-indent: -9999px; width: 640px; height: 104px; background: url('img/web_tech_1.gif'); }
#webTech2 { text-indent: -9999px; width: 640px; height: 104px; background: url('img/web_tech_2.gif'); }

#devinFacts { text-indent: -9999px; width: 384px; height: 96px; background: url('img/devin_facts.gif'); }
#devinFact1 { text-indent: -9999px; width: 672px; height: 72px; background: url('img/devin_fact_1.gif'); }
#devinFact2 { text-indent: -9999px; width: 672px; height: 248px; background: url('img/devin_fact_2.gif'); }
#devinFact3 { text-indent: -9999px; width: 672px; height: 104px; background: url('img/devin_fact_3.gif'); }

#devinFact4 { margin-left: 104px; padding-left: 56px; background: url('img/devin_fact_4_num.gif') no-repeat; }
#devinFact4 .a { text-indent: -9999px; width: 224px; height: 40px; background: url('img/devin_fact_4_a.gif'); }
#devinFact4 .b { text-indent: -9999px; width: 60px; height: 40px; background: url('img/devin_fact_4_b.gif'); }
#devinFact4 .c { text-indent: -9999px; width: 28px; height: 40px; background: url('img/devin_fact_4_c.gif'); }
#devinFact4 .d { text-indent: -9999px; width: 136px; height: 40px; background: url('img/devin_fact_4_d.gif'); }
#devinFact4 .e { text-indent: -9999px; width: 360px; height: 32px; background: url('img/devin_fact_4_e.gif'); }

#companyBadges { margin-left: 224px; padding-top: 16px; }
#companyBadges .a { text-indent: -9999px; width: 80px; height: 104px; background: url('img/badge_habit.gif'); }
#companyBadges .b { text-indent: -9999px; width: 128px; height: 96px; background: url('img/badge_stream.gif'); }
#companyBadges .c { text-indent: -9999px; width: 80px; height: 104px; background: url('img/badge_fuzzwich.gif'); }

#devinFact5 { text-indent: -9999px; width: 672px; height: 96px; background: url('img/devin_fact_5.gif'); }
#devinFact6 { text-indent: -9999px; width: 572px; height: 112px; background: url('img/devin_fact_6.gif'); }

#butWait { text-indent: -9999px; width: 608px; height: 216px; background: url('img/but_wait.gif'); }
#theresMore { text-indent: -9999px; width: 608px; height: 64px; background: url('img/theres_more.gif'); }

#socialGrid { margin-left: 96px; width: 576px; }
#socialGrid a { display: inline; float: left; width: 288px; height: 120px; text-indent: -9999px; }
#socialGrid .twitter { background: url('img/twitter.gif'); }
#socialGrid .facebook { background: url('img/facebook.gif'); }
#socialGrid .songkick { background: url('img/songkick.gif'); }
#socialGrid .lastfm { background: url('img/lastfm.gif'); }
#socialGrid .hackernews { background: url('img/hackernews.gif'); }
#socialGrid .linkedin { background: url('img/linkedin.gif'); }