Resume Center Layout Sample

Why give out your phone number to anyone when you can give out your virtual number to everyone! Try Call Me Private today!



Potential Candidate

info@mypost.io

http://www.linkedin.com/

Web Developer Resume & Portfolio

Notice to 3rd Party Recruiters (Please Read)

Objective

Seeking challenging opportunities in front-end web development / UI architecture within a 25 statute mile radius of Mountain View, CA 94043.

Summary

Fifteen years professional Internet industry experience
in front & backend web development, database design, integration,
implementation, software development, network and
systems administration, project and account management. Significant experience in SAAS, and Non-profit sectors.

Skills

Expert / Advanced

OO Javascript, jQuery, Backbone.js, Underscore.js, Require.js, xhtml, AJAX / JSON, CSS 2.1/3, Client debugging / optimization tools and techniques- Firebug, YSlow, JSLint, JSMin, Cake PHP, Dreamweaver, Aptana IDE, Netbeans IDE, MVC design, semantic markup, Document Object Model (code sample)

Competent

REST, Git, Cross browser compatability, Dojo, Object Oriented PHP, Drupal CMS, MySQL, Java, J2EE, JPA, Struts 2, Webwork, Spring, Hibernate, Tomcat, Apache, SSL, JSP, A12Y, I18N, Photoshop, Acrobat, Zend Server, Linux / Unix shell, Windows, HTML 5 (code sample)

Moderate Exposure

SCSS, Zend Framework, social media platforms & integration, Web Services (WSDL/SOAP), Ant,
JSF, JBOSS, Glassfish, EJB, JMS, Velocity, Perl, Subversion SVN, CVS, Eclipse IDE

Clients & Project Portfolio


StudentMentor.org
Front End Web Development2011 - present
  • Web application migration from server (PHP, Zend) to client (Javascript, Backbone.js) (code sample - js)
  • Comprehensive website performance optimizations
  • Javascript / AJAX UI upgrades and improvements (code sample - js)
  • jQuery, Backbone.js, ajax, html5, rest, css/scss, php, MySQL, ZendFramework

Taproot Foundation
Account Director, Project Manager, Web Developer2006 - 2011
  • Recruit multi-disciplinary teams for pro-bono advanced website grants in the non-profit sector
  • Manage client relationships, project scopes, and time-lines
  • Manage consulting teams through all project phases- research, draft proposals, design, implementation, follow-up
  • Provide high level and detailed technical direction to other developers and designers
  • Ensure all deliverables conform to Best Practices and current standards
  • Four year record of 100% client satisfaction

SOPYPAA
Web Developer - Pro Bono2007 - 2011
  • End to end web development
  • Cake PHP, jQuery, MySQL, CSS, AJAX
  • Project details

ProjectHired
Web Development Consultant2009
  • JavaScript development
  • DHTML menu navigation

UniversalGiving
Web Developer - Pro Bono2007 - 2008
  • Web Application development and maintenance- presentation layer and client code
  • Javascript, Java, JSP, Struts, CVS

Selected Corporate Client List (1996 - 2002)

Netsuite, Inc. Senior Webserver Administrator

Narus, Inc. Senior System & Network Administrator

Quova, Inc. Senior System & Network Administrator

Philips Silicon Valley Center Network Engineer

Sun Microsystems (Oracle) System Administrator

Agilent Technologies Web Developer

Netscape Communications (AOL) System Administrator

Infoseek (Go.com) Software Developer

Informix Software (IBM) System Administrator

Education

University of California at Berkeley, BA Psychology

Foothill College, 42 units computer science, 4.0 GPA




Project Details

Mid Peninsula Boys & Girls Club

Organizational needs


Transform design mockups into client side code that is cross-browser compatible, and adheres to Web 2.0 standards and industry best practices. Implement ease-of-use client behaviors and navigation with unobtrusive Javascript and jQuery. Provide custom content management and information capture for fund-raising events, donors, members, and community. Ensure that all code is I18N ready for plans to add Spanish and Chinese languages. Ensure that all forms and data are secure with SSL and data sanitization.



Implementations

  • Cake PHP framework configuration and custom extensions for MVC server-side logic
  • MySQL configuration as attached data-store for above
  • jQuery implementation for DHTML, AJAX form submits, validation, and image manipulation
  • Internationalization (I18N), SSL
