/**
* Globally Applicable Styles
*/

body
{
  margin: 0px;
  padding: 0px;
  background-color: #FFF;
}

ul
{
  list-style: none;
  margin: 0px;
  padding: 0px;
}

ul li
{
  font-family: Georgia, Serif;
  font-size: 11px;
  line-height: 1.4em;
}

#wrapper
{
  width: 823px;
  height: 700px;
  margin: 12px auto 0px auto;
  background-image: url( ../images/bg.wrapper.jpg );
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

#main_content
{
  height: 350px;
  width: 430px;
  position: relative;
  top: 100px;
  left: 80px;
}

#main_content p
{
  font-family: Georgia, Serif;
  font-size: 11px;
  line-height: 1.4em;
  margin: 0px;
  padding: 0px 0px 8px 0px;
  width: 370px;
}

body.menu #main_content p
{
  font-family: Georgia, Serif;
  font-size: 11px;
  line-height: 1.4em;
  margin: 0px auto;
  padding: 0px 0px 8px 0px;
  width: 370px;
}

body.menu #main_content article {

    margin: 10px 0 0 0;
}

span.initial_cap
{
  font-size: 1.2em;
}

#main_content p.singleblock
{
  font-family: Georgia, Serif;
  font-size: 11px;
  line-height: 1.4em;
  margin: 0px;
  padding: 16px 0px 50px 0px;
  width: 370px;
}

/**
* Navigation Styles
*/

