DOM Structure.html

    <section><!-- about-more -->
    <div class="about-more">
    <div id="experience-div" class="experience"><h3>EXPERIENCE</h3>
    	<ul class="menu noaccordion">
            <li>
                <a href="#"><h3>Linux Advocacy <span>//</span> Advocate & PowerUser</h3>
                Early 1995 - Present</a>
                <ul class="acitem">
                    <li>Recently, due to my job and learning the intricacies of ASP.Net have I migrated back onto the windows platform. I was an early
                    adopter back in the mid 1990's running Redhat 5.3. Its amazing how far the free operating system has come. To anyone looking for a
                    great alternative to paid software; I highly recommend linux. Its not for the feint of heart as it comes with a steep learning curve
                    but the rewardes far outweigh the risk.
                    <p>
                    I have close to 14 years of experience under my belt at adminstering Linux machines. The company I have fostered from the ground up, "Groovy Object"
                    offers Open Source solutions to Pittsburgh area businesses. All of the environments put together with hand-selected software and a mind for
                    forward compatability with tomorrows technology.</p></li>
                </ul>
            </li>

            <li>
               <a href="#"><h3>JTron ISP <span>//</span> Developer & Sysop</h3>
               June 2001 - September 2001</a>
               <ul class="acitem">
                <li>
                    My introduction to the professional world of IT.  I developed SQL queries on the RADIUS server that dropped login times from > 1 minute to below 47 seconds. (includes dial-in and connection chatter from the 56k era)
                    <br />I also developed custom portalware in PHP for the customers that fed them US News RSS feeds, Company news, and provided a unique interface for their home-page experience.
                </li>
               </ul>
            </li>

            <li>
                <a href="#"><h3>University-Bound <span>//</span> Developer</h3>
                Feb 2011 - Present</a>
                <ul class="acitem">
                <li>
                    ASP.Net Developer + System Administrator for a Pittsburgh Metro Marketing Firm. Pure .Net shop, windows 2008 R2 management. This marks the beginning of my
                    serious developer relationship with the Pittsburgh area. I've developed quite a few exciting systems using JQuery and ASP.Net. Most notably the Video Scholarship
                    Portal located at <a href="http://www.university-bound.com/scholarships/" target="_new">here</a>.
                </li>
                </ul>
            </li>
    </ul>
    
    </div>
    <div id="skills-div" class="skills"><h3>SKILLS</h3>
    
    <div style="float: left;">
    <h2>Known</h2>
    <li>ASP.Net</li>
    <li>JQuery</li>
    <li>VB.Net / C#</li>
    <li>PHP</li>
    <li>SQL</li>
    <li>CSS</li>
    </div>

    <div style="float: right;">
    <h2>Tools</h2>
    <li>VIM</li>
    <li>Sed / Awk</li>
    <li>Bash / PHP Scripts</li>
    <li>Windows Server 2008</li>
    <li>Visual Studio</li>
    <li>Photoshop / Gimp</li>
    </div>

    </div>
    <div id="goals-div" class="goals"><h3>GOALS</h3>
    "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
    </div>
    
    </div></section>
    <!-- /about-more -->
    

style.css

/* =======
Menu Styling 
=========*/

.menu a h3 {
    font-size: 1.23em;
    font-family: Verdana;
    color: #0066B3;
    padding: 0 0 0 0;
}

.menu ul{
    float: left;
    background: 1a1a1a;
}
.menu li {
    list-style: none;
    padding: 0 0 0 0;
    list-style-image: url(/content/images/about-menu-li.png);
    background: 1a1a1a;  
}

.menu a{
    font-size: 1.0em;
    font-family: Verdana;
    color: #fff;
    text-decoration: none;
    background: #1a1a1a;
}


.menu a:visited{
    font-size: 1.0em;
    font-family: Verdana;
    color: #fff;
    text-decoration: none;
    background: #1a1a1a;
}

.menu a span{
    color: #FFF;
    background: #1a1a1a;
}

.acitem li 
{
   /* sub-content of the menue */
   padding-top: 20px;
   font-size: 1.3em;
   color: #FFF;
   font-family: Verdana;
   width: 400px;
   list-style: none;
}