@charset "UTF-8";
/* CSS Document */


/*COMMON SETTINGS FOR ALL LOCKE WEBSITE*/

* {
	padding:0;
	margin:0;
}
html {height:100%}
body {
	height:101%;
	color: #4b4b4b;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	/*background-image: url(../images/design_elements/pattern_2.jpg);*/
	background-repeat: repeat-x;
	/*background-color:#2d2c2c;*/
	background-color:#877060;
}
em { font-style:normal;}
strong { font-weight:normal;}
li { list-style:none;}
a {
	color:#871514;
	text-decoration:underline;
	font-weight:bold;
}

/*CONTAINER CENTERED FIXED LAYOUT*/
#container {
	text-align:left;
	height: 100%;
	width: 870px;
	padding-left:10px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/design_elements/container_bg_4.png);
	clear:both;
	float:none;
	background-repeat: repeat-y;
	background-position: 10px 300px;
}

#container:after {
	content: ".";
	display: block;
	height: 0;
	width:0;
	padding: 0;
	margin: 0;
	clear: both;
	visibility: hidden;
	background: #FFFFFF;
}

body > #container { height:auto ;
min-height: 100%;}

#content { float:left;}
/*FOOTER*/
#footer { clear:both;
padding-top:20px;
width:890px;
background-image:url("../images/design_elements/header_bg_3.png");
background-position:15px top;
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;}
#footer p {
	padding-bottom:20px;
	padding-left:15px;
	background-image:url("../images/design_elements/header_bg_3.png");
background-position:15px bottom;
background-repeat:no-repeat;
color:#1E1D1C;
font-size:12px;
}
/*HEADER: H1/LOGO HEADER and LOGIN LINKS*/
#header {
	float: left;
	height: 110px;
	width: 870px;
	padding-top:10px;
	background-image: url(../images/design_elements/header_bg_3.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#login a, #mainnav a {
	font-size:16px;
	color:#E9E9E9;
	text-decoration:none;
	font-weight:normal;
	text-transform: lowercase;	
	
}

h1 {display:inline; /*for the much beloved IE6*/;
	float:right;
	width:590px;
	text-indent:-5000px;
	margin-right:20px;
	margin-top:0px;
	background-image: url(../images/design_elements/logo_2.jpg);
	background-repeat: no-repeat;
	height: 100px;
}
#login { margin-top:25px; /*38 avant*/
	margin-left:20px;
	float: left;
	display:inline;
}

#login li {
	width:180px;
	/*padding-left:17px;*/
	height:45px;
	float:left;

}

#login a {
float: left;
	font-size: 14px;
	font-weight:normal;
	padding-top:3px;
	width:135px;
	height:32px;
	display:block;
	padding-top: 13px;
	padding-left:45px;
	background-image: url(../images/design_elements/login_button_3.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#login a:hover, #members #member_link a{
	background-position: 0 -45px;
}



/*SUB-HEADER: MAIN NAVIGATION AND MAIN IMAGE*/
#subheader {
	background-image: url(../images/design_elements/subheader_bg_3.png);
	background-repeat: no-repeat;
	float: left;
	height: 218px;
	padding-right:10px;
	width: 860px;
	/*background-color: #1d1d1d;*/
	background-position: left top;
	margin-top:0px;
}

/*Main navigation*/
#mainnav {
	display:inline; /*for the much beloved IE6*/
	background-image: none;
	background-repeat: no-repeat;
	float: left;
	height: 178px;
	width: 210px;
	margin-top: 13px;
	margin-left: 40px;
	margin-top: 10px;
	margin-left: 20px;
	padding-top: 0px;
	padding-left: 0px;
	padding:0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
}


#mainnav li {
float:left;
	width:180px;
	margin-left:0px;
	height:27px;
	padding-bottom:0px;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-bottom-color: #525252;
	line-height: 16px;
	padding-bottom:0px;
	padding-top:0px;
	
	}
	
