body { margin: 0; padding: 0; font: x-small/1.6em "Lucida Grande", Verdana, Sans-serif; color: #444; font-size/* */:/**/small; font-size: /**/small; } h1 { margin: 0 0 .25em; font-size: 36px; color: #f40; text-transform: uppercase; } h2 { margin: 0 0 .25em; font-size: 24px; color: #17a; } h3 { margin: 0 0 .75em; color: #f40; } h4 { margin: 0 0 .25em; } p { margin: 0 0 .75em; } ul { margin: 0; padding: 0; list-style: none; } ul li { margin: 0; padding: 0; list-style: none; } dl { margin: 0; padding: 0; } dt { margin: 0; padding: 0; font-weight: bold; color: #369; } dd { margin: 0 0 1em; padding: 0; } blockquote { margin: 0 0 .75em; padding: 0 20px; color: #666; font-size: 90%; } /* Link Styles ------------------------------------------------ */ a:link { color: #f40; } a:visited { color: #f40; } a:hover { background: #fea; } h3 a:link { color: #f40; text-decoration: none; } h3 a:visited { color: #f40; text-decoration: none; } h3 a:hover { background: #fea; text-decoration: underline; } #col2 a:link, #col2 a:visited { color: #f40; text-decoration: none; } #col2 a:hover { color: #fff; background: #f40; } a:link img { border: none; background: none; } a:hover img { border: none; background: none; } /* Page Structure ------------------------------------------------ */ #wrapper { width: 960px; } #header { height: 110px; background: #000; } #content { padding: 0 0 20px; margin: 0; border-bottom: 1px solid #c20; } #col1 { float: left; width: 520px; padding: 0; margin: 0; line-height: 1.5em; } #col1pad { clear: both; padding: 20px; background: #fff; } #col2 { float: right; width: 220px; padding: 0; margin: 0; font-size: 80%; line-height: 1.5em; } #col3 { float: right; width: 220px; padding: 0; margin: 0; font-size: 83%; line-height: 1.5em; } .colpad { padding-left: 10px; padding-right: 10px; } #footer { clear: both; padding: 20px 20px 40px; color: #fff; text-shadow: #c51 0 1px 1px; border-top: 1px solid #f80; } .clear { clear: both; height: 1px; } /* Header Styles ------------------------------------------------ */ } .home h1#logo { width: 270px; height: 110px; padding: 0; margin: 0; text-indent: -10000px; } h1#logo a:link, h1#logo a:visited, h1#logo a:hover { display: block; width: 270px; height: 110px; padding: 0; margin: 0; text-indent: -10000px; } /* Nav Styles ------------------------------------------------ */ #nav1 { padding: 30px 0 0; margin: 0; background: #000; } #nav1 ul { float: left; width: 520px; padding: 10px 0 0; margin: 0; border-top: 1px solid #f60; } #nav1 li { float: left; display: block; padding: 0; margin: 0 0 0 10px; border-top: 1px solid #c20; } #nav1 li.first { margin: 0 0 0 20px; } .home #nav1 li.home, .blog #nav1 li.blog, .portfolio #nav1 li.portfolio, .contact #nav1 li.contact { padding: 6px 10px; color: #f40; text-shadow: #ccc 0 1px 1px; } #nav1 li a:link, #nav1 li a:visited { float: left; display: block; padding: 6px 10px; margin: 0; color: #fff; text-shadow: #c51 0 1px 1px; text-decoration: none; } #nav1 li a:hover { text-decoration: none; } /* Content Styles ------------------------------------------------ */ .hilite { background: #ddf6ff; } .home h2, .icons h2, .web h2, .interface h2, .identity h2 { line-height: 1.1em; _line-height: 1.2em; } .drop { margin: 1em 0 1em; padding: 8px 10px; background: #ddf6ff; border: 1px solid #bef; } .drop h3 { margin: 0 0 .25em; color: #1a8; } .drop p { margin: 0; } #col2 h2, #col3 h2 { clear: both; font-size: 13px; line-height: 1.4em; color: #1a8; margin: 0 10px 1px; } #col3 h2 { color: #058; } .home #col2 h2 { font-size: 16px; } #col2 p, #col3 p { margin-left: 10px; margin-right: 10px; } #col2 ul, #col3 ul { margin: 0 10px .75em; } #col2 h2 a:link, #col2 h2 a:visited { color: #1a8; text-decoration: none; } #col2 h2 a:hover { background: none; } #col2 h3, #col3 h3 { clear: both; font-size: 12px; line-height: 1.4em; margin: 0 10px; } .droplink { float: left; margin: -.5em 0 1.25em; } .droplink a:link, .droplink a:visited { float: left; display: block; padding: 2px 6px; color: #f40; font-weight: bold; font-size: 120%; text-decoration: none; background: #ce7; } .droplink a:hover { color: #fff; text-decoration: none; background: #f60; } #col3 a:link, #col3 a:visited { color: #17a; text-decoration: none; } #col3 a:hover { color: #fff; background: #17a; text-decoration: none; } 1