@import"/resources/css/standard.css"; /*resets styles*/

@import"core.css"; /*main CSS*/

/* 
This takes advantage of CSS filters as the @import in double quotes with no whitespace is not supported by
the following browsers:

	- Win IE 4.0 - 5.0
	- OSX IE 5.x
	- MAC IE 4.0 - 5.x
	- All NS 4.x
	- OSX iCab 2.x
	- Konqueror 2.2 - 3.x

Filter is supported in:

	- All Mozilla 0.6 and up
	- Win IE 5.5 - 6.0
	- Win Opera 3.5 - 7.x
	- OSX/Mac Opera 5.0 - 6.0 
	- OSX Safari 1.x
	- MSN for OSX
	- OSX OmniWeb 4.1 - 4.2

-------------------------
STRUCTURE:

	- SITE_NAME.css 	//font styling in here
		- standard.css 	//reset styling
		- core.css 		//presentational styling
	- patches-ie7.css
	- patches-ie6.css

*/

/*--[FONTS]------------------------------------------------------------*/

body { text-align:center; font-size:0.625em; font-family:Verdana, sans-serif; /* Consult: /working/resources/fontmatrix.xls for font-family */ }
	
	#access-links { }
	
	#site-container { font-size:1.2em; text-align:left; }
	
	/*--[GLOBAL STYLES]-------------------------------------------*/
	strong { font-weight:bold; }
	em { font-style:italic; }
	a { cursor:pointer; color:#000; }
	h1 { margin-bottom:0.5em; font-size:1em; line-height:1.2em; text-transform:uppercase; }
	h2 { margin-bottom:0.5em; font-size:1em; line-height:1.2em; text-transform:uppercase; }
	h3 { }
	p { margin:0.5em 0; font-size:0.9em; line-height:1.4em; }
	p.no-padding { margin:0 0 0 -3px; padding:0; line-height:0; font-size:0; }
	blockquote { }
	ol { }
		ol li { }
	ul { }
		ul li { list-style-type:disc; }
	.uclc { font-size:1.4em; line-height:1.1em; }
	dl { font-size:0.9em; }
	
/*--[HEADER]------------------------------------------------------*/
#header { font-size:1.1em; line-height:1.2em; }
			#banner a { color:#000; text-decoration:none;  }
	#header #banner { }
			#banner #slogan { font-size:1em; } 
			
/*--[CONTENT]-----------------------------------------------------*/
#content { }
	
	#content ul#nav { font-size:0.9em; }
			   #nav li { list-style-type:none; } 
		       #nav li a { color:#fff; text-decoration:none; text-transform:uppercase; }
		       #nav li a.current { font-size:1.2em; font-weight:bold; color:#1D693B; }
		       
	#content #left-col { }
			 #left-col .padding { }
			 
	#content #right-col { }
			 #right-col .padding { }
	
/*--[FOOTER]------------------------------------------------------*/
#footer { font-size:1.1em; line-height:1.2em; color:#fff; width:920px; padding-top:10px; margin-top:15px;}

/*--[FRIEND LINK]-------------------------------------------------*/
#friend-link { display:none;}

/*--[FOOTER LINKS]------------------------------------------------*/
ul#footer-links { font-size:0.6em; text-transform:uppercase; }
  #footer-links li { color:#fff; }
  #footer-links li a { color:#fff; text-decoration:none; }

/*--[CUSTOM CLASSES]----------------------------------------------*/

/*--[PAGE SPECIFIC]-----------------------------------------------*/

iframe {float:right; height:25px;}
p span {display:inline;}

#join-our-club #right-col{
	display: none;
}

#join-our-club #left-col{
	background: none;
	color: #fff;
	padding: 30px;
	width: 700px;
}
	
	#join-our-club #left-col h1{
		color: #e71334;
		font-size: 18px;
	}
	
	#join-our-club #left-col ul, #join-our-club #left-col li{
		list-style: none;
		margin: 0;
		padding: 0;
		width: 300px;
		display: block;
		float: left;
	}
		
		#join-our-club #left-col ul{
			margin: 10px 0 0 0;
		}
		
		#join-our-club #left-col li{
			margin: 0 0 5px 0;
		}
		
		#join-our-club #left-col label{
			display: block;
			float: left;
			width: 110px;
		}
		
		#join-our-club #left-col input{
			display: block;
			float: left;
			width: 180px;
		}
		
		#join-our-club #left-col select.month{
			width: 60px;
		}
		
		#join-our-club #left-col button{
			float: right;
		}
	
	#join-our-club #left-col div.padding{
		width: 300px;
		position: relative;
		float: left;
		padding: 0;
		margin: 0;
		border: none;
	}
	
	#join-our-club #left-col img.bartab{
		float: right;
		border: 5px solid #fff;
		position: absolute;
		right: -400px;
	}
	
	#lambournebarandgrill #left-col{
		height: 342px;
	}
	
	#lambournebarandgrill #left-col div.padding{
		height: 340px;
		
	}
	
	#lambournebarandgrill #left-col{
		margin-bottom: 165px;
	}
	
	#lambournebarandgrill #joinclub{
		position: relative;
		top: 20px;
		border: 3px solid #fff;
		padding: 5px 10px;
		color: #fff;
		width: 444px;
		float: left;
		margin-left: -5px;
	}
	
		#lambournebarandgrill #joinclub ul, #lambournebarandgrill #joinclub li{
			margin: 0;
			padding: 0;
			list-style: none;
			float: left;
		}
		
		#lambournebarandgrill #joinclub h2{
			color: #e41638;
			display: inline;
			font-family: Georgia;
			font-size: 16px;
			text-transform: capitalize;
		}
		
		#lambournebarandgrill #joinclub p{
			margin: 0 0 10px 0;
			padding: 0;
		}
		
		#lambournebarandgrill #joinclub li{
			width: 120px;
			display: block;
			margin-right: 5px;
			float: left;
		}
			
			#lambournebarandgrill #joinclub li label{
				margin-bottom: 5px;
				display: block;
			}
			
			#lambournebarandgrill #joinclub li.dob{
				width: 189px;
			}
			
			#lambournebarandgrill #joinclub li input{
				width: 110px;
			}
			
			#lambournebarandgrill #joinclub li select.month{
				width: 65px;
			}
			
			#lambournebarandgrill #joinclub li select.year{
				width: 55px;
			}
			
			#lambournebarandgrill #joinclub li.button{
				width: 98%;
				margin-top: 20px;
			}
			
			#lambournebarandgrill #joinclub li small{
				font-size: 10px;
			}
			
			#lambournebarandgrill #joinclub li button{
				float: right;
			}