/* ---------->>> GLOBAL <<<-----------*/

* { margin: 0; padding: 0; }

body {
	background: #A76415 url(body_bg.jpg) top left repeat-x;
	color:#fff;
	font: 12px "Verdana" sans-serif;
   }

ul, ol, dl, fieldset, address { 
	padding:0;
	margin:0; 
	}

p { padding: 0; margin: 0}	

li, dd { margin-left: 15px; }
fieldset { padding: .5em; }

/* ---------->>> DIVS <<<-----------*/

#wrapper { 
 background: url(tile.jpg) repeat;
 margin: 0 auto;
 width: 900px;
}

#leftcol { 
display: inline;
 background: url(col_1_bg.jpg) top left no-repeat;
 width: 293px; 
 float: left;
 }

 
#nav { 
 width: 900px;
 margin: 0 auto;
 text-align: center;
}

#rightcol { 
display: inline;
 background: url(col_2_bottom.jpg) bottom right no-repeat;
  width: 607px;
  float: right;
}

#footer { 
 background-color: #72490B;
 color: #fff;
 text-align: center;
 padding: 20px;
 font: 10px "Verdana";
}
	
/* ---------->>> HEADER ITEMS <<<-----------*/

h1 { }

	#logo h1 {
	height:190px; /* height of logo */
	width:292px !important; /* width of logo */
	background: url(sharkeys.gif) center no-repeat !important;
	text-indent:-9000px;
	padding: 0 !important;
	margin: 0 !important;
	}
	
	
	#leftcol h1, #rightcol h1 {
	background: url(h1_bg.jpg) repeat;
	font: 16px "Trebuchet";
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 3px 10px;
	width: 90%;
	margin: 10px 0;
	color: #fff;
	line-height: 1.2em;
	display: block;
	}

h2 { } 	
	
	#rightcol h2 { 
	margin-top: 20px;
	font: 18px "Trebuchet" serif;
	color: #3E2700;
	}

p { }	

	#wrapper p { 
	padding-top: 20px; 
	line-height: 18px;
	}	

a { }
	#logo h1 a {
	display:block;
	width:100%;
	height:98%;
	outline:none;
	}
	
	a {
	color: #ff6;
	text-decoration: underline;
	}
	
	a:hover {
	color: #483306;
	text-decoration: underline;
	}

ul { }
	#leftcol ul, #rightcol ul.arrow { 
	padding-top: 10px; 
	line-height: 22px;
	}

li { }
	.arrow li
	{
	list-style-type: none;
	padding-left: 15px;
	background-image: url(arrow_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	}	
	

img { }
	img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto }
    
/* ---------->>> Global Navigation <<<-----------*/

#menu { 
	margin: 0 auto;
	margin-top: 73px;
	margin-bottom: 20px;
	margin-left: 30px;
	}
	
#menu a {
 display: block;
 color: #fff;
 text-decoration: none;
 background: url(nav_divider.gif) right no-repeat;
 width: 100px;
 padding: 5px;
 float: left;
 text-transform: uppercase;
 font: 12px serif;
 text-align: center;
}

#menu a:hover {
 color: #A8620D;
}
#home .home, #story .story, #menus .menus, #gallery .gallery, #events .events, #location .location, #beers .beers {
 color: #A8620D;
}
		
.nobg { background-image: none !important; }
.addpadd { margin-left: 20px; }
.addpaddleft { margin-left: 20px; margin-bottom: 20px; }
.addpaddright { margin-right: 20px; margin-bottom: 20px; }
/* ---------->>> Home Page bubbles <<<-----------*/

#bubble {
 width: 334px;
 height: 175px;
 background: url(bubbles.gif);
 margin: 0px auto; padding: 0;
 position: relative; top: -40px;
}
#bubble li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#bubble a {height: 175px; display: block; border: 0px; font-size: 5px; text-indent: -9999px; text-decoration: none;}

#bubble_events {left: 0px; width: 114px;}
#bubble_pool {left: 114px; background-position: -114px 0; width: 90px; }
#bubble_nhl {left: 205px; background-position: -205px 0;  width: 229px;}


#bubble_events a:hover {background: url(bubbles.gif) 0px -175px no-repeat;}
#bubble_pool a:hover {background: url(bubbles.gif) -114px -175px no-repeat;}
#bubble_nhl a:hover {background: url(bubbles.gif) -205px -175px no-repeat;}

		
/* ---------->>> OTHER STUFF <<<-----------*/


.brown { color: #644614 !important;}

.brownbar {
  height: 20px;
  background-color: #644614;
  color: #E2D5B2;
  text-align: center;
  font-size: 15px;
  font: 13px "Arial" sans;
  letter-spacing: 2px;
  padding-top: 5px;
}

.title {color: #fff; }
.caption { color: #3E2700; font-style: italic; font-family: "Georgia"; line-height: 14px !important;}
.link { color: #fff;}
.clear { clear: both; background: none; }
.loc { border: 1px solid #644614; margin-bottom: 10px;}