#home #home_nav a, #lunch #food_nav a, #bbq #food_nav a, #finger #food_nav a, #early_bird #food_nav a, #food #food_nav a, #evening #food_nav a, #pint #drinks_nav a, #wine #drinks_nav a, #drinks #drinks_nav a, #cocktails #drinks_nav a, #parties #parties_nav a, #events #events_nav a, #about #about_nav a, #contact #contact_nav a {
	background-image: url(../images/design_elements/nav_button_2.jpg);
	background-position: 0px -27px;
	color:#000000;
}
#mainnav li.last a {
	height:22px;
}	
	
	
#mainnav li a {
	font-weight:normal;
	padding-top:4px;
	width:180px;
	margin-left:0px;
	height:23px;
	display:block;
	font-size:14px;
	padding-left:45px;
	background-image:none;
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-image: url(../images/design_elements/nav_button_2.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}


#mainnav li a:hover {
	color:#f2ba23;
	background-position:left -54px;
}

/*SUBHEAD - banner image/ title of page?*/	
#subhead {
	display:inline; /*for the much beloved IE6*/
	width:588px;
	height: 185px;
	margin-top: 10px;
	margin-right: 10px;
	float: right;
	background-position: 3px 3px;
	background-repeat: no-repeat;
	border: 1px solid #474746;
	}


/*MAIN CONTENT*/
#content {
	width: 610px;
	float:right;
	background-image: url(../images/design_elements/main_column_bg_3.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:20px;
	
}
/*Title*/
h1.tab_title {
	display:inline; /*for the much beloved IE6*/
	margin-top:20px;
	float:left;
	width:500px;
	text-indent:-5000px;
	margin-right:25px;
	margin-left:20px;
	margin-top:0px;
	background-repeat: no-repeat;
	height: 30px;
	text-transform:capitalize;
	font-weight:normal;
	color:#600808;
	font-size:36px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	letter-spacing: -0.03em;
	background-position: left top;
}

#t_home { background-image:url(../images/Headings/The_Locke_Bar.gif) }
#t_food { background-image:url(../images/Headings/food.gif)}
#t_drinks { background-image:url(../images/Headings/drinks.gif)}
#t_parties { background-image:url(../images/Headings/private_parties.gif)}
#t_events {background-image:url(../images/Headings/entertainment.gif)}
#t_about { background-image:url(../images/Headings/the_loft.gif)}
#t_contact {
	background-image:url(../images/Headings/contact_us.gif)
}
#t_register { background-image:url(../images/Headings/register.gif)}
#t_members { background-image:url(../images/Headings/members.gif)}


/*Main Copy*/
#maincopy { display:inline; /*for the much beloved IE6*/; 
	float:right;
	width:580px;
	padding-top:10px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-right:20px;
}
#mainstories { 
	display:inline; /*for the much beloved IE6*/; 
	width: 510px;
	padding-left:10px;
	background-repeat: no-repeat;
	background-position: left bottom;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
}

#mainstories li {
padding:0;
	display:inline; /*for the much beloved IE6*/
	float:left;
	width:510px;
	padding-left:0px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom:40px;
	}
	
/*#mainstories li.highlight {
	background-image: url(../images/design_elements/story_bg_bottom_highlight.jpg);
}	*/

#mainstories li.last_story {  margin-bottom: 0px;}

#mainstories li#story1, #mainstories li#story5, #mainstories li#story9 { background-image:url(../images/design_elements/story_bullet_red.png)}

#mainstories li#story2, #mainstories li#story6, #mainstories li#story10 { background-image:url(../images/design_elements/story_bullet_green.png)}

#mainstories li#story3, #mainstories li#story7, #mainstories li#story11 { background-image:url(../images/design_elements/story_bullet_mauve.png)}

#mainstories li#story4, #mainstories li#story8, #mainstories li#story12 { background-image:url(../images/design_elements/story_bullet_orange.png)}

#mainstories li { background-image:url(../images/design_elements/story_bullet_mauve.png)}

#mainstories h2 {
	margin:0;
	float:right;
	width:365px;
	height: 20px;
	margin-right: 5px;
	padding-left:10px;
	font-size:20px;
	color:#FFFFFF;
	padding-top:7px;
	background-image:url(../images/design_elements/story_title_bg.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-align: left;
	font-family: Garamond, "Times New Roman", Times, serif;
	font-weight:normal;
	letter-spacing: -0.03em;
	padding-bottom: 15px;
}


#mainstories .highlight h2 {
	background-image:url(../images/design_elements/story_title_bg_highlight.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	color:#ffffff;
	
}


