/* -----------------------------------------
Stylesheet for Northampton Brewery - www.northamptonbrewery.com
Author: cdeVision.com
Copyright: (c)2009 cdeVision
Created: 7 January 2009
Amended: (note date and by whom and any notes)
-------------------------------------------- */

body {background:#7A6723 url(images/bg.png) repeat-x; margin:0; font-family:verdana,arial,helvetica,sans-serif; font-size:11px; color:#69581F; text-align:center;}

h1, h2, h3, h4 {padding:0; margin:0;} 
h1 {font-size:18px; font-weight:bold; padding:0 0 12px 0; line-height:24px; color:#A44C0E;} /* page titles - interior */
h1.home {font-size:18px;}
h2 {font-size:14px; padding:0 0 3px 0; line-height:18px; color:#A44C0E;} /* sub-titles (dk. rust) */
h2.peace {background:url(images/icon-peace.gif) 0 -2px no-repeat; padding:0 0 10px 26px;}
h2.love {background:url(images/icon-heart.gif) 0 -2px no-repeat; padding:0 0 10px 25px;}
h2.beer {background:url(images/icon-beerglass.gif) 0 -2px no-repeat; padding:0 0 10px 17px;}
h2.home {font-size:13px; padding:0 0 12px 0; color:#69581F;}
/* h3 {font-size:16px; font-weight:bold; color:#6D7980; padding:15px 10px 15px 7px;}  sidebar header */

p {margin:0; padding:0 0 12px 0; line-height:15px;}
p.intro {font-size:14px; line-height:20px;}
p.error {padding:0 0 10px 22px !important; background:url(admin/icons/warning.gif) 0 0 no-repeat; color:#de0000;}
p.thanks {color:#9E3E42 !important;}
ul, ol {margin:0; padding:0 0 12px 20px;}
li {line-height:15px; padding-bottom:8px;}
ul.nobullets {list-style:none; padding:0 0 12px 0;}
ul.inline {list-style:none; padding:0 0 12px 0; text-align:center;}
	ul.inline li {display:inline; padding:0 8px; line-height:18px;}

.hrule {background:url(images/hrule.png) no-repeat; width:570px; height:29px; margin:5px 0 20px 0;}
.hrule hr {display:none; margin:0; padding:0;}

img {border:0;}
.clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;}
.skiplink {display:none;}

div#printlogo {display:none;}

/* fix PNG transparency in IE6- 
#logo, #tagline {behavior:url(scripts/iepngfix.htc);}*/

/* ---- forms ----------------------------------------- */
form {margin:0;}
input, textarea, select, option {font-family:verdana,sans-serif; }
input {border:1px solid #E6D9AB; width:360px;}
textarea {border:1px solid #E6D9AB; width:360px; height:180px;}
input.button {background-color:#A44C0E; color:#fff; width:80px; border:0;}
input.nostyle {width:auto;}


/* ---- links ----------------------------------------- */
a {color:#D7A906; text-decoration:underline;}  
a:visited {color:#D7A906;}
a:hover {color:#A44C0E; text-decoration:none;}
a:active {color:#D7A906;}
a:active, a:focus {outline:none;}
/* links with icons */
a.pdf {background:url(images/icon-pdf.png) 0 0 no-repeat; padding:0 0 1px 24px; text-decoration:none; display:block;}


/* ---- ids & classes ----------------------------------------- */

#headerwrap {width:100%; position:relative;  background:url(images/bg-header.jpg) center 104px no-repeat;}
#header {width:800px; height:200px; margin:0 auto; position:relative; text-align:left;}
	#logo {position:absolute; top:10px; left:0; width:143px; height:178px; background:url(images/bg-logo.png) no-repeat;}
		#logo h1 {padding:0; margin:0; text-indent:-4000px; width:128px; height:164px; background:url(images/logo.gif) no-repeat; margin:3px 0 0 9px;}
		#logo a {display:block; width:128px; height:164px;}
	#tagline {position:absolute; top:106px; left:170px; width:628px; height:84px; background:url(images/tagline.png) no-repeat;}
		#tagline h2 {padding:0; margin:0; text-indent:-4000px;}
	#navmenu {position:absolute; top:15px; left:160px; padding:2px 0;}
		#navmenu ul {font:normal 12px arial,sans-serif; list-style:none; float:left; padding:0; margin:2px 20px 2px 20px;}
		#navmenu li {padding:3px 2px; line-height:15px;}
		#navmenu a {color:#fff; text-decoration:none; padding:2px 4px;}
		#navmenu a:hover {background:#D7A906;}
		#navmenu a.on {background:#D7A906;}
		

#contentwrap {width:100%; /*background:#FFFFFA;*/ background:#fff;}
#content {width:800px; margin:0 auto; padding:15px 0; text-align:left; min-height:300px;}
	#maincolhome {width:570px; float:left; padding-top:15px;}
	#maincol {width:560px; float:left; padding-top:15px;}
		img.contentimg {border:1px solid #C4A437; margin:4px 0 20px 20px; display:block; float:right;}
		/* home boxes */
		#homefeatures {margin:20px auto;}
			#homefeatures h3 {font:bold 14px/20px verdana; color:#A44C0E; padding:0 0 5px 0;}
			#blogbox {float:left; width:240px; padding-top:102px; background:url(images/blog-banner.png) no-repeat; margin-left:10px;}
			#merchbox {float:right; width:240px; padding-top:195px; background:url(images/merch-banner.png) no-repeat; margin-right:10px;}
	#rightcolhome {width:200px; float:right;}
		.box {margin:0 0 15px 0; padding:12px 12px 2px 12px; color:#fff; font-size:10px;}
		.ontap {background:#A44C0E url(images/bg-nowontap.png) 120px 35px no-repeat;}
		.rust {background-color:#A44C0E;}
		.gold {background-color:#D7A906;}
		.green {background-color:#8A821A;}
		.tan {background-color:#CCC47A; color:#5F501B;}
			.tan a {color:#5F501B !important;}
		div.ontap p {line-height:16px;}
		.box h3 {margin:0; padding:0 0 8px 0; text-indent:-4000px;}
			h3.ontap {width:153px; height:17px; background:url(images/h3-ontap.png) no-repeat;}
			h3.whatsnew {width:158px; height:17px; background:url(images/h3-whatsnew.png) no-repeat; padding-left:-5px !important;}
			h3.newsletter {width:179px; height:14px; background:url(images/h3-newsletter.png) no-repeat;}
		.box p {padding:0 0 10px 0; line-height:14px;}
		.box a {color:#fff; text-decoration:underline;}
		.box a:hover {text-decoration:none;}
		.box ul {list-style:none; margin:0; padding:0 0 10px 0;}
		.box li {margin:0; padding:0; line-height:15px;}
		#signupbox {margin:0 0 10px 0;}
			#signupbox label {display:none; margin:0;}
			#signupbox form {margin:0;}
			#signupbox input {margin:0 0 6px 0; border:0; padding:2px; font-size:9px; color:#666;}
			#signupbox input.button {margin:7px 0 0 0; background:#A44C0E; color:#fff;}
			#signupbox input.nostyle {margin:0; width:auto;}
	#rightcol {width:200px; padding-top:50px; float:right;}
		p.caption {text-align:right; font-size:10px; line-height:12px; padding:0;}
		#rightcol img {display:block; margin:20px 0 3px 0; border:1px solid #C4A437;}
	/* single column pages (menu, special events) */
	#singlecol {padding-top:15px;}
		#singlecol .hrule {margin:5px auto 20px !important;}
	/* Photo gallery */
	table#gallery {margin:10px auto 0;}
		table#gallery td {padding:0 15px 30px;}
		table#gallery td img {border:1px solid #C4A437;}
	table.show {margin:10px 0 0 0;}
		table.show td {padding:0 20px 30px 0; vertical-align:top;}
		table.show td img {border:1px solid #C4A437;}
	/* Staff */
	.staffbox {padding:10px 0 20px 0;}
		.staffbox h2 {padding:0 0 8px 0;}
			.staffbox h2 span {padding-left:6px; color:#8A821A;}
		.staffimg {float:left; width:120px; margin-right:20px;}
			.staffimg img {display:block; margin:4px 0 0 0; border:1px solid #C4A437;}
		.staffinfo {float:left; width:650px;}
	/* News */
	.newsbox {padding:0 0 20px 0;}
		.newsbox h2 {padding:0 0 6px 0; margin:0;}
		.newsbox img {display:block; float:left; margin:5px 20px 10px 0; border:1px solid #C4A437;}
		.newsbox p {padding:0 0 8px 0;}
	/* Menu */
	#foodlegend {border:1px solid #E6D9AB; padding:10px 10px 0 10px; text-align:center; margin:0 auto 20px; width:500px;}
		#foodlegend span {padding:0 8px;}
		
	
#footerwrap {width:100%; border-top:5px solid #FCB131;}
#footer {width:800px; margin:0 auto; text-align:left; padding:15px 0;}
	#footer p {color:#E6E2D6; padding:0 0 8px 0;}
	#footer a {color:#E6E2D6;}
	#footer a:hover {}
	p#props {color:#AEA278;}
	p#props a {color:#AEA278;}
	
	
/* form tables */
table#formTable {margin:20px 10px 10px 0; border:0 !important;}
	table#formTable td {vertical-align:top; padding:4px; font-size:11px; border:0 !important;}
	table#formTable td.right {text-align:right;}
	
/* ---- admin panel styles -------------------- */
#adminmenu {font-size:10px; margin:3px 3px 0 0; position:absolute; right:0; top:0; 
	border-right:1px solid #666; border-bottom:1px solid #666; border-top:1px solid #eee; border-left:1px solid #eee; width:180px; z-index:100;}
	#adminmenu table {text-align:left; background-color:#fff; border:1px solid #ccc; width:100%;}
	#adminmenu table td {padding:3px;}
	#adminmenu img {margin-left:6px;}
	#adminmenu a, #adminmenu a:visited, #adminmenu a:active {margin-right:6px; text-decoration:none; color:#2970C7;}
	#adminmenu a:hover {color:red;}
	
	
	
/* ---- highslide styles (for gallery page) -- */

.highslide {cursor:url(highslide/graphics/zoomin.cur), pointer; outline:none;}
.highslide-active-anchor img {visibility:hidden;}
.highslide img {margin:0 auto;}
.highslide-wrapper {background:white;}
.highslide-image {border:1px solid #E6D9AB; padding:5px; border-bottom:0; border-right:1px solid #999;}
.highslide-image-blur {}
.highslide-caption {
    display:none;
    border:1px solid #E6D9AB;
    border-top:none;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
    padding:0 5px 5px 5px;
    background-color:white;
	text-align:left;}
.highslide-caption p {padding:0;}
.highslide-loading {
    display: block;
	color: black;
	font-size: 10px;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid #E6D9AB;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}