/* @override http://hawleyarms/styles/default.css */

@charset "utf-8";
/*
============================================================================
Site: Hawley Arms
Site URI: http://www.thehawleyarms.co.uk/
Version: 1.0
Author: Netstep
Author URI: http://www.netstep.co.uk/
============================================================================
*/

/*
============================================================================
DEFAULT BROWSER SETTINGS
============================================================================
*/
* {
	margin:0;
	padding:0;
}
html, body { height:100%; }
body {
	position:relative;
	/* set default bg here - other random bg's loaded via jQuery - see 'ha.js' */
	/*background-image: url(../images/backgrounds-browser/tileable-brick.jpg); */
	background-position:center;
	background-color:#b37c58;
	font:normal 0.70em Georgia, "Times New Roman", Times, serif;
	color:#333;
	text-align:center; /* horizontal centering for IE Win quirks */
	word-spacing:0.3em;
}
p { margin:0 0 10px 0; line-height:1.5em; }
a { color:#fff; }
a:hover, a:focus, a:active {
	color:#562B2B;
	text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	color:#edeac8;
	margin:0;
}
h1 { font-size:2.8em; }
h2 { font-size:2.6em; }
h3 { font-size:2.4em; }
h4 { font-size:2.2em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#edeac8; }
h1 span, h2 span, h3 span { display:none }
/*sets image scaling for IE7 if necessary*/
img { -ms-interpolation-mode: bicubic; }
/*makes hr's just a solid line, no bevels etc*/
hr {
	border:none;
	background:none;
	border-top:1px dotted #ccc;
	height:1px;
	line-height:1px;
	margin:30px 0 30px 0;
}



/*
============================================================================
FLOATFIX
bit of css to fix the clearing problem with divs containing floats
explained here http://www.positioniseverything.net/easyclearing.html 
might cause some problems? Keep an eye on it, seems to work well though 
============================================================================
*/

.floatfix:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden
}
.floatfix { display:inline-block }
/* Hides from IE-mac \*/
* html .floatfix { height:1% }
.floatfix { display:block }
/* End hide from IE-mac */

/*
/*
============================================================================
FancyBox custom frame
============================================================================
*/


div.fancy_bg_n {
	position:absolute !important ;
	top:0px !important ;
	left:0px !important ;
	top: -19px !important;
	width: 100% !important;
	height: 49px !important;
	background: transparent url(/images/fancybox/frame-n.png) repeat-x center  !important;
}
div.fancy_bg_ne {
	top: -19px !important;
	right: -19px !important;
	width: 54px !important;
	height: 49px !important;
	background: transparent url(/images/fancybox/frame-ne.png) no-repeat !important;
	z-index:100 !important;
}
div.fancy_bg_e {
	right: -19px !important;
	height: 100% !important;
	width: 54px !important;
	background: transparent url(/images/fancybox/frame-e.png) repeat-y center !important;
}
div.fancy_bg_se {
	bottom: -18px !important;
	right: -18px !important;
	width: 54px !important;
	height: 53px !important;
	background: transparent url(/images/fancybox/frame-se.png) no-repeat !important;
	z-index:100 !important;
}
div.fancy_bg_s {
	position:absolute !important;
	bottom:0px !important;
	left:0px !important;
	bottom: -19px !important;
	width: 100% !important;
	height: 53px !important;
	background: transparent url(/images/fancybox/frame-s.png) repeat-x center !important;
}
div.fancy_bg_sw {
	bottom: -19px !important;
	left: -19px !important;
	width: 48px !important;
	height: 53px !important;
	background: transparent url(/images/fancybox/frame-sw.png) no-repeat !important;
	z-index:100 !important;
}
div.fancy_bg_w {
	left: -18px !important;
	height: 100% !important;
	width: 48px !important;
	background: transparent url(/images/fancybox/frame-w.png) repeat-y center !important;
}
div.fancy_bg_nw {
	top: -19px !important;
	left: -19px !important;
	width: 48px !important;
	height: 49px !important;
	background: transparent url(/images/fancybox/frame-nw.png) no-repeat !important;
	z-index:100 !important;
}

/*
============================================================================
MAIN LAYOUT, COLUMNS ETC
============================================================================
*/
/*#spacer div needed for centering the #wrapper div vertically */

#spacer {
	width:1px;
	height:50%;
	margin-bottom:-290px; /* very roughly about half of #wrappers height, tweak as necessary */
	float:left;
}

