/* 
 * Stylesheet for Zinc pages
 * JMW 2008
 */
 
body
{
	background: #333;
	line-height: 150%;
	font-family: verdana, geneva, sans-serif;
	font-size: 62.5%;
}

#wrapper
{
	width: 990px;
	margin: 0 auto;
}
	#wrapper #page
	{
	position: relative;
	float: left;
	width: 970px;
	height: 649px;
	padding: 0 10px;
	}
		#wrapper #page #flash
		{
			position: absolute;
			top: 0;
			left: 180px;
			z-index: 2;
		}

#footer
{
	/*clear: both;
	color: #acaaaa;
	padding-top: 7px;
	font-size: 110%;*/
	clear:both;
color:#ACAAAA;
float:left;
font-size:110%;
padding-bottom:10px;
padding-top:7px;
width:970px;
}
	#footer ul
	{
		
	}
		#footer ul li
		{
			display: inline;
			padding-right: 20px;
		}
	#footer a,
	#footer a:visited,
	#footer a:active
	{
		color: #acaaaa;
		text-decoration: none;
	}
		#footer a:hover
		{
			color: #acaaaa;
			text-decoration: underline;
		}
	#footer div#logos
	{
		float: right;
		padding-top: 2px;
		height:34px;
	}
		#footer div#logos ul li
		{
			padding-left: 15px;
			padding-right: 0;
			height:34px;
		}

/* navigation panel */
#nav
{
	float: left;
	position: relative;
	height: 459px;
	width: 170px;
	color: #fff;
	background: #000;
	padding-top: 180px;
}
	#nav img#logo
	{
		position: absolute;
		top: 50px;
		left: 29px;
	}
	#nav ul
	{
		padding-left: 29px;
	}
		#nav ul li
		{
			padding-bottom: 26px;
		}
	#nav a
	{
		color: #fff;
	}

/* content panel */
#content
{
	position: relative;
	float: left;
	width: 260px;
	min-height: 425px;
	color: #333;
	background: #fff;
	margin-left: 13px;
	padding-top: 130px;
	z-index: 10;
}
	#content #contentprop
	{
		float: right;
		width: 1px;
		background: #fff;
		height: 405px;
	}
	#content div.padding
	{
		padding: 0 20px 0 24px
	}
	#content div.padding h1
	{
	font-family: serif;
	font-size: 200%;
	font-weight: bold;
	height: 1%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	}
	#content p
	{
		margin: 0 0 20px 0;
	}
		#content p strong
		{
			font-weight: bold;
		}
	#content ul.spaced li
	{
		padding-bottom: 15px;
	}
	#content a
	{
		color: #666;
		text-decoration: none;
	}
		#content a:hover
		{
			text-decoration: underline;
		}

	#content img.icon
	{
		vertical-align: -4px;
	}
	
/* page backgrounds (show for static background pages and also in place of flash when not available) */
div.bgwine		/* home page */
{
	background: url(../images/backgrounds/bg_glass.jpg) no-repeat;
}
div.bgbottles	/* bar page */
{
	background: url(../images/backgrounds/bg_bottles.jpg) no-repeat;
}
div.bgbigcoffee	/* news page */
{
	background: url(http://www.zincbar.co.uk/images/backgrounds/bg_bigcoffee.jpg) no-repeat;
}
div.bgtableskitchen	/* reservations page */
{
	background: url(../images/backgrounds/bg_tables_kitchen.jpg) no-repeat;
}
div.bgpavlova	/* menus page */
{
	background: url(../images/backgrounds/bg_pavlova.jpg) no-repeat;
}
div.bgmenu		/* contact page, reservations page */
{
	background: url(../images/backgrounds/bg_menu.jpg) no-repeat;

}
div.bgglasses	/* accessibility page */
{
	background: url(../images/backgrounds/bg_glasses.jpg) no-repeat;
}
div.bglight		/* careers page */
{
	background: url(../images/backgrounds/bg_light.jpg) no-repeat;
}

div.bgxmas
{
	background: url(../images/backgrounds/bg_valentines.jpg) no-repeat;
	}
	div.bgbeef
{
	background: url(../images/backgrounds/bg_glass_bk.jpg) no-repeat;
	}
	
	


#content h1 {
	text-indent: -100em;
	overflow: hidden;
	line-height: 26px;
}
	#content h1.welcome
	{
		background: url(../images/headings/welcome.gif) no-repeat !important;
	}
	#content h1.dining
	{
		background: url(../images/headings/dining.gif) no-repeat !important;
	}
	#content h1.relaxing
	{
		background: url(../images/headings/relaxing.gif) no-repeat !important;
	}
	#content h1.menus
	{
		background: url(../images/headings/menus.gif) no-repeat !important;
	}
	#content h1.reservations
	{
		background: url(../images/headings/reservations.gif) no-repeat !important;
	}
	#content h1.news_events
	{
		background: url(../images/headings/news_events.gif) no-repeat !important;
	}
	#content h1.contact
	{
		background: url(../images/headings/contact.gif) no-repeat !important;
	}
	#content h1.careers
	{
		background: url(../images/headings/careers.gif) no-repeat !important;
	}
	#content h1.accessibility
	{
		background: url(../images/headings/accessibility.gif) no-repeat !important;
	}
		#content h1.christmas
	{
		background: url(../images/headings/christmas.gif) no-repeat !important;
	}
	#content h1.enquiry
	{
		background: url(../images/headings/enquiry.gif) no-repeat !important;
	}
#content enquiry {

	position: relative;
	float: left;
	width: 260px;
	min-height: 425px;
	color: #333;
	background: #fff;
	margin-left: 13px;
	padding-top: 160px;
	z-index: 10;
}
#content h1.football {
	background-image: url(../images/backgrounds/bg_football.jpg);
	background-repeat: no-repeat;
}
div.bgfootball {
	background-image: url(../images/backgrounds/);
	background-repeat: no-repeat;
}

/* twitter overrides */

#twitter 
{
    float:left;
	padding-left:30px;
	background:url(../images/twitter-feed-bg.gif) left 50% no-repeat;
}

#twitter .twtr-ft, #twitter .twtr-hd 
{
    display:none;
}

#twitter .twtr-widget
{
    font-size:10px!important;
}

#twitter .twtr-widget .twtr-tweet 
{
    border-bottom:none;
}

#twitter .twtr-widget .twtr-tweet-wrap
{
    padding:4px 0 4px;
    background:none;
}

/* club individual promo */

#footer-club {
	position:absolute;
	bottom:15px;
	left:15px;
}

#footer-link {
	position:absolute;
	bottom:46px;
	left:635px;
	width: 168px;
	height: 162px;
}