.storycontent {
	float: left;
	width:476px;
	padding:10px;
	background-image: url(../images/design_elements/story_bg_3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border: 2px solid #FFFFFF;	
	background-color: #fcf1c3;
}

.highlight .storycontent {
	background-image:none;
	background-color:#FFF7E7;
	border: 2px solid #C0B5B1;
}

.storycontent p a, #sidecopy p#logout a {
	display:block;
	margin-top: 15px;
	height:27px;
	padding-top:4px;
	width:190px;
	color:#FFFFFF;
	background-image:url(../images/design_elements/Link_button_3.png);
	background-position:0 0px;
	text-decoration:none;
	text-align:center;
	font-size:15px;
	font-weight:normal;
	font-family: Garamond, "Times New Roman", Times, serif;	
}


.storycontent p a:hover, #sidecopy p#logout a:hover { 
	background-position: 0 -31px;
	/*color:#FFFFFF;*/
}


.storycontent p a:hover, #sidecopy p#logout a:hover { 
	background-position: 0 -31px;
	/*color:#FFFFFF;*/
}

/*Food MEnus/drink Menus*/
.storycontent p, #mainstories li li {
line-height:18px;
	display:inline; /*for the much beloved IE6*/;
	width:340px;
	float:right;
	margin-right:10px;
	font-size:13px;
	color:#1e1d1c;
	margin-bottom: 5px;
	
}

.storycontent p.p_desc { font-size:12px; margin-bottom:2px; font-weight:bold; color:#871514}
#mainstories li ul { padding:0; margin:0}
#mainstories li li {
	background: none;
	padding-bottom:7px;
	margin-bottom:7px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#mainstories li li h3 {font-size:15px; color:#871514; margin:0px; padding:0px; width:300px;}
#mainstories li li.food { position:relative}
#mainstories li li.food h3 {
	color: #4A4A4A; font-weight:normal;
}
#mainstories li li h3 span { font-style:italic; font-weight:normal}
#mainstories li li.food h3 span {
	position:absolute;
	font-style:normal;
	font-weight:normal;
	font-size:13px;
	right: 0px;
}

#mainstories li li p { font-size:11px; color:#1d1c1c; margin:0px;}
#mainstories li li p.producer { margin-bottom:2px; font-weight:bold;}
#mainstories li li p.price { margin-top:2px; font-weight:bold}
.storycontent img {
	width:110px;
	height:110px;
	float:left;
}
#mainstories li ul { display:inline; /*for the much beloved IE6*/;
	width:340px;
	float:right;
	}
#mainstories li ul.after_par { margin-top: 15px;}

/*Tabbed Maincontent*/
.tabs#maincopy {
padding: 0;
					margin:0;
	background-position:0px 0px;
}
#secondnav {display:inline; /*for the much beloved IE6*/; 
	float:left;
	padding: 0;
	margin:0;
	width:500px;
	padding-top:5px;
	background-image: none;
	margin-left:20px;
	margin-bottom:0px;
	}
#secondnav li { display:inline; /*for the much beloved IE6*/;
				float: left;
					padding: 0;
					margin:0;
				margin-right: 7px;
}


#secondnav a {
	padding: 0;
	margin:0;
	font-weight:normal;
	/*display: block;*/
	text-decoration: underline;
	height: 20px;
	text-align: center;
	width: auto;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 12px;
	color:#222222;
}

#secondnav a:hover {
	background-position: 0px -26px;
	color:#996600;
}
#secondnav .current_tab a {padding: 0;
					margin:0;background-image:none; height:20px; color:#871514}
#secondnav .current_tab a:hover {padding: 0;
					margin:0; background-position: 0 0 }


/*Content Navigation ( e.g. menu pages*/
#content_nav {
	padding-top:20px;
	width:476px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:25px;
	margin-left:10px;
	float:left;
	background-image: url(../images/design_elements/story_bg_3.jpg);
	background-repeat: no-repeat;
	background-position: top;
	border: 2px solid #FFFFFF;	
	}
#content_nav ul {
	float:left;
	width:220px;
	padding:0;
	margin:0
}
ul#first_nav {
padding-left:0;
margin-left:0;
	margin-right:10px;
	padding-right:9px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
}

#content_nav li {
	position:relative;
	width:220px;
	background-position: 0 65%;
	font-family: Arial, Helvetica, sans-serif;
}

