/*

Theme Name: 	   960 + Starkers
Stylesheet Info:   Written by Stephen Greig for use by Austin Digital
                   with the Starkers WordPress theme

---------------------------
Contents:
---------------------------
(1) Defaults
(2) Header
(3) Navigation
(4) Runner
(5) Main Content
(6) Buckets
(7) Footer
---------------------------

*/


@import "css/reset.css";
@import "css/960_16_col.css";


/* ------------------------------------------------
------- (1) Generals/Defaults
------------------------------------------------ */

body {
	background: #f0e8df url(images/body.jpg);
	color: #222;
	font: 13px/1 'PT Sans', 'Arial', sans-serif;
}

a {
	color: #e47100;
}

input[type='submit'],
.button {
	background: #f9871c;
	background: -moz-linear-gradient(top,  rgba(255,149,36,1) 0%, rgba(243,120,20,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,149,36,1)), color-stop(100%,rgba(243,120,20,1)));
	background: -webkit-linear-gradient(top,  rgba(255,149,36,1) 0%,rgba(243,120,20,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,149,36,1) 0%,rgba(243,120,20,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,149,36,1) 0%,rgba(243,120,20,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,149,36,1) 0%,rgba(243,120,20,1) 100%);
	border: 0;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	line-height: 1;
	padding: .7em 1.2em;
	text-decoration: none;
	text-shadow: 1px 1px rgba(0,0,0,.3);
	text-transform: uppercase;
}

h1,
h2,
h3,
h4 {
	border-bottom: 4px double rgba(0,0,0,.2);
	font-weight: bold;
	margin-bottom: 15px;
	padding-bottom: 15px;
	text-transform: uppercase;
}

h1 {
	font-size: 1.8em;
}

h2 {
	background: #7f4d37 url(images/h2.jpg);
	border: 0;
	color: #fff;
	font-size: 1.6em;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	margin: 5px 0 20px 0;
	padding: .5em .75em;
	text-shadow: 1px 1px rgba(0,0,0,.3);
}

h3 {
	font-size: 1.4em;
	border: 0;
	margin-bottom: 20px;
	padding: 0;
}

input[type='text'],
input[type='email'],
textarea {
	background: #f3f2ef;
	border: double rgba(0,0,0,.3);
	border-width: 0 0 3px 0;
	box-shadow: 0 0 0 1px rgba(0,0,0,.03) inset;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	width: 100%;
}

.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}

.alignright {
	float: right;
	margin: 0 0 20px 20px;
}

/* ------------------------------------------------
------- (2) Header
------------------------------------------------ */

.banner {
	background: #bca692 url(images/banner.jpg) top;
	background-size: cover;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	min-height: 153px;
	text-shadow: 1px 1px rgba(0,0,0,.3);
}

	header {
		background: rgba(0,0,0,.5);
	}

		header > div {
			margin: 0 auto;
			width: 960px;
		}

			header .logo {
				float: left;
			}

				header .logo img {
					background: rgba(211,96,4,.7);
					height: 123px;
					margin-bottom: -105px;
					padding: 15px;
					width: 125px;
				}

			.tagline {
				float: left;
				font-size: 1.2em;
				font-style: italic;
				padding-top: 26px;
				margin-left: 30px;
			}

			nav {
				float: right;
			}

				nav li {
					float: left;
				}

					nav a {
						color: #fff;
						display: inline-block;
						font-size: 1.2em;
						font-weight: bold;
						padding: 25px 18px;
						text-decoration: none;
						text-transform: uppercase;
						-webkit-transition: .2s;
						transition: .2s;
					}

					nav a:hover {
						background: rgba(255,126,0,.3);
					}

					nav .current_page_item a {
						background: rgba(255,126,0,.6);
					}

			header > div:after {
				clear: both;
				content: '';
				display: block;
			}

	.banner > div {
		margin: 0 auto;
		width: 960px;
	}

		.blurb {
			font-weight: bold;
			margin-left: auto;
			padding: 80px 0;
			width: 48%;
		}

			.blurb p {
				background: rgba(160,80,16,.7);
				font-size: 2.5em;
				line-height: 1.3;
				margin-bottom: .5em;
				padding: 15px 25px;
			}

			.blurb .button {
				box-shadow: 1px 1px rgba(0,0,0,.1);
				font-size: 1.2em;
			}

