#topHeader, #topHeaderContent,
#topHeader h1, #loggedInNav, #loggedOutNav, #topHeaderIcons {
   height: 40px;
   line-height: 40px;
}

#topHeader .centered24px {
   margin-top: 8px;
}

#topHeader {
   min-width: 981px;
   margin-bottom: 24px;
   background-color: #afc400;
   text-align: center;
   font-family: "Arial", sans-serif;
}

#topHeader #topHeaderContent a, #topHeader #topHeaderContent p, #topHeader #topHeaderContent span.downArrow {
   color: #ffffff;
}

#topHeaderContent {
   position: relative;
   width: 981px;
   margin: 0px auto;
}

.adBlocks {
   width: 931px;
   margin: 0 auto;
}

.adBlocks div.leaderAd {
   float: left;
   width: 730px;
   height: 90px;
   overflow: hidden;
   margin: 8px 0px 16px;
}

/* Remove stupid anchor in doubleclick that pushes down the ad banner. */
.adBlocks div.leader a {
   display: none;
}

.adBlocks div.cornerAd {
   float: right;
   width: 190px;
   height: 90px;
   overflow: hidden;
   margin: 8px 0px 16px;
}
.adBlocks a img {
   border: none;
}

/* LOGO */

#topHeader h1 {
   float: left;
   margin: 0px;
   font-size: 1.0em;
}

#topHeader h1 a.imageLogo {
   display: block;
   width: 79px;
   height: 23px;
   margin: 7px 0px;
   background-image: url(http://ifixit.com/static/images/nano/logo2.png);
   background-repeat: no-repeat;
   background-position: center;
   text-indent: -99999px;
}

#topHeader h1 a.imageLogo.noPush { margin-top: .7em; }

#topHeader h1 a.textLogo {
   display: inline-block;
   font-family: 'Lobster', serif; 
   font-size: 2.4em; 
   line-height: 1.6em;
   text-shadow: 0 -1px 0 rgba(0,0,0,.2);
   max-width: 308px;
   white-space: nowrap;
   text-decoration: none;
   font-weight: normal;
   font-style: normal;
}

#topHeader h1 img { border: none; }

#topHeader {
   -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px -1px 0px rgba(0,0,0,.1);
   -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px -1px 0px rgba(0,0,0,.1);
   box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px -1px 0px rgba(0,0,0,.1);
   font-family: Helvetica, Arial, sans-serif;
   text-shadow: 0px -1px 0px rgba(0,0,0,.2);
   background: #afc400; /* Old browsers */
   background: -moz-linear-gradient(top, #cfdc66 0%, #afc400 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfdc66), color-stop(100%,#afc400)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #cfdc66 0%,#afc400 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #cfdc66 0%,#afc400 100%); /* Opera11.10+ */
   background: -ms-linear-gradient(top, #cfdc66 0%,#afc400 100%); /* IE10+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfdc66', endColorstr='#afc400',GradientType=0 ); /* IE6-9 */

}

/* HEADER LINKS */

#topHeaderIcons {
   float: right;
   margin: 0px 0px 0px 16px;
   padding: 0px;
   list-style: none;
}

#topHeaderIcons li {
   float: left;
   margin: 0px;
}

#topHeaderIcons li a {
   float: left;
   display: block;
   padding: 0px 14px;
   font-weight: bold;
   font-size: 1.167em;
}

#topHeaderIcons li a:hover {
   text-decoration: underline;
}

#topHeaderIcons li.active a {
   background-color: #8c9c00;
   text-decoration: none;
}


#topHeaderIcons li.active a {
   -webkit-box-shadow: inset 0px 0px 4px rgba(0,0,0,.2);
   -moz-box-shadow: inset 0px 0px 4px rgba(0,0,0,.2);
   box-shadow: inset 0px 0px 4px rgba(0,0,0,.2);
   background: #8c9c00; /* Old browsers */
   background: -moz-linear-gradient(top, #afc400 0%, #8c9c00 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#afc400), color-stop(100%,#8c9c00)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #afc400 0%,#8c9c00 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #afc400 0%,#8c9c00 100%); /* Opera11.10+ */
   background: -ms-linear-gradient(top, #afc400 0%,#8c9c00 100%); /* IE10+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afc400', endColorstr='#8c9c00',GradientType=0 ); /* IE6-9 */
}