/*   
Theme Name: Fat Boy's Sports Bar & Grill
Theme URI: http://www.fatboys-sportsbar.com/
Description: Home of Great Folks, Great Food and Great Times!
Version: 2.0
Author: Jason Walker
Author URI: http://two24studios.com/
*/
	
/* Reset Styles */
	
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0;}
fieldset, img { border: 0;}
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal;font-weight:normal;}
ol, ul { list-style:none;}
caption ,th { text-align:left;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}
abbr, acronym { border:0;}	
a { outline: none;}

/* End Reset */

/* Global Styles */

body { padding: 25px 0 0 0;}

.home_bg { background: url(images/home_bg.png) repeat-x top center;}

.sub_bg { background: url(images/sub_bg.png) repeat-x top center;}

.clear { clear: both;}

.layout {
width: 960px;
margin: 0 auto;
}

#header {
width: 960px;
height: 130px;
}

#header h1 {
float: left;
width: 231px;
height: 130px;
background: url(images/logo.png) no-repeat top center;
text-indent: -999em;
}

#header h1 a {
display: block;
width: 231px;
height: 130px;
}

#header li {
float: left;
height: 40px;
text-indent: -999em;
}

#header ul {
float: left;
margin: 50px 0 0 236px;
width: 478px;
height: 40px;
}

#nav_home {
width: 66px;
height: 40px;
margin: 0 10px 0 0;
background: url(images/nav_bg.png) no-repeat 0 0;
}

#nav_home a {
display: block;
width: 66px;
height: 40px;
}

#nav_home a:hover { background: url(images/nav_bg.png) no-repeat 0 -40px;}

#nav_menu {
width: 63px;
height: 40px;
margin: 0 10px 0 0;
background: url(images/nav_bg.png) no-repeat -82px 0;
}

#nav_menu a {
display: block;
width: 63px;
height: 40px;
}

#nav_menu a:hover { background: url(images/nav_bg.png) no-repeat -82px -40px;}

#nav_specials {
width: 87px;
height: 40px;
margin: 0 10px 0 0;
background: url(images/nav_bg.png) no-repeat -161px 0;
}

#nav_specials a {
display: block;
width: 87px;
height: 40px;
}

#nav_specials a:hover { background: url(images/nav_bg.png) no-repeat -161px -40px;}

#nav_catering {
width: 90px;
height: 40px;
margin: 0 10px 0 0;
background: url(images/nav_bg.png) no-repeat -263px 0;
}

#nav_catering a {
display: block;
width: 90px;
height: 40px;
}

#nav_catering a:hover { background: url(images/nav_bg.png) no-repeat -263px -40px;}

#nav_contact {
width: 110px;
height: 40px;
margin: 0 10px 0 0;
background: url(images/nav_bg.png) no-repeat -368px 0;
}

#nav_contact a {
display: block;
width: 110px;
height: 40px;
}

#nav_contact a:hover { background: url(images/nav_bg.png) no-repeat -368px -40px;}

#welcome_home {
width: 960px;
height: 350px;
background: url(images/welcomeHome_bg.jpg) no-repeat top center;
text-indent: -999em;
}

#welcome_sub {
width: 960px;
height: 225px;
background: url(images/welcomeSub_bg.jpg) no-repeat top center;
text-indent: -999em;
}

#main {
width: 945px;
margin: 0 0 0 15px;
color: #111;
font: normal normal 12px/18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-align: justify;
}

#content {
float: left;
width: 600px;
margin: 0 30px 0 0;
}

#content a {
color: #666;
text-decoration: none;
}

#content h2 {
width: 600px;
height: 30px;
margin: 25px 0 0 0;
text-indent: -999em;
}

#content h3 {
margin: 0 0 5px 0;
color: #000;
font: normal bold 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#content ol {
margin: 0 0 18px 22px;
list-style: decimal outside;
}

#content ol li { padding: 0 0 3px 0;}

#content p { margin: 0 0 18px 0;}

#content span {
color: #c52528;
font-weight: bold;
}

#content strong {
color: #000;
font-weight: bold;
}

#content ul {
margin: 0 0 18px 22px;
list-style: disc outside;
}

#content ul li { padding: 0 0 3px 0;}

#title_legend { background: url(images/title_legend.png) no-repeat top left;}

#title_menu { background: url(images/title_menu.png) no-repeat top left;}

#title_specials { background: url(images/title_specials.png) no-repeat top left;}

#title_catering { background: url(images/title_catering.png) no-repeat top left;}

#title_contact { background: url(images/title_contact.png) no-repeat top left;}

.caps { text-transform: uppercase;}

.backtop a {
color: #666;
font-size: 10px;
text-decoration: none;
}

a#menu_button {
float: left;
display: block;
width: 160px;
height: 50px;
margin: 0 15px 0 0;
background: url(images/menu_button.png) no-repeat 0 0;
text-indent: -999em;
}

a:hover#menu_button { background: url(images/menu_button.png) no-repeat 0 -50px;}

a#specials_button {
float: left;
display: block;
width: 190px;
height: 50px;
background: url(images/specials_button.png) no-repeat 0 0;
text-indent: -999em;
}

a:hover#specials_button { background: url(images/specials_button.png) no-repeat 0 -50px;}

#sidebar {
float: left;
width: 300px;
margin: 0 15px 0 0;
}

#sidebar h2 {
width: 300px;
height: 30px;
margin: 25px 0 0 0;
text-indent: -999em;
}

#sidebar li { padding: 0 0 2px 0;}

#sidebar li a {
color: #333;
text-decoration: none;
}

#sidebar li a:hover {
color: #000;
text-decoration: underline;
}

#sidebar p { margin: 0 0 18px 0;}

#sidebar ul {
margin: 5px 0 0 20px;
list-style: disc outside;
}

#title_directions { background: url(images/title_directions.png) no-repeat top left;}

#title_categories { background: url(images/title_categories.png) no-repeat top left;}

a#directions_button {
display: block;
width: 155px;
height: 50px;
background: url(images/directions_button.png) no-repeat 0 0;
text-indent: -999em;
}

a:hover#directions_button { background: url(images/directions_button.png) no-repeat 0 -50px;}

#footer {
width: 100%;
height: 65px;
margin: 25px 0 0 0;
padding: 45px 0 0 0;
background: url(images/footer_bg.png) repeat-x top center;
color: #ccc;
font: normal normal 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#footer_details {
float: left;
width: 480px;
height: 65px;
text-align: left;
}

#footer_details a {
color: #ff6;
text-decoration: none;
}

#footer_details a:hover { color: #fff;}

#footer_nav {
float: left;
width: 480px;
height: 65px;
text-align: right;
}

#footer_nav a {
color: #ff6;
text-decoration: none;
}

#footer_nav a:hover { color: #fff;}