/* BODY AND CONTAINER
================================================== */

body {
  background-color:#bff5ff;
  }

#container { 
  position:relative;
  width:960px; 
  margin:0 auto 50px; 
  padding-top:80px;
  }




/* MASTHEAD
================================================== */

#branding {
  position:absolute;
  width:320px;
  left:0;
  top:0;
  z-index:100;
}

#branding h2 {
  text-align:right;
}

#branding p {
  padding-left:90px;
  text-align:center;
}


/* USERNAV
================================================== */
#user_nav {
  position:absolute;
  right:50px;
  top:10px;
}

#user_nav a {
  font-weight:bold;
}


#admin_nav {
  padding:5px 10px;
  color:#AAA;
  background:#333; 
  margin-bottom:1em;
}

#admin_nav ul {
  list-style-type:none;
  margin:0;
  padding-left:48px;
  background:url(/images/icons/admin_badge.png) no-repeat left center;   
  font-size:.8em;
}

#admin_nav li {
  display:inline;
  margin-right:1em;
}

#admin_nav a {
  color:#FFF; 
}

/* CONTENT
================================================== */

#content {
  margin-left:60px;
  margin-right:10px;
  padding-left:290px;
  padding-right:40px;
  padding-bottom:20px;
  padding-top:60px;
  background-color:#fff;
  -webkit-box-shadow:10px 10px 0 #205f78;
  -moz-box-shadow:10px 10px 0 #205f78;
  box-shadow:10px 10px 0 #205f78;
  position:relative;
  z-index:0;
  color:#205f78;
  min-height:750px;
}

#content a {
  font-weight:bold;
}



/* MENU
================================================== */

ul#menu {
  list-style-type:none;
  margin:0px 0 20px 0;
  text-align:right;
  position:absolute;
  right:40px;
  top:-20px;
  font-size:.8em;
}

ul#menu li {
  display:block;
  float:left;
  margin-left:1em;
}

ul#menu a {
  display:block;
  float:left;
  background-color:#ffea00;
  color:#205f78;
  padding:5px 8px;
  text-transform:uppercase;
  text-decoration:none;
}

ul#menu a:hover {
  text-decoration:underline;
}

/* you are here */

body#users_new #menu-register a,
body#pages_home #menu-home a,
body#pages_about #menu-about a,
body#pages_climberinfo #menu-climberinfo a,
body#pages_sponsorinfo #menu-sponsorinfo a,
body#pages_faq #menu-faq a {
  background-color:#00aeef;
  color:#FFF;
}



/* FOOTER
================================================== */

#footer {
  margin-top:1em;
  text-align:right;
  padding-right:10px;
}

#footer small {
  color:#54a3ae;
}