/**
 *
 * The Blue Crab Steakhouse
 *
 * The Blue Crab structure stylesheet. This file must only include structural
 * elements, meaning no formatting (colors, borders, fonts). This file simply
 * contains the declarations for the div structure of the website.
 *
 * @package bluecrab
 * @package bluecrab-styles
 *
 * @author Rob Frawley <enterpc@robfrawley.com>
 * @copyright (c) 2009 Enterprise Computers
 *
 */

/**
 * Elements
 * 
 * All element declarations
 */

body
{
  text-align: center; /* since IE ignores the margin auto setting on the wrapper */
  margin: 0;
  padding: 0;
}

/**
 * Wrapper
 * 
 * Handles wrapping the entire content for browser centering
 */

#Wrapper
{
  position: relative;
  width: 97.5em;
  margin: 2em auto;
  padding: 2em auto;
  text-align: left; /* fix the above IE hack */
}

/**
 * Header
 * 
 * All declarations regarding the heading itself and child elements
 */

#Header
{
  position: absolute;
  top: 0px;
  left: 0px;
  width:20em;
  z-index: 1;
}

#Header_Logo
{
  height:242px;
  width:198px;
}

#Header_Navigation
{
  width:inherit;
  margin:2em 0 0 0;
}

#Header_Navigation ul li
{
  margin:0 0 0.9em 1.2em;
}

#Header_Navigation ul li a
{
  padding:0.5em 0.6em 0.5em 2.2em;
  margin:0 0 0 .8em;
}

#Header_Navigation ul li#Header_NavigationSelected
{
  margin-right:-0.3em;
  zoom: 1;
  position: relative;

}

#Header_Navigation ul li#Header_NavigationSelected a
{
  padding:0.6em 0.6em 0.6em 2.2em;
}

/**
 * Content
 * 
 * All declarations regarding the content itself and child elements
 */

#Content
{
  position: relative;
  left: 0px;
  top: 0px;
  margin:0 0 0 22em;
  overflow:hidden;
}

#Content_Banner
{
  padding:1.8em 1.8em 1.6em 1.8em;
  margin:2em 2em 2em 0;
}

#Content_Banner p
{
  padding:4.4em 0 0 0;
}

#Content_Special
{
  width:23.5em;
  padding:1.8em 1.8em 1.6em 1.8em;
  margin:0 0em 2em 46em;
}

#Content_Special h1
{
  margin:.75em 0 0 4em;
}

#Content_Special p
{
  padding:2em 0 0 0;
}

#Content_Special a
{
  margin:1em 0 0 0;
  padding:0.4em;
}

#Content_Hours
{
  float:left;
  width:40em;
  padding:1.8em 1.8em 1.6em 1.8em;
  margin:0 0em 2em 0;
}

#Content_Hours h1
{
  margin:.35em 0 0 2.6em;
}

#Content_Hours h2
{
  margin:1em 0 0 .25em;
}

#Content_Hours p
{
  padding:1em 0 0 0;
}

#Content_Location
{
  clear:both;
  padding:1.8em 1em 1.6em 1.8em;
  margin:2em 2em 2em 0;
}

#Content_Location h1
{
  margin:.25em 0 0 0;
}

#Content_Location h2
{
  margin:.5em 0 0 0;
}

#Content_Location p
{
  padding:1em 12em 0 0;
}

#Content_Location form
{
  margin:2em 0 0 0;
}

#Content_Location label
{
  margin:0 .5em 0 0;
}

#Content_Location input
{
  width:30.5em;
  padding:0.3em;
  margin:0 .5em 0 .5em;
}

#Content_Location input.submit
{
  padding:0.1em;
  width:10.7em;
}

#Content_Menu
{
  overflow:hidden;
  padding:0 1.8em 1.6em 1.8em;
  margin:2em 2em 2em 0;
}

#Content_Menu h1
{
  padding:.75em;
  margin:.5em 0 0 0;
}

#Content_Menu p.menuCatNote
{
  padding:.5em 1.5em;
}

#Content_Menu ul
{
  margin-bottom:1em;
}

#Content_Menu ul li
{
  overflow:hidden;
  text-align:right;
}

#Content_Menu ul li h2
{
  float:left;
  padding:1em 0 0 1em;
  margin:0;
}

#Content_Menu ul li p
{
  float:left;
  clear:left;
  padding:.1em 0 1.5em 1.5em;
}

#Content_Menu ul li ul
{
  padding:1.75em 1.75em 0 0;
}

#Content_Menu ul li ul li
{
  margin:0;
  padding:0 0 .75em 0;
}

#Content_Menu ul li ul li em
{
  display:block;
  float:right;
  width:3em;
  padding:0 0 0 1em;
}

#Footer
{
  position: relative;
  bottom: 0px;
  right: 0px;
  margin:0 0 0 20em;
}

#Footer p
{
  clear:both;
  padding:1em;
}