/* 
Title:		MaggieWunderlich.com
Author: 	@evanverdoia for CodeInFocus (http://www.codeinfoc.us)
*/

/***** @font-face Generated by Font Squirrel http://www.fontsquirrel.com *****/

@font-face {
	font-family: 'DroidSansRegular';
	src: url('fonts/DroidSans-webfont.eot');
	src: local('☺'), url('fonts/DroidSans-webfont.woff') format('woff'), url('fonts/DroidSans-webfont.ttf') format('truetype'), url('fonts/DroidSans-webfont.svg#webfontw7zqO19G') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DroidSansBold';
	src: url('fonts/DroidSans-Bold-webfont.eot');
	src: local('☺'), url('fonts/DroidSans-Bold-webfont.woff') format('woff'), url('fonts/DroidSans-Bold-webfont.ttf') format('truetype'), url('fonts/DroidSans-Bold-webfont.svg#webfontSOhoM6aS') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('fonts/League_Gothic-webfont.eot');
	src: local('☺'), url('fonts/League_Gothic-webfont.woff') format('woff'), url('fonts/League_Gothic-webfont.ttf') format('truetype'), url('fonts/League_Gothic-webfont.svg#webfontFHzvtkso') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'MarketingScriptRegular';
	src: url('fonts/MarketingScript-webfont.eot');
	src: local('☺'), url('fonts/MarketingScript-webfont.woff') format('woff'), url('fonts/MarketingScript-webfont.ttf') format('truetype'), url('fonts/MarketingScript-webfont.svg#webfontZ5AiaAsu') format('svg');
	font-weight: normal;
	font-style: normal;
}



/***** Reset! Modified From: http://developer.yahoo.com/yui/reset *****/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; }
a { outline: none; text-decoration: none; }
a img { border: none; }
.clear { clear: both; font-size: 1px; line-height: 1px; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.texthide { text-indent: -9999em; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display:block;
}

body {
	background: url(../images/farmer.png) repeat;
}

#wrap {
	margin: 0 auto;
	width: 960px;
	padding: 0;
}

/***** HEADER & NAVIGATION *****/

#main {
	position: relative;
	width: 100%;
	height: 145px;
}

#better-beer {
	float: left;
	width: 230px;
	height: 152px;
	background: url(../images/better-beer.jpg) no-repeat;
	opacity: .65;
}

#better-beer:hover {
	opacity: 1;
}

#logo {
	position: absolute;
	top: 8px;
	left: 390px;
	width: 141px;
	height: 144px;
	background: url(../images/logo.png) no-repeat;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
	
}

#logo:hover {
	opacity: .70;
}

#menu-promo {
	float: right;
	width: 274px;
	height: 154px;
	background: url(../images/menu-items.png) no-repeat;
	opacity: .65;
}

#menu-promo:hover {
	opacity: 1;
}

#primary {
	width: 100%;
	height: 28px;
	background-color: #fafaf6;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-top: 14px;
	-webkit-box-shadow: 0px 1px 2px #ccc;
	-moz-box-shadow: 0px 1px 2px #ccc;
	box-shadow: 0px 1px 2px #ccc;
	font: bold 13px "DroidSansBold", Verdana,sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#primary ul li {
	display: inline;
	padding-left: 43px;
}

#primary li a {
	padding: 5px 15px;
	color: #64645d;
	text-shadow: 1px 1px 1px #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

#primary li a:hover {
	color: #dc692e;
	background: #efefe9;
}


/***** PROMOTIONAL SECTION *****/

#promotional {
	float: left;
}

#promotional img {
	float: left;
	border: 15px solid #fafaf6;
	-webkit-box-shadow: 0px 1px 1px #ccc;
	-moz-box-shadow: 0px 1px 1px #ccc;
	box-shadow: 0px 1px 1px #ccc;
}

