/*  
Theme Name: Smiths Pub Website
Theme URI: http://www.smithspub.com
Version: 1.0
Author: Sean Stiller
Author URI: http://www.armadadesign.ca/

*/
	
body {text-align:center; margin:0; padding:0; background:url(images/main_bg.gif) repeat;}

/* Universals */

img {border:none;}
a, a:visited {text-decoration:none; color:#999;}
a:hover {text-decoration:none; color:#000;}
a:focus {outline:none;}
h1,h2,h3,h4,h5,h6,p {margin:0; padding:0;}

/* Text Styles */

p {
  font:normal 12px/18px Arial, Helvetica; color:#000;}
h1 {
  font:normal 18px/24px Georgia; color:#000;}
  
/* Home Page Image-Replacement Tags */

h1#smiths_header {
  width:800px; height:299px; text-indent:-9999px; background:url(images/smiths_header.png) center no-repeat;}  
h1#eatit {
  width:273px; height:284px; margin:65px 0 0 113px; text-indent:-9999px; background:url(images/greatbritishfood.png) no-repeat; cursor:pointer; display:block;} 
h2#eatit_text {
  width:200px; height:13px; background-image:url(images/menus_events.png); background-position:0 0; text-indent:-9999px; display:block; 
  margin:13px 0 0 165px; cursor:pointer;} 
h1#keepcalm {
  width:273px; height:284px; margin:65px 0 0 15px; text-indent:-9999px; background:url(images/keepcalm.png) no-repeat; cursor:pointer; display:block;}
h2#keepcalm_text {
  width:200px; height:13px; background-image:url(images/menus_events.png); background-position:-200px 0; text-indent:-9999px; display:block; 
  margin:13px 0 0 65px; cursor:pointer;} 

h2#top_fb a {
  width:150px; height:35px; text-indent:-9999px; background:url(images/top_sprites.png) 0 0 no-repeat; cursor:pointer;}
h2#top_twit a {
  width:150px; height:35px; text-indent:-9999px; background:url(images/top_sprites.png) 0 0 no-repeat; cursor:pointer;}
h2#top_cz {
  width:150px; height:35px; text-indent:-9999px; background:url(images/top_sprites.png) 0 0 no-repeat; cursor:pointer;}
h2#top_addy a {}
h2#top_gm a {}

/* --------- Div Styling, Etc. Begins Here ------------- */

/* Top Gradient */

div#TopGrad {
  position:absolute; width:100%; height:375px; top:0; left:0; background:url(images/bg_topgradient.png) repeat;}

/* Top Information */

div#TopInfo {
	position:absolute; top:0; left:0; width:100%; height:41px; background:url(images/top_bg.jpg) center no-repeat #000; text-align:center;}
ul#TopList {
  list-style: none; margin:0 auto; padding:0 0 0 95px; overflow:hidden; width:800px;}
ul#TopList li {
  list-style: none; margin:0; padding:0; font:normal 12px/18px Arial, Helvetica; color:#000; display:inline;}
ul#TopList li a {
  float:left; display:block; height:35px; text-indent:-9999px; background:url(images/top_sprites.png);}
ul#TopList li a#top_fb {  
  background-position:-150px 0; width:50px; }
ul#TopList li a#top_twit {  
  background-position:-200px 0; width:50px; }
ul#TopList li a#top_cz {  
  background-position:0 0; width:150px; }
ul#TopList li a#top_addy {  
  background-position:-250px 0; width:350px; }
ul#TopList li a#top_gm {  
  background-position:-600px 0; width:120px; }


/* Container */

div#Container {
  width:800px; margin:0 auto; padding:41px 0 0 0;}

/* Header Area */

div#Header {width:800px; text-align:center;}

/* Header Image */

div#HeaderImage {
  position:relative; z-index:30; width:800px;}

/* Menu */

div#Menu {
  position:relative; z-index:20; width:800px; height:156px; margin:-40px 0 0 0; background:url(images/menu_bg.png) center no-repeat;}
div#Menu_Title {
  position:absolute; top:55px; left:325px;}
ul#MenuList {
  list-style: none; margin:0; padding:108px 0 0 195px; overflow:hidden;}
ul#MenuList li {
  list-style: none; margin:0; padding:0; font:normal 12px/18px Arial, Helvetica; color:#000; display:inline;}
ul#MenuList li a {
  float:left; display:block; width:150px; height:18px; text-indent:-9999px; background:url(images/menu_sprite.png);}
ul#MenuList li a#knowgaff {  
  background-position:0 0; }
ul#MenuList li a:hover#knowgaff {  
  background-position:0 -21px; }
ul#MenuList li a#camerashy {  
  background-position:-150px 0; width:130px;}
ul#MenuList li a:hover#camerashy {  
  background-position:-150px -21px; width:130px;}
ul#MenuList li a#maketracks {  
  background-position:-300px 0;}
ul#MenuList li a:hover#maketracks {  
  background-position:-300px -21px;}


/* DailySpecials */

div#DailySpecials {
  position:relative; z-index:10; width:800px; height:156px; margin:-20px 0 0 0; background:url(images/menu_bg.png) center no-repeat;}
div#DailySpecials_Title {
  position:absolute; top:55px; left:265px;}
ul#DSpecials {
  list-style: none; margin:0 0 0 130px; padding:0; overflow:hidden; width:800px; background: transparent !important;}
ul#DSpecials li {
  width:1000px; list-style: none; margin:0; padding:107px 0 0 0; font:normal 13px/18px Verdana, Helvetica; position:relative; background: transparent !important;}
ul#DSpecials li p.desc {
  margin:0; padding:0; color:#ca120e; font-weight:bold; position:absolute; bottom:0; left:15px; background: transparent !important;}  
ul#DSpecials li p.price {
  margin:0; padding:0; color:#000; position:absolute; bottom:0; right:25px; background: transparent !important;}

/* Mainbody */

div#MainBody {width:800px; margin:0 0 35px 0; clear:both;}

div#MainBody_3_c1 {
  display:inline; float:left;}
div#MainBody_3_c2 {
  float:left;}
div#MainBody_3_c3 {
  float:left;}

div#MainBody_2_c1 {
  float:left; margin:0 0 70px 0; background:url(images/curvebg_left.png) right no-repeat; width:400px; height:397px; text-align:left}
div#MainBody_2_c2 {
  float:left; margin:0 0 70px 0; background:url(images/curvebg_right.png) left no-repeat; width:400px; height:397px; text-align:left}

div#MainBody_1_c1 {
  float:left;}

/* Footer */

div#Footer {width:100%; height:112px; background:url(images/footer_bg.jpg) center no-repeat; background-color:#000; clear:both; border-top:4px solid #000;}