Conservation Corps North Bay

Organizational needs


Site redesign to project a more professional appearance to the donor community. Interactive capabilities for applicants, volunteers, donors, and community members to submit information electronically and reduce paper usage. Content management features to allow non-technical staff to add, delete, and update dynamic content. Multi-language capability for Spanish speaking corps members.

Implementations:

  • Version 2.0 (released September, 2010)
  • Extensive Drupal CMS customization and configuration to meet rapidly changing needs
  • Complete custom Drupal theming to maintain current design
  • Interoperability with legacy java based features

  • Version 1.0 (released March, 2009)
  • Custom CMS, data capture, and administrative application business logic implemented with Java / Struts 2 framework with Spring
  • Model layer implemented with Hibernate / JPA, Spring / JTA, and MySQL for O/R mapping
  • Model layer architected to utilize DAO, DTO, Entity Session design patterns
  • View layer components include JSP, Freemarker, OGNL, Struts Tags
  • View layer extensions include custom tag library to support Dojo 1.0+
  • Client code implemented with XHTML, CSS, Javascript
  • Extensive Dojo implementation for off-the-shelf widgets and custom form widgets, dynamic content display widgets
  • Extensive cross browser compatibility testing
  • SEO and Google Search integration

Bay Area Young People in AA

Organizational needs

Simple to view website that is mobile friendly and displays as much information as possible with a single page load. Custom CMS features that are easy to learn and use for an organization with frequent turnover.

Implementations

  • PHP / Cake PHP framework configuration and custom extensions for MVC server-side logic
  • MySQL configuration as attached datastore for above
  • jQuery implementation for DHTML, AJAX form submits, content scrolling and overlay

Notice to 3rd Party Recruiters

Dear Unsolicited Recruiters:

I am happy to work with those representing legitimate companies at fair rates. Unfortunately, there are too many unscrupulous clowns out there trying to make a quick buck that are disrespectful of my time. So I have adopted a set of non-negotiable policies for dealing with 3rd party entities. If you are able to respect and abide by ALL of my policies then great, perhaps we can work together, and if not, PLEASE MOVE ON.

  1. I do not deal with off-shore companies under any circumstances. You will be marked as spam.
  2. I only consider opportunities local to my current address- San Francisco, SF Peninsula, or San Jose. Send me an out of state listing. I mark you as spam.
  3. Send a DETAILED JOB DESCRIPTION in the FIRST email including the EXACT CITY where the organization is located. I do not respond to emails where you only state in your opinion that you have a great job opportunity and want to chat further. It’s a waste of my time and I mark you as a spammer.
  4. The job listing better be REAL. If it is not, you are marked as spam.
  5. DO NOT claim to represent a company unless you have done previous business with them- meaning you have successfully placed other candidates there, and DO NOT claim to be representing me to any organization unless all the terms in this list are agreed to and abided by. I will make an extra effort to notify the principle organization of your fraudulent efforts.
  6. If you send me a listing, and I respond with interest, if I don't hear back from you, I mark you as spam.
  7. If you have a "fast growing start-up" I am not interested unless it is for an hourly contract rate. I have ended up working for free too many times, and I will not do it again. Again, you are marked as spam.
  8. I will however, consider being part of an initial founding start-up team if the idea is clearly viable. I perform due diligence. Be prepared to provide the necessary information.
  9. I will not provide reference contact information until interviews have been conducted with the hiring manager AND interest from both sides has been expressed.
  10. I require a phone screen with the hiring manager before I will agree to an on-site interview.
  11. I will not spend more than 5 minutes creating special presentations, filling out questionnaires or taking tests.



Source: https://gist.github.com/dgs700/2372741
Code:
<div id=\"links\">
<a class=\"formats\" id=\"pdf\" href=\"#\"></a>
</div>

<div id=\"resumecontainer\">