/* ------------------------------------------------
------- (5) Main Content
------------------------------------------------ */
/* Content */

.main {
	margin: 0 auto;
	padding: 25px 0;
	text-shadow: 1px 1px rgba(255,255,255,.5);
	width: 960px;
}

	.content {
		float: left;
		margin-bottom: 20px;
		width: 670px;
	}

	.home .content {
		width: 412px;
	}

		.multicol h3 {
			border: 0;
			color: #D86D19;
			padding: 0;
		}

		.content p {
			line-height: 1.6;
			margin-bottom: 20px;
		}

		.page-template-default .content p:first-of-type {
			font-size: 16px;
			line-height: 1.5em;
		}

		.content table {
			margin-bottom: 20px;
			width: 100%;
		}

			.content tr {

			}

				.content td {
					padding: 5px;
					text-align: center;
					width: 25%;
				}

		.multicol {
			clear: both;
		}

			.multicol section {
				float: left;
			}

			.multicol.bicol section {
				width: 50%;
			}

			.multicol.tricol section {
				width: 33.333%;
			}

			.multicol.quadcol section {
				width: 25%;
			}

				.multicol h3 {
				}

				.multicol ul {
					margin-bottom: 20px;
				}

					.multicol li {
						padding: 8px 0;
					}

			.multicol:after {
				clear: both;
				content: '';
				display: block;
			}

		#map {
			background: #bbb;
			border: 10px solid #fff;
			box-shadow: 1px 1px rgba(0,0,0,.1);
			height: 350px;
			margin-bottom: 20px;
		}

		address {
			font-style: normal;
		}

			address section {
				float: left;
				line-height: 1.6;
				margin-left: 30px;
			}

			address section:first-child {
				margin-left: 0;
			}

			address:after {
				clear: both;
				content: '';
				display: block;
			}

				address h2 {
					background: transparent;
					color: inherit;
					margin-bottom: 15px;
					padding: 0;
					text-shadow: none;
				}

				address dl {

				}

					address dt {
						clear: left;
						float: left;
						font-weight: bold;
						text-transform: uppercase;
						width: 60px;
					}

					address dd {
						float: left;
					}

					address dl:after {
						clear: both;
						content: '';
						display: block;
					}

		.ngg-galleryoverview {

		}

			.ngg-gallery-thumbnail-box {
				float: left;
				margin: 0 0 15px 15px;
			}

			.ngg-gallery-thumbnail-box:nth-child(5n-4) {
				margin-left: 0;
			}

				.ngg-gallery-thumbnail {

				}

					.ngg-gallery-thumbnail a {

					}

						.ngg-gallery-thumbnail img {
							border: 3px solid #fff;
							box-shadow: 1px 1px 1px rgba(0,0,0,.2);
							height: 85px;
							width: 116px;
						}

						.products .ngg-gallery-thumbnail img {
							height: 116px;
						}

			.ngg-galleryoverview:after {
				clear: both;
				content: '';
				display: block;
			}

	.ingredients {
		float: left;
		margin: 0 0 20px 30px;
		width: 218px;
	}

		.ingredients img {
			height: 156px;
			margin-bottom: 20px;
			width: 218px;
		}

		.ingredients ul {

		}

			.ingredients li {
				padding: .5em 0;
			}

			.ingredients li:before {
				color: #f37814;
				content: '\2714';
				margin-right: 8px;
			}

	.enquiries {
		background: #fff;
		box-shadow: 1px 1px rgba(0,0,0,.1);
		float: right;
		margin-bottom: 20px;
		padding: 20px;
		width: 230px;
	}

		.enquiries h2 {
			background: #fff;
			background: transparent;
			border-bottom: 0;
			color: #000;
			margin: 0 0 20px 0;
			padding: 0;
			text-shadow: none;
		}

		.enquiries input[type='text'],
		.enquiries input[type='email'],
		.enquiries textarea {
			margin: 5px 0 10px 0;
		}

		.enquiries textarea {
			height: 80px;
		}

	.specials {
		background: #e57100 url(images/specials.png) right center no-repeat;
		clear: both;
		color: #fff;
		font-size: 1.4em;
		height: 80px;
		margin-bottom: 20px;
		padding: 40px;
		text-shadow: 1px 1px rgba(0,0,0,.3);
	}

		.specials img {
			background: #fff;
			border: 5px solid #fff;
			float: left;
			height: 115px;
			margin: -20px 30px -20px 0;
			width: 115px;
		}

		.specials h2 {
			background: none;
			background: transparent;
			border: 0;
			color: #F8CD73;
			margin: 0 0 10px 0;
			padding: 0;
		}

		.specials p {
			font-size: 1.8em;
			line-height: 1;
		}

			.specials strong {
				background: #fff;
				color: #e57100;
				display: inline-block;
				padding: 5px 8px;
				text-shadow: none;
			}

			.specials small {
				display: block;
				font-size: .3em;
				margin-top: 5px;
				text-indent: 150px;
				text-transform: uppercase;
			}

	.main:after {
		clear: both;
		content: '';
		display: block;
	}

