/* Copyright (c) Jonathan Christopher 2009 :M@##@@@@@@@@@@@#@############MMMH&AA&&AAAAAHHM###BMMr .@@###@@#######@@@####M#@##BMMH&AAh9&GAA3hAHAHAHHB#MM@@r @@@########BBHAAM#MH&AB##M&GAHABMBBBA9&&AA&&HAG&&AM#@@@@M :@@@@#@@#######MMB#MBH&ABMBHA33&B#M&AA952hGGGAAAh9XGAAAM@@@@. :@@@##@@#@@@@@@@@@@@@@@@@###HAGABBBH&h3XX2X9AHA9X9ABGis5A#@@@@; :@@@@@@@@@@#@@##MHA&h99X2Si555X&&9X25isrsi29&AAhGGhGh2s5hAHM@@@@i .@@@#@@@@#####MHGXSisrr;;;::;::;;;;::,,,,,,,:sirsS22iiiXH&99hH#@@@r #@@##@@######BA&h922Siisrrr;;;;::::,,,:,,..,,,..:;;;rii5hXSiShAM@@@, ;@@###@@####BAGG922XXX25isssrrrr;;;;;;;;;rr:,,..,,..,:;;;s:,;ihAA#@@@, X@@##@####MA&Gh3X2X33X25Sisssrr;;rrr;;;;;;;::,,,....,:,,,r;,r5223A#@@2 @@####HM#MA9X2XX39X3h93222Sissrrrrrr;;r;;;::::,,,,.,:,,.,:;:;SiiX29@@@ ,@@@###HMBAh3XXX39939GG322Siiisrrrrr;;;;;;;;::::::,::,,,,,:;::;ssSi2M@@X 2@@@###MHA99999GGhhh93X222iiiSir;rrrrr;:;;;;;::::::,,:,:,,::::;rsrsXhA@B @@@####MAAGhG&G&Gh933X2SSiiissssrr;;r;;;;;;;:::::::,:,,,,,::,:;rSSi5X9##. :@@@####BA&&&&&Gh339333X5iissrrssr;;;rr;;;;;;::::::,,,,,,,::::;::r52X55H@, :@@@###MHAHA&G9hh9399X3X2Sisrssrsr;;;;rr;;;;;::::::::::::,:::;;::rsS322A#: ;@@@###BBBH&hh999999X33X22Sirrssrr;rrr;rr;;;;:::;:::::::::::::::;ssr2XX##: 3@@@@##BAA&hhGh9999993332XX5issir;;;;r;;;;;;;:::::,,:::::::::::::r2Si39M#; h@@@@##HA&G9h933339hh993X2225iiiir;;rr;;;;;;;;;:::,,,,,:::::::::,:s2S2GMM, ;@@#@#HG&&G9XX2XX3XXXX33XX2X5isSXr:;Ss;rr::;r;;;;:::,,,,,,:::,:::::sX22B#. .@@##Ahh&GhhG&AAAh93252XX5iSSS5XGr.;Xs,rr,:;;rr;::::::::::;;;:,:::,:2h2HB #@#Bh3hGG&HMM##MBBHBBHHH9Ssri2A&r,rhr.;5;,;rS25SXG3SSSissiSSs;:,,:,iA9H3 i@#Mh39GGABBMMM####@@@@@@#HA929Xi22r: ;hs;ShB#@@@@@#MBA93325i55;,:,sA&Hr :GMB9r2@@B99hGhABAA&ABMH#@@@@@#@@@#H&ABAir:..iAA&AHBM######M9ir;;;;;rs:,,rAB& r@@@@@@MM@H39hGGAHA&B@@@AM@@@2#X2#@@@@@#HG3ir;r2&AA&AXX#@@#A&##Gi;;::;;:,,rA#S B@@@@#M&H#G3hG&&AAHM#MAAAABBAAHHHB#@@@@#M9r:.,r;;r2B&i2G#Ai3.;@@@&r;;;:,,,rAA B@@@BGMHABh9G&&G&AAA&93hhh939G&AAHHMMMBA9i;:.,:,::r2X2SsiiXS .rihMXr;;:::,iBs.;rr: i@@#29HHAAGh&&GGGh993h&&AAAAAAAAHBA&AA&&hS;::::;;;rX&Ah5rr;::,..,rSr;::::,S9,:riHA: #@A3##@@HXhGGGGhh99X33X252hGG&&hXXGAGGA&5;:::::;:,,r2h&G32Sir;:,,:;::::,,sr::;h@B; ;@&H@@@#G3hGG&GGhh933X25529999XX39h9h&A&5:,:;:::;:,.,:;siSiisr;::::::::::r,..,iHX, BBM@@#32hhGG&&Ghh339999hh933339G&&GAA&hi:,:;::::::,,,,,:::::::::::::::::;. .,SG; G#B#@@hXGhhG&&GGh999hh99933333hGABMH&h2r:,:;;:::::::,,,:::::::::::::;:,:GBs,.S5. i@AA##MGhhGGG&GGGh999339933999hA#@@AG2s;:,:;;;;;;;;::::::::;;;::::::;;::;A9;.r; B@A9XHAhhhG&&&GGh99999933399GH#@#AG3i;;;,,:;;siir;;::::::::::::::::::;: iAr:;. ,BA39GGhhhGG&&GGhhhhh999933hH#@AXGAGXir;,.,::;i2Sr;;::::;:::::,,:::::;:.29;;; iM&HHh9GGGGG&&&h9hhh9h993hAAAMHH#@MHHGi;;rr::;i32r;::,::::::::,,:::::;r5:,s: #@A#AGG&&G&&&&G9hhhh99X9A&G&ABM#@@M#@BX&@@Xr;:r9Xr;:::::::::::::::::;:,,r; .23@#hG&&GG&&&GhGGhh93hAA&G&AHHHHMMMM3;;s22r:,,;2Sr;::::::;::;r,::::,.,;; &.XMG&&GGGGG&Ghh3X3&&&A&GAHHHHHGhGG2sr;::;;:,,;rrr;;::;::::::::;:;:..,. hi&M&A&GGGGhGh932XGA&&AAAAAAA&922Xh35ssirsr:::::;;;;::;;::::::::;;,,;r r :#H&&GG&GGhhX29A99AAA&GhGGG95sS2Ssrrsrsr;;;;;;;;;:,:;::::::;::;;;5r H#A&&G&GhG9X53hX9ABBHHHHAHMH5S5iirrrrrrsr;rr;;::;,:;::::;;:::r;;;,. r@BAA&&&GGh32XXXGH#@@@@@@M##MAAGh9X2Ssr;;rsir;;;r:,;:::;;:::;Bs .s; A@AAA&&&&G9XXXX9&AM#########BAAAHBB#M#MhX9Xirr;r::;:::;::::,X@@#; M#AAAA&A&hX393933hGGhX5ii29Gh39#MH@@@@#Ah3SSs;r::::;;:;:;; ,MBAAAA&AGhGh9339h&AAA&2r;;;;rrrrr:,::::rriXs;r;:;;;;;;;r. 3MAAAAAAA&GGhh999hhAHMMAXirrsrr;;;;rr;:;;s2s;;;;;;;;;;;, 2MAAAAAHAA&GG&GhGGhGGAABHHGX2552225s;;;;rrrrr;rr;;;;;r; s#A&AHAHHA&GGGhhGG&hGAA33&A93h25srr;;;;:;;r;;;rrrrrrrs: .;iS9AAGAHHBBAAAh3X39hG9GAHGG392XXSirr;;;;;::;;;;;rrrrr;rr:. ,5@@@@@@#9&&AAHBMHHAGh9XXX9hhG&HBHA9XSr:;;;;;:::;;;;;;rrrr;rr:s@@@B2r, 2@@@@@@@@@@3GAAAAHMMBAAGh35S2X32iiiSirr;:::;;;;;:rrr;rrrssr;;;;,r@@@@@@@@&; 2@@@@@@@@@@@@hh&AAAAHBMMH&&G3X2525ir;;;:::;;;;r;;;r5Ssssiir;;;;;;,:M@@@@@@@@@@s @@@@@@@@@@@@@@A9&AAAAAAHM#MHAA&G32232irrrrrrrrrrrrri2XSiS5s;;;;;;;,,A@@@@@@@@@@@# @@@@@@@@@@@@@@#&hG&AAAAHAHB#MBHA&AAh9h32XXSiisirrss522Siiir;;;;;;;;:.s@@@@@@@@@@@@# A@@@@@@@@#BHAMM99&&&AAAAAAAHHBMBMMMBHAA&9&AX3XX2S2X9X5iiisr;;;;;::;;;, i@@@@@@@@##@@; .@@@@@@@#hA#BAA3X&AA&G&&AAAAAHHHHMMMM#MBAA&ABHHHGAAG32Sisrr;;;;;;;;:;::. :hAhA#@#MM#@; ,&@@@@@@#9M#A2GA3h&&&&G&&G&&&&AAAAHBHHBBMMBBHB##BHAh3X5isrrrr;;;;:;;:;:::. rM#H3A#BHM@G .H@@@@@@@@@A3BGh3&AhG&&&&AGGGGGGG&GG&G&AAAAAHHHAAHAA&&hX5Sirrrrr;;;:::::::::,.rGBBAMMBAM@@@3. S@@@@@@@@@@@3239&&9A&AA&&AAG&&Ghhh9Gh9hh9hhGG&A&GGh332225Sisrrrr;;;;;;:::::::,;9&22M#BHH#@@@@@H: A@@@@@@@@@@@#2X2X&A32AA&&&&&&GGGhhhhhhhh93XX33XX5iSS55SSSiisrrr;;;::;::::::::,:5hSX##BHHM##M#@@@@9 rh@@@@@@@@@@@@@@@A5259AAi2BAGG&AA&GhGGGGhGGh999XSisr;rrrssiisisrr;;;;;;:::;;;:::::r55&@@MHHM##BBB###@@r ###@@@@@@@@@@@@@@#G2229&3S29GhG&&&&hhhhhhhhhh9935srrrrrrsssssrrr;;;;;::::::::::,,,s3AMMHHBMMMBHHHHHAMM2, */ /* =========== */ /* = GLOBALS = */ /* =========== */ body { background:#f1d359 url(../img/bg-body.gif) center top; font:13px helvetica, arial, sans-serif; color:#533419; } #site { background:url(../img/bg-body-top.gif) center top repeat-x; } strong { font-weight:bold; } em { font-style:italic; } a { color:#543519; text-decoration:underline; } a:hover { color:#865428; text-decoration:underline; } a:active { color:#865428; text-decoration:none; } a:visited { color:#865428; text-decoration:underline; } /* ============= */ /* = STRUCTURE = */ /* ============= */ .wrapper { width:960px; margin:0 auto; } .group { overflow:hidden; zoom:1; } .inner { padding:10px; } .inner.alt { padding:0 5px; } .section { margin-bottom:30px; } .section:last-child { margin-bottom:0; } .heading { margin-bottom:2px; } .heading.alt { margin-bottom:10px; } strong { font-weight:bold; } #writing { width:615px; float:left; } #overview { width:310px; float:right; } #do { width:450px; float:left; } #dont { width:450px; float:right; } /* ======== */ /* = COPY = */ /* ======== */ .copy { background:#fcf1a1; outline:1px solid #f0d860; } .copy p { line-height:1.4em; margin-bottom:1em; } .copy p:last-child { margin-bottom:0; } /* Entry */ .entry h1 { font-size:28px; margin-bottom:10px; } .entry h2 { font-size:24px; margin-bottom:10px; } .entry h3 { font-size:22px; margin-bottom:10px; } .entry h4 { font-size:20px; margin-bottom:10px; } .entry h5 { font-size:18px; margin-bottom:10px; } .entry h6 { font-size:16px; margin-bottom:10px; } ul.articles li { margin-bottom:15px; } ul.articles li:last-child { margin-bottom:0; } ul.articles h3 { font-size:17px; margin-bottom:0; } ul.articles a { text-decoration:none; } ul.articles a:hover { text-decoration:underline; } ul.articles p { font-size:12px; margin-bottom:7px; } ul.articles p.meta { font-weight:bold; } p#mbn { font-size:11px; text-align:right; text-transform:lowercase; margin-bottom:0; line-height:1em; } p#mbn a { text-decoration:none; color:inherit; } p#mbn a:hover { text-decoration:underline; } p#mbn img { margin-left:3px; } h2.posttitle { width:405px; float:left; } h3.postdate { width:155px; float:right; text-align:right; font-size:13px; font-weight:bold; padding-top:8px; } span.read-more { display:block; text-align:right; font-weight:bold; } /* ========= */ /* = ABOUT = */ /* ========= */ #about { background:url(../img/faux-about.png) center top repeat-y; margin-bottom:15px; } #blurb h3 { margin-bottom:10px; } #blurb p { line-height:1.4em; margin-bottom:1em; } /* =============== */ /* = PHOTOGRAPHY = */ /* =============== */ #photography #photo { position:relative; width:290px; height:195px; } #photography #photo #image { width:284px; height:189px; position:absolute; top:3px; left:3px; box-shadow:0 0 1px rgba(0,0,0,0.65); -webkit-box-shadow:0 0 1px rgba(0,0,0,0.65); -moz-box-shadow:0 0 1px rgba(0,0,0,0.65); } #photography #overlay { background:url(../img/photo-corners.png) no-repeat; position:absolute; top:0; left:0; width:290px; height:195px; } /* =========== */ /* = TWITTER = */ /* =========== */ #twitter h3 { height:37px; } #twitter li { background:#fef9b3; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:8px; padding:10px; } #twitter li:nth-child(2) { background:rgba(254,249,179,0.8); } #twitter li:nth-child(3) { background:rgba(254,249,179,0.6); } #twitter li:nth-child(4) { background:rgba(254,249,179,0.4); } #twitter span.twitter-timestamp { display:block; text-align:right; font-weight:bold; padding-top:2px; font-size:11px; } /* ================ */ /* = CAPABILITIES = */ /* ================ */ #capabilities { background:url(../img/diagonal.png); margin-bottom:35px; } /* ============ */ /* = PROJECTS = */ /* ============ */ #projects>.inner { padding:5px 20px 25px 20px; } #projects h3 { margin-bottom:10px; } #projects li { width:215px; float:left; margin-right:20px; font-size:11px; } #projects li .inner { padding-left:11px; } #projects p { line-height:1em; margin-bottom:0; } #projects li:nth-child(4) { margin-right:0; } #projects h5 { font-size:12px; margin:4px 0 0 0; font-weight:bold; } /* ========= */ /* = MEDIA = */ /* ========= */ #outside { margin-bottom:25px; } #outside h3 { margin-bottom:10px; } #container { background:url(../img/faux-outside.png) center top repeat-y; } #media { width:300px; float:left; margin-right:25px; } #delicious { width:300px; float:left; } #flickr { width:300px; float:right; } /* =========== */ /* = LAST.FM = */ /* =========== */ #lastfm { margin-bottom:35px; } #lastfm h3 { margin-bottom:12px; } #lastfm li { width:105px; float:left; font-size:10px; } #lastfm li:nth-child(3) { width:70px; } #lastfm .album { position:relative; width:70px; height:70px; } #lastfm .album .jewelcase { position:absolute; left:0; top:0; width:70px; height:66px; background:url(../img/jewelcase.png) no-repeat; } /* ========= */ /* = XBOX = */ /* ========= */ #xboxlive h3 { margin-bottom:12px; } #xboxlive li { width:108px; float:left; } #xboxlive li:nth-child(3) { width:64px; } /* ============= */ /* = DELICIOUS = */ /* ============= */ #delicious h3 { margin-bottom:12px; } li.delicious-item { margin-bottom:10px; } li.delicious-item a { font-weight:bold; text-decoration:none; } li.delicious-item a:hover { font-weight:bold; text-decoration:underline; } /* ========== */ /* = FLICKR = */ /* ========== */ #flickr h3 { margin-bottom:12px; } #flickr li { width:104px; height:88px; float:left; } #flickr li:nth-child(3n) { width:70px; } #flickr li img { width:70px; height:70px; outline:1px solid #543519; } /* =========== */ /* = CONTACT = */ /* =========== */ #contact { background:url(../img/faux-contact.png) center top repeat-y; } #form { width:490px; float:left; } #get-in-touch { width:440px; float:right; } #form h4 { margin-bottom:18px; } /* the 'g' in 'get' makes the other taller */ #get-in-touch h4 { margin-bottom:8px; } form { overflow:hidden; zoom:1; position:relative; } form div { overflow:hidden; zoom:1; padding-bottom:12px; } form div.textarea { padding-bottom:0; } legend { display:none; } label { display:block; width:120px; float:left; padding-top:7px; } input { display:block; width:190px; float:left; font:12px helvetica, arial, sans-serif; border:1px solid #f0d860; padding:5px 4px; } textarea { display:block; width:335px; height:132px; float:left; padding:5px; font:12px helvetica, arial, sans-serif; border:1px solid #f0d860; resize:none; } button { display:block; background:transparent; border:0; cursor:pointer; padding:0; position:absolute; left:0; bottom:0; } button img { display:block; } /* ========== */ /* = FOOTER = */ /* ========== */ #footer { padding-top:15px; margin-bottom:30px; } #footer .inner { padding-right:5px; padding-left:5px; } #copyright { font-size:11px; width:380px; float:left; padding-top:7px; } #wordpress { width:36px; float:right; } .feedflare { display:none; }