/* Hello, from 5&S @@@@5 r@@@# 5# A : ,:@@B@@@rS. :@@@#: r@@@@@@@@@@@@A ,@@@@@@: @@@@@@@@@@@@@@@@2;;,rrr@A@@@@. :XHA2r. B@@@@@@@#MBh9@@B&@@@@@@2:#@@M, ;i: :9S@@@@@@@@@@@@h@@M@@S;risis:,#r@@3: :@ S@@@@@@#r#@@@@@@@@@@@@MB@2r::B;@#. r@B@@@X ;@ h@@; .M@@MGAh23i:;@@siH A#H@@@ @@,2@ ;@B, .. @@r @2.@h. @isA ;@A;X@X @M.@. :@@@@ X@@@. @@: i@s.@@@S @@# @@ @@A @@ @5@: ,@@@@92XA@@@@@@;,r: @@@9s: :@@M@@Bi.@@ B@ @@@ @@@ @@ B@s :@@@Bi5&H@@@@@H5;:;. &@@X#@@@G ,@@@@ #@ h9 M&@@ G@@ M@ A@ #@@@: 5@@2 @@@@@,5@: , :@:A@, S@@.9@ . :B@@iHMr . 9@@2 .,S@@@@@r;@s @@r5@s,:.2@@,s@, is&@Mh@ A@@;rr,,@@@@@3.@A S@@s2@;:;,B@@;i@; X@2 S :@ 5@# #@@@@# @@ @@@:M@ 5@@i:@; ;@@@@: @ r@@ A@@@@@ @@ @@@ @H 2@@i.@5 .@A@@@@i ,@: ,@@ 5@@@@@ #@ 9@#:@; A@G:X@. Shi2#@@@@@@@ @@, ;@@@@@,5@; s@22X @i @@29#@B5,9@ 2@@A @@s .@@@@H:h@ HHSS9Xs.,@i @@@@@@@@@@ 5@@ @@@@#M&&; @@r #@@r,@@i2A&3r.A@@@@@@@@@@s X@r i@@@@@@@@@@5S i@&, ,. @BG@@@@@@@@@@##MBA3A@@@ X. 3@@@@@@@@@@@@X,@@@@@@@@@@@#@, ,H@@@@@MA@@@@@@@@@5 r, h@@@@# s@@@@@.MA&&Xi2AAG## @B&@@@@@@@@@@h ;, #@@@@A @@@@@r s@# 92r X; .X, r#@@@. @@@@@& @@@@@@r .@@@@@r A@@@@; ;@@. 5i;:, @@@@@@ @@@@@S ,@@@@@Bs r@@@@@r @@@@@@ @@@@@@ @#@@@@@@M. .@@@@@G .@@@@@9,,@@@@@@@ S@@@@@ G@@@@M ,A@@@@@2 9@@@@@@@@@@@@r ,@@@@@r :.X@@@@@. r@@@@@@@@@@@@@X &@@@@@ r@@@@@@@@@@@@ :@@@@@@@::B@@@@@: ;@@@@@, r#@@@@@@@@@@3 X@@@@@@@@@B&M #@@@@@ s@@@@@@@@@i. :h@@@@@, r@@@@s i@@@@@. @@@@@@H@@@@@@@. #@@@@@,:ri @@@@@A @@@@@@@@@@@h. @@@@@@@#B#HSi@@@@@2 h@@@@@ .@@@@@5 ;@@@@@ @@@@@A @@@@@2 ;G@@@@M, @@@@@h &@@@@@@@@@@@@@@@@@; #@@@@# ;@@@@@@ @s #@@@@X :@@@@@r @@@@@# M@@@@X #@@@@B .;2 @@@@@A .r@@@@@X s@# :@@@@@: @@@@@# @@@@@@ ;@@@@@@ #A9S @@@@@2 H .;@@@@@@: B#3 A@@9, @@@@@S H@@@@@@@@@@@@: ,@@@@@r @@@@&: 5@@@@@s . r &#M rs@@@@@@@@@: S@@@@@, @@@@@@Hi9@@@@@, ,X;:rS. :iXhH@@@#@@:;; .i52&i X@@@2 i@@@@@@@@@@#r . 2 ,#@@@@@@@@@@@i3@@@X ,; M@@@@A ,@: ; &@@@@@@@@@@5;;@@@@@@@, sB @@@@.;@@@@@r 2@X,.,;;:; h@H 5@@@@@@, #5. .@@@@5. .@@@@@@@@@@@; 9 @@@r:@@@ i@@@@& BM: @@@@@@#AMs A@h@@@@@s @@@@3 3@@ . 9. ,@@@A @@@ @@@s ;@@@@@#s.... X@@@@@@@@@@ .rM@@@ :@@ @@@@# , A@@@@@@ @@@, , r@# .G@@@@@@@@@#:. .;H@@@@ S@@@@5 :@@@@@ , @@@@@ ;@ ;@@@ A@@@M rX 2 ;h@@@@: ,@@@@@ @@@@@ .@@@@;r 3@@@@. . s@@@ S@@@@@M: . i ,@@@@S S@@@@; @@@@@ @@@@i :, ;@@@@r M@@@@@@,;@@@r@5 #@##B, M@@@A ,@@@@9 &@@@@S M@@@@@@@@@#: i@@@@@: rB. @@@s @@@ A@@@@ X@@@@ , @@@@@@A.S@@9r; .@@@@@@@@@X :S@@3. @@@h @@@ :@@@@@H,X@@@@@@# .H@@@@@@@@@: i2. ;: 9@@# @@@; ,@@@@@@@iM@@@@A i:#@@@@,2@ ;H@@@s :@@@ #@@h .,. s@ , 2@@@@ s9r;M@@H @@@.;MH3 ,;r ;@@@@; & @@@:@G: ,@@@ i r; @@@@h r ,,Xi: :@@@ 9Ar: @@@@@ ;: : @@@. @@@@@ ,...::. @@@3 #r@@@, .,. @, 9r; 5@@# @i;; ,,2r ;@@@ .2 :ii;,., this weighs 7kb */ /* reset css */ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ 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, 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; } /* remember to define focus styles! */ :focus { outline:0; } /* remember to highlight inserts somehow! */ ins { text-decoration:none; } del { text-decoration:line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse:collapse; border-spacing:0; } /* Andrew Krespanis Global Whitespace Reset + my transparent bkgd */ * { background:transparent; margin:0; padding:0; } body { background:#a4855a url(images/bkgd-chip.jpg) repeat -80% 0; color:#000; font:0.84em/1.7 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; text-shadow:1px 0 0 #ab8e67; } #bkgrd { background-color:#a4855a; background-color:rgba(164,133,90,.5); border-top:2px dashed #000; border-bottom:2px dashed #000; margin-bottom:50px; margin-top:30px; width:100%; } #main-body { margin:auto; width:90%; -moz-opacity:1; filter:alpha(opacity=100); opacity:1; } #banner1 { float:left; padding-top:10px; margin:0; } #banner1 a { background:transparent url(images/ipp-logo.gif) no-repeat 0 0; display:block; height:171px; text-indent:-9000px; width:180px; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none; } #banner1 a:hover, #banner1 a:focus { background:transparent url(images/ipp-logo.gif) no-repeat 0 -178px; } #banner2 { color:#000; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; text-align:right; margin:5px 0; } #nav { float:right; font-size:1.35em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:700; list-style:none; } #nav li { float:left; margin:0 3px; padding:0; } #nav a { color:rgba(255,255,255,.5); display:block; float:left; padding:5px 20px; text-decoration:none; text-align:left; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; } #nav a:hover, #nav a:focus { background:transparent; color:#fff; -moz-transform: rotate(3deg); -webkit-transform: rotate(3deg); -o-transform: rotate(3deg); transform: rotate(3deg); } #nav a.on { background:url(../images/splat.gif) no-repeat bottom right; color:#ddd; } #content { float:right; margin:0; padding:0 15px 20px; width:75%; } input.submit { background:#c96; border:1px solid #333; border-left:1px solid #c96; border-top:1px solid #c96; color:#000; font:12px/1 Georgia, "Times New Roman", Times, serif; margin:5px; padding:3px 5px; } input:hover.submit { background:#333; border:1px solid #000; border-bottom:1px solid #999; border-right:1px solid #999; color:#f60; -webkit-transition:1s ease; } input:focus.submit, input:active.submit { background:#000; color:#333; transition:1s ease; -moz-transition:1s ease; -webkit-transition:1s ease; } input.radio { background:#a4855a; } input,textarea,#feedback input,#feedback textarea { background:#fff; color:#000; } h1 { color:#000; font-family:Tahoma, Geneva, sans-serif; font-size:2em; font-weight:400; letter-spacing:1px; margin-bottom:.25em; padding:5px 0; text-align:left; text-shadow:1px 1px 0 #ab8e67; text-transform:uppercase; } h2 { clear:left; color:rgba(0,0,0,.8); font-family:"Trade Gothic", Tahoma, Geneva, sans-serif; font-size:1.25em; font-weight:400; letter-spacing:2px; margin-top:.5em; margin-bottom:.5em; } h3,legend { color:#fff; font-size:.9em; padding-top:11px; padding-bottom:11px; text-shadow:1px 1px 1px #000; text-transform:capitalize; } h4 { color:#000; font-size:1em; margin-top:10px; padding-bottom:2px; } p { font-size:1em; line-height:160%; padding:3px 0 10px 0; } p label { clear:both; display:block; } ul { font-size:1em; line-height:150%; list-style:none; margin:.25em; padding:0; } ol { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; font-weight:700; line-height:150%; list-style-type:decimal; } ul li,ol li { margin:.25em 0; padding:.5em 0; } dl dt { padding:6px 0; } object { border:3px solid #fff; border-right-color:#222; border-bottom-color:#222; margin:25px 0; } cite { display:block; font-size:.8em; line-height:140%; margin-right:45%; } img.new-thumb { background:#444; border:thin solid #000; clear:both; display:block; margin:0 2px 10px 5px; padding:5px; width:80%; } img,fieldset { border:0; } a { color:#000; display:inline; font-family:Georgia, "Times New Roman", Times, serif; font-size:105%; font-weight:700; margin:1px; padding:0; text-decoration:none; } a:hover, a:focus { color:#000; background:rgba(132,197,189,.5); -webkit-transition:1s ease; } a.twitter-follow { display:block; padding:3em 1px 1px 1em; } .work-in-progress a,#work-in-progress a, .new-work li a { background:rgba(204,153,102,.6); color:#000; padding:1px; } .work-in-progress a:hover,#work-in-progress a:hover, .new-work li a:hover, .work-in-progress a:focus,#work-in-progress a:focus, .new-work li a:focus { background:rgba(132,197,189,.5); color:#000; text-shadow:1px 1px 1px #bbb; } .new-work li a.no_bkgd, .work-in-progress a.no_bkgd,#work-in-progress a.no_bkgd, .new-work li a:hover.no_bkgd, .work-in-progress a:hover.no_bkgd,#work-in-progress a:hover.no_bkgd, a:focus.no_bkgd,#work-in-progress a:focus.no_bkgd { background:transparent; padding-top:0; margin-top:0; } a:hover.twitter-follow, a:focus.twitter-follow, #feedback { background:transparent; } .floatright { background:#fff; border:1px solid #ddd; border-right:1px solid #000; border-bottom:1px solid #000; float:right; margin:7px; padding:3px; } .floatleft { background:#fff; border:1px solid #ddd; float:left; margin:7px; padding:3px; } .li_clear { clear:both; float:none; width:100%; } .launch-date { display:block; font-size:.8em; font-weight:700; margin-bottom:0; margin-right:1em; text-transform:uppercase; } .amp { font-family:Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-weight:400; font-style:italic; font-size:1.1em } #home dl,#work dl,#about dl, dl#contact-form, dl#news-updates, dl#howdy, dl#status { border-right:1px dashed #444; border-top:1px dashed #666; display:block; float:left; margin:1%; padding:5px; width:28%; } #home dl dt,#work dl dt,#about dl dt, #info dl dt, dl#contact-form dt, dl#news-updates dt, dl#howdy dt, dl#status dt { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.1em; color:#000; font-weight:700; margin-bottom:3px; } dl#news dt, dl#howdy dt, #work dl dt, dl#about_jen dt { font-size:150%; transform: rotate(-5deg); -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); } dl#howdy dd { margin:1em 2em .2em 0; } #home dl dd ul,#work dl dd ul,#about dl dd ul { list-style:none; } #work dl dd ul li a { background:#eeeee7; border:1px solid #666; border-left:none; border-top:none; float:left; display:block; margin:3px; padding:3px; } #comps a { background:#fff; border:1px solid #000; display:block; margin:2px; padding:3px; text-align:center; width:40%; } #comps a:hover, #comps a:focus { background:#84c5bd; border-color:#fff; color:#fff; } #portfolio a img { background:#fff; border:1px solid #666; display:block; margin-left:5%; padding:2px 6px; text-decoration:none; } #portfolio a:visited img { background:#eee; border:1px solid #ccc; padding:2px; } #portfolio #screen { float:left; margin:2px 5px; padding:5px; width:35%; } #portfolio #print { float:right; margin:2px 5px; padding:5px; width:35%; } #portfolio p { margin-bottom:2em; } #clients #banner1 { } #clients #content { float:left; } #clients img { margin:2em 0; padding:0; } #clients h2 { color:#bbb; padding-top:20px; } #clients a { padding-bottom:6px; } #rbmlogos3 { background-image:none; clear:both; margin:5% 0; width:90%; } #rbmlogos3 dd ul { float:left; list-style:none; } #rbmlogos3 dd ul li { float:left; font-weight:700; margin:5px; } #rbmlogos3 dd ul li a { border:1px solid #000; display:block; } #boogie { background:#fff; margin:auto; width:844px; } #boogie a { color:#000; font-weight:700; text-decoration:none; } #boogie a:hover, #boogie a:focus { background-color:#000; color:#fff; } #table_01,#table_01 tr,#table_01 tr td,#table_01 img { margin:0; padding:0; } #feedback #send { background:#fff; color:#000; padding:3px; text-transform:uppercase; } #feedback #send:active { background:#000; color:#f60; } #proofsheet dl dd a img { background:#fff; border:1px solid #ddd; border-left:1px solid #eee; border-top:1px solid #eee; margin:5px; padding:5px; } #proofsheet dl dd a:hover img, #proofsheet dl dd a:focus img { background:#84c5bd; border:1px solid #fff; border-left:1px solid #ddd; border-top:1px solid #ddd; padding:5px; } #proofsheet dl { float:left; margin:5px; } #contact-form { float:left; width:300px } #news-updates { border:0; float:right; width:300px; } div.input-group ul li,div.input-group ul li label { margin:.25em; } #hidden { display:none; } .clear,#portfolio a,#news-updates p { clear:both; } #work dl dd ul li,div.input-group ul li { float:left; } #work dl dd a:hover,#feedback #send:hover, #work dl dd a:focus,#feedback #send:focus { background:#84c5bd; } #portfolio a:hover img, #portfolio a:focus img, #portfolio a:active img, #rbmlogos3 dd ul li a:focus { border:1px solid #84c5bd; } #info dl { margin:1em 2px; } #info dl dd { border-bottom:1px dashed rgba(200,200,200,.3); margin-bottom:.25em; } #info dl dd a { font-weight:normal; } #info dl dd a:visited { color:#594a34; } #info dl dd:last-child { border-bottom:0; } #info div.columns { column-count:2; -moz-column-count:2; -webkit-column-count:2; -webkit-column-gap:20px; -moz-column-gap:20px; } #info div.column_break { column-break-before: always; -moz-column-break-before: always; -webkit-column-break-before: always; } #contact dl.vcard { background:#666 url(images/bkgd-chip.jpg) repeat -80% 0; border:1px solid #333; border-left-color:#878787; border-top-color:#878787; float:left; line-height:1; margin:.5em 1em .5em 0; padding:1em .1em 2em .1em; text-align:center; width:230px; text-shadow:1px 0px 2px rgba(255,255,255,.3); -moz-border-radius-topleft:2em; -webkit-border-top-left-radius:2em; -o-border-top-left-radius:2em; border-top-left-radius:2em; -moz-box-shadow:1px 1px 2px #a4855a; -webkit-box-shadow:1px 1px 2px #a4855a; box-shadow:1px 1px 2px #a4855a; } #contact dl.vcard dt { background:transparent url(images/logo_ipp_trans.png) no-repeat center top; font-size:1.2em; font-weight:bold; letter-spacing:1px; min-height:140px; text-indent:-9000px; text-transform:uppercase; } #contact dl.vcard a { font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-weight:normal; } #contact dl.vcard a:hover.tel, #contact dl.vcard a:focus.tel { background-color:transparent; cursor:text; } #contact dl.vcard dd { margin:.5em 0; padding:0; } #contact dl.vcard dd ul { margin:1em 0; } #contact dl.vcard dd ul li { margin:0; padding:1px; } #contact dl.vcard span.fn, dl#vcard span.ln { font-size:1.2em; font-weight:bold; } #contact dl.vcard a.email { font-size:.99em; letter-spacing:1px; } #contact #footer dl.vcard { display:none; } div#love { border-color: red green blue orange; border-style:ridge; border-width:20px; height:0; width:0; } .mini-me { position:relative; left:-2em; margin-right:-.5em; margin-top:-.5em; transform: rotate(-5deg); -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); } #footer { border-top:1px dashed #000; clear:both; font-size:.8em; margin-top:25px; padding:5px 5px 15px; } #footer h1 { font-size:.9em; color:#000; margin:0; padding:2px 0; text-align:left; } #footer p { margin:0; padding:0; } #footer ul { clear:both; list-style:none; margin-top:0; padding-bottom:2em; } #footer ul li { float:left; margin:2px; } #footer dl.vcard { background:transparent; border:0; clear:both; font-size:.9em; margin:0; padding:.5em 0; width:100%; } #footer dl.vcard dt { float:left; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:1.15em; font-weight:normal; margin:0 .5em; padding:1px; } #footer dl.vcard dd { float:left; margin:1px .5em; padding:0; } #footer dl.vcard dd a { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:normal; margin:0; padding:0; } #footer a[rel="self"] { border-color: red green blue orange; border-style:ridge; border-width:15px; display:block; height:0; float:right; margin:1em; text-indent:-9300px; -webkit-transition:1s ease; -moz-transition:1s ease; -o-transition:1s ease; transition:1s ease; width:0; } #footer a:hover[rel="self"], #footer a:focus[rel="self"] { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } #footer a:active[rel="self"] { -webkit-transform: scale(.5); -moz-transform: scale(.5); -o-transform: scale(.5); transform: scale(.5); } /* writing */ #writing section { } #writing section article { float:left; width:60%; } #writing section sidebar { border-left:1px dashed rgba(191,155,105,.8); float:right; padding-left:1em; width:30%; } #writing section article h2 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; margin-bottom:0; text-shadow:-1px -1px 0 rgba(191,155,105,.8); } #writing section article div.dt { font-size:.8em; margin-top:0; padding-top:0; text-transform:uppercase; } #writing section article ul { list-style:disc; margin-left:2em; } #writing section article ul li { margin:.2em 0; padding:.2em 0; } /* social */ div#social { position:absolute; top:0; } div#social h2 { display:none; } div#social ul { clear:none; float:left; } div#social ul li { margin-right:.5em; } /* lightbox styles */ #lightbox { left:0; line-height:0; position:absolute; text-align:center; width:100%; z-index:100; } #lightbox a img { border:none; } #outerImageContainer { background-color:#fff; height:250px; margin:0 auto; position:relative; width:250px; } #imageContainer { padding:10px; } #loading { height:25%; left:0; line-height:0; position:absolute; text-align:center; top:40%; width:100%; } #hoverNav { height:100%; left:0; position:absolute; top:0; width:100%; z-index:10; } #imageContainer>#hoverNav { left:0; } #hoverNav a { outline:none; } #prevLink,#nextLink { background:transparent url(../images/blank.gif) no-repeat; display:block; height:100%; width:49%; } #prevLink { float:left; left:0; } #nextLink { float:right; right:0; } #prevLink:hover,#prevLink:visited:hover, #prevLink:focus,#prevLink:visited:focus { background:url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover,#nextLink:visited:hover, #nextLink:focus,#nextLink:visited:focus { background:url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer { background-color:#fff; font:10px Verdana, Helvetica, sans-serif; line-height:1.4em; margin:0 auto; overflow:auto; padding:2px 0; width:100%; } #imageData { color:#000; padding:0 10px; } #imageData #imageDetails { float:left; text-align:left; width:70%; } #imageData #caption { font-weight:700; } #imageData #numberDisplay { clear:left; display:block; padding-bottom:1em; } #imageData #bottomNavClose { float:right; padding-bottom:0.7em; width:66px; } #overlay { background-color:#000; height:500px; left:0; position:absolute; top:0; width:100%; z-index:90; } #lightbox a:hover, #lightbox a:focus { background:transparent; }