/* 
    Document   : header
    Created on : Oct 8, 2010, 8:19:55 AM
    Author     : scott
    Description:
        Define styles for header elements
*/

/****************** header ********************************************/

/*** Banner pict - 780 pixels by 120 pixels ***/
#header {
  background:none repeat scroll 0 0 #97002B;
  height:175px;
  padding-bottom:0;
  position:relative; /* so we can position absolutely the navbar & search box */
  /*width:100%;*/
  border: 10px solid #97002B;
  border-bottom: none;
}
#branding {
  height:175px;
  padding:0;
  position:relative;
  width:100%;
}
#blog-title {
  bottom:-5px;
  position:absolute;
}
#blog-title img {
  height:175px;
}

#blog-description {
  position:absolute;
  right:15px;
  top:48px;
}

body.home #blog-description {
  left:195px;
  position:absolute;
  top:-5px;
}
#blog-description {
  color:#FFD235;
  font-family:"Calligraph 421 BT","Marker Felt","Comic Sans MS";
  font-size:24px;
}
#blog-description img {
  height:32px;
}

#cat-title {
  position: absolute;
  right: 20px;
  top: 88px;
}
#titlepict {
  clear:right;
  float:right;
  height:150px;
  /*margin-right:20px;
  margin-top:88px;*/
}
#titlepict img {
  height:150px;
}

#titlebar {
  color:#FFD235;
  float:right;
  font-family:"Calligraph 421 BT","Marker Felt","Comic Sans MS";
  font-size: 5em;
}

/* when titlebar is by itself (no titlepict), it should have absolute position */
#titlebar {
  position: absolute;
  top: 120px;
  right: 20px;
}

/* when titlebar is inside a cat-title, it has a titlepict, so we position relatively to it */
#cat-title #titlebar {
  position:relative;
  right:0;
  top: 20px;
  margin-right:30px;
  /*margin-top:88px;*/
}

#titlebar a:link, #titlebar a:visited {
  color:#FFD235;
  text-decoration:none;
}
#titlebar a:hover, #titlebar a:active {
  color:#004B91;
}
#titlebar img {
  height:65px;
}
#access-homepage {
  bottom:20px;
  left:195px;
  position:absolute;
}
.link-tile {
  float:left;
  padding-right:0;
}
.link-tile img {
  float:left;
  height:100px;
  min-width:79px;
}
.link-tile .caption {
  background:none repeat scroll 0 0 #163321;
  clear:left;
  color:#E8D4AF;
  float:left;
  font-size:16px;
  font-weight:bolder;
  text-align:center;
  width:100%;
}
.link-tile a {
  display:block;
  height:124px;
  min-width:80px;
}
.link-tile a:link, .link-tile a:visited {
  border:2px solid #97002B;
  color:#E8D4AF;
}
.link-tile a:hover {
  border:2px solid #FFD235;
}

/****************************** horizontal menubar ************************************/

#top-aux-wrap { /* the wrap for the menubar & cart link */
  margin-bottom: 4px;
}

#access {
  border:medium none;
  font-weight:bold;
  position:absolute;
  right:0;
  top:0;
}
#access .menu {
  background:none repeat scroll 0 0 #97002B;
  border:2px solid #FFD235;
  border-right: 1px;
  float:right;
  font-size:17px;
  position:relative;
  width:auto;
  /*width: 100%;*/ /* this will expand menu to fill the header */
}
.menu ul, ul.menu {
  font-weight:bold;
  line-height:1.7em; /* this scales with font-size, so it really is a height multiplier */
  list-style:none outside none;
}

ul#menu-aux {
  height: 20px;
  margin-top: 0; /*5px;*/
  padding-bottom: 5px;
  float: left;
  width: auto;
}

.menu li  {
  float:left;
  white-space:nowrap;
  border-right: 1px solid #FFD235;
}

/*#access*/ .menu li a {
  border:medium none;
  color: #E8D4AF;

  display: block; /* to fill the entire li */
  padding: 0 0.5em;
  /*border-left: 1px solid black;*/
  text-decoration: none;
  border: none;
  /*border-left: 1px solid blue;*/

}

#access .menu li a {
  background: none repeat scroll 0 0 #163321;
}

.menu li a:visited, ul#menu-aux li a:visited {
  color: #E8D4AF;
}

.menu li.current {
}
.menu li.current a {
  color:lightBlue;
}
#access .menu li a:hover {
  background: none repeat scroll 0 0 wheat;
  color: darkblue;
  text-decoration:none;
}

ul#menu-aux li a:hover {
  background: none;
  color: #97002B; /* maroon */
}

.menu li ul {
  background:none repeat scroll 0 0 wheat;
  border:1px solid darkBlue;
  left:-999em;
  position:absolute;
  width:8em;
}
.menu li:hover ul {
  left:auto;
}
.menu li li {
  float:none;
}
/* for horz submenu, declare this style */
.menu li li {
  /*display: inline;*/
}
.menu li li.current {
}
.menu li li a {
  border-bottom:1px solid darkBlue;
  color:darkblue;
  padding:0 0 0 5px;
}
.menu li.current li a {
  color:darkblue;
}
.menu li.current li.current a {
  color:lightblue;
}
.menu li li a:hover {
  background:none repeat scroll 0 0 darkBlue;
  border:1px solid darkBlue;
  color:wheat;
  display:block;
}
.menu li li.current a:hover {
}

ul#cart-link {
  float: right;
}

ul#cart-link a {
  color: #E8D4AF;
  font-weight: bold;
}