#wrapper {
	margin:0 auto;
	width:1000px;
	height:548px;
	position:relative;
	text-align:left;
	clear:left;
}
#inner-wrapper {
	width:960px;
	height:508px;
	background:#562B2B url(../images/common/bg-wrapper.gif);
	position:absolute;
	z-index:1;
	left:20px;
	top:20px;
	overflow:hidden;
}
#drop-shadow {
	width:1000px;
	height:565px;
	background:url(../images/common/bg-drop-shadow.png) no-repeat top;
	position:absolute;
	z-index:0;
}
#mini-frame-link {
	display:none;
}
#mini-frame-link a {
	position:absolute;
	display:block;
	width:194px;
	height:160px;
	z-index:5;
}
#mini-frame {
	position:absolute;
	top:-10px;
	right:-5px;
	width:194px;
	height:160px;
	z-index:100;
}
#mini-frame-slide-show {
	position:absolute;
	overflow:hidden;
	z-index:101;
}
#mini-frame img {
	position:absolute;
	z-index:102;	
}
#mini-frame a img  {
	border:none	
}

#ie6-logo {
	position:absolute;
	top:-10px;
	right:-5px;
	width:194px;
	height:160px;
	z-index:1000;
	background:url(../images/common/ie6-logo.png) no-repeat;
}





/*
============================================================================
PAGE TITLE PNGS
============================================================================
*/
.page-title {
	width:269px;
	height:66px;
	position:absolute;
	top:0px;
	left:0px;
	background-repeat:no-repeat;
	background-position:bottom left;
	z-index:3;
}
#title-welcome {
	background-image:url(../images/text-replacement/welcome-to-the-hawley-arms.png);
	height:90px;
}
#title-food { background-image:url(../images/text-replacement/food-and-drink.png) }
#title-drink { background-image:url(../images/text-replacement/drink.png) }
#title-about { background-image:url(../images/text-replacement/about-us.png) }

#title-music { background-image:url(../images/text-replacement/music-listings.png) }
#title-blog { background-image:url(../images/text-replacement/blog.png) }
#title-contact-us { background-image:url(../images/text-replacement/contact-us.png) }
#title-events { background-image:url(../images/text-replacement/events.png) }
#title-gallery { background-image:url(../images/text-replacement/gallery.png) }
#title-gigs { background-image:url(../images/text-replacement/gig-listings.png) }
#title-links { background-image:url(../images/text-replacement/links.png) }
#title-news-and-press { background-image:url(../images/text-replacement/news-and-press.png) }
#title-newsletter { background-image:url(../images/text-replacement/newsletter-sign-up.png) }
#title-promotions { background-image:url(../images/text-replacement/promotions.png) }
#title-error { background-image:url(../images/text-replacement/error.png) }
#title-sitemap { background-image:url(../images/text-replacement/site-map.png) }
#title-accessibility { background-image:url(../images/text-replacement/accessibility.png) }
#title-address { background-image:url(../images/text-replacement/address.png) }
#title-privacy { background-image:url(../images/text-replacement/privacy-policy.png) }
#title-terms { background-image:url(../images/text-replacement/terms-and-conditions.png) }
/*
============================================================================
PAGE BACKGROUND IMAGE CONTAINER
============================================================================
*/
#bg-page {
	position:absolute;
	z-index:2;
	width:804px;
	height:508px;
	overflow:hidden;
	background:url(../images/common/loader.gif) no-repeat center;
}
#bg-page img { }
/*
============================================================================
MAIN NAV and SUB NAV
============================================================================
*/
/*MAIN*/
ul#nav {
	list-style:none;
	position:absolute;
	top:115px;
	width:135px;
	right:5px;
	font-size:1.5em;
	z-index:5;
	overflow-x:hidden;
	overflow-y:auto;
	margin-top:20px;
}
ul#nav li { margin:0 0 6px 0 }


ul#nav li a {
	display:block;
	color:#fff;
	_height:0px;
	text-decoration:none;
}
ul#nav li a:hover, ul#nav li a:focus, ul#nav li a:active { color:#D6C6A7; }
ul#nav li.active a, ul#sub-nav li.active a { color:#D6C6A7; }
ul#nav li a.active { color:#D6C6A7; }
/*SUB*/
ul#sub-nav {
	list-style:none;
	position:absolute;
	top:66px;
	left:0px;
	padding:13px 0 13px 13px;
	font-size:1.1em;
	z-index:5;
	background:#562B2B;
	opacity:0.9;
	filter: alpha(opacity = 90);
}
ul#sub-nav li {
	margin:0 13px 0 0;
	float:left;
}
ul#sub-nav li a {
	display:block;
	float:left;
	color:#fff;
	_height:0px;
	text-decoration:none;
}
ul#sub-nav li a:hover, ul#sub-nav li a:focus, ul#sub-nav li a:active { text-decoration:underline; }

#newsletter-signup-button {
	width:135px;
	height:130px;
	position:absolute;
	top:380px;
	right:10px;
	z-index:2000;
}
#newsletter-signup-button strong {
	display:none;
}
#newsletter-signup-button a {
	cursor:pointer;
	display:block;
	background:url(../images/common/sign-up.png) no-repeat bottom;
	width:135px;
	height:110px!important;
}
/*
============================================================================
CONTENT AREA
============================================================================
*/

/*food classes*/
.foodstyles h3{color:#663300;}
.foodstyles{color:#663333;;!important}

/*food classes end*/

#content {
	position:absolute;
	top:127px;
	left:35px;
	z-index:7;
	padding:0 20px 20px 0;
	width:730px;
	height:338px;
	overflow-y:auto;
	overflow-x:hidden;
	font-weight:bold;
	/*background:#bbba9c;*/
	color:#fff;
}
#content h3 { margin:0 0 6px 0; }
#content.no-page-subnav {
	top:97px;
	height:368px;
}
#content.gallery-page {
	width:742px;
	padding:0!important;
	top:100px;
	height:378px;
}
/*
============================================================================
BLOG AREA
============================================================================
*/
.post {
	background:url(../images/common/divider-ornament.png) no-repeat center bottom;
	padding:0 0 10px 0
}
.post-info {
	color:#cac7a9;
	font-weight:normal;
	font-style:italic;
}
.post-info strong {
	color:#d5d3bd;
	font-style:normal!important;
}
/*
============================================================================
NEWS/PRESS AREA
============================================================================
*/
.item {
	background:url(../images/common/divider-ornament.png) no-repeat center bottom;
	padding:0 0 10px 0
}
.item-info {
	color:#cac7a9;
	font-weight:normal;
	font-style:italic;
}
.item-info strong {
	color:#d5d3bd;
	font-style:normal!important;
}
/*
============================================================================
MISC
============================================================================
*/
.read-more a {
	font-size:0.9em;
	text-decoration:none;
	padding:3px 5px 3px 5px;
	background:#555;
	/*rounded corners won't work in IE*/
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.read-more a:hover, .read-more a:focus, .read-more a:active {
	background:#fff;
	color:#555;
}
/*
============================================================================
FOOTER
============================================================================
*/
#footer {
	position:absolute;
	bottom:-1px;
	right:20px;
	text-align:right;
	color:#888;
	word-spacing:0.0em;
}
#footer a { color:#888; }
.font-up-down a {
	font-family:"Courier New", Courier, monospace;
	text-decoration:none;
	padding:2px 5px 2px 5px;
	background:#ccc;
	color:#777;
	/*rounded corners won't work in IE*/
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.font-up-down a:hover, .font-up-down a:focus, .font-up-down a:active {
	background:#444;
	color:#fff!important;
}
/*
============================================================================
GALLERY
============================================================================
*/
.thumbnail {
	list-style:none;
	display:block;
	float:left;
	width:90px;
	height:90px;
	/*rounded corners won't work in IE*/
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin:2px;
	background:#cac8ad;
	padding:4px;
}
.thumbnail a {
	display:block;
	width:90px;
	height:90px;
	/*rounded corners won't work in IE*/
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background:#fff;
}
.thumbnail a:hover, .thumbnail a:focus, .thumbnail a:active {
	opacity:0.5;
	filter: alpha(opacity = 50);
}
/*.thumbnail a:active,.thumbnail a:focus {
	opacity:0.0;
	filter: alpha(opacity = 00);
}*/
.thumbnail a strong { display:none }


/*
============================================================================
TOOLTIP
============================================================================
*/
#floatBox {display:none;position:absolute;z-index:5;color:#FFFFFF;}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #562b2b;
	background-color: #5d2f2f;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { font-size:12px; margin: 0; }


/* @group Music listings page */
img#main-image {
	border: 4px solid #fff;
	margin-top: 10px;
	margin-bottom: 10px;
}
ul#thumbs {
	margin: 10px 0 0 0;
	padding: 0;
}

ul#thumbs li {
	margin: 0 5px 3px 0;
	padding: 0;
	float: left;
	list-style: none;
}

ul#thumbs li a {
	display:block;
	height:71px;
	width:71px;
	margin: 0;
	padding: 0;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:center;
	border:4px #FFFFFF solid;
}

ul#thumbs li a:hover {
	background-color:#ffd200;
	border-color:#ffd200;
}

ul#thumbs img {
	margin: 0;
	padding: 0;
	border: 4px solid #fff;
}

ul#thumbs a:hover img {
	border: 4px solid #ffd200;
}
div#listings-info {
	float: right;
	width: 435px;
	height: 400px;
	margin-top: -30px;

}

div#listings-info h3, div#listings-info h4, h3#video-header {
	color: #fff;
	border-bottom: 1px solid #8f8d84;
	font-size: 130%;
	padding-bottom: 4px;
	margin-bottom: 4px;

}

div#listings-info h4 {
	color: #fff;
	border-bottom: 1px solid #8f8d84;
	font-size: 130%;
	padding-bottom: 4px;

}
h3#video-header {
	
}
div#listings-info p {
	font-weight: normal;
	font-size: 12px;
	line-height: 1.3em;
	color: #dbdace;
}
p#openingtimes {
	text-align: right;
	margin-bottom: 20px;
	font-weight: bold;
}
div#videos {
	width: 257px;
}

div#videos ul {
	margin: 0;
	padding: 0;
}

div#videos ul li {
	margin: 0 0 .4em 0;
	padding: 0;
	font-weight: normal;
}

div#videos ul li a, div#videos ul li a:visited {
	color: #cec34e;
	font-weight: bold;
}

div#videos ul li a:hover {
	text-decoration: none;
}
ul#listings {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

ul#listings li {
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	*padding-bottom: 10px;
	list-style: none;
	width: 720px;
	float: left;
	border-bottom: 1px solid #8f8d84;
	position: relative;
}

ul#listings li.left {
	
}

ul#listings li.right {
	
}

ul#listings li p {
	font-weight: normal;
	font-size: 12px;
	line-height: 1.3em;
	color: #dbdace;
	float: left;

}

ul#listings a.seedetails {
	background: url(/images/text-replacement/see-details.gif) 0 0 no-repeat;
	width: 91px;
	height: 25px;
	text-indent: -999em;
	display: block;
	position: absolute;
	top: 10px;
	right: 0;
}
ul#listings a:hover {
	background-position: 0 -25px;
}
ul#listings h2 a {
	background: none;
	text-indent: 0;
	text-decoration: none;
}

ul#listings h2 {
	font-size: 190%;
	margin-bottom: 8px;
	padding: 0;
}

ul#listings img {
	float: left;
	padding: 4px;
	background: #fff;
	margin: 0 10px 10px 0;
}

ul#listings a img, ul#listings a:visited img {
	border: none;
}
ul#listings li p.date {
	color: #fff;
	float: left;
	width: 590px;
	font-size: 120%;
	font-weight: bold;
	margin: -5px 0 8px 0;
	padding: 0 0 4px 0;
}

/* @contact */

.signup form {
	margin:0 0 1em 0;
}
.signup form fieldset {
	border:none;
}
.signup form li {
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0 0 1em 0;
}
.signup form ol {
	margin: 0;
	padding: 0;
}
.signup label {
	width: 5em;
	display: block;
	float: left;
	margin-bottom: .3em;
	font-weight: bold;
	padding-top: 5px;
}

.signup fieldset.submit {
	margin-left:5em;
}

.signup label span {
	font-size:0.9em;
	font-weight:normal;
	color:red;
}

.signup label.newsletter {
	margin-top:-2px;
	position:absolute;
	width:100%;
	left:7em;
}

/* @end */