home *** CD-ROM | disk | FTP | other *** search
/ theapplecollection.com / www.theapplecollection.com.tar / www.theapplecollection.com / get_url.php?counter=pseudoroom&link=http:%2F%2Fwww.pseudoroom.com%2F.orig < prev    next >
Text File  |  2010-10-11  |  22KB  |  681 lines
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
  3.     <head profile="http://gmpg.org/xfn/11">
  4.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5.         <meta name="Description" content="pseudoroom design is the personal creative outlet of Chicago-based designer Justin Dauer. Since 1996, it has been the moniker under which his freelance projects, downloadable UI customizations and former collaborations have been created.">
  6.         <title> pseudoroom design </title>
  7.         
  8.         <link rel="stylesheet" href="http://www.pseudoroom.com/wp-content/themes/pr2011/style.css" type="text/css" media="screen" />
  9.         <link rel="stylesheet" href="http://www.pseudoroom.com/wp-content/themes/cudazi_open/css/screen.css" type="text/css" media="screen" />
  10.         <link rel="stylesheet" href="http://www.pseudoroom.com/wp-content/themes/cudazi_open/css/themes/default.css" type="text/css" media="screen" />
  11.         <link rel="stylesheet" href="http://www.pseudoroom.com/wp-content/themes/cudazi_open/css/960.css" type="text/css" media="screen" />
  12.         <link rel="stylesheet" href="http://www.pseudoroom.com/wp-content/themes/cudazi_open/css/print.css" type="text/css" media="print" />
  13.         
  14.         <link rel="shortcut icon" href="http://www.pseudoroom.com/wp-content/themes/cudazi_open/favicon.ico" type="image/x-icon" />
  15.         
  16.         <style type='text/css'>body
  17. {
  18. font-family:helvetica neue,helvetica,arial;    
  19. }
  20.  
  21. h3.section {
  22. font-family:helvetica neue,helvetica,arial;        
  23. }
  24.  
  25. #footer .widget ul li {
  26. border-bottom:1px dotted #B7B7B7;
  27. list-style-type:none;
  28. padding:5px 0;
  29. }
  30.  
  31. #main  .widget ul li {
  32. border-bottom:1px dotted #B7B7B7;
  33. list-style-type:none;
  34. padding:5px 0;
  35. }
  36.  
  37. #footer #footer-top {
  38. background:none repeat scroll 0 0 #CCCCCC;
  39. }
  40.  
  41. #footer #footer-bottom {
  42. border-top:0;
  43. }
  44.  
  45. body, #footer-bottom {
  46. background:none repeat scroll 0 0 #FFFFFF;
  47. }
  48.  
  49. .sf-menu a {
  50. border-bottom:0;
  51. color:#ac0f0f;
  52. }
  53.  
  54. .sf-menu {
  55. border-bottom:0;
  56. }
  57.  
  58. #promo-pager a.activeSlide,
  59. .sf-menu a:hover,
  60. .sf-menu LI.current_page_item A:hover,
  61. .sf-menu li.sfHover A
  62. {
  63.     border-bottom:0;
  64. }
  65.  
  66.  
  67. #outer {
  68. background:none repeat scroll 0 0 #ffffff;
  69. }
  70.  
  71. #footer #footer-top {
  72. background:none repeat scroll 0 0 #FFFFFF;
  73. border-bottom:1px dotted #B7B7B7;
  74. border-top:1px dotted #B7B7B7;
  75. }
  76.  
  77. #header a, #header p, .footerwidget, .footerwidget a, #footer-bottom a:hover {
  78. color:#B7B7B7;
  79. }
  80.  
  81. .footerwidget h3.section {
  82. font-size:14px;
  83. letter-spacing:0;
  84. padding:0 0 10px;
  85. color:#B7B7B7;
  86. }
  87.  
  88. input.wpcf7-text
  89. {
  90. border:1px solid #d1d1d1;
  91. color:#B7B7B7;
  92. padding:3px;
  93. width:294px;
  94. font-family:helvetica neue,helvetica,arial;
  95. outline: none;
  96. }
  97.  
  98. input.wpcf7-submit
  99. {
  100. border:1px solid #d1d1d1;
  101. color:#ffffff;
  102. background-color:#AC0F0F;
  103. padding:4px;
  104. cursor:pointer;
  105. }
  106.  
  107. input.wpcf7-submit:hover
  108. {
  109. background-color:#888888;
  110. }
  111.  
  112. textarea
  113. {
  114. border:1px solid #D1D1D1;
  115. color:#B7B7B7;
  116. font-family:helvetica neue,helvetica,arial;
  117. font-size:11px;
  118. height:105px;
  119. padding:4px;
  120. width:292px;
  121. resize:none;
  122. outline: none;
  123. }
  124.  
  125. .sf-menu li a {
  126. font-weight:normal;
  127. }
  128.  
  129. p.postmeta small {
  130. /* display:none; */
  131. border:0;
  132. font-family:georgia,times New Roman;
  133. }
  134.  
  135. #header {
  136. /* background:none repeat scroll 0 0 #888888; */
  137. background:url(/wp-content/img/top_bg_2.gif) repeat #ffffff;
  138. border-bottom:0;
  139. height:9px;
  140. }
  141.  
  142. .sf-menu li.current_page_item a, .sf-menu li.current_page_parent a, .sf-menu li.current_page_ancestor a {
  143. border-bottom:0 none;
  144. color:#000000;
  145. }
  146.  
  147. #banner {
  148. padding:0;
  149. }
  150.  
  151. #logo
  152. {
  153. margin:-20px 0 0 10px;
  154. }
  155.  
  156. .menu-container
  157. {
  158. height:148px;
  159. margin:12px 0 20px;
  160. text-align:right;
  161. }
  162.  
  163. .sf-menu a:hover,
  164. .sf-menu LI.current_page_item A:hover,
  165. .sf-menu li.sfHover ul a:hover,
  166. .sf-menu li.sfHover A
  167. {
  168.     color:#888888;
  169. }
  170.  
  171. a {
  172. color:#AC0F0F;
  173. }
  174.  
  175. .footerwidget a,
  176. #footer-bottom a:hover
  177. {
  178.     color:#AC0F0F;
  179. text-decoration:none;
  180. }
  181.  
  182. .footerwidget a:hover,
  183. #header a:hover
  184. {
  185.     color:#888888;
  186. text-decoration:none;
  187. }
  188.  
  189. .shadow, .message, .ads ul li a, #commentform #comment, #commentform #author, #commentform #email, #commentform #url, #commentform #submit, .post-thumbnail img, .sf-menu li:hover ul, .sf-menu li.sfHover ul, form#searchform, .gallery img.attachment-thumbnail, #slider img, #gallery-thumbnails img {
  190. -moz-box-shadow:none;
  191. }
  192.  
  193. ul#gallery-thumbnails
  194. {
  195. margin:20px 0 0;
  196. }
  197.  
  198. .post h2 a {
  199. color:#AC0F0F;
  200. font-size:22px;
  201. }
  202.  
  203. .post h2
  204. {
  205. font-size:22px;
  206. font-family:georgia,times New Roman;
  207. }
  208.  
  209. p.postmeta {
  210. margin:-7px 0 0;
  211. padding:0 0 8px;
  212. }
  213.  
  214. .post h2 a:hover {
  215. color:#000000;
  216. }
  217.  
  218. .widget a, .footerwidget a {
  219. text-decoration:none;
  220. }
  221.  
  222. #text-4 h3.section, #execphp-3 h3.section, #execphp-2 h3.section, #twitter-1 h3.section
  223. {
  224. color:#000000;
  225. font-family:georgia,times New Roman;
  226. font-size:12px;
  227. margin:10px 0 5px;
  228. text-transform:none;
  229. }
  230.  
  231. #text-5 h3.section
  232. {
  233. color:#B7B7B7;
  234. font-family:georgia,times new roman;
  235. font-size:16px;
  236. text-transform:none;
  237. margin:0 0 14px;
  238. }
  239.  
  240. #rss-2 h3.section
  241. {
  242. margin:0 0 14px;
  243. }
  244.  
  245. #rss-2 h3.section a, 
  246. #rss-2 h3.section a:hover, 
  247. #rss-2 h3.section a:active, 
  248. #rss-2 h3.section a:visited
  249. {
  250. color:#B7B7B7;
  251. font-family:georgia,times new roman;
  252. font-size:16px;
  253. text-transform:none;
  254. }
  255.  
  256. #rss-2 h3.section img
  257. {
  258. display:none;
  259. }
  260.  
  261. .rssSummary
  262. {
  263. height:0;
  264. line-height:18px;
  265. overflow:hidden;
  266. }
  267.  
  268. div#post-2 h2
  269. {
  270. display:none;
  271. }
  272.  
  273. .post p
  274. {
  275. font-size:14px;
  276. line-height:22px;
  277. }
  278.  
  279. ul#gallery-thumbnails {
  280. margin:20px -10px 0 0;
  281. }
  282.  
  283. .gallery-item {
  284. float:left;
  285. margin-bottom:40px;
  286. margin-right:10px;
  287. }
  288.  
  289. li.gallery-item img
  290. {
  291. width:210px;
  292. height:146px;
  293. }
  294.  
  295. ul.children li.page_item
  296. {
  297. border-bottom:1px solid #ffffff;
  298. }
  299.  
  300. ul.children li.page_item a
  301. {
  302. color:#AC0F0F;
  303. font-size:11px;
  304. }
  305.  
  306. ul.children li.page_item:hover
  307. {
  308. border-bottom:1px solid #ffffff;
  309. }
  310.  
  311. html[xmlns] .clearfix .postnavigation
  312. {
  313. display:none;
  314. }
  315.  
  316. hr
  317. {
  318. display:none;
  319. }
  320.  
  321. #main {
  322. padding:0 0 20px;
  323. }
  324.  
  325. #footer-bottom a
  326. {
  327. color:#AC0F0F;
  328. text-decoration:none;
  329. }
  330.  
  331. p a.post-edit-link
  332. {
  333. display:none;
  334. }
  335.  
  336. a.post-edit-link
  337. {
  338. display:none;
  339. }
  340.  
  341. ul#slider
  342. {
  343. /* margin:5px 0 20px; */
  344. margin:0;
  345. }
  346.  
  347. div.wpcf7-validation-errors  {
  348. border:0 none;
  349. color:#757575;
  350. margin:0;
  351. padding:0;
  352. font-size:11px;
  353. }
  354.  
  355. .textwidget span.wpcf7-not-valid-tip  {
  356. background:none repeat scroll 0 0 #FF0000;
  357. border:0 none;
  358. color:#ffffff;
  359. font-size:11px;
  360. left:20%;
  361. padding:2px;
  362. position:absolute;
  363. text-indent:8px;
  364. top:20%;
  365. width:280px;
  366. z-index:100;
  367. }
  368.  
  369. a:active
  370. {
  371.     position:relative;
  372.     top:0;
  373. }
  374.  
  375. .endquote h3
  376. {
  377. letter-spacing:0px;
  378. }
  379.  
  380. #blogthumb
  381. {
  382. margin:0 20px 20px 0;
  383. }
  384.  
  385. #footer-top {
  386. padding:30px 0 0;
  387. }
  388.  
  389. #promo-pager {
  390. background:none repeat scroll 0 0 #FFFFFF;
  391. border-bottom:1px dotted #B7B7B7;
  392. margin:0 0 22px;
  393. padding:10px 0;
  394. }
  395.  
  396. #promo-pager a {
  397. border-bottom:0;
  398. font-size:12px;
  399. margin-right:5px;
  400. padding:3px 8px 6px;
  401. text-decoration:none;
  402. font-family:georgia,times new roman;
  403. }
  404.  
  405. #promo-pager a.activeSlide {
  406. background:none repeat scroll 0 0 #ffffff;
  407. color:#888888;
  408. position:relative;
  409. font-family:georgia,times new roman;
  410. font-weight:normal;
  411. }
  412.  
  413. .post ul
  414. {
  415. font-size:14px;
  416. margin:0 0 15px;
  417. padding-left:40px;
  418. }
  419.  
  420. .post ol
  421. {
  422. font-size:14px;
  423. margin:0 0 15px;
  424. padding-left:40px;
  425. }
  426.  
  427. .post p strong
  428. {
  429. color:#646464;
  430. }
  431.  
  432. img#blog_thumb
  433. {
  434. border:1px dotted #B7B7B7;
  435. padding:2px;
  436. margin:0 26px 5px 0;
  437. }
  438.  
  439. select#downloads
  440. {
  441. background:#ffffff;
  442. border:1px solid #cccccc;
  443. color:#ac0f0f;
  444. font-family:helvetica,arial;
  445. font-size:11px;
  446. height:24px;
  447. width:150px;
  448. }
  449.  
  450. #execphp-4 h3.section
  451. {
  452. color:#B7B7B7;
  453. font-family:georgia,times new roman;
  454. font-size:16px;
  455. text-transform:none;
  456. margin:0 0 14px;
  457. }
  458.  
  459. #execphp-5 h3.section
  460. {
  461. color:#B7B7B7;
  462. font-family:georgia,times new roman;
  463. font-size:16px;
  464. text-transform:none;
  465. margin:14px 0 14px;
  466. }
  467.  
  468.  
  469. #topnav {
  470. margin:0 0 0 165px;
  471. }
  472.  
  473. </style>        
  474.         <link rel="pingback" href="http://www.pseudoroom.com/xmlrpc.php" />
  475.                 
  476.         <script type="text/javascript" src="http://www.pseudoroom.com/wp-content/themes/cudazi_open/js/jquery.js"></script>
  477.         <script type="text/javascript" src="http://www.pseudoroom.com/wp-content/themes/cudazi_open/js/cufon-yui.js"></script>
  478.         <script type='text/javascript' src="http://www.pseudoroom.com/wp-content/themes/cudazi_open/js/superfish.js"></script>
  479.         <script type='text/javascript' src="http://www.pseudoroom.com/wp-content/themes/cudazi_open/js/supersubs.js"></script>
  480.         <script type="text/javascript" src="http://www.pseudoroom.com/wp-content/themes/cudazi_open/js/jquery.cycle.min.js"></script>
  481.         <script type='text/javascript' src="http://www.pseudoroom.com/wp-content/themes/cudazi_open/js/fonts/none.js"></script>
  482.         <script type="text/javascript" src="http://www.pseudoroom.com/wp-content/themes/cudazi_open/js/general.js"></script>
  483.         
  484.         <script type="text/javascript">
  485.  
  486.   var _gaq = _gaq || [];
  487.   _gaq.push(['_setAccount', 'UA-8794507-1']);
  488.   _gaq.push(['_trackPageview']);
  489.  
  490.   (function() {
  491.     var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  492.     ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  493.     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  494.   })();
  495.  
  496. </script>
  497.         <link rel="alternate" type="application/rss+xml" title="pseudoroom design » Feed" href="http://www.pseudoroom.com/feed/" />
  498. <link rel="alternate" type="application/rss+xml" title="pseudoroom design » Comments Feed" href="http://www.pseudoroom.com/comments/feed/" />
  499. <link rel='stylesheet' id='contact-form-7-css'  href='http://www.pseudoroom.com/wp-content/plugins/contact-form-7/styles.css?ver=2.4.1' type='text/css' media='all' />
  500. <script type='text/javascript' src='http://www.pseudoroom.com/wp-includes/js/jquery/jquery.js?ver=1.4.2'></script>
  501. <script type='text/javascript' src='http://www.pseudoroom.com/wp-includes/js/comment-reply.js?ver=20090102'></script>
  502. <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.pseudoroom.com/xmlrpc.php?rsd" />
  503. <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.pseudoroom.com/wp-includes/wlwmanifest.xml" /> 
  504. <link rel='index' title='pseudoroom design' href='http://www.pseudoroom.com/' />
  505. <link rel='prev' title='Biography' href='http://www.pseudoroom.com/about/' />
  506. <link rel='next' title='Design Blog' href='http://www.pseudoroom.com/blog/' />
  507. <meta name="generator" content="WordPress 3.0.1" />
  508. <link rel='canonical' href='http://www.pseudoroom.com/' />
  509.     <link rel="stylesheet" href="http://www.pseudoroom.com/wp-includes/js/thickbox/thickbox.css" type="text/css" media="screen" />
  510.  
  511.     <script type="text/javascript">
  512.     var tb_pathToImage = "http://www.pseudoroom.com/wp-includes/js/thickbox/loadingAnimation.gif";
  513.     var tb_closeImage = "http://www.pseudoroom.com/wp-includes/js/thickbox/tb-close.png"
  514.     </script>
  515.  
  516.         </head>
  517.     <body class="home page page-id-4 page-template page-template-page-custom-home-php">
  518.         <div id="outer" class="clearfix">
  519.             <div id="header" class="clearfix">
  520.                 <div class="container_12 clearfix">
  521.                     <div class="grid_12">
  522.                         <div class="left social">
  523.                             <p>
  524.                                                          </p>
  525.                         </div>
  526.     
  527.                         <p class="right">
  528.                                                      </p>
  529.                     </div>
  530.                 </div>
  531.             </div><!--//header-->
  532.             
  533.             <div id="banner" class="clearfix">
  534.                 <div id="logotype" class="container_12 clearfix">
  535.                     <div class="grid_3" id="logo">
  536.                                                 <h1><a href="http://www.pseudoroom.com"><img src="/wp-content/img/logo_crop_3.png" alt="pseudoroom design" /></a></h1>
  537.                     </div><!--//logo-->
  538.                     <div class="grid_9 menu-container">
  539.                         <ul id="topnav" class="sf-menu clean clearfix">
  540.                                                                                     <!-- JD edit: now sorting by sub-menu order --><li class="page_item page-item-62"><a href="http://www.pseudoroom.com/professional-folio/" title="Professional Folio">Professional Folio</a>
  541. <ul class='children'>
  542.     <li class="page_item page-item-93"><a href="http://www.pseudoroom.com/professional-folio/web-design/" title="Web Design">Web Design</a></li>
  543.     <li class="page_item page-item-96"><a href="http://www.pseudoroom.com/professional-folio/interface-design/" title="Interface Design">Interface Design</a></li>
  544.     <li class="page_item page-item-94"><a href="http://www.pseudoroom.com/professional-folio/graphic-design/" title="Graphic Design">Graphic Design</a></li>
  545. </ul>
  546. </li>
  547. <li class="page_item page-item-6"><a href="http://www.pseudoroom.com/folio/" title="Freelance Folio">Freelance Folio</a>
  548. <ul class='children'>
  549.     <li class="page_item page-item-99"><a href="http://www.pseudoroom.com/folio/web-design/" title="Web Design">Web Design</a></li>
  550.     <li class="page_item page-item-98"><a href="http://www.pseudoroom.com/folio/interface-design/" title="Interface Design">Interface Design</a></li>
  551.     <li class="page_item page-item-97"><a href="http://www.pseudoroom.com/folio/graphic-design/" title="Graphic Design">Graphic Design</a></li>
  552. </ul>
  553. </li>
  554. <li class="page_item page-item-5"><a href="http://www.pseudoroom.com/blog/" title="Design Blog">Design Blog</a></li>
  555. <li class="page_item page-item-2"><a href="http://www.pseudoroom.com/about/" title="Biography">Biography</a></li>
  556.                         </ul><!--//menu-->
  557.                     </div><!--//grid_9-->
  558.                     
  559.                 </div><!--//container_12-->
  560.             </div><!--//banner-->
  561.  
  562.         <!-- header.php end -->
  563.              <!-- this is page-custom-home.php -->
  564. <div id="main" class="clearfix">
  565.         <div class="container_12">
  566.             
  567.     
  568.             
  569.                 
  570.                 <script type='text/javascript'>    
  571.                 $(function(){ 
  572.                     $('#slider').cycle({
  573.                         fx: 'fade',
  574.                         timeout: 6000,
  575.                         speed: 2000,
  576.                         height: 275,
  577.                         pager: '#promo-pager',
  578.                         pauseOnPagerHover:0,
  579.                         pause:1
  580.                     });
  581.                 }); 
  582.                 </script>
  583.                 <div class='grid_12'><ul class='clean clearfix' id='slider'><li><a href='http://www.pseudoroom.com/facebook-redesigned/'><img src='http://www.pseudoroom.com/wp-content/feature_img/home_feature_fb_redesign.jpg' alt='' /></a></li></ul><div class='clearfix'> </div></div>            
  584.                 
  585.                         
  586.                                             <div class="grid_8">
  587.                 <p><span id="design_blog_home">Latest from the Design Blog</span></p>
  588.                 <div class="post-107 post type-post hentry category-blog clearfix" id="post-107">
  589.         <h2><a href="http://www.pseudoroom.com/facebook-redesigned/" rel="bookmark" title="Permanent Link to Facebook redesigned">Facebook redesigned</a></h2>
  590.     <p class='postmeta'><small><span id='bracket'>{ </span>09.17.2010<span id='bracket'> }</span></small></p>    <p><img align="left" id="blog_thumb" src="/wp-content/feature_img/home_fb_pre.png">I thought it‚Äôd be an interesting exercise to see what I could come up with in terms of redesigning facebook‚Äôs UI. The actual process of digging in and figuring out what I was hoping to accomplish was truly painful, however; it ended up shifting towards an exercise in masochism instead.</p>
  591.  
  592.     </div>
  593. <hr /><div class="post-105 post type-post hentry category-blog clearfix" id="post-105">
  594.         <h2><a href="http://www.pseudoroom.com/new-site-design-august-2010/" rel="bookmark" title="Permanent Link to New Site Design: August 2010">New Site Design: August 2010</a></h2>
  595.     <p class='postmeta'><small><span id='bracket'>{ </span>08.16.2010<span id='bracket'> }</span></small></p>    <p><img align="left" id="blog_thumb" src="/wp-content/feature_img/home_pr_pre.png">I’ve decided to redesign the site after running with (versions of) <a href="http://www.pseudoroom.com/pseudoroom/">the ultra-conservative iteration</a> for awhile now. In the recent era, timely content (save for the <a href="http://www.pseudoroom.com/blog/">Design Blog</a>) had been an issue. My hands were tied on the past few designs in terms of showing any current pieces done while at my last agency.</p>
  596.  
  597.     </div>
  598.                         
  599.                         
  600.             
  601.                             </div><!--//grid_8--> 
  602.                                     <div class="grid_4">
  603.                         <div id="execphp-4" class="widget widget_execphp"><h3 class="section">My UI Customizations</h3>            
  604.             <div class="execphpwidget"><ul><li><a href=http://www.pseudoroom.com/pucca-icons/>Pucca Icons</a></li><li><a href=http://www.pseudoroom.com/ink-desktop-wallpaper/>Ink Desktop Wallpaper</a></li><li><a href=http://www.pseudoroom.com/pucca-desktop-wallpaper/>Pucca Desktop Wallpaper</a></li><li><a href=http://www.pseudoroom.com/probulbous_download/>Probulbous Font</a></li></ul></div>
  605.         </div><div id="execphp-5" class="widget widget_execphp"><h3 class="section">Most Popular</h3>            
  606.             <div class="execphpwidget"><ul>
  607. <li><a href="http://www.pseudoroom.com/facebook-redesigned/">Design Blog: Facebook Redesigned</a></li>
  608. <li><a href="http://www.pseudoroom.com/systematic-icon-design/">Design Blog: Systematic Icon Design</a></li>
  609. <li><a href="http://www.pseudoroom.com/headway-icon/">Design Blog: Headway Icon</a></li>
  610. <li><a href="http://www.pseudoroom.com/pucca-icons/">UI Downloads: Pucca Icons</a></li>
  611. <li><a href="http://www.pseudoroom.com/itrip-psp-packaging/">Portfolio: iTrip PSP Packaging</a></li>
  612. <li><a href="http://www.pseudoroom.com/lintcoat-com/">Portfolio: Lintcoat.com</a></li>
  613. <li><a href="http://www.pseudoroom.com/desktop-icons/">Portfolio: Desktop Icons</a></li></div>
  614.         </div>                    </div><!--//grid_4-->
  615.                                 
  616.                                 
  617.                         
  618.  
  619.                     </div><!--//container_12-->
  620.     </div><!--//main-->
  621.                 <!-- footer.php start -->    
  622.         <div id="footer">
  623.                             <div id="footer-top">
  624.                     <div class="container_12 clearfix">
  625.                         
  626.                         <div class="grid_4">
  627.                             <div id="text-2" class="footerwidget widget widget_text"><h3 class="section">In Brief</h3>            <div class="textwidget"><p style="font-size:14px;line-height:22px;margin:0;"><em><strong>pseudoroom design</strong></em> is the personal creative outlet of Chicago-based designer <a href="/about/">Justin Dauer</a>. Since 1996, it has been the moniker under which his <a href="/folio/">freelance projects</a>, downloadable UI customizations and former collaborations have been created.</p></div>
  628.         </div>                        </div><!--//grid_3-->
  629.                         
  630.                         <div class="grid_4">
  631.                             <div id="better-blogroll" class="footerwidget widget widget_betterblogroll"><h3 class="section">Related</h3><ul><li><a href="http://www.guigalaxy.net/" title="">GUIGalaxy</a></li><li><a href="http://www.linkedin.com/in/pseudoroom" title="">LinkedIn</a></li><li><a href="http://c.itunes.apple.com/WebObjects/MZConnections.woa/wa/viewProfile?userId=9437911" title="">Ping</a></li><li><a href="http://www.flickr.com/photos/pseudoroom/" title="">Flickr</a></li><li><a href="http://www.twitter.com/pseudoroom/" title="">Twitter</a></li><li><a href="http://www.facebook.com/pseudoroom/" title="">Facebook</a></li></ul></div>                        </div><!--//grid_3-->
  632.                         
  633.                         <div class="grid_4">
  634.                             <div id="text-3" class="footerwidget widget widget_text"><h3 class="section">Contact</h3>            <div class="textwidget"><div class="wpcf7" id="wpcf7-f1-w2-o1"><form action="/#wpcf7-f1-w2-o1" method="post" class="wpcf7-form">
  635. <div style="display: none;">
  636. <input type="hidden" name="_wpcf7" value="1" />
  637. <input type="hidden" name="_wpcf7_version" value="2.4.1" />
  638. <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f1-w2-o1" />
  639. </div>
  640. <p>
  641.     <span class="wpcf7-form-control-wrap your-email"><input type="text" name="your-email" value="Enter email address" class="wpcf7-text wpcf7-validates-as-email wpcf7-validates-as-required" size="40"onfocus="if(this.value=='Enter email address') this.value='';" onblur="if(this.value=='') this.value='Enter email address';" </textarea></span> </p>
  642. <p><span class="wpcf7-form-control-wrap your-message"><textarea name="your-message" class="wpcf7-validates-as-required" cols="40" rows="10"></textarea></span> </p>
  643. <p><input type="submit" value="Send" class="wpcf7-submit" /><img class="ajax-loader" style="visibility: hidden;" alt="Sending ..." src="http://www.pseudoroom.com/wp-content/plugins/contact-form-7/images/ajax-loader.gif" /></p>
  644. <div class="wpcf7-response-output wpcf7-display-none"></div></form></div></div>
  645.         </div>                        </div><!--//grid_3-->
  646.                         
  647.                         <!-- <div class="grid_3">
  648.                                                     </div> --><!--//grid_3-->
  649.                         
  650.                     </div><!--//container_12-->
  651.                 </div><!--//footer top-->
  652.                         <div id="footer-bottom">
  653.                 <div class="container_12 clearfix">
  654.                     <div class="grid_8">
  655.                         <p>
  656.                                                             ¬© 2010 <a href="http://www.pseudoroom.com">pseudoroom design</a>
  657.                                                         
  658.                         </p></div><!--//grid_8-->
  659.                     <div class="grid_4"><div class="right"><a href="#" class="scroll-top">Back to Top</a></div></div><!--//grid_4-->
  660.                 </div><!--//container_12-->
  661.             </div><!--//footer bottom-->
  662.         </div><!--//footer-->
  663.         </div><!--//outer-->
  664.         <script type='text/javascript'>
  665. /* <![CDATA[ */
  666. var thickboxL10n = {
  667.     next: "Next >",
  668.     prev: "< Prev",
  669.     image: "Image",
  670.     of: "of",
  671.     close: "Close",
  672.     noiframes: "This feature requires inline frames. You have iframes disabled or your browser does not support them."
  673. };
  674. try{convertEntities(thickboxL10n);}catch(e){};
  675. /* ]]> */
  676. </script>
  677. <script type='text/javascript' src='http://www.pseudoroom.com/wp-includes/js/thickbox/thickbox.js?ver=3.1-20100407'></script>
  678. <script type='text/javascript' src='http://www.pseudoroom.com/wp-content/plugins/contact-form-7/jquery.form.js?ver=2.47'></script>
  679. <script type='text/javascript' src='http://www.pseudoroom.com/wp-content/plugins/contact-form-7/scripts.js?ver=2.4.1'></script>
  680.     </body>
  681. </html>