<h1>Potential Candidate</h1>
<p><a href=\"mailto:info@mypost.io\">info@mypost.io</a></p>
<p><a href=\"http://www.linkedin.com/\">http://www.linkedin.com/</a></p>
<p><strong>Web Developer Resume & Portfolio</strong></p>
<p><em><a rel=\"#notice\" class=\"proj_link notice\">Notice to 3rd Party Recruiters (Please Read)</a></em></p>
<section>
<h2>Objective</h2>
<p>Seeking challenging opportunities in <em><strong>front-end web development / UI architecture</strong></em> within a 25 statute mile radius of Mountain View, CA 94043.</p>
</section>
<section>
<h2>Summary</h2>
<p>Fifteen years professional Internet industry experience
in front & backend web development, database design, integration,
implementation, software development, network and
systems administration, project and account management. Significant experience in SAAS, and Non-profit sectors.</p>
</section>
<section>
<h2>Skills</h2>
<article class=\"skills\">
<strong>Expert / Advanced</strong>
<p>OO Javascript, jQuery, Backbone.js, Underscore.js, Require.js, xhtml, AJAX / JSON, CSS 2.1/3, Client debugging / optimization tools and techniques- Firebug, YSlow, JSLint, JSMin, Cake PHP, Dreamweaver, Aptana IDE, Netbeans IDE, MVC design, semantic markup, Document Object Model <a href=\"https://gist.github.com/2396079\" target=\"_blank\">(code sample)</a></p>
</article>
<article class=\"skills\">
<strong>Competent</strong>
<p>REST, Git, Cross browser compatability, Dojo, Object Oriented PHP, Drupal CMS, MySQL, Java, J2EE, JPA, Struts 2, Webwork, Spring, Hibernate, Tomcat, Apache, SSL, JSP, A12Y, I18N, Photoshop, Acrobat, Zend Server, Linux / Unix shell, Windows, HTML 5 <a href=\"https://gist.github.com/2372741\" target=\"_blank\">(code sample)</a></p>
</article>
<article class=\"skills\"><strong>Moderate Exposure</strong> <p>SCSS, Zend Framework, social media platforms & integration, Web Services (WSDL/SOAP), Ant,
JSF, JBOSS, Glassfish, EJB, JMS, Velocity, Perl, Subversion SVN, CVS, Eclipse IDE</p>
</article>
</section>
<section id=\"skills_section\">
<h2>Clients & Project Portfolio</h2>
<article class=\"project\">
<a class=\"proj_link external\" rel=\"http://www.studentmentor.org/\">
<strong>StudentMentor.org</strong></a>
<strong class=\"indent\">Front End Web Development</strong>
<em class=\"indent\">2011 - present</em>
<ul>
<li>Web application migration from server (PHP, Zend) to client (Javascript, Backbone.js) <a href=\"https://gist.github.com/2244334\" target=\"_blank\">(code sample - js)</a></li>
<li>Comprehensive website performance optimizations</li>
<li>Javascript / AJAX UI upgrades and improvements <a href=\"https://gist.github.com/2244421\" target=\"_blank\">(code sample - js)</a></li>
<li>jQuery, Backbone.js, ajax, html5, rest, css/scss, php, MySQL, ZendFramework</li>
</ul>
</article>
<article class=\"project\">
<a class=\"proj_link external\" rel=\"http://www.midpenbgc.org\">
<strong>Boys & Girls Club</strong></a>
<strong class=\"indent\">Web Development Consultant & Board Member</strong>
<em class=\"indent\">2006 - present</em>
<ul>
<li>End to end web development <a href=\"https://gist.github.com/2370994\" target=\"_blank\">(code sample - php)</a> <a href=\"https://gist.github.com/2371888\" target=\"_blank\">(code sample - css)</a></li>
<li>Cake PHP, MySQL, jQuery, CSS, AJAX / DHTML <a href=\"https://gist.github.com/2370952\" target=\"_blank\">(code sample - js)</a> <a href=\"https://gist.github.com/2370713\" target=\"_blank\">(code sample - js)</a></li>
<li><a class=\"proj_link details\" rel=\"#bgc\">Project details</a></li>
</ul>
</article>
<article class=\"project\">
<a class=\"proj_link external\" rel=\"http://www.conservationcorpsnorthbay.org/\">
<strong>Conservation Corps</strong></a>
<strong class=\"indent\">Web Development Consultant</strong>
<em class=\"indent\">2008 - present</em>
<ul>
<li>End to end web development</li>
<li>Drupal CMS, Dojo, jQuery, Java, JSP, Struts 2, Spring, Hibernate, MySQL, CSS <a href=\"https://gist.github.com/2372284\" target=\"_blank\">(code sample - java)</a></li>
<li><a class=\"proj_link details\" rel=\"#mcc\">Project details</a></li>
</ul>
</article>
<article class=\"project\">
<a class=\"proj_link external\" rel=\"http://www.taprootfoundation.org/\">
<strong>Taproot Foundation</strong></a>
<strong class=\"indent\">Account Director, Project Manager, Web Developer</strong>
<em class=\"indent\">2006 - 2011</em>
<ul>
<li>Recruit multi-disciplinary teams for pro-bono advanced website grants in the non-profit sector</li>
<li>Manage client relationships, project scopes, and time-lines</li>
<li>Manage consulting teams through all project phases- research, draft proposals, design, implementation, follow-up</li>
<li>Provide high level and detailed technical direction to other developers and designers</li>
<li>Ensure all deliverables conform to Best Practices and current standards</li>
<li>Four year record of 100% client satisfaction</li>
</ul>
</article>
<article class=\"project\">
<a class=\"proj_link external\" rel=\"http://www.sopypaa.org/\">
<strong>SOPYPAA</strong></a>
<strong class=\"indent\">Web Developer - Pro Bono</strong>
<em class=\"indent\">2007 - 2011</em>
<ul>
<li>End to end web development</li>
<li>Cake PHP, jQuery, MySQL, CSS, AJAX</li>
<li><a class=\"proj_link details\" rel=\"#ypaa\">Project details</a></li>
</ul>
</article>
<article class=\"project\">
<a class=\"proj_link external\" rel=\"http://www.projecthired.org/\">
<strong>ProjectHired</strong></a>
<strong class=\"indent\">Web Development Consultant</strong>
<em class=\"indent\">2009</em>
<ul>
<li>JavaScript development</li>
<li>DHTML menu navigation</li>
</ul>
</article>
<article class=\"project\">
<a class=\"proj_link external\" rel=\"http://www.universalgiving.org\">
<strong>UniversalGiving</strong></a>
<strong class=\"indent\">Web Developer - Pro Bono</strong>
<em class=\"indent\">2007 - 2008</em>
<ul>
<li>Web Application development and maintenance- presentation layer and client code</li>
<li>Javascript, Java, JSP, Struts, CVS</li>
</ul>
</article>
<article class=\"project\">
<a class=\"proj_link external\" rel=\"http://www.rebuildingtogetherpeninsula.org\">
<strong>Rebuilding Together Peninsula</strong></a>
<strong class=\"indent\">Web Developer - Pro Bono</strong>
<em class=\"indent\">2005 - 2007</em>
<ul>
<li>Implemented complete site redesign</li>
<li>HTML, CSS, JavaScript, PHP</li>
</ul>
</article>
<article class=\"project\">
<a class=\"proj_link external\" rel=\"http://www.the-river.org\">
<strong>The River Church Community</strong></a>
<strong class=\"indent\">Web Developer - Pro Bono</strong>
<em class=\"indent\">2002 - 2003</em>
<ul>
<li>Web forms and custom content management</li>
<li>HTML, CSS, Java, JSP, JDBC</li>
</ul>
</article>
</section>
<section id=\"clients\">
<h2>Selected Corporate Client List <em style=\"font-size:12px;font-weight:normal;\">(1996 - 2002)</em></h2>
<p><a class=\"proj_link external\" rel=\"http://www.netsuite.com\"><strong>Netsuite, Inc.</strong></a>
<span class=\"indent\">Senior Webserver Administrator</span></p>
<p><a class=\"proj_link external\" rel=\"http://www.narus.com\"><strong>Narus, Inc.</strong></a>
<span class=\"indent\">Senior System & Network Administrator</span></p>
<p><a class=\"proj_link external\" rel=\"http://www.quova.com\"><strong>Quova, Inc.</strong></a>
<span class=\"indent\">Senior System & Network Administrator</span></p>
<p><a class=\"proj_link external\" rel=\"http://www.cyberstars.com/psvc/enter.html\"><strong>Philips Silicon Valley Center</strong></a>
<span class=\"indent\">Network Engineer</span></p>
<p><a class=\"proj_link external\" rel=\"http://www.sun.com\"><strong>Sun Microsystems (Oracle)</strong></a>
<span class=\"indent\">System Administrator</span></p>
<p><a class=\"proj_link external\" rel=\"http://www.home.agilent.com\"><strong>Agilent Technologies</strong></a>
<span class=\"indent\">Web Developer</span></p>
<p><a class=\"proj_link external\" rel=\"http://netscape.aol.com/\"><strong>Netscape Communications (AOL)</strong></a>
<span class=\"indent\">System Administrator</span></p>
<p><a class=\"proj_link external\" rel=\"http://go.com/\"><strong>Infoseek (Go.com)</strong></a>
<span class=\"indent\">Software Developer</span></p>
<p><a class=\"proj_link external\" rel=\"http://www-306.ibm.com/software/data/informix/\"><strong>Informix Software (IBM)</strong></a>
<span class=\"indent\">System Administrator</span></p>
</section>
<section>
<h2>Education</h2>
<p><strong>University of California at Berkeley</strong>, BA Psychology</p>
<p><strong>Foothill College</strong>, 42 units computer science, 4.0 GPA</p>
</section>
<br/><br/>
<section style=\"margin-top:100px;\">
<h2>Project Details</h2>
<article id=\"bgc\" class=\"skills\">
<div class=\"temp\">
<h5><a class=\"proj_link external\" rel=\"http://www.midpenbgc.org\">Mid Peninsula Boys & Girls Club</a></h5>
<p>
Organizational needs<br/><br/>
Transform design mockups into client side code that is cross-browser compatible, and adheres to Web 2.0 standards and industry best practices. Implement ease-of-use client behaviors and navigation with unobtrusive Javascript and jQuery. Provide custom content management and information capture for fund-raising events, donors, members, and community. Ensure that all code is I18N ready for plans to add Spanish and Chinese languages. Ensure that all forms and data are secure with SSL and data sanitization.
<br/><br/>
Implementations
</p>
<ul><li>Cake PHP framework configuration and custom extensions for MVC server-side logic</li>
<li>MySQL configuration as attached data-store for above</li>
<li>jQuery implementation for DHTML, AJAX form submits, validation, and image manipulation</li>
<li>Internationalization (I18N), SSL</li></ul></div></article><article id=\"mcc\" class=\"skills\">
<div class=\"temp\">
<h5><a class=\"proj_link external\" rel=\"http://www.conservationcorpsnorthbay.org/\">Conservation Corps North Bay</a></h5>
<p>Organizational needs<br/><br/>
Site redesign to project a more professional appearance to the donor community. Interactive capabilities for applicants, volunteers, donors, and community members to submit information electronically and reduce paper usage. Content management features to allow non-technical staff to add, delete, and update dynamic content. Multi-language capability for Spanish speaking corps members.