/* ------------------------------------------------
------- (6) Buckets
------------------------------------------------ */

	.buckets {
		clear: both;
	}

		.buckets a {
			background: #ddd;
			float: left;
			margin-left: 20px;
			position: relative;
			width: 306px;
		}

		.buckets a:first-child {
			margin-left: 0;
		}

			.buckets img {
				width: 100%;
				height: 160px;
			}

			.buckets p {
				background: rgba(0,0,0,.5);
				bottom: 0;
				color: #fff;
				-webkit-font-smoothing: antialiased;
				font-size: 1.2em;
				font-weight: bold;
				left: 0;
				padding: 12px 0;
				position: absolute;
				text-align: center;
				text-decoration: none;
				text-shadow: 1px 1px rgba(0,0,0,.3);
				text-transform: uppercase;
				-webkit-transition: .2s;
				transition: .2s;
				width: 100%;
			}

			.buckets a:hover p {
				padding: 18px 0;
			}

		.buckets:after {
			clear: both;
			content: '';
			display: block;
		}

/* ------------------------------------------------
------- (7) Footer
------------------------------------------------ */

footer {
	background: #2e211e;
}

	footer > div {
		color: #b7b3af;
		line-height: 1.6;
		font-size: .9em;
		-webkit-font-smoothing: antialiased;
		margin: 0 auto;
		padding: 30px 0;
		text-shadow: 1px 1px #000;
		width: 960px;
	}

		footer small {
			float: left;
			font-size: inherit;
		}

			footer .logo {
				display: block;
				height: 23px;
				margin-bottom: 15px;
				width: 211px;
			}

		footer section {
			float: left;
			margin-left: 50px;
		}

			footer h3 {
				border-color: rgba(255,255,255,.3);
				margin-bottom: 10px;
				padding-bottom: 10px;
			}

			footer a {
				color: #fff;
			}

		footer > div:after {
			clear: both;
			content: '';
			display: block;
		}

			footer dl {

			}

				footer dt {
					clear: left;
					float: left;
					font-weight: bold;
					text-transform: uppercase;
					width: 55px;
				}

				footer dd {
					float: left;
				}

				footer dl:after {
					clear: left;
					content: '';
					display: block;
				}