/* @override 
	http://garman.local/wp-content/themes/pub/style.css
	http://garmanspub.com/wp-content/themes/pub/style.css
*/

/* 
	Theme Name:  Garman's Pub
	Theme URL: 
	Description: 
	Author: Sprout Venture
	Author URI: 
	Version: 6
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
*/


.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}
body {
	background: #000 url(images/background2.jpg) repeat-x center top;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #000000; 
}
#container {
	width: 800px; 
	margin-right: auto; 
	margin-left: auto; 
	padding-left: 32px; 
}
#header-link { 
	width: 800px; 
	height: 119px; 
	display: block; 
	text-indent: -99999px;
	cursor: pointer;
}

#navigation ul {  
	display: block; 
}

#spb-link a{
	float: right; 
	margin-top: -39px; 
	margin-right: 35px; 
}
.ie7 #spb-link a{
	float: right; 
	margin-top: -39px; 
}
li#home-link a, li#menu-link a, li#contact-link a, li#directions-link a, #spb-link a{ 
	text-indent: -99999px; 
	padding: 10px;
}
li#home-link a { 
	width: 184px; 
}
li#menu-link a{ 
	background: url(images/menu-hover.png) center center; 
	width: 63px; 
}
li#contact-link a{ 
	background: url(images/contact-hover.png) center center; 
	width: 128px; 
}
li#directions-link a{ 
	background: url(images/directions-hover.png) center center; 
	width: 115px; 
}

li#menu-link.ui-tabs-selected a, li#menu-link a:hover{ 
	background: url(images/menu.png) center center; 
}
li#contact-link.ui-tabs-selected a, li#contact-link a:hover{ 
	background: url(images/contact.png) center center; 
	width: 128px; 
}
li#directions-link.ui-tabs-selected a, li#directions-link a:hover{ 
	background: url(images/directions.png) center center; 
	width: 115px; 
}
#spb-link a:hover{ 
	background: url(images/spb.png) center center; 
}
#spb-link a{ 
	background: url(images/spb.png) center center; 
	width: 125px; 
}
#home-content { 
	clear: both; 
	font-size: 14px; 
	margin-top: 45px; 
}
.column { 
	width: 225px; 
	float: left; 
	clear: right; 
	padding: 0 15px 10px; 
}
#right.column { 
	background: url(images/know.png) no-repeat 12px 10px; 
	padding-bottom: 7px; 
	padding-top: 17px; 
}

.ie #right.column { 
	background: url(images/know.png) no-repeat 16px 1px; 
}
#right.column .side-box { 
	padding-left: 10px; 
	padding-right: 10px; 
	color: #fff; 
}
/* @group homepage */
.featured-left {
	float: left;
	width: 370px; 
	height: 210px; 
	overflow: hidden; 
	margin-top: 35px; 
	margin-left: 52px; 
}
a.front-menu {
	width: 129px;
	float: left;
	height: 210px;
	background: url(images/new_sprite.jpg) no-repeat left 0;
}
a.front-menu:hover {
	background: url(images/new_sprite.jpg) no-repeat left -210px;
}
a.back-menu {
	width: 129px;
	float: right;
	height: 210px;
	background: url(images/new_sprite.jpg) no-repeat right 0;
	margin-right: 50px;
}
a.back-menu:hover {
	background: url(images/new_sprite.jpg) no-repeat right -210px;
}
.featured-right {
	float: right; 
	width: 340px; 
	margin-top: 30px; 
	color: #fff; 
	margin-left: 20px; 
}