Implementations:</p><ul><li>Version 2.0 (released September, 2010)</li>
<li>Extensive Drupal CMS customization and configuration to meet rapidly changing needs</li>
<li>Complete custom Drupal theming to maintain current design</li>
<li>Interoperability with legacy java based features<br/><br/></li>
<li>Version 1.0 (released March, 2009)</li>
<li>Custom CMS, data capture, and administrative application business logic implemented with Java / Struts 2 framework with Spring</li>
<li>Model layer implemented with Hibernate / JPA, Spring / JTA, and MySQL for O/R mapping</li>
<li>Model layer architected to utilize DAO, DTO, Entity Session design patterns</li>
<li>View layer components include JSP, Freemarker, OGNL, Struts Tags</li>
<li>View layer extensions include custom tag library to support Dojo 1.0+</li>
<li>Client code implemented with XHTML, CSS, Javascript</li>
<li>Extensive Dojo implementation for off-the-shelf widgets and custom form widgets, dynamic content display widgets</li>
<li>Extensive cross browser compatibility testing</li>
<li>SEO and Google Search integration</li></ul></div></article>

<article id=\"ypaa\" class=\"skills\"><div class=\"temp\">
<h5><a class=\"proj_link external\" rel=\"http://www.sopypaa.org/\">Bay Area Young People in AA</a></h5>
<p>Organizational needs

