h1, h2, h3, #contact ul, #contact ul span, .column { float: left; } h2 { margin-right: 30px; width: 150px; } h2, h3 { font-size: 13px; } h2, #contact span, #copyright, #copyright a, #print { color: #999; } h3 { margin: 0 30px 0 0; width: 200px; } h4, .vcalendar p { margin-left: 230px; } #contact:after, #experience:after, #independent:after, .column:after, .vcalendar:after { clear: both; content: ""; display: block; height: 0; overflow: hidden; visibility: hidden; } #contact span { font-variant: small-caps; letter-spacing: 1px; margin-right: 10px; text-transform: lowercase; } #contact ul span { display: block; width: 5em; } #contact ul { list-style-type: none; margin-left: 0; } #copyright { border-color: #eee; border-style: solid; border-width: 1px 0 0; margin-top: 20px; padding-top: 20px; } #copyright a { border-bottom-style: none; } #copyright, #print { font-size: 11px; } #download { line-height: 20px; margin: 20px 0; } #download, #linked-in { float: right; } #experience { padding-top: 20px; } #experience, #independent, p.summary { border-color: #eee; border-style: solid; clear: both; margin-bottom: 20px; } #experience, p.summary { border-width: 1px 0; } #linked-in { background: url(http://cdn1.chrispederick.net/images/3.1/resume.png) 0 0 no-repeat; display: block; height: 48px; padding-right: 0; text-indent: -9999px; width: 48px; } #independent { border-width: 0 0 1px; } #main { border-style: none; } #print { display: none; } p.summary { padding: 20px 0; } .column { width: 780px; } .module { float: left; margin: 0 30px 20px 0; width: 360px; } .module h3 { margin: 0; width: 100%; } .module h3, .module p { float: none; } .vcalendar ul { margin-left: 260px; }  @media handheld, only screen and (max-device-width: 480px) { #download, #linked-in { display: none; } h2, h3, .column, .module { float: none; width: auto; } h4 { margin-left: 0; } .vcalendar p { margin: 20px 0 0 0; } .vcalendar ul { margin-left: 20px; } }  @media print { * { background-color: #fff !important; color: #000 !important; font-size: 12px !important; } a, abbr, #experience, #independent, p.summary { border-style: none !important; } h1 { font-size: 20px !important; line-height: 20px !important; } h2 { float: none !important; font-size: 14px !important; width: auto !important; } h2, h3, h4, #print { margin: 10px 0 0 0 !important; } h2, li, p { line-height: 18px !important; } h3, h4 { float: left !important; } ul { margin: 0 0 0 20px !important; } ul, .vcalendar p { clear: both !important; } #container, #content, #experience, #independent, .education h4, .vcalendar p { margin: 0 !important; } #copyright, #download, #linked-in { display: none !important; } #experience { padding-top: 5px !important; } #print { display: block !important; } #print, #print span { font-size: 10px !important; } #print span { border-bottom: 1px solid #000 !important; } a[rel*=external] { background-image: none !important; padding-right: 0 !important; text-decoration: none !important; } p.summary { margin: 0 0 5px 0 !important; padding: 0 !important; } .module { margin: 0 20px 5px 0 !important; } }