#promotional img:hover {
	-webkit-transform: scale(1.1) rotate(-2deg); 
	-moz-transform: scale(1.1) rotate(-2deg); 
	-o-transform: scale(1.1) rotate(-2deg); 
	transform: scale(1.1) rotate(-2deg);
}

#selections {
	float: right;
	width: 425px;
	margin-top: 15px;
}

#selections ul li {
	width: 316px;
	background: url(../images/divider.png) no-repeat bottom left;
	font: normal 35px "LeagueGothicRegular", Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	color: #787871;
	text-shadow: 1px 1px 1px #fff;
	position: relative;
	margin-bottom: 25px;
	letter-spacing: 1px;
}

#selections ul li.bottle {
	padding-bottom: 8px;
}

#selections em {
	text-transform: lowercase;
	font-style: italic;
	font: normal 35px "MarketingScriptRegular", Georgia, serif;
	letter-spacing: 0;
}

#selections span {
	position: absolute;
	top: -21px;
	right: -85px;
	font: normal 75px "LeagueGothicRegular", Tahoma, Arial, sans-serif;
	color: #dc692e;
}

#promotional a.menu {
	width: 180px;
	height: 50px;
	padding: 20px 0 0 0;
	text-align: center;
	float: left;
	background: #d0d0c6;
	background: rgba(208, 208, 198, .5);
	margin: 10px 0 0 28px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-top-left: 10px;
	border-radius-top-left: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottom-right: 10px;
	border-radius-bottom-right: 10px;
	font: normal 18px "LeagueGothicRegular", Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: 1px solid #d4d4cd;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	color: #787871;
	text-shadow: 1px 1px 1px #fff;
}

#promotional a.menu span {
	font: normal 24px "MarketingScriptRegular", Georgia, serif;
	text-transform: none;
	letter-spacing: 0;
}

#promotional a.menu:hover {
	color: #dc692e;
	background: #ababa2;
	background: rgba(208, 208, 198, .9);
}

#promotional .menu:last-child {
	float: right;
	margin-right: 25px;
}

/***** BLOCKS*****/

#blocks {
	float: left;
	margin-top: 20px;
}

#blocks section {
	float: left;
	width: 290px;
	height: 230px;
	display: inline;
	background: #fafaf6;
	border: 5px solid #e9e9e4;
	margin-right: 30px;
}

#blocks section:last-child {
	margin-right: 0;
}

.box h1.script {
	font: normal 24px "MarketingScriptRegular", Georgia, serif;
	color: #717165;
	margin-left: 10px;
	padding: 5px 0 0 0;
	border-bottom: 1px solid #ecece9;
	width: 270px;
	text-align: left;
}

/***** BLOCK*****/

#block {
	float: left;
	margin-top: 20px;
}

#block section {
	float: left;
	width: 960px;
	height: in-line;
	display: inline;
	background: #fafaf6;
	border: 5px solid #e9e9e4;
	margin-right: 30px;
}

#block section:last-child {
	margin-right: 0;
}

.box h1.script {
	font: normal 24px "MarketingScriptRegular", Georgia, serif;
	color: #717165;
	margin-left: 10px;
	padding: 5px 0 0 0;
	border-bottom: 1px solid #ecece9;
	width: 270px;
	text-align: left;
}
/***** NEWS *****/

.news-item h1 a {
	font: bold 12px "DroidSansBold", Verdana, sans-serif;
	color: #717165;
	text-transform: uppercase;
}


#news p {
	font: normal 9px "DroidSansBold", Verdana, sans-serif;
	color: #98988c;
	text-transform: uppercase;
}

#news p a {
	color: #98988c;
	text-decoration: underline;
}

#news p a:hover {
	text-decoration: none;
}

#news p span.via {
	text-transform: none;
}

.news-item {
	margin-top: 6px;
	padding: 5px 0 5px 10px;
	width: 285px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-top-right: 5px;
	-moz-border-radius-bottom-right: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-transition: width 0.3s linear, background 0.2s ease;
	-moz-transition: width 0.3s linear, background 0.2s ease;
	-o-transition: width 0.3s linear, background 0.2s ease;
	transition: width 0.3s linear, background 0.2s ease;
	
}