Simple to view website that is mobile friendly and displays as much information as possible with a single page load. Custom CMS features that are easy to learn and use for an organization with frequent turnover.

Implementations</p>
<ul><li>PHP / Cake PHP framework configuration and custom extensions for MVC server-side logic</li>
<li>MySQL configuration as attached datastore for above</li>
<li>jQuery implementation for DHTML, AJAX form submits, content scrolling and overlay</li></ul></div></article>

<article id=\"notice\" class=\"skills\">
<div class=\"temp\">
<h5>Notice to 3rd Party Recruiters</h5>
<p>Dear Unsolicited Recruiters:

I am happy to work with those representing legitimate companies at fair rates. Unfortunately, there are too many unscrupulous clowns out there trying to make a quick buck that are disrespectful of my time. So I have adopted a set of non-negotiable policies for dealing with 3rd party entities. If you are able to respect and abide by ALL of my policies then great, perhaps we can work together, and if not, PLEASE MOVE ON.</p>
<ol><li>I do not deal with off-shore companies under any circumstances. You will be marked as spam.</li>
<li>I only consider opportunities local to my current address- San Francisco, SF Peninsula, or San Jose. Send me an out of state listing. I mark you as spam.</li>
<li>Send a DETAILED JOB DESCRIPTION in the FIRST email including the EXACT CITY where the organization is located. I do not respond to emails where you only state in your opinion that you have a great job opportunity and want to chat further. It’s a waste of my time and I mark you as a spammer. </li>
<li>The job listing better be REAL. If it is not, you are marked as spam.</li>
<li>DO NOT claim to represent a company unless you have done previous business with them- meaning you have successfully placed other candidates there, and DO NOT claim to be representing me to any organization unless all the terms in this list are agreed to and abided by. I will make an extra effort to notify the principle organization of your fraudulent efforts.</li>
<li>If you send me a listing, and I respond with interest, if I don't hear back from you, I mark you as spam.</li>
<li>If you have a \"fast growing start-up\" I am not interested unless it is for an hourly contract rate. I have ended up working for free too many times, and I will not do it again. Again, you are marked as spam.</li>
<li>I will however, consider being part of an initial founding start-up team if the idea is clearly viable. I perform due diligence. Be prepared to provide the necessary information.</li>
<li>I will not provide reference contact information until interviews have been conducted with the hiring manager AND interest from both sides has been expressed.</li>
<li>I require a phone screen with the hiring manager before I will agree to an on-site interview.</li>
<li>I will not spend more than 5 minutes creating special presentations, filling out questionnaires or taking tests.</li></ol></div></article></section>
CSS:
body{font-family:Geneva, Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#000000;text-align:center;margin:0;padding:0;line-height:1.5em;}
header, section, article{display:block;}
header{text-align:center;position:relative;z-index:1;}
section{margin:20px 0 10px;padding:0;}
p{margin-top:0;padding:0;}
ul, ol{margin:10px 0 0;padding:0;}
h1{margin:5px;font-size:2em;font-weight:bold;}
h2{font-size:1.4em;font-style:italic;font-weight:bold;margin:5px 0;}
h5{margin:20px 0 10px;font-size:1.2em;font-weight:bold;}
a, a:link, a:visited{border:medium none;text-decoration:none;color:#009;cursor:pointer;}
#resumecontainer{background-color:#F6F6F6;text-align:left;padding:20px;margin:20px auto;min-width:300px;max-width:600px;position:relative;}
header p{margin:5px;}
#links img{border:0 none;}
.skills{margin:10px 10px;}
.project{margin:10px 0 20px 10px;}
section > p, section > article{margin:5px 0 0 10px;}
#skills_section{position:relative;z-index:0;}
#body_popup{position:absolute;left:0;top:0;z-index:1000;display:none;background-color:#FFFFFF;border:1px solid #000;padding:20px;min-width:300px;max-width:440px;text-align:left;}
a:hover{text-decoration:none;color:#03F;}
.close{display:block;float:right;}
li{margin-left:5px;list-style-position:inside;list-style-type:circle;padding-left:0}
ol > li{list-style-position:inside;list-style-type:decimal;margin-bottom:10px;margin-left:0;}
#links{position:absolute;top:0;right:0;width:60px;}
.formats{display:inline-block;height:16px;width:16px;background:url(img/links.png) no-repeat;}
#doc{background-position:0 0;}
#txt{background-position:0 -52px;}
#pdf{background-position:0 -26px;}
.indent{margin-left:20px;}
@media only screen and (max-device-width: 480px) {
body{font-size:18px;}
#resumecontainer{padding:20px;margin:20px;max-width:1000px;}
#body_popup{max-width:1000px;}