#main_menu
{
  background-image: url( ../images/bg.nav.jpg );
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

#main_menu,
#food_sub_menu
{
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#main_menu
{
  background-color: transparent;
  height: 126px;
  margin: 144px 0px 0px 0px;
}

body.menu #main_menu
{
  margin: 87px 0px 0px 0px;
}

#main_menu li,
#main_menu a,
#food_sub_menu li,
#food_sub_menu li a
{
  display: block;
  height: 126px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

#main_menu li
{
  float: left;
  height: 126px;
}

#food_sub_menu
{
  position: relative;
  left: 632px;
  top: 20px;
  width: 111px;
  height: 57px;
}
  
#food_sub_menu li,
#food_sub_menu li a
{
  width: 120px;
  height: 19px;
}

#food_sub_menu li a
{
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

#food_sub_menu li a:hover,
#food_sub_menu li#active_submenu a
{
  background-position: 0px -19px;
}

#submenu_appetizers
{
  background-image: url( ../images/btn.appetizers.gif );
}

#submenu_sandwiches
{
  background-image: url( ../images/btn.sandwiches.gif );
}

#submenu_entrees
{
  background-image: url( ../images/btn.entrees.gif );
}

.img_replacement
{
  position: absolute;
  top: -1000px;
  left: -1000px;
}

/**
* Individual Navigation Items
*/

#main_menu li a
{
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-color: transparent;
}

#main_menu li a:hover
{
  background-position: 0px -170px;
}

#menu_home,
#menu_home a
{
  width: 129px;
  background-image: url( ../images/btn.home.jpg );
}

#menu_history,
#menu_history a
{
  width: 117px;
  background-image: url( ../images/btn.history.jpg );
}

#menu_menu,
#menu_menu a
{
  width: 135px;
  background-image: url( ../images/btn.menu.jpg );
}

#menu_beers,
#menu_beers a
{
  width: 140px;
  background-image: url( ../images/btn.beers.jpg );
}

#menu_directions,
#menu_directions a
{
  width: 146px;
  background-image: url( ../images/btn.directions.jpg );
}

#menu_masays,
#menu_masays a
{
  width: 156px;
  background-image: url( ../images/btn.me.sainted.ma.jpg );
}

/**
* Page-Specific Styles
*/

/**
* Home Page
*/

img#splash
{
  margin: 20px 0px 0px 16px;
}

/**
* History Page
*/

body#history_page div#main_content
{
  border: 0px solid red;
  height: 350px;
}

body#history_page div#main_content p.singleblock
{
  width: 365px;
}

#main_content span#young_colleen
{
  display: block;
  float: left;
  width: 200px;
  height: 30px;
  margin: -16px 0px 0px 0px;
  background-image: url( ../images/young.colleen.gif );
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

img#tommy
{
  position: absolute;
  top: 90px;
  left: 365px;
}

/**
* Beers Page
*/

span.beer_list
{
  color: #59180F;
  text-transform: uppercase;
  font-size: 10px;
}

span#fancy_a_bevy
{
  display: block;
  width: 127px;
  height: 20px;
  background-image: url( ../images/fancy_a_bevy.gif );
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

/**
* Menu Pages
*/

img#patrons
{
  float: left;
  position: absolute;
  top: -78px;
  left: -73px;
}

body.menu #main_content
{
  text-align: center;
  padding-left: 10px;
}

body.menu h2
{
  margin: 0px;
  padding: 0px;
}

body.menu ul li
{
  text-align: center;
  line-height: 1.3em;
}

h2#flourish_appetizers,
h2#flourish_soups,
h2#flourish_sandwiches,
h2#flourish_entrees,
h2#flourish_menu
{
  display: block;
  width: 100%;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
}

/**
* Appetizers Page
*/

h2#flourish_appetizers
{
  background-image: url( ../images/flourish.appetizers.gif );
}

h2#flourish_soups
{
  background-image: url( ../images/flourish.soups.gif );
}

h2#flourish_menu
{
  background-image: url( ../images/flourish.menu.png );
}

ul#soup_list
{
  margin-top: -10px;
}

/**
* Sandwiches Page
*/

h2#flourish_sandwiches
{
  background-image: url( ../images/flourish.sandwiches.gif );
  background-position: bottom center;
  padding-top: 24px;
}

p#sandwiches_subhead
{
  margin: 10px 0px 0px -10px;
  padding: 0px;
  width: 100%;
}

body#sandwiches ul li
{
  line-height: 1.5em;
}

/**
* Entrees Page
*/

h2#flourish_entrees
{
  background-image: url( ../images/flourish.entrees.gif );
  background-position: bottom center;
  padding-top: 12px;
}

body#entrees ul li
{
  line-height: 1.15em;
  font-size: 11px;
}

ul#entree_list
{
  margin-top: 9px;
}

/**
* Me Sainted Ma Styles
*/

body#irish_ma #main_content
{
  height: 190px;
  width: 430px;
  position: relative;
  top: 65px;
  left: 81px;
  padding: 160px 0px 0px 0px;
  background-image: url( ../images/me.sainted.ma.jpg );
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

body#irish_ma #main_content p
{
  font-size: 14px;
}


/**
* Directions Page
*/

body#directions_page #main_content p
{
  width: 440px;
  font-size: 11px;
  margin: 0px;
  padding: 0px;
}

span#heading_directions
{
  display: block;
  width: 127px;
  height: 20px;
  background-image: url( ../images/directions.gif );
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

span#from_west_end
{
  display: block;
  width: 127px;
  height: 20px;
  background-image: url( ../images/from.west.end.gif );
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

span#from_ireland
{
  display: block;
  width: 127px;
  height: 20px;
  background-image: url( ../images/from.ireland.gif );
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

span.uppercase,
.irish-sessions,
.secondary-heading
{
  text-transform: uppercase;
  font-size: 10px;
  color: #59180F;
}

a
{
  text-decoration: none;
}

#main_content a
{
  text-decoration: none;
  border-bottom: 1px solid #59180F;
}

#main_content a:hover
{
  border-bottom: 1px solid #000;
}

/* ** IE6 HACKS (Hate to do it, but IE sucks ass) ** */

* html #main_menu
{
  margin: 134px 0px 0px 0px;
}
* html body#history_page #main_menu
{
  margin: 120px 0px 0px 0px;
}
* html body.menu #main_menu
{
  margin: 78px 0px 0px 0px;
}
* html body#entrees #main_menu
{
  margin: 68px 0px 0px 0px;
}
* html body#beers #main_menu
{
  margin: 144px 0px 0px 0px;
}
* html body#irish_ma #main_menu,
* html body#directions_page #main_menu
{
  margin: 126px 0px 0px 0px;
}

* html div#main_content p,
* html div#main_content p.singleblock
{
  font-size: 11px;
}

* html body#history_page div#main_content p,
* html body#directions_page div#main_content p
{
  font-size: 11px;
  line-height: 1.3em;
}

* html #main_content ul li
{
  font-size: 10px;
  line-height: 1.5em;
}

* html h2#flourish_entrees
{
  background-image: url( ../images/flourish.entrees.gif );
  background-position: bottom center;
  padding-top: 10px;
}

* html body#entrees ul li
{
  line-height: 1.35em;
  font-size: 10px;
}

* html ul#entree_list
{
  margin-top: 7px;
}

.hide { display: none; }

#extra-links {
    text-align: right;
    padding: 0px 0px 0px 520px;
}

#fb_link {
    display: block;
    width: 50px;
    height: 50px;
    float: left;
    margin-top: 0px;
    margin-right: 47px;
}

#video_link {
    display: block;
    width: 190px;
    height: 50px;
    float: left;
    margin-top: 0px;
    margin-right: 10px;
}

#video_page #main_content {
    padding-top: 0px;
}