.news-item:hover {
	width: 300px;
	background: #d0d0c6;
	background: rgba(208, 208, 198, .5);
}

/***** SPECIALS *****/

#specials {
	text-align: left;
}

#specials p {
	padding: 10px;
	font: normal 13px "DroidSansRegular", Verdana, Arial, sans-serif;
	color: #6a6a5d;
}

#specials img.price {
	margin-top: 15px;
	width: 87px;
}

#specials img.price:hover {
	-webkit-transform: rotate(-5deg); 
	-moz-transform: rotate(-5deg); 
	-o-transform: rotate(-5deg); 
	transform: rotate(-5deg);
}

/***** NEWSLETTER *****/

#sign-up fieldset { margin: 10px 0 10px 10px; }

#sign-up label { 
	display: block; 
	font: bold 14px "DroidSansBold", Verdana, sans-serif; 
	line-height: 1.5em; 
	color: #dc692e;  
}

#sign-up fieldset:last-child { margin: 0; }

#sign-up fieldset input[type="text"], #sign-up fieldset input[type="email"] { 
	width: 250px; 
	padding: 8px 8px; 
	font-size: 12px;
	color: #89897e; 
	border: 1px solid #e5e5dd; 
	background: #f4f4ed; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	-o-border-radius: 5px; 
	border-radius: 5px; }
	

#sign-up input[type="submit"] {
	float: right;
	margin-right: 10px;
	padding: 8px 15px;
	font: bold 12px "DroidSansBold", Verdana, sans-serif;
	text-transform: uppercase;
	line-height: 1;
	color: #787871;
	text-shadow: 1px 1px 1px #fff;
	border: none;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E2E2D9), to(#BDBDB5)); 
	background-image: -moz-linear-gradient(19% 75% 90deg,#BDBDB5, #E2E2D9);
	background-color: #e2e2d9;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px; 
	-o-border-radius: 8px; 
	border-radius: 8px;
	cursor: pointer;
}

#sign-up input[type="submit"]:hover {
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .4); 
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .4);
}

/***** FOOTER *****/

#primary-foot {
	width: 940px;
	float: left;
	margin-top: 20px;
	padding: 10px;
	background: #e2e2d7;
	background: rgba(149, 149, 137, .15);
	border: 1px solid #d2d2c4;
}

#history {
	float: left;
	width: 300px;
	height: 150px;
	background: url(../images/headshot.jpg) no-repeat top left;
	opacity: .85;
	padding: 15px 0 0 225px;
	color: #6a6a5d;
	text-shadow: 1px 1px 1px #fff;
	clear: none;
}

#history h1 {
	font: bold 12px "DroidSansBold", Verdana, sans-serif;
	text-transform: uppercase;
}

#history p {
	font: normal 12px "DroidSansRegular", Verdana, sans-serif;
	line-height: 18px;
}

#history p a {
	text-decoration: underline;
	color: #6a6a5d;
}

#history p a:hover {
	text-decoration: none;
}

#info {
	float: right;
	width: 375px;
	margin-top: 15px;
}

#info a, #info a:visited {
	color: #6a6a5d;
}

#info a:hover {
	text-decoration: underline;
}

#info ul li {
	display: inline;
	border-right: 1px solid #9f9f8f;
	padding: 0 5px 0 1px;
	font: bold 11px "DroidSansBold", Verdana, sans-serif;
	text-transform: uppercase;
	text-align: right;
}

#info ul li:last-child {
	border-right: none;
}

.copyright {
	float: right;
	opacity: .15;
	padding: 20px 0 0 35px;
	height: 67px;
	font: normal 10px "DroidSansRegular", Verdana, sans-serif;
	line-height: 16px;
	margin-top: 15px;
	color: #000000;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}


.copyright:hover {
	opacity: .7;
}