/* Encourage Others - 2010 Last Edited: 20100607.14:16 Author: Jonathan Christopher (http://mondaybynoon.com) Take a few steps back... LOL . ............... . ........... . . ................... . ;SB@@@@@@@@@@@@@X: . ............ . ................ .. .. rG@@@@@@@@@@@@@@@@@@@@@@Xr . .. ............. . ................ ... . rM@@@@@@@@@@@@@@@@@@@@@@@@@@@@5. . . .. ... .. ..... . ................. . . . :&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@; . .. . . ........ . ................. . . .. ;#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@r . ... ............ . .................... .. X@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@M .. ........... . .................... .. :@@@@@@@@@@@@@@@@@@BAHGX2X32SiS3B#@@@@@@@@@@@@s . .............. . ....................... r@@@@@@@@@@@@#B&G2S;,,, ..,;rs53AMM#@@@@@@@@: .. ................ . ...................... ,#@@@@@@@@@#Hhs;:,,,...,,.,,..,,::,,:::::rA@##@@@@@@; . . ..... .............. . ...................... 5@@@@@@@@@MAXrr;::::::,::,.,,.,,,;S,,,,,,:;3A2B@@@@@@. . .. .............. . ..................... r@@@@@@@#@A&Gs;::;;;;;:,,,.......,,::,,:::;:iriXHB@@@@@; ..... ... .............. . .................... ,@@@@@@@@@Mh9s;r;;;;;::,.,.........,,,,,,::;:;;;59X#@@@@@. ...................... . .................... 9@@@@@@@#B&2sirsrr;:;:,..,.........,::,,,:;;;;rrs5XB#@@@@@ ....................... . ................... @@@@@@@@Ah32Sisrr;;;;;:,,,,....,..,::::::::;;rrrrsSG#@@@@@: ....................... . ................... r@@@@@@@#&22XSssrrr;rrr;;;;::::,,,,::;r:::;;;;rrrsi5XA#@@@@h ....................... . ................... X@@@@@@@#hXX2irsrrrrrrr;;;;;::::,,,,:;;;;rrrsrsrrri5X&#@@@@# ....................... . ................... H@@@@@@@@A2Siirsssrr;;;:::,,,,,,,,,,:::;;;r;;rssrsii5XA@@@@@ ....................... . ..,............... @@@@@@@@#9S55irssr;;;::,,,.,,,,,,.,..,,,,::::;;rrsiiii2H@@@@ ....................... , ....,............. @@@@@@@BXX25iisr;::,,,.....,,,,,,,,,,....,:rs5srssiisSS9@@@@ ........................ . ,.,............... @@@@@@#XX3&GAA&GX2H##@MXi;:,,,:::,,:,:;3A@@@@@@A3AAG3S5X@@@@, ...................... , ,.,.,..........,.. H@@@@@G9XH@@@@@#@@@@@@@@@@#2,,:::::,iA&#@@@@@@BMM@@#@A23#@@@ ........................ , ,.......,..,,,.... 2@@@@AX3A@@BA&5599ABBB@@#B#Hr;:,,:;;XH3hA32i;r5M#HB##@H2M@@@ ........................ , ,,,.....,..,,,,,. ,@@@@&52&HXirrsXM@@@@@#@@MHA3r:,,:;s3HBB###BhG9sr;;i3HM2B@@A ........................ . ,,,,,,,.,,.,..,,.;isS@@@@9i5XSiS2&@@#s@@@@ &H5r;,:;9#hA#:X@@@@H@@hSiS3A5H@@: ........................ , ,,,,,,,,,,,,,,,.i@@GrX@@@Xi55ri9AB@Hi,i&5r,;;s:3h35sr;iABrrr ;M@@r #@@A325Xi3@@:: ....................... ,.,,,,,,,,,,,,,,,.G@@@329@#222i;sX2ir;;rr;:s2ir;2522Xs;r5h93;r2s::ii5i2HH&5s5iS@#X@# ...................... ,.,,,,,,,,,,,,,,,.i2S2.:S@B2X2s;rsr;:::;;;;r;;rsiSS22;;r22Xirrr;sissisrri5rr5S5@##@@, ...................... , ,,,,,,,,,,,,,,. ,irr .2@AX23issr;::,,,::,,:;;s2S23i;:;532X;,,,,:;;;;;;;sss553@hB&9 ...................... ,.,,,,,,,,,,,,,,,. :S,,iAMM9232Sir;::::::,:;r;rii2GSr;::sG322;::,,,:::::;rS2X332;SS: ....................... ,.,,,,,,,,,,,,,,,,..X::r;s#AX93Srr;::::;;:;;rsr;sB3r:,,:;SHSisr;;;;:::::;rSX3hBh:ir ..,..,................,. ,.,,,,,,,,,,,,,,,,..2r;rr5#H3h3Srr;;;:::;r;;:,.sHhS;. .:;Xhr;rrr;;::;:;;sSXGAAG;5: .,,,,,................,. ,.,,,,,,,,,,,,,,,,,.rXrsr3#Mh9XSSr;;;;:;;;::,.:9XAAi::..;3X53;:;rr;;;;;;rsi9&Hhi:X:.,,,,,,.,,,.............. ,.,,,,,,,,,,,,,,::,,.52r ,B#GhXSSsr;;;;:::,:,.;#9@@@MHBM@@@SMr.:;;;;;;;;rsShAHHs;X,.,,,,,,,..,.,..........,. ,.,,,,,,,,,,,:,,:::,.:&;iMh#AGX55ssr;r;::::,,,:XhSXMMAhA#H2H&:,,::;;;;;rsi9GHHGsir.,,,,,,,,,,.,,.........,,. ,.,,,,,,,,,,,,::::::,.;35;r@Ah355iir;;;::,,::;;;r&X22:,;2@Ξ;::;:;r;;ss59hAMXrS:.,,,,,,,,,,,,..,......,,,. ,.,,,,,,,,:,::::::::::,:r;rMB3G2Sisir;;;:;rrssriGAXsSrr22@#A2i5r;rr;rsriiS2&H3S@h,,,,,,,,,,,,,,,,,,,,..,,,,. ,.,,,,,,,,,:::::::::::,:,:.i#93Xisrrsr;;riis5XSSXr;:::,::riS5X9Ssi5r;Ssii29&M3r9r.::,,,,,,,,,,,,,,,,.,,..,,. ,.,,,,,:,,,::::::::::;;;;;;;MA93Sirrsr;:rSiS52SrrisS5riisr;;riSri525;Sssi2GAA,:,,::::,,,,,,,,,,,,,,,,,,,,,,. ,.:,,,,::::::::::::;;;;;r;;;X#AhSsssr;:,:;r2A@@@@@@##@@@M#@@@M2SrsXi;SsrSX9Bi.,:::::::,,,,,,,,,,,,,,,,,,,,,. ,.:,,,::::::::::::;;;;;rrrrrrMM&2issrrr,,::;;rX&HAGs;iiXh####&irrri;s5Ss53&B;:;;;;;:::::,,,,,,,,,,,,,,,,,,,. ,.,,,,,:::::::::;;;;;;;rrrrrr9#A92irrrr;:::,,:,:;ris,:;r29Sr;;;:rsrriii53G#S:;;;;;;:::::,,,,,,,,,,,,,,,,,,,. ,.::::::::::::::::;;;;rrrsssr2@MA35Sirssrr;;;;;::;rssrssss;;;;;riSiissi2hM9:;rr;;;;::::::,,,,,,,,,,,,,,,,,,. ,.:,,:::::::::::;;;;;;rrrssisi@@#H325SSisiirr;;;rrXA&GHAhSrrrssiiS55iiXGBMs;rrrr;;;:::::::,,,,,,,,,,,,,,,,,. ,.::::::::::::;;;;;;;;rrrssisiM@@@#&XSii52ir;;;;;;s5#@B32;;rri522222SXAM##;rrrrr;;;;;:::::,,,,,,,,,,,,,,,,,. ,.::::::::::::;;;;;;;;;;;;rrrsHM#@@@BGXXG5rrr;;::,,:r2;:;;;rsi2X&X22hH##@M;;;;;;;;;;;:::::,,,,,,,,,,,,,,,,,. :.:::::::::::::;;;;;::r2A#@@@@#ABM#@@@#BG225iii;;;,..,,,;ssiiSh##9&M#@@##B@@B9s;,:;;;;:::::,,,,,,,,,,,,,,,,. :.:::::::::::;;;;;:rH@@@@@@@@@@G&AAB@@@@MAA&XX25r;,:.,,:;r5GX9M@@M@@@#HAAH@@@@@@#r.:;;:::::,,,,,,,,,,,,,,,,. :.::::::::::::;;;,9@@@@@@@@@@@@AhX33GB#@@@@#&hX2ss;irrrSs2AM&M@@@@@#A99G&&@@@@@@@@B.::::::::,,,,,,,,,,,,,,,. :.::::::::::;;;;:2@@@@@@@@@@##@A9255XXGH##@@@M&G2255SiX&5A@@@@@@##A3223X3G@@@@@@@@@X.:::::::,,,,,,,,,,,,,,,. :.:::::::::;;;;;:@@@@@@@@@@sSA#HGX5SSSSX&B##@@@@###MMH#M@@@@@@#BAXSsi2XXX&#GH@@@@@@@.::::::::,,,,,,,,,,,,,,. :.:::::::::;;;;:,@@@@@@Br .@M#MA32isrssS3AHH##@@@@@@@@@@@@MHAG2Ssrsi52GhA#i :#@@@@@ ,::::::,:,,,,,,,,,,,,,. :.:::::::::;;;,.,@@@@@s : ABM#A9XSir;;rs23GAAHMM####@#AAAAG35rrrri5XXX9H@#S 2@@@@@#. ,:::::,,,,,,,,,,,,,,. :.::::::::;;:,2@@@@@@@A ; &B#AGX5is;;;;si5223hG&HHBHAG&G35ir;;rsS5XXX9M#MMH@@@@@@@@2,.::::,,,,,,,,,,,,,,. :.::::::::;;,#@@@@@@@@@@ : B@B&G2iir;;:;rsssiiiSs2X9X255s;;;;rrsi22XXG#HG@@@@@@@@@@@@r ,:::,,,,,,,,,,,,,. :.::::::,,..S@@@@@@@@@@@@: : SBMAGXSsr;;;;;r;;;;:,:rr;;;;:::;;rriS5223&B#@@@@@@@@@@@@@@:...,,,,,,,,,,,,,,. :.:,,.,:iG@#@@@@@@@@@@@@@@@, ;9HHGXsr;;;:;;:;;;;;;:::::;;;;;riiSSS22G@@@@@@@@@@@@@@@@i;5i;,.,,,,,,,,,,,. :.;s2ABAXr, i@@@@@@@@@@@@@@@#: .r9h2rr;::::::;;;:::::::;;;;rii5SSiiA@@@@@@@@@@@@@@@@@G:,,:;r;:,...,,,,,. ;;rr;:,:rh@@@@@@@@@@@@@@@@@@@@@: ,;r;;;;;;;;:::::::;;;::rrsS2X5;i@@@@@@@@@@@@@@@@@@@@@@@9r:.,:;r;:,..,. rr2A@@@@@@@@@@@@@@@@@@@@@@@@@@@@@: .,,:::::;;;;;;;;ssis;. S@@@@@@@@@@@@@@@@@@@@@@@@@@@@HS;:,,::,,. @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@2 .H@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@H2s:,. @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@9r, :sA@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#A */ /* =========== */ /* = GLOBALS = */ /* =========== */ body { background:#fff; font:14px georgia, sans-serif; color:#7e7d7d; } body.design-explanation #header { background:#c30000; } body.design-practice #header { background:#739fa3; } body.photography #header { background:#a6b447; } .wrapper { width:960px; margin:0 auto; } .group { overflow:hidden; zoom:1; } /* ========== */ /* = HEADER = */ /* ========== */ #header { padding-bottom:30px; margin-bottom:10px; } #header .linkhome { width:1134px; margin:0 auto; } #header .linkhome a { display:block; height:40px; width:350px; background:url(../images/sprite-encrg-logo.png) no-repeat; overflow:hidden; text-indent:-9999px; } /* ======= */ /* = NAV = */ /* ======= */ #nav { height:150px; padding-top:25px; } #nav ul { width:215px; height:16px; float:right; } #nav li { float:left; } #nav li a { display:block; background:url(../images/sprite-nav.png) no-repeat; overflow:hidden; text-indent:-9999px; } #nav li#nav-home a { width:58px; background-position:0 0; } #nav li#nav-about a { width:65px; background-position:-58px 0; } #nav li#nav-archive a { width:92px; background-position:-123px 0; } #nav li#nav-home a:hover { background-position:0 -16px; } #nav li#nav-about a:hover { background-position:-58px -16px; } #nav li#nav-archive a:hover { background-position:-123px -16px; } body.design-explanation #header .linkhome a:hover { background-position:0 -40px; } body.design-practice #header .linkhome a:hover { background-position:0 -80px; } body.photography #header .linkhome a:hover { background-position:0 -120px; } body.design-explanation #nav li#nav-home a:hover { background-position:0 -32px; } body.design-explanation #nav li#nav-about a:hover { background-position:-58px -32px; } body.design-explanation #nav li#nav-archive a:hover { background-position:-123px -32px; } body.design-practice #nav li#nav-home a:hover { background-position:0 -48px; } body.design-practice #nav li#nav-about a:hover { background-position:-58px -48px; } body.design-practice #nav li#nav-archive a:hover { background-position:-123px -48px; } body.photography #nav li#nav-home a:hover { background-position:0 -64px; } body.photography #nav li#nav-about a:hover { background-position:-58px -64px; } body.photography #nav li#nav-archive a:hover { background-position:-123px -64px; } /* ============ */ /* = MASTHEAD = */ /* ============ */ #masthead { color:#fff; } #masthead .post-title-helper { width:575px; float:left; } #masthead h2 { background:url(../images/masthead-separator.png) left top no-repeat; font-size:16px; font-style:italic; font-weight:normal; padding-top:6px; } #masthead .meta-helper { height:60px; } #masthead .post-meta { width:385px; float:right; background:url(../images/bg-masthead-meta.png) right top no-repeat; font-size:12px; } #masthead .post-meta .category { width:160px; height:26px; float:left; overflow:hidden; text-indent:-9999px; } #masthead .post-meta .date-comments { width:225px; float:right; text-align:center; height:30px; } #masthead .post-meta .date-comments .helper { position:relative; top:1px; } #masthead .post-meta .date-comments .comment-count { background:url(../images/bg-masthead-comment-count.png) left 3px no-repeat; display:inline-block; width:33px; height:24px; padding:4px 0 0 3px; text-align:center; } body.design-explanation #masthead .post-meta .category { background:url(../images/bg-masthead-category-explanation.png) 5px top no-repeat; } body.design-explanation #masthead .post-meta .date-comments .comment-count { color:#c30000; } body.design-practice #masthead .post-meta .category { background:url(../images/bg-masthead-category-practice.png) 5px top no-repeat; } body.design-practice #masthead .post-meta .date-comments .comment-count { color:#739fa3; } body.photography #masthead .post-title-helper { width:590px; } body.photography #masthead .post-meta { width:360px; } body.photography #masthead .post-meta .category { background:url(../images/bg-masthead-category-photography.png) 7px top no-repeat; width:130px; } body.photography #masthead .post-meta .date-comments .comment-count { color:#a6b447; } /* For pages */ body.page #masthead .post-title-helper { width:759px; } body.page #masthead h2 { background:url(../images/masthead-separator-alt.png) left top no-repeat; } body.page #masthead #twitter { width:184px; float:right; } body.page #masthead #twitter a { display:block; height:27px; overflow:hidden; text-indent:-9999px; background-position:0 0; background-repeat:no-repeat; } body.page #masthead #twitter a:hover { background-position:0 -26px; } body.page.design-explanation #masthead #twitter a { background-image:url(../images/twitter-follow-explanation.gif); } body.page.design-practice #masthead #twitter a { background-image:url(../images/twitter-follow-practice.gif); } body.page.photography #masthead #twitter a { background-image:url(../images/twitter-follow-photography.gif); } /* Big Title */ #masthead h1 { font-size:85px; clear:both; color:#fff; } #masthead h1 a { color:#fff; text-decoration:none; } #masthead h1 span.subheading { display:block; } #masthead h1 span.subheading span { background:url(../images/bg-masthead-title.png) right 6px no-repeat; padding-right:80px; } #masthead h1 a:hover, #masthead h1 a:hover span { text-decoration:none; } #masthead h1 span.subheading.alt span { background:transparent; } body.design-explanation #masthead h1 { background:url(../images/bg-masthead-title-explanation.png) -1000px -1000px no-repeat; } body.design-explanation #masthead h1 a:hover, body.design-explanation #masthead h1 a:hover span { color:#a50000; } body.design-explanation #masthead h1 a:hover span.subheading span { background-image:url(../images/bg-masthead-title-explanation.png); } body.design-practice #masthead h1 { background:url(../images/bg-masthead-title-practice.png) -1000px -1000px no-repeat; } body.design-practice #masthead h1 a:hover, body.design-practice #masthead h1 a:hover span { color:#61878a; } body.design-practice #masthead h1 a:hover span.subheading span { background-image:url(../images/bg-masthead-title-practice.png); } body.photography #masthead h1 { background:url(../images/bg-masthead-title-photography.png) -1000px -1000px no-repeat; } body.photography #masthead h1 a:hover, body.photography #masthead h1 a:hover span { color:#8d983c; } body.photography #masthead h1 a:hover span.subheading span { background-image:url(../images/bg-masthead-title-photography.png); } body.page #masthead h1 span.subheading { font-size:40px; } body.page #masthead h1 span.subheading span { background:transparent; } /* =========== */ /* = CONTENT = */ /* =========== */ #content { background:url(../images/bg-diagonals.gif) left top no-repeat; padding:40px 0 47px; overflow:hidden; zoom:1; } body.design-explanation #content { background-position:0 0; } body.design-practice #content { background-position:-960px 0; } body.photography #content { background-position:-1920px 0; } /* =========== */ /* = ARTICLE = */ /* =========== */ #article { width:635px; float:left; min-height:200px; } #article .inner { margin:0 13px 0 107px; } #article a { text-decoration:underline; } #article a:hover { text-decoration:none; } body.design-explanation #article { background:url(../images/bg-article.gif) left top no-repeat; } body.design-practice #article { background:url(../images/bg-article-practice.gif) left top no-repeat; } body.photography #article { background:url(../images/bg-article-photography.gif) left top no-repeat; } body.error #article { background:transparent; } body.page.aboutpage.design-explanation #article { background:url(../images/bg-bio-explanation.gif) left top no-repeat; } body.page.aboutpage.design-practice #article { background:url(../images/bg-bio-practice.gif) left top no-repeat; } body.page.aboutpage.photography #article { background:url(../images/bg-bio-photography.gif) left top no-repeat; } body.design-explanation #article a { color:#c30000; } body.design-practice #article a { color:#739fa3; } body.photography #article a { color:#a6b447; } /* ========= */ /* = ENTRY = */ /* ========= */ .entry { padding-bottom:20px; } .entry p { line-height:1.8em; margin-bottom:1.4em; } .entry img { max-width:504px !important; height:auto !important; } .entry a { font-style:italic; text-decoration:none !important; } body.design-explanation .entry a { color:#c30000; } body.design-practice .entry a { color:#739fa3; } body.photography .entry a { color:#a6b447; } body.design-explanation .entry a:hover { color:#a50000 !important; } body.design-practice .entry a:hover { color:#61878a !important; } body.photography .entry a:hover { color:#8d983c !important; } .entry { padding-left:11px; } .entry .intro { margin-left:-11px; padding-left:11px; font-size:18px; font-style:italic; background:url(../images/bg-intro.gif) left 55px no-repeat; } body.design-explanation .entry .intro { color:#c30000; } body.design-practice .entry .intro { color:#739fa3; } body.photography .entry .intro { color:#a6b447; } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { font-size:22px; color:#272727; margin-bottom:10px; padding-top:5px; } .entry blockquote { font-style:italic; color:#464646; border-top:1px dashed #dbdbdb; border-bottom:1px dashed #dbdbdb; padding-top:10px; margin-bottom: 1.4em; } .entry blockquote :last-child { margin-bottom:10px !important; } .entry .wp-caption { margin-bottom:20px; width:504px !important; } .entry .wp-caption img { display:block; margin-bottom:8px; } .entry .wp-caption-text { border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; font-style:italic; color:#595959; line-height:1.6em; padding:5px 0; font-size:13px; } .entry ol { list-style:decimal; } .entry ol li { margin:0 0 0 25px; font-size:22px; color:#272727; margin-bottom:0.8em; } .entry ol li div.li-helper { font:14px georgia, sans-serif; color:#7e7d7d; line-height:1.3em; } .entry strong { font-weight:bold; color:#464646; } /* ============ */ /* = COMMENTS = */ /* ============ */ #comments #thanks { background:url(../images/bg-thanks.gif) left bottom no-repeat; padding:9px 11px 11px 11px; margin-bottom:30px; } #comments #thanks #title-helper { display:block; width:370px; float:left; font-size:12px; font-style:italic; } #comments #thanks #leave { display:block; width:115px; float:right; text-align:right; font-size:10px; text-transform:uppercase; padding-top:2px; } body.design-explanation #comments #thanks { border-top:5px solid #c30000; } body.design-explanation #comments #thanks #leave { color:#c30000; } body.design-practice #comments #thanks { border-top:5px solid #739fa3; } body.design-practice #comments #thanks #leave { color:#739fa3; } body.photography #comments #thanks { border-top:5px solid #a6b447; } body.photography #comments #thanks #leave { color:#a6b447; } .comment { padding-bottom:10px; margin-bottom:25px; border-bottom:1px dotted #bab9b9; } .comment .comment-author { padding-bottom:12px; } .comment .gravatar { width:64px; float:left; } .comment .gravatar img { display:block; width:47px; height:47px; padding:2px; border:1px solid #d8d8d8; } .comment .commentmetadata { width:440px; float:left; } .comment .commentmetadata cite { display:block; font-size:16px; color:#272727; } /*.comment .commentmetadata cite span { display:inline-block; background:#f1f0f0; padding:2px 5px; }*/ .comment .commentmetadata cite a { text-decoration:none; } .comment .commentmetadata cite a:hover { text-decoration:underline; } #article .comment .commentmetadata a.timestamp { color:#9e9e9e; font-size:13px; text-decoration:none; } #article .comment .commentmetadata a.timestamp:hover { text-decoration:none; color:#777; } #article .comment .commentmetadata cite a { display:inline-block; padding:2px 5px; color:#363636; background:#f1f0f0; text-decoration:none; } #article .comment .commentmetadata cite a:hover { text-decoration:none; } body.design-explanation #article .comment .commentmetadata cite a:hover { background:#c30000; color:#fff; } body.design-practice #article .comment .commentmetadata cite a:hover { background:#739fa3; color:#fff; } body.photography #article .comment .commentmetadata cite a:hover { background:#a6b447; color:#fff; } #article .comment .owner .commentmetadata cite a { color:#fff; } body.design-explanation #article .comment .owner .commentmetadata cite a { background:#c30000; } body.design-practice #article .comment .owner .commentmetadata cite a { background:#739fa3; } body.photography #article .comment .owner .commentmetadata cite a { background:#a6b447; } body.design-explanation #article .comment .owner .commentmetadata cite a:hover, body.design-practice #article .comment .owner .commentmetadata cite a:hover, body.body.photography #article .comment .owner .commentmetadata cite a:hover { text-decoration:none; background:#f1f0f0; color:#363636; } .comment-copy p { line-height:1.8em; margin-bottom:1.4em; } /* =========== */ /* = RESPOND = */ /* =========== */ #respond { background:url(../images/no-turning-back-hover.gif) -1000px -1000px no-repeat; } #respond h4 { background:url(../images/what-say-you.gif) left top no-repeat; width:119px; height:18px; overflow:hidden; text-indent:-9999px; margin-bottom:15px; } #respond legend { display:none; } #respond .field { overflow:hidden; zoom:1; margin-bottom:2px; background:#f1f0f0; } #respond .field.focused { background:transparent; } #respond .field.textarea { border-bottom:1px solid #fff; } #respond .field.textarea.focused { border-bottom:1px solid #d1d0d0; } #respond label { display:block; float:left; width:90px; height:42px; background-repeat:no-repeat; overflow:hidden; text-indent:-9999px; background-position:11px 18px; } #respond input { display:block; float:left; width:385px; border:0; background:transparent; font:12px georgia, serif; margin-top:15px; color:#7e7d7d; } #respond textarea { display:block; float:left; width:424px; height:140px; border:0; background:transparent; font:12px georgia, serif; padding:16px 0; color:#7e7d7d; } #field-author label { background-image:url(../images/label-name.png); } #field-email label { background-image:url(../images/label-email.png); } #field-url label { background-image:url(../images/label-website.png); } #field-comment label { background-image:url(../images/label-comment.png); } #respond .buttons { padding:13px 0 0 0; } #respond .buttons button { width:129px; height:26px; cursor:pointer; overflow:hidden; text-indent:-9999px; float:right; margin:0; padding:0; border:0; background:transparent; background:url(../images/no-turning-back.gif) no-repeat; } #respond .loggedin { margin-bottom:12px; } body.design-explanation #respond h4 { background-position:0 0; } body.design-explanation #respond .buttons button { background-position:0 0; } body.design-practice #respond h4 { background-position:0 -18px; } body.design-practice #respond .buttons button { background-position:0 -26px; } body.photography #respond h4 { background-position:0 -36px; } body.photography #respond .buttons button { background-position:0 -52px; } #respond .buttons button:hover { background:url(../images/no-turning-back-hover.gif) 0 0 no-repeat !important; } /* =========== */ /* = SIDEBAR = */ /* =========== */ #sidebar { width:300px; float:right; } #sidebar #kevin { margin-bottom:9px; } #sidebarhelper { width:300px; } #sidebarhelper>.inner { background:url(../images/bg-sidebar.gif) left top no-repeat; padding-top:23px; } #sidebar .overview { font-size:12px; font-style:italic; } #sidebar #defined { /*background:url(../images/bg-explained-repeat.gif) left top repeat-y;*/ background:#f4f4f4; -moz-border-radius:5px; -webkit-border-radius:5px; margin:10px 0 20px 0; } /* #sidebar #defined .helper1 { background:url(../images/bg-explained-top.gif) left top no-repeat; } #sidebar #defined .helper2 { background:url(../images/bg-explained-bottom.gif) left bottom no-repeat; }*/ #sidebar #defined .inner { padding:10px 13px; } #sidebar #defined p { color:#595959; font-size:13px; line-height:1.4em; font-style:italic; margin-bottom:12px; } #sidebar #defined :last-child { margin-bottom:0; } body.design-explanation #sidebar #defined h5 { overflow:hidden; text-indent:-9999px; background:url(../images/defined-explanation.png) center top no-repeat; height:50px; } body.design-practice #sidebar #defined h5 { overflow:hidden; text-indent:-9999px; background:url(../images/defined-practice.png) center top no-repeat; height:50px; } body.photography #sidebar #defined h5 { overflow:hidden; text-indent:-9999px; background:url(../images/defined-photography.png) center top no-repeat; height:50px; } /* Category list/count */ #sidebar .categories { width:300px; height:115px; background:url(../images/bg-sidebar-cats.gif) 0 0 no-repeat; } #sidebar .categories li a { display:block; height:38px; text-decoration:none; background:url(../images/bg-sidebar-cats.gif) 0 0 no-repeat; } #sidebar .categories li .article-title { display:none; } #sidebar .categories li .article-count { display:block; overflow:hidden; font-size:15px; color:#7e7d7d; text-align:right; padding:10px 16px 0 0; } #sidebar .categories li a:hover .article-count { display:none; } #sidebar .categories li#cat-explanation a { background-position:0 0; } #sidebar .categories li#cat-practice a { background-position:0 -38px; } #sidebar .categories li#cat-photography a { height:39px; background-position:0 -76px; } #sidebar .categories li#cat-explanation a:hover { background-position:0 -115px; } #sidebar .categories li#cat-practice a:hover { background-position:0 -154px; } #sidebar .categories li#cat-photography a:hover { height:39px; background-position:0 -193px; } /* ======= */ /* = HUB = */ /* ======= */ #hub .wrapper.categories { background:url(../images/bg-diagonals.gif) left top no-repeat; padding:24px 0; } body.design-explanation #hub .wrapper.categories { background-position:0 0; } body.design-practice #hub .wrapper.categories { background-position:-960px 0; } body.photography #hub .wrapper.categories { background-position:-1920px 0; } #hub .categories li { width:330px; float:left; } #hub .categories li#photography { width:300px; } #hub .categories li .info { width:258px; float:left; } #hub .categories li .info a { display:block; text-decoration:none; font-size:13px; font-style:italic; color:#8f8f8f; } #hub .categories li .info h5 a { height:26px; overflow:hidden; text-indent:-9999px; padding-bottom:1px; } #hub .categories li .article-count { width:42px; float:left; text-align:right; } #hub .categories li#design-explanation .info h5 a { background:url(../images/design-explanation.gif) left top no-repeat; } #hub .categories li#design-explanation .info h5 a:hover { background:url(../images/design-explanation.gif) left bottom no-repeat; } #hub .categories li#design-practice .info h5 a { background:url(../images/design-practice.gif) left top no-repeat; } #hub .categories li#design-practice .info h5 a:hover { background:url(../images/design-practice.gif) left bottom no-repeat; } #hub .categories li#photography .info h5 a { background:url(../images/photography.gif) left top no-repeat; } #hub .categories li#photography .info h5 a:hover { background:url(../images/photography.gif) left bottom no-repeat; } #slider { background:url(../images/bg-track.gif) center top no-repeat; height:21px; } #slider .wrapper { position:relative; } #slider #handle { position:absolute; width:54px; height:5px; left:0; top:4px; cursor:pointer; } #slider #handle a { display:block; width:54px; height:5px; text-decoration:none; } #drag-tooltip { width:97px; height:43px; position:absolute; left:0; height:0; } #arrow-wrapper { width:1010px; margin:0 auto; } .slider-scroller { width:20px; height:20px; float:left; } .slider-scroller a { display:block; width:15px; height:10px; overflow:hidden; text-indent:-9999px; } .slider-scroller#scroll-left a { margin-left:5px; } .slider-scroller#scroll-right { float:right; } body.design-explanation #slider #handle { background:#c30000; } body.design-practice #slider #handle { background:#739fa3; } body.photography #slider #handle { background:#a6b447; } body.design-explanation #drag-tooltip { background:url(../images/tooltip-drag-explanation.png) no-repeat; } body.design-practice #drag-tooltip { background:url(../images/tooltip-drag-practice.png) no-repeat; } body.photography #drag-tooltip { background:url(../images/tooltip-drag-photography.png) no-repeat; } /* ================ */ /* = MINI ARCHIVE = */ /* ================ */ #slider-frame { overflow:hidden; height:285px; position:relative; } #mini-archive ol { width:3000px; position:absolute; left:0; top:0; } #mini-archive li { width:192px; float:left; } #mini-archive li:nth-child(5) { width:191px; } #mini-archive li a { display:block; } #mini-archive li p.category a { font-size:10px; text-decoration:none; color:#b6b6b6; text-transform:uppercase; padding:0 0 3px 7px; } body.design-explanation #mini-archive li.focus p.category a { color:#c30000; } body.design-practice #mini-archive li.focus p.category a { color:#739fa3; } body.photography #mini-archive li.focus p.category a { color:#a6b447; } body.design-explanation #mini-archive li:last-child { background:url(../images/bg-mininav-endcap-explanation.gif) right -229px no-repeat; } body.design-practice #mini-archive li:last-child { background:url(../images/bg-mininav-endcap-practice.gif) right -229px no-repeat; } body.photography #mini-archive li:last-child { background:url(../images/bg-mininav-endcap-photography.gif) right -229px no-repeat; } #mini-archive li h4 a { padding:10px 0 2px 7px; font-size:16px; text-decoration:none; color:#272727; height:2.4em; } #mini-archive li h4 a .subheading { display:block; } #mini-archive li p.excerpt { min-height:150px; } #mini-archive li p.excerpt a { font-size:13px; line-height:1.5em; text-decoration:none; color:#908f8f; font-style:italic; padding:15px 20px 2px 7px; } #mini-archive li p.date a { font-size:13px; color:#272727; text-decoration:none; padding:10px 0 5px 7px; } body.design-explanation #mini-archive li p.category a { border-left:1px solid #c30000; border-bottom:5px solid #c30000; } body.design-explanation #mini-archive li h4 a { border-left:1px solid #c30000; background:url(../images/bg-mini-nav-explanation.gif) 167px 10px no-repeat; } body.design-explanation #mini-archive li:hover h4 a { color:#c30000; } body.design-practice #mini-archive li p.category a { border-left:1px solid #739fa3; border-bottom:5px solid #739fa3; } body.design-practice #mini-archive li h4 a { border-left:1px solid #739fa3; background:url(../images/bg-mini-nav-practice.gif) 167px 10px no-repeat; } body.design-practice #mini-archive li:hover h4 a { color:#739fa3; } body.photography #mini-archive li p.category a { border-left:1px solid #a6b447; border-bottom:5px solid #a6b447; } body.photography #mini-archive li h4 a { border-left:1px solid #a6b447; background:url(../images/bg-mini-nav-photography.gif) 167px 10px no-repeat; } body.photography #mini-archive li:hover h4 a { color:#a6b447; } #mini-archive li:hover h4 a { background:url(../images/bg-mini-nav-hover.gif) 167px 10px no-repeat !important; } body.photography #mini-archive li:hover h4 a { background-position:168px 10px !important; } /* =========== */ /* = ARCHIVE = */ /* =========== */ #archive { margin-bottom:45px; } .archivecol { width:330px; float:left; padding-top:25px; } .archivecol#archive-photography { width:300px; } #archive ol { border-top:1px dotted #bab9b9; width:300px; } #archive li { border-bottom:1px dotted #bab9b9; } #archive li a { display:block; padding:17px 13px; text-decoration:none; } #archive li a:hover { background:#f1f0f0; } #archive li a span.title { display:block; font-size:16px; color:#272727; margin-bottom:2px; } #archive li a span.timestamp { display:block; font-size:13px; color:#908f8f; } /* ========== */ /* = FOOTER = */ /* ========== */ #footer .linkhome { width:200px; height:100px; float:left; } #footer .linkhome a { display:block; width:165px; height:57px; overflow:hidden; text-indent:-9999px; background:url(../images/sprite-encrg-logo-footer.gif) no-repeat; } #footer ul.copyright { background:url(../images/social-hover.gif) -1000px -1000px no-repeat; } #footer ul.copyright { position:relative; width:500px; float:left; padding-top:32px; } #footer ul.copyright li { float:left; } #footer ul.copyright li span, #footer ul.copyright li a { display:block; width:100px; overflow:hidden; text-indent:-9999px; } #footer ul.copyright li#footer-copy { width:124px; } #footer ul.copyright li#footer-twitter a { width:78px; } #footer ul.copyright li#footer-dribbble a { width:81px; } #footer ul.copyright li#footer-rss a { width:50px; } #footer ul.copyright li#footer-twitter a:hover { background:url(../images/social-hover.gif) 8px 1px no-repeat; } #footer ul.copyright li#footer-dribbble a:hover { background:url(../images/social-hover.gif) -70px 1px no-repeat; } #footer ul.copyright li#footer-rss a:hover { background:url(../images/social-hover.gif) -151px 1px no-repeat; } body.design-explanation #footer .linkhome a { background-position:0 0; } body.design-explanation #footer .linkhome a:hover { background-position:0 -171px; } body.design-explanation #footer ul.copyright { background:url(../images/bg-footer.gif) left 12px no-repeat; } body.design-practice #footer .linkhome a { background-position:0 -57px; } body.design-practice #footer .linkhome a:hover { background-position:0 -228px; } body.design-practice #footer ul.copyright { background:url(../images/bg-footer-practice.gif) left 12px no-repeat; } body.photography #footer .linkhome a { background-position:0 -114px; } body.photography #footer .linkhome a:hover { background-position:0 -285px; } body.photography #footer ul.copyright { background:url(../images/bg-footer-photography.gif) left 12px no-repeat; }