.column h2,.column h1, .column p  { 
	margin: 5px 10px 0; 
}
#right.column h2 { 
	margin-left: 0; 
	color: #fff; 
}
#menus.featured-left { 
	margin-left: 100px; 
	width: 330px; 
}
#menus.featured-left img { 
	padding: 5px; 
	background-color: #000; 
	max-height: 200px; 
	border: 1px dotted #6d6772; 
}
.gallery-image { 
	margin-top: 15px; 
}
#facebook { 
	margin-top: 15px; 
	margin-left: 8px; 
	clear: both; 
}
/* @group contact form */
#contact-us{ 
background: url(images/contactform.png) no-repeat center top; 
	padding-top: 40px; 
	height: 170px; 
}
.cform ol, .cf-sb {
	margin: 0;
	padding: 0; 
	
}
.cf_hidden, .linklove, .emailreqtxt, .reqtxt {
	display: none; 
}
.cform li { 
	list-style-type: none; 
}
.cform .single {
	float: left; 
	width: 165px; 
	background-image: url(images/contactbg.jpg);
	border: none !important; 
	color: #d2d2d2; 
	padding: 5px;  
	margin: 5px; 
	clear: right; 
}
.ie .cform .single { 
	float: none;
	margin: 0; 
}
.cform .area { 
	width: 350px;
	background-image: url(images/contactbg.jpg);
	border: none; 
	margin-left: 5px; 
	margin-right: 5px;
	color: #d2d2d2;
	font: 14px Georgia, "Times New Roman", Times, serif; 
	padding: 5px; 
	height: 65px; 
}
.cform .sendbutton { 
	float: right; 
	background: url(images/submit.jpg) !important;
	border: none;
	color: #d2d2d2;
	font: 14px Georgia, "Times New Roman", Times, serif; 
	padding: 5px 10px; 
	margin-right: 5px; 
}
/* @end */
/* @end */

/* @group Style
 */
.featured-right h1 { 
	font-size: 28px; 
	margin-bottom: 10px; 
}
.featured-right h2 { 
	margin-bottom: 10px; 
	font-size: 24px; 
}
.featured-right h3 { 
	font-size: 20px; 
	margin-bottom: 10px; 
}
.featured-right h5 p {
	margin: 0; 
}
.column h1, .column h2 { 
	font-size: 20px; 
	color: #630; 
	font-weight: bold; 
}



/* @end */
#right span { 
	color: #fff; 
	font-size: 10px; 
	font-weight: bold; 
	text-align: center; 
	margin: 15px 15px 10px; 
	display: block; 
}

.ie7 #right span { 
	color: #fff; 
	font-size: 10px; 
	font-weight: bold; 
	text-align: center; 
	margin: 5px 10px 10px 15px; 
	display: block; 
}
#right span.reqtxt, #right span.emailreqtxt {
	display: none !important; 
}
#right .cform { 
	margin-left: 23px; 
}
#right .cform .sendbutton { 
	margin-bottom: 60px; 
	margin-right: 12px; 
}

/* @group Reset */

html,body,div,span,a,img,h1,h2,h3,h4,h5,h6,q,cite,abbr,acronym,caption,address,del,big,small,font,dfn,ins,kbd,s,samp,tt,var,pre,code,dfn,var,iframe,applet,object,fieldset,form,label,legend,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td{
	border: 0;
	font-family: inherit;
	font-style:inherit; 
	font-weight:inherit;
	margin:0;
	outline: 0;
	padding:0;
	vertical-align: baseline;
}
/* @end */

/* @group Tabs */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav {
    font-size: 15px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
    
}
.ui-tabs-nav a  { 
	background-image: url(images/texture.png); 
	text-decoration: none;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover  { 
	background-image: url(images/highlight0.png);
	color: #333;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 5px 10px; 
	  
}
.ui-tabs-nav a {
    margin: 0 5px 0 0;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; 
}
.ui-tabs-nav .ui-tabs-selected a {
}

*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    padding: 0;
	background-image: url(images/highlight0.png);  
	margin-left: 1px; 
	color: #333; 
	height: 290px; 
}

.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(images/loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}


/* @end */
span#credit {
	float: right; 
	font-size: 13px; 
	color: #000; 
}
span#credit a img {
	float: left;
}

span#credit a {
	color: #9f5500;
	line-height: 63px; 
	text-decoration: none; 
}

span#credit a strong {
	font-weight: bold; 
	color: #c36a00; 
}
#fbLeftNav, #fbRightNav {
	width: 30px !important;
}