#content_nav a {
	padding-right :3px;
	font-size:10px;
	color:#333333;
	line-height:21px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration:none;
	
}

#content_nav a:hover {
	color:#871514;
}

#content_nav a span {
	position:absolute;
	right: 0px;
	padding-left:3px;
}



/*Side Copy*/

#sidecopy, #side_title {
	display:inline;
	width:240px;
	padding-left:20px;
	padding-top:20px;
	float:left;
	margin-top: 0px;
	background-image: url(../images/design_elements/side_column_bg_3.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#register #sidecopy { background-image:none;}
	
#side_title {
	padding-left: 10px;
	color:#484848;
	font-size:30px;
	padding-bottom: 15px;
	padding-top:22px;
	text-align:center;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
#sidecopy h3 {
	margin:0px;
	float:left;
	width:225px;
	height: 27px;
	font-size:16px;
	padding-top:10px;
	padding-bottom:3px;
	text-align: center;
	font-weight: normal;
	background-image: none;
	text-transform:uppercase;
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFFFFF;
	background-color:#64643f;
	font-family: Arial, Helvetica, sans-serif;
}


#sidecopy p {
margin:0px;
float:left;
width:200px;
padding-right:15px;
padding-left:10px;
	padding-bottom:24px;
	padding-top: 12px;
	border-top-width: 1px;
	border-top-style: none;
	border-top-color: #c7c5c5;
	font-weight: normal;
	text-align: center;
	font-size: 15px;
	color: #1e1d1c; 
	background-image: none;
	background-repeat: no-repeat;
	background-position: bottom;
}

#sidecopy p#user_name { border:none; font-size:18px; font-weight:bold; color:#871514; padding-top:20px;}
#sidecopy p#logout { border:none; width:185px; padding-left:17px; padding-right:18px; padding-top:12px;}
#sidecopy #form p { border:none; color:#871514; font-size:15px; font-weight:bold;}
#sidecopy #form p.submit, #sidecopy p#logout { 
	margin-left: 20px;
	padding-top: 12px;
	border-top-color: #c7c5c5;
	border-top-width: 1px;
	border-top-style: none; }
#members #sidecopy p.submit, #sidecopy p#logout { margin :0}	
#sidecopy li {padding-top:0px;
	margin-top:0px;
	font-family:Garamond, "Times New Roman", Times, serif;
	float:left;
	background-image: url(../images/design_elements/sidestory_bg_bottom.jpg);
	background-repeat: no-repeat;
	margin-bottom: 25px;
	background-position: left bottom;
}

#sidecopy #color1 h3 {
	background-color:#945b39;
	background-image: url(../images/design_elements/sidestory_bg_top_green.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#sidecopy #color2 h3 {
	background-color:#945b39;
	background-image: url(../images/design_elements/sidestory_bg_top_marron.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#sidecopy #color3 h3 {
	background-color:#945b39;
	background-image: url(../images/design_elements/sidestory_bg_top_purple.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#secondnav {
	float: left;
}
#secondnav li {
	float: left;
}

#sidecopy #awards ul {
	background-image:url(../images/design_elements/side_story_top_2.jpg);
	margin:0;
	padding:0;
	float:left;
	padding-top:10px;
	padding-bottom:20px;
	background-repeat: no-repeat;
	background-position: left top;
	
}


#sidecopy #awards ul h4 {
	margin:0;
	padding:0;
	float:left;
	padding-left:90px;
	padding-top:15px;
	padding-bottom:15px;
	width:110px;
	font-variant: small-caps;
	text-transform: capitalize;
	font-size:14px;
	text-align:center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-position:0px 15px;
	background-repeat: no-repeat;
	}
	
#sidecopy #awards ul .lastaward h4 { border-bottom:none;}

#baw h4 { background-image:url(../images/design_elements/blackandwhite.jpg); height: 70px;}

#joyce h4 { background-image:url(../images/design_elements/jamesjoyce.jpg); height:100px;}

#campbell h4 { background-image:url(../images/design_elements/Georginacampbell.jpg); }



#sidecopy #awards li {
margin:0;
	padding:0;
	background-image: url(../images/design_elements/sidestory_bg_bottom.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	width: 200px;
	padding-left:10px;
	padding-right:15px;
	float:left;
		
}

#sidecopy li img { float:left; border: 0; margin-left: 10px; margin-bottom:15px; margin-top:15px;}
#sidecopy li img#facebook {margin-bottom:0px;}
#sidecopy ul#pdf { margin-top:20px; margin-bottom:10px; float:left; padding-bottom:20px;}
#sidecopy ul#pdf li {
	float:left;
	width: 170px;
	padding-left:40px;
	padding-right:15px;
	margin-bottom:10px;
	background-image:url(../images/design_elements/pdf-logo.png);
	background-repeat: no-repeat;
	background-position: 15px 0px;	
}

#sidecopy ul#pdf li a {
	font-size: 15px;
	text-decoration:none;
	color: #444444;
	font-weight:normal;
}


	
	

/*Homepage*/
#home #subhead {
	background-image:url(../images/banners/locke_outside.jpg)
}
#wine #subhead {
	background-image:url(../images/banners/wine_rack.jpg)
}

#pint #subhead {
	background-image:url(../images/banners/guinness_pint.jpg)
}
#drinks #subhead {
	background-image:url(../images/banners/lager_pint.jpg)
}


#evening #subhead {
	background-image:url(../images/banners/lobster.jpg)
}

#lunch #subhead {
	background-image:url(../images/banners/dining.jpg)
}

#food #subhead {
	background-image:url(../images/banners/mussels.jpg)
}

#early_bird  #subhead {
	background-image:url(../images/banners/fish_chips.jpg)
}

#finger  #subhead {
	background-image:url(../images/banners/chicken_wings.jpg)
}

#bbq #subhead {
	background-image:url(../images/banners/bbq2.jpg)
}

#parties #subhead {
	background-image:url(../images/banners/banner_essai.jpg)
}

#events #subhead {
	background-image:url(../images/banners/arthur.jpg)
}

#about #subhead {
	background-image:url(../images/banners/fireplace.jpg)
}

#cocktails #subhead {
	background-image:url(../images/banners/oyster_house_wine.jpg)
}

#contact #subhead {
	background-image:url(../images/banners/letter.jpg)
}

#register #subhead {
	background-image:url(../images/banners/seal.jpg)
}

#members #subhead, #wine_offer #subhead {
	background-image:url(../images/banners/key.jpg)
}
/*CONTACT PAGE*/

label {
	color:#871514;
	font-size:13px;
	font-weight:bold;
	
	display: block;
	padding-bottom: 3px;
	}

input, textarea  {
	background-color:#f0ebd8;
	border-color:#d7c57f;
	border-style:solid;
	border-width:1px;
	height:18px;
	width:185px;
	font-family: Garamond, "Times New Roman", Times, serif;
	font-size:15px;
	color:#403D37;
}
textarea { width: 100%;
height:80px}
select { background-color:f5f3e7; color:#333333; margin-top:5px;}
#contact #mainstories li li { margin-bottom:7px; padding-bottom:7px; }
.false input, .false textarea {
	background-color: #E7E0BA;
}
p#feedback { color:#333333; padding-bottom:5px; height:40px; font-weight:bold; font-size:13px;}
p.success#feedback { 
	color:#006600
}
p.error#feedback { color:#990000;}
.contactme input {
	width:auto;
	height:auto;
	margin-right:5px;
	border: none;
}
#mainstories li li.contactme p { font-size:14px; padding-bottom:5px;} 
.contactme input#no { margin-left:20px;}
#mainstories li li.contactme { border:none; padding-bottom:14px;}
#mainstories li li.submit { height:26px;border:none; padding-top:14px;}
.submit input{
	border:none;
	height:31px;
	width:119px;
	background-image:url(../images/design_elements/submit_button_3.png);
	color:#FFFFFF;
	text-align:center;
	font-size: 15px;
	line-height:15px;
	font-weight: bold;
	text-transform: lowercase;
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Garamond, "Times New Roman", Times, serif;
	background-color: transparent;
}

#wine_offer #mainstories li img#coupon { width:480px; height: 183px; float:left;}
#wine_offer #mainstories li .storycontent h3 { padding-top:20px; padding-bottom:10px; color: #871514; float:left;}
#wine_offer #mainstories li .storycontent p { width:480px; float:left;}