/* reset */
html,body,form,fieldset{margin:0;padding:0;font:100%/140% Helvetica,Arial,Verdana,sans-serif;}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,address{margin:1em 0;padding:0;}
li,dd,blockquote{margin-left:1em;}
form label{cursor:pointer;}
fieldset,img{border:none;}
input,select,textarea{font-size:100%;font-family:inherit;}

/* general */
html {
	height: 100%;
}
body {
	color: #fff;
	background-color: #000;
	height: 100%;
}

body.contact {
	color: #222;
	background-color: #fff;
}

/* layout */

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

#wrap {
	height: 100%;
}

#main {
	padding-bottom: 35px;
}

#logo {
	height: 87px;
	background-color: #fff;
}

div#left-narrow {
	width: 290px;
	margin-left: 55px;
	float: left;
}

div#right-wide {
	width: 380px;
	margin-left: 30px;
	float: left;
}

#nav {
	height: 35px;
	color: #000;
	background-color: #b27645;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}

#footer {
	color: #ccc;
	background-color: #000;
	width: 100%;
	bottom: 0;
	height: 35px;
	border-top: 3px solid #b27645;
	text-align: right;
	line-height: 35px;
	clear: both;
	float: left;
	position: relative;
	margin-top: -38px; /* negative value of footer height */
}

/* typography */

h1 {
	font-size: 1.875em;
	line-height: 1em;
}

#footer p {
	margin: 0;
	font-size: 0.75em;
	margin-right: 1.5em;
}

a:link, a:visited {
	color: #c28655;
}

a:hover, a:active {
	color: #fff;
}

.contact a:link, .contact a:visited {
	color: #222;
}

.contact a:hover, .contact a:active {
	color: #c28655;
}

/* navigation */

#nav p {
	font-size: 0.875em;
	margin: 0 0 0 60px;
	line-height: 35px;
}

#nav a {
	margin-right: 40px;
}

#nav a:link, #nav a:visited {
	color: #000;
	text-decoration: none;
}

#nav a:hover, #nav a:active {
	color: #fff;
}

.index #nav a:hover.index, .index #nav a:active.index, .beer #nav a:hover.beer, .beer #nav a:active.beer, .contact #nav a:hover.contact, .contact #nav a:active.contact, .food #nav a:hover.food, .food #nav a:active.food, .newsletter #nav a:hover.newsletter, .newsletter #nav a:active.newsletter {
	color: #000;
	cursor: default;
}

/* content */

#logo img.logo {
	margin-left: 20px;
	margin-top: 12px;
}

p.address {
	font-size: 0.875em;
	line-height: 1.2em;
	color: #222;
	margin: 0;
	position: absolute;
	top: 27px;
	right: 20px;
	text-align: right;
}

#content {
	width: 700px;
	margin-left: 55px;
	float: left;
}

.index #content {
	background: transparent url('../i/home-mash-tuns.jpg') top left no-repeat;
	width: 385px;
	padding-left: 315px;
	min-height: 350px;
}

.beer #content {
	background: transparent url('../i/neil.jpg') top right no-repeat;
	width: 385px;
	padding-right: 315px;
	min-height: 300px;
}

.food #content {
	background: transparent url('../i/home-mash-tuns.jpg') top left no-repeat;
	width: 385px;
	padding-left: 315px;
	min-height: 350px;
}

#newsletter label {
	font-size: 0.9em;
	padding-top: 0.6em;
}

#newsletter label.title {
	display: block;
}

#newsletter input.submit {
	margin-top: 1em;
}

#newsletter h2 {
	font-size: 1.2em;
	background: transparent url(../i/envelope.png) no-repeat;
	height: 43px;
	line-height: 43px;
	padding-left: 60px;
	margin-bottom: 0;
}

#newsletter p {
	font-size: 0.9em;
	line-height: 1.2;
	margin-bottom: 0;
	padding-bottom: 0;
}

p.leftimage {
	width: 115px;
	border: 5px solid #b27645;
	float: left;
	min-height: 116px;
	margin-right: 25px;
	background: transparent url('../i/defiant-left.jpg') no-repeat bottom right;
	text-indent: -5000em;
}

p.rightimage, p.leftimage, p.contactinfo {
	padding: 10px;
	font-size: 0.875em;
	line-height: 1.2em;
}

p.rightimage {
	width: 115px;
	border: 5px solid #b27645;
	float: left;
	min-height: 116px;
	background: transparent url('../i/defiant-right.jpg') no-repeat bottom left;
	text-indent: -5000em;
}

p.contactinfo {
	width: 250px;
	border: 5px solid #b27645;
	float: left;
	margin-right: 25px;
}

/* hacks + filters */

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

/* sign-up form */
#newsletter span.label,span.spacer,span.multiple span {width:120px;float:left;} 
#newsletter span.multiple {float:left;} 
#newsletter span.button {padding-left:120px;} 
#newsletter div.clear {clear:both;padding-top:5px;}