* { padding:0; margin:0; } h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin:20px 0; } li, dd, blockquote { margin-left: 40px; } fieldset { padding:10px; }  body { font-family: Verdana, Arial, Helvetica, sans-serif; color: #b8d7d0; background: #000000; } a { color: #000000; background: #abffec; text-decoration: none; } a:hover { color: #b8d7d0; background: none; text-decoration: underline; } h2 { margin: 0; font-size: 24px; font-weight: normal; color: #dcfff7; } hr { display: none; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;}  * html .clearfix {height: 1%;} .clearfix {display: block;}   #wrap { margin: 0 auto; padding: 0; width: 1160px; } #head { display: block; margin: 0 0 30px 0; padding: 0; width: 1160px; height: 296px; background: url(cssimg/header_bg.jpg) top left no-repeat; } #head h1, #head h2, #head p { margin: 0; padding: 0; font-size: 10px; font-weight: normal; text-indent: -2700em; } #folio { position: relative; display: block; } #work { display: block; width: 914px; z-index: 3; float: left; } #work .project{ position: relative; display: block; width: 914px; height: 745px; } #work .project h2{ position: absolute; top: 6px; left: 100px; } #work .project img{ position: absolute; top: 35px; left: 97px; } #work .project p.role{ margin: 0; padding: 5px 35px 5px 8px; position: absolute; top: 640px; left: 97px; font-size: 10px; color: #abffec; background: #000000; } #work .project ul.work_links{ margin: 0; position: absolute; top: 640px; right: 97px; font-size: 10px; color: #abffec; list-style-type: none; } #work .project ul.work_links li{ margin: 0 0 0 6px; float: left; background: #000000; } #work .project ul.work_links li a{ padding: 3px; border: 2px solid #000000; display: block; font-weight: bold; } #work .project ul.work_links li.offline{ padding: 3px; border: 2px solid #000000; display: block; font-weight: bold; background: #000000; } .s1 { background: url(cssimg/s1_bg.jpg) top left no-repeat; } .s2 { background: url(cssimg/s2_bg.jpg) top left no-repeat; } .s3 { background: url(cssimg/s3_bg.jpg) top left no-repeat; } .s4 { background: url(cssimg/s4_bg.jpg) top left no-repeat; } .s5 { background: url(cssimg/s5_bg.jpg) top left no-repeat; } #miniBlog { width: 238px; display: block; top: 37px; position: absolute; left: 836px; z-index: 10; } #miniBlog .entry { padding: 6px 0; margin-bottom: 10px; display: block; width: 238px; background: url(cssimg/entry_bg.jpg) top left repeat-y; } #miniBlog .entry h3 { margin: 0; padding: 4px 4px 4px 9px; font-size: 12px; font-weight: normal; display: block; width: 230px; voice-family: "\"}\""; voice-family:inherit; width: 217px; background: #000000; } #miniBlog .entry p { margin: 6px 8px 6px 9px; font-size: 10px; color: #dcfff7; line-height: 14px; } #miniBlog .entry blockquote { margin: 6px 8px 6px 9px; font-size: 10px; font-style: italic; color: #dcfff7; line-height: 14px; } #miniBlog .entry li { font-size: 10px; padding: 3px 0; margin-left: 30px; margin-right: 10px; color: #dcfff7; list-style-image: url(cssimg/li_bg.gif); } #miniBlog .entry ul { margin: 10px 0; } #miniBlog .entry img { margin: 6px 8px 6px 9px; } #miniBlogFooter { position: absolute; bottom: 76px; left: 836px; margin: 0; display: block; width: 238px; height: 214px; background: url(cssimg/miniBlogFooter_bg.png) top left no-repeat; z-index: 20; }  * html #miniBlogFooter{ background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/css/cssimg/miniBlogFooter_bg.png',sizingMethod='scale'); }  #bio, #awards, #links { padding: 20px 86px; } .infoBlock { display: block; width: 988px; background: url(cssimg/infoBlock_bg.jpg) top left repeat-y; } .darkOverlay { background: url(cssimg/darkOverlay_bg.png) top left repeat; }  * html .darkOverlay{ background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/css/cssimg/darkOverlay_bg.png',sizingMethod='scale'); }  #util .darkOverlay a { position: relative; } #bio { background: url(cssimg/bio_bg.jpg) top left no-repeat; } #bio .infoBlock{ margin-top: 4px; padding: 12px 0; } #bio h3 { margin: 0; padding: 4px 28px; display: block; width: 988px; voice-family: "\"}\""; voice-family:inherit; width: 932px; font-size: 12px; background: #000000; } #bio .darkOverlay { margin: 6px 11px 15px 11px; padding: 4px 0; } #bio .darkOverlay p { margin: 8px 15px; font-size: 10px; color: #b8d7d0; } #bio blockquote { font-size: 10px; background: #000000; width: 870px; padding: 6px; } #awards { background: url(cssimg/awards_bg.jpg) top left no-repeat; } #awards .infoBlock{ padding: 12px 0; } #awards h3 { margin: 0; padding: 4px 28px; display: block; width: 988px; voice-family: "\"}\""; voice-family:inherit; width: 932px; font-size: 12px; background: #000000; } #awards .darkOverlay { margin: 4px 11px 15px 11px; padding: 4px 0; } #awards .darkOverlay ul { margin: 0 17px; padding: 0; list-style-type: none; float: left; display: block; width: 274px; } #awards .darkOverlay ul li { margin: 10px 0; font-size: 10px; color: #b8d7d0; line-height: 14px } #links { background: url(cssimg/links_bg.jpg) top left no-repeat; } #links .infoBlock{ padding: 12px 0; } #links .floatBlock { float: left; } #links ul{ margin: 0; padding: 0; list-style: none; } #links li { margin: 0; padding: 0; float: left; } #links li a { margin: 0 5px 8px 0; padding: 2px 0 0 8px; display: block; height: 18px; width: 142px; voice-family: "\"}\""; voice-family:inherit; height: 16px; width: 134px; font-size: 10px; background: #293e38; color: #abffec; } #links li a:hover { background: none; } #links #friends { display: block; width: 329px; } #links #friends h3 { margin: 0; padding: 4px 0 4px 28px; display: block; width: 325px; voice-family: "\"}\""; voice-family:inherit; width: 297px; font-size: 12px; background: #000000; } #links #friends ul { margin: 5px 0 0 11px; padding: 11px 10px; display: block; width: 314px; voice-family: "\"}\""; voice-family:inherit; width: 294px; } #links #community { display: block; width: 330px; } #links #community h3 { margin: 0 0 0 10px; padding: 4px 0 4px 16px; display: block; width: 314px; voice-family: "\"}\""; voice-family:inherit; width: 298px; font-size: 12px; background: #000000; } #links #community ul { margin: 5px 0 0 10px; padding: 11px 10px; display: block; width: 314px; voice-family: "\"}\""; voice-family:inherit; width: 294px; } #links #industry { display: block; width: 329px; } #links #industry h3 { margin: 0 0 0 6px; padding: 4px 0 4px 16px; display: block; width: 323px; voice-family: "\"}\""; voice-family:inherit; width: 307px; font-size: 12px; background: #000000; } #links #industry ul { margin: 5px 0 0 6px; padding: 11px 10px; display: block; width: 314px; voice-family: "\"}\""; voice-family:inherit; width: 294px; } #footer { display: block; width: 1160px; height: 204px; background: url(cssimg/footer_bg.jpg) top left no-repeat; }   .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }  .sIFR-active h2 { visibility: hidden; font-family: Verdana; line-height: 1em; font-size: 24px; } .sIFR-active #miniBlog h3 { visibility: hidden; font-family: Verdana; line-height: 1em; font-size: 14px; } .sIFR-active #bio h3 { visibility: hidden; font-family: Verdana; line-height: 1em; font-size: 14px; } .sIFR-active #awards h3 { visibility: hidden; font-family: Verdana; line-height: 1em; font-size: 14px; } .sIFR-active #links #friends h3 { visibility: hidden; font-family: Verdana; line-height: 1em; font-size: 14px; } .sIFR-active #links #community h3 { visibility: hidden; font-family: Verdana; line-height: 1em; font-size: 14px; } .sIFR-active #links #industry h3 { visibility: hidden; font-family: Verdana; line-height: 1em; font-size: 14px; }   .sIFR-flash { display: none !important; height: 0; width: 0; position: absolute; overflow: hidden; } .sIFR-alternate { visibility: visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important; }