div#navOuterWrap { position: absolute; width: 100%; z-index: 1000000; }
div#navSpace { position: relative; height: 30px; }

body.alphablog header.common nav ul#siteNav { margin-left:-285px; }


/****************** everything below is exactly the same as on alpha ******************/

header.common {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  -moz-box-shadow:inset 0 -12px 20px #efefef;
  -webkit-box-shadow:inset 0 -12px 20px #efefef;
  box-shadow:inset 0 -12px 20px #efefef;
  display: block;
  height: 27px;
  margin: 0 auto 30px;
  min-width: 885px;
  position:relative;
  text-align:left;
  top: 0;
  white-space: nowrap;
  width: 100%;
  font-size: 11px;
}

.no-boxshadow header.common {
  background: #EAEAEA;
  background: url("data:image/gif;base64,R0lGODlhAQAfALMAAOnp6fPz8/n5+f39/fv7+/j4+PX19fz8/Pb29vr6+vf39/T09AAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAABAB8AAAQRcIxDiU1YiMKVR6AhLuQSABEAOw==") repeat-x;
}
.no-boxshadow.no-datauri header.common {
  background: url('http://www.wolframcdn.com/images/bg/header.gradient.20.gif') repeat-x;
}

    header.common a:link, header.common a:visited {
        color: #747474;
    }

    header.common a:hover, header.common a:active {
        color: #DB0303;
    }

    header.common nav#navbar  {
      display: block;
      height: 20px;
      margin: 0 auto;
      position: relative;
      width:  100%;
      z-index: 104;
    }
    header.common nav {
      width:100%;
    }
    header.common nav > ul {
      z-index: 103;
      margin-top:7px;
    }
    header.common nav ul#siteNav { 
      height:20px;
      width:430px;
      padding-right:60px;
      position:absolute;
      left:50%;
      margin-left:-245px;
    }
    header.common nav ul#resourcesNav {
      position:absolute;
      right:10px;
      top:0px;
      width:175px;
    }
    header.common nav ul#resourcesNav li#navMore {
      text-align:right;
      width:143px;
    }
        header.common nav > ul > li {
          background:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAALCAIAAAAx7HC4AAAAD0lEQVQI12M4u+UsA5EYAC4GGVtTBrD5AAAAAElFTkSuQmCC") no-repeat 0 5px;
          display: block;
          float: left;
          padding: 0 16px;
          position: relative;
          margin: 0;
          margin-top:-3px;
          z-index: 102;
        }
        .no-datauri header.common nav ul li {
           background-image: url("http://www.wolframcdn.com/images/bullets/pipe.11.cdb4cd.png");
         }
         .no-datauri header.common nav ul li:first-child,  header.common nav ul li:first-child {
           background-image: none;
         }

            header.common nav li a {
              font-family: Georgia;
              font-size: 100%; /* 11px;*/
              letter-spacing: 1px;
              display: block;
              line-height: 19px;
              text-transform: uppercase;
              width: 100%;
            }
	    header.common nav > ul > li > a {
              height: 100%;
	    }

            header.common nav ul ul li {
              padding:0px;
              margin:0px;
              border:0px;
              margin-left:-5px;
            }
            header.common nav ul ul li:before { content:""; display:none; }

            header.common nav ul ul#more.menu li { 
              clear:both;
              display:block;
            }

            header.common nav ul li#navMore {
              text-align:right;
            }

            header.common nav ul li#navMore:hover #more {
              display:block;
            }

            header.common nav ul li#navMore a#openMore {
              width:100%;
            }
            header.common nav ul li#navMore a#openMore span {
              background:url("http://www.wolframcdn.com/commonSprite.png") no-repeat -390px -13px transparent;
              width:147px;
              display:block;
              float:right;
              height:10px;
              margin-top:5px;
            }

header.common #more {
  border: none;
  display: none;
  list-style: none;
  background: #EAEAEA;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,251,251,0)), color-stop(35%,#EAEAEA)); /* webkit */
  background: -moz-linear-gradient(top, rgba(251,251,251,0) 0%, #EAEAEA 35%);
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 -5px 5px;
  -moz-box-shadow: 0 -5px 5px #ddd;
  -webkit-box-shadow: 0 -5px 5px #ddd;
  box-shadow: 0 0 -5px #ddd;
  border:1px solid #e2e2e2;
  /*height:325px;*/
  padding: 31px 21px 13px 7px;
  position:absolute;
  top: -10px;
  width:144px;
  z-index: 101;
  left:0px;
}
.no-cssgradients header.common #more {
  background:url("http://www.wolframcdn.com/menuBack.png") no-repeat left 5px transparent;
  z-index:-1;
  padding-bottom:21px;
}

header.static-page #more {
}

header.common #more li {
  background-color: transparent;
  list-style-type: none;
  display: block;  
  text-align:left;
  padding-top:3px;
  padding-bottom:3px;
  margin:0;
  height:13px;
}

header.common #more li a {
  background-color: transparent;
  font-family:Verdana, Tahoma;
  font-size:10px;
  text-transform:none;
  letter-spacing:0;
  color:#555;
  padding:4px 6px;
  line-height:19px;
}
header.common #more li a:hover {
  color:#db0303;
}

header.common #more li.line {
  background:white;
  height:1px;
  padding:0;
  margin-top:10px;
  margin-bottom:-3px;
  margin-left:-6px;
  width:170px;
}
.no-cssgradients header.common #more li.line {
  background:transparent;
}


/* TODO move to more general css file when appropriate */
/*--- common menu styles ---*/
/*
a[rel="jump"]:hover + #more.menu, #more.menu:hover {
   left: 0px;
}

.menu {
  display: block;
  position: absolute;
}
*/