/* ---------------------------------------------------------------------------------------
   HTML ELEMENTS
   --------------------------------------------------------------------------------------- */  
   #page-wrap h3             { font-family:'LeagueGothicRegular', Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal !important; color:#007fa3; line-height:32px;
                               margin-bottom:10px; }
   p                         { line-height:20px; margin:0 0 10px; }
   #page-wrap blockquote     { margin:10px; color:#0f4d6c;
                               font-family:Georgia, Times New Roman, Times, serif; font-style:italic; display:block; }
   #page-wrap blockquote p   { font-size:24px; line-height:32px; }                         
   a:active                  { position:relative; top:1px; }
   
/* ---------------------------------------------------------------------------------------
   DEFAULT CLASSES
   --------------------------------------------------------------------------------------- */  
   .clear                 { clear:both; }
   .clear-fix             { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
   .clear-left            { clear:left; }
   .clear-right           { clear:right; }
   .left                  { float:left; }
   .right                 { float:right; }

/* ---------------------------------------------------------------------------------------
   @ FONT-FACE
   --------------------------------------------------------------------------------------- */  
    @font-face            { font-family: 'LeagueGothicRegular'; src: url('fonts/league_gothic.eot'); src: local('League Gothic'), local('LeagueGothic'), url('fonts/league_gothic.woff') format('woff'), url('fonts/league_gothic.ttf') format('truetype'); }

/* ---------------------------------------------------------------------------------------
   LAYOUT
   --------------------------------------------------------------------------------------- */
   #wrapper               { font-size:13px; font-family:'Lucida Grande', Arial, Helvetica, sans-serif; background:#007fa3; width:100%; margin:0 auto;
                            padding:0 0 40px; display:block; }  
   #page-wrap             { width:940px; margin:0 auto; background:#f3f3f3; }
   #design-informer       { display:block; padding:20px; text-align:center; width:102px; height:61px; margin:0 auto; }
   #intro                 { width:555px; height:149px; margin:0 auto 40px; display:block; text-indent:-9999px;
                            background:url(http://media.smashingmagazine.com/uploads/about-freelancing/intro.png) left top no-repeat; }
   #title                 { width:940px; height:191px; display:block; }
   #title a                { width:940px; height:191px; display:block;
                            background:url(http://media.smashingmagazine.com/uploads/about-freelancing/freelance.png) left top no-repeat; text-indent:-9999px; }
   
   .indent                { margin-left:20px; }
   .top                   { padding-top:20px; }
   .col                   { width:360px; }
   .col-wide              { width:780px; margin:0 auto; }
   
   /* Client */
   #client                { background:url(http://media.smashingmagazine.com/uploads/about-freelancing/screaming-client.jpg) right top no-repeat; padding:60px; width:820px; }
   #client-title          { background:url(http://media.smashingmagazine.com/uploads/about-freelancing/1-clients.png) left top no-repeat; text-indent:-9999px; display:block; 
                            width:250px; height:81px; margin-bottom:30px; }
   
   /* Equipment */
   #equipment             { background:url(http://media.smashingmagazine.com/uploads/about-freelancing/laptop.jpg) 35px 100px no-repeat #e2ebee; padding:60px; width:820px;
                            border-top:solid 10px #007fa3; border-bottom:solid 10px #007fa3; }
   #equipment-title       { background:url(http://media.smashingmagazine.com/uploads/about-freelancing/2-software.png) no-repeat; text-indent:-9999px; display:block;
                            width:449px; height:82px; margin-bottom:30px; float:right; }
   #laptop                { width:360px; height:380px; float:left; display:block; } 

   /* Yourself */
   #yourself              { background:url(http://media.smashingmagazine.com/uploads/about-freelancing/man-stare.jpg) right 80px no-repeat; padding:60px; width:820px; }
   #yourself-title        { background:url(http://media.smashingmagazine.com/uploads/about-freelancing/3-yourself.png) no-repeat; text-indent:-9999px; display:block;
                            width:284px; height:85px; margin-bottom:30px; }

   #closing               { width:940px; height:168px; margin:0; display:block; text-indent:-9999px;
                            background:url(http://media.smashingmagazine.com/uploads/about-freelancing/closing.png) left top no-repeat; }
                            
/* ---------------------------------------------------------------------------------------
   FOOTER AND PAGE STYLES
   --------------------------------------------------------------------------------------- */                        
   #informer-footer-wrapper     { display:block; margin:0 auto; width:600px; font-family: 'Lucida Grande', Arial, sans-serif; font-size:12px; font-style:normal; padding-top:40px; }
   #comments, #reply,
   #share, #related             { padding-right:0; width:600px !important; }
   .share-wrapper               { width:600px; }
   .blue-line                   { width:600px; }

#wpsidebar { display: none; }