#sub-navigation { list-style-type: none; margin: -20px 0 29px 0; } #sub-navigation:after { clear: both; content: ""; display: block; height: 0; overflow: hidden; visibility: hidden; } #sub-navigation a { border-bottom-style: none; color: #fff; display: block; padding: 10px 0; text-decoration: underline; } #sub-navigation li { background-color: #000; float: left; font: 11px/1 museo-sans-1, museo-sans-2, "gill sans", trebuchet, calibri, sans-serif; letter-spacing: 1px; margin-right: 1px; text-align: center; text-transform: uppercase; width: 84px; } #sub-navigation .first { width: 88px; } #sub-navigation li a:focus, #sub-navigation li a:hover, #sub-navigation .selected { background: -moz-linear-gradient(top, #ccc, #999); background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999)); } .no-cssgradients #sub-navigation li a:focus, .no-cssgradients #sub-navigation li a:hover, .no-cssgradients #sub-navigation .selected { background-color: #ccc; }  h3:target { background: -moz-linear-gradient(top, #9c3, #693); background: -webkit-gradient(linear, left top, left bottom, from(#9c3), to(#693)); border-bottom: 1px solid #030; font-size: 25px; line-height: 30px; margin: 20px 0 10px; padding: 10px; text-shadow: 0 -1px 0 #000; } h3:target, h3:target a { color: #fff; } .no-cssgradients h3:target { background-color: #693; } #download { background: -moz-linear-gradient(top, #9c3, #693); background: -webkit-gradient(linear, left top, left bottom, from(#9c3), to(#693)); border: 1px solid #030; margin: 20px 0; min-height: 50px; padding: 20px 10px; position: relative; text-shadow: 0 -1px 0 #000; } #download:after { clear: both; content: ""; display: block; height: 0; overflow: hidden; visibility: hidden; } #download a { border-bottom-color: #fff; color: #fff; } #download a:focus, #download a:hover { border-bottom-color: #060; color: #060; text-shadow: none; } #download a[rel*=external] { background-image: none; padding-right: 0; } #download h3 { margin: 0 85px 39px 0; } #download h3 a { border-bottom-style: solid; text-decoration: none; } #download span { background: url(http://cdn1.chrispederick.net/images/3.1/work/work.png) 0 0 no-repeat; position: absolute; right: 10px; top: 10px; } #download span, #download span a { display: block; height: 64px; width: 64px; } #download span a { border-bottom-style: none; } #download .chrome { background: url(http://cdn1.chrispederick.net/images/3.1/work/web-developer/chrome/browser-logo.png) 0 0 no-repeat; float: left; margin-right: 5px; position: static; } #download .firefox, #download .flock, #download .seamonkey, #download .songbird { background: url(http://cdn1.chrispederick.net/images/3.1/work/browsers.png) 0 0 no-repeat; float: left; margin-right: 5px; position: static; } #download .flock { background-position: 0 -64px; } #download .seamonkey { background-position: 0 -128px; } #download .songbird { background-position: 0 -192px; } #download-meta { float: right; margin-top: 10px; text-align: right; } #download-meta h4, #download-meta p { color: #fff; } #download-meta p { line-height: 15px; } .no-cssgradients #download { background-color: #693; } .icon-module { float: left; margin: 16px 30px 0 0; min-height: 64px; position: relative; width: 270px; } .icon-module h4, .icon-module p { margin-right: 75px; } .icon-module span { background: url(http://cdn1.chrispederick.net/images/3.1/work/browsers.png) 0 0 no-repeat; position: absolute; right: 0; top: 0; } .icon-module span, .icon-module span a { display: block; height: 64px; width: 64px; } .icon-module .flock { background-position: 0 -64px; } .icon-module .seamonkey { background-position: 0 -128px; } .icon-module .songbird { background-position: 0 -192px; } .donate { padding-right: 75px; position: relative; } .donate span { background: url(http://cdn1.chrispederick.net/images/3.1/work/work.png) 0 -64px no-repeat; display: block; height: 64px; position: absolute; right: 0; top: 0; width: 64px; } .keyboard { margin-top: 20px; } .keyboard + .keyboard { margin-top: 0; }  #faq h3 { border-top: 1px solid #eee; margin-top: 39px; padding-top: 40px; } #faq h3:target { margin-top: 29px; padding-top: 10px; }  .items a { border-bottom-style: none; color: #000; } .items li:target { background: -moz-linear-gradient(top, #9c3, #693); background: -webkit-gradient(linear, left top, left bottom, from(#9c3), to(#693)); border-bottom: 1px solid #030; font-size: 25px; line-height: 30px; list-style-type: none; padding: 10px; text-shadow: 0 -1px 0 #000; } .items li:target a { color: #fff; } .items li:target li { font-size: 15px; line-height: 20px; }  .presentation { margin: 20px 0; } .presentation span { display: none; }  #user-agent-xml { margin-top: 20px; }  @media handheld, only screen and (max-device-width: 480px) {  #sub-navigation { display: none; }  #download h3 { margin-right: 0; overflow: hidden; } #download span:not([class]) { display: none; } #download-meta { clear: both; float: none; padding-top: 20px; text-align: left; } .pull { display: block; float: none; } }