/*! normalize.css 2011-08-12T17:28 UTC á http://github.com/necolas/normalize.css */


/* Tweaked combination of html5doctor.com Reset Stylesheet v1.6.1, MeyerWeb v2.0b1 Reset, Yahoo YUI Reset & Sonspring Formalize Form Reset, Normalize CSS 
	 Last Updated: 2010-09-17 
	 Authors: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark 
	          Eric Meyer - http://meyerweb.com/ Twitter: @meyerweb 
	          Nathan Smith - http://sonspring.com/ Twitter: @nathansmith
	          Mike Gibson - http://lovehasnologic.com/ Twitter: @lovehasnologic
	          Nicolas Gallagher and Jonathan Neal - http://nicolasgallagher.com/ & http://twitter.com/jon_neal */ 

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline; background: transparent; } 
audio:not([controls]) { display: none; }
[hidden] { display: none; }

body { line-height: 1; } 
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } 
ul { list-style: none; }
nav ul, nav ol { list-style: none; list-style-image: none; }
blockquote, q { quotes: none; } 
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } 
address,caption,cite,code,dfn,th,var { font-style: normal; font-weight: normal; }
a { font-size: 100%; vertical-align: baseline; background: transparent; }
a:hover, a:active {outline: none;}
img, object, embed {max-width: 100%; border: 0;}
svg:not(:root) { overflow: hidden; }

ins { background-color: #ff9; color: #000; text-decoration: none; } 
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } 
del { text-decoration: line-through; } 
abbr { cursor: help; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } 
table { border-collapse: collapse; border-spacing: 0; font-size: inherit; font: 100%; }
th { font-weight: bold; vertical-align: bottom; }
td { font-weight: normal; }
hr { display: block; height: 1px; border:0; border-top: 1px solid #ccc; margin: 1em 0; padding:0; } 
input, select { vertical-align:middle; }

em, i { font-style: italic; }
strong, b { font-weight: bold; }
em > strong, strong > em { font-weight: bold; font-style: italic; }

small { font-size: 85%; }
td, td img { vertical-align: top; } 
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
textarea { overflow: auto; }
.clickble, label, input[type=button], input[type=submit], button { cursor: pointer; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
select, input, textarea { font: 99% sans-serif; }
button { width: auto; overflow: visible; }
button, input, select, textarea { margin: 0; }
.ie6 input { vertical-align: text-bottom; }
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
.ie7 img { -ms-interpolation-mode: bicubic; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

.group:before, .group:after { content:""; display:table; visibility:hidden; }
.group:after { clear:both; }
.group { zoom:1; } /* For IE 6/7 (trigger hasLayout) */





/* Form Reset
----------------------------------------------------------------------------------------------------*/

/*
	Added via JS to <textarea> and class="input_full".
	Applies to IE6, IE7. Other browsers don't need it.
*/
.input_full_wrap {
	display: block;
	padding-right: 8px;
}

/* UI Consistency
----------------------------------------------------------------------------------------------------*/

::-moz-focus-inner {
	border: 0;
}

input[type="search"]::-webkit-search-decoration {
	display: none;
}

input,
button,
select,
textarea {
	margin: 0;
	vertical-align: middle;
}

button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
	-webkit-appearance: none;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	background: #ddd url(../img/forms/button.png) repeat-x;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
	background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);
	border: 1px solid;
	border-color: #ddd #bbb #999;
	cursor: pointer;
	color: #333;
	font: bold 12px/1.2 Arial, sans-serif;
	outline: 0;
	overflow: visible;
	padding: 3px 10px 4px;
	text-shadow: #fff 0 1px 1px;
	width: auto;

	/* IE7 */
	*padding-top: 2px;
	*padding-bottom: 0px;
}

button {
	/* IE7 */
	*padding-top: 1px;
	*padding-bottom: 1px;
}

button[disabled],
input[type="reset"][disabled],
input[type="submit"][disabled],
input[type="button"][disabled] {
	color: #888;
}

textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
	-webkit-appearance: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid;
	border-color: #848484 #c1c1c1 #e1e1e1;
	color: #000;
	outline: 0;
	padding: 2px 3px;
	font-size: 13px;
	font-family: Arial, sans-serif;
	height: 1.8em;

	/* IE7 */
	*padding-top: 2px;
	*padding-bottom: 1px;
	*height: auto;
}

/*
	Separate rule for Firefox.
	Cannot stack with WebKit's.
*/
input.placeholder_text,
textarea.placeholder_text {
	color: #888;
}

::-webkit-input-placeholder {
	color: #888;
}

textarea[disabled],
select[disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled] {
	background-color: #eee;
	color: #888;
}

button:focus,
button:active,
input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
	-moz-box-shadow: #06f 0 0 7px;
	-webkit-box-shadow: #06f 0 0 7px;
	box-shadow: #06f 0 0 7px;

	/* for Opera */
	z-index: 1;
}

.is_webkit select {
	/* Tweaks for Safari + Chrome. */
	background-image: url(../img/forms/select_arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
}

textarea,
select[multiple] {
	height: auto;
}

select[multiple],
.is_webkit select[multiple] {
	background-image: none;
	padding: 0;
}

textarea {
	overflow: auto;
	resize: vertical;
	width: 100%;
}

optgroup {
	color: #000;
	font-style: normal;
	font-weight: normal;
}

/* IE6
----------------------------------------------------------------------------------------------------*/

.ie6_button,
* html button {
	background: #ddd url(../img/forms/button.png) repeat-x;
	border: 1px solid;
	border-color: #ddd #bbb #999;
	cursor: pointer;
	color: #333;
	font: bold 12px/1.2 Arial, sans-serif;
	padding: 2px 10px 0px;
	overflow: visible;
	width: auto;
}

* html button {
	padding-top: 1px;
	padding-bottom: 1px;
}

.ie6_input,
* html textarea,
* html select {
	background: #fff;
	border: 1px solid;
	border-color: #848484 #c1c1c1 #e1e1e1;
	color: #000;
	padding: 2px 3px 1px;
	font-size: 13px;
	font-family: Arial, sans-serif;
	vertical-align: top;
}

* html select {
	margin-top: 1px;
}

.placeholder_text,
.ie6_input_disabled,
.ie6_button_disabled {
	color: #888;
}

.ie6_input_disabled {
	background: #eee;
}
   /*-----  COLOR GUIDE  --------------------------------------------------

    Black:  #1a1a1a  |  rgba(26,26,26,0.0)
      Red:  #e61739  |  rgba(230,23,57,0.0)
 Dark-Red:  #990f26  |  rgba(153,15,38,0.0)
Light-Red:  #e55c73  |  rgba(299,92,115,0.0)
   Yellow:  #fffdf2  |  rgba(255,253,242,0.0)

----------------------------------------------------------------------*/



/*-----  BASE STYLES  --------------------------------------------------*/

::selection { background: rgba(230,23,57,0.25); text-shadow: none; }
::-moz-selection { background: rgba(230,23,57,0.25); text-shadow: none; }
img::selection { background: transparent; }
img::-moz-selection { background: transparent; }

* {
	-webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

body {
	background: #fff;
	color: #1a1a1a;
	font-size: 62.5%;
	font-family: 'DejaVu-Sans', Helmet, Freesans, sans-serif;
}

.ie7 body {
  overflow-x: hidden;
}

video {width: 100% !important; height: auto !important;}



/*-----  TYPE  --------------------------------------------------*/

/*-----  Deja Vu Serif  ----------*/

@font-face {
  font-family: 'DejaVu-Serif';
	src: url('../fonts/DejaVuSerifCondensed-Bold-webfont.eot');
	src: url('../fonts/DejaVuSerifCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/DejaVuSerifCondensed-Bold-webfont.woff') format('woff'),
       url('../fonts/DejaVuSerifCondensed-Bold-webfont.ttf') format('truetype'),
	     url('../fonts/DejaVuSerifCondensed-Bold-webfont.svg#svgFontName') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
  font-family: 'DejaVu-Serif';
	src: url('../fonts/DejaVuSerifCondensed-BoldItalic-webfont.eot');
	src: url('../fonts/DejaVuSerifCondensed-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/DejaVuSerifCondensed-BoldItalic-webfont.woff') format('woff'),
       url('../fonts/DejaVuSerifCondensed-BoldItalic-webfont.ttf') format('truetype'),
	     url('../fonts/DejaVuSerifCondensed-BoldItalic-webfont.svg#svgFontName') format('svg');
	font-weight: bold;
	font-style: italic;
}

/*-----  Deja Vu Sans  ----------*/

@font-face {
  font-family: 'DejaVu-Sans';
	src: url('../fonts/DejaVuSans-webfont.eot');
	src: url('../fonts/DejaVuSans-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/DejaVuSans-webfont.woff') format('woff'),
       url('../fonts/DejaVuSans-webfont.ttf') format('truetype'),
	     url('../fonts/DejaVuSans-webfont.svg#svgFontName') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'DejaVu-Sans';
	src: url('../fonts/DejaVuSans-Oblique-webfont.eot');
	src: url('../fonts/DejaVuSans-Oblique-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/DejaVuSans-Oblique-webfont.woff') format('woff'),
       url('../fonts/DejaVuSans-Oblique-webfont.SofiaProLight-webfont.ttf') format('truetype'),
	     url('../fonts/DejaVuSans-Oblique-webfont.svg#svgFontName') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
  font-family: 'DejaVu-Sans';
	src: url('../fonts/DejaVuSans-Bold-webfont.eot');
	src: url('../fonts/DejaVuSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/DejaVuSans-Bold-webfont.woff') format('woff'),
       url('../fonts/DejaVuSans-Bold-webfont.ttf') format('truetype'),
	     url('../fonts/DejaVuSans-Bold-webfont.svg#svgFontName') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
  font-family: 'DejaVu-Sans';
	src: url('../fonts/DejaVuSans-BoldOblique-webfont.eot');
	src: url('../fonts/DejaVuSans-BoldOblique-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/DejaVuSans-BoldOblique-webfont.woff') format('woff'),
       url('../fonts/DejaVuSans-BoldOblique-webfont.ttf') format('truetype'),
	     url('../fonts/DejaVuSans-BoldOblique-webfont.svg#svgFontName') format('svg');
	font-weight: bold;
	font-style: italic;
}

/*-----  Type Styles  ----------*/

h1 {
	font-family: 'DejaVu-Serif', Georgia, "Times New Roman", Times, serif;
	font-size: 2.4em;
	font-weight: bold;
	text-transform: uppercase;
}

h2 {
  margin-bottom: .5em;
	font-family: 'DejaVu-Serif', Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

h3 {
	font-size: 1.4em;
}

p, article li {
	font-size: 1.2em;
	line-height: 1.3;
}

section.error p,
#books .main p,
#events .main p,
#about .main p {
  margin-bottom: .5em;
}

a {
	color: #e61739;
	text-decoration: none;
}
a:hover, a:focus { color: #666;}

a.button {
  display: block;
  margin-bottom: 1em;
	padding: .25em 1em;
	background: #e61739;
	color: #fff;
	font-family: 'DejaVu-Serif', Georgia, "Times New Roman", Times, serif;
	font-size: 2.4em;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

a.button:hover,
a.button:focus {
	background: #1a1a1a;
}

/*-----  HEADER  --------------------------------------------------*/

header {padding-top: 2em;}

header a.stacked {display: none;}

header a.linear {
	display: block;
	text-align: center;
}

header nav {
	padding: 3em 0 1em;
	background: url(/_/img/graphics/nav-plates.jpg) top center no-repeat;
	text-align: center;
}

header nav ul {
	margin: 0 auto;
	width: 300px;
}

header nav li {
	display: inline;
	line-height: 1.4;
}

header nav li a {
	color: #1a1a1a;
	font-family: 'DejaVu-Serif';
	font-size: 1.8em;
	font-weight: bold;
	text-transform: uppercase;
}

.ie7 header nav a {
  padding: 0 0.5em;
}

header nav li a:hover,
header nav li a:focus {
	color: #e61739;
}

header nav li a:before {
	content: '\2022';
	padding: 0 .5em;
	color: #e61739;
}

header nav li:nth-child(odd) a:before {
	content: '';
	padding: 0;
}


/*-----  MAIN  --------------------------------------------------*/

.main {
  padding: 3em 0 0;
}

section.error,
#events .main,
#recommended .main,
#about .main,
#contact .main {
  padding: 3em 6%;
}

#tags .main,
#archives .main {
  padding-bottom: 3em;
}

#articles .main > h2 {
  margin-left: 6%;
  margin-right: 6%;
}

#articles .main > h2,
.main > h1 {
  margin-bottom: .25em;
  padding-bottom: .75em;
  border-bottom: 1px solid #e61739;
  text-align: center;
}

#articles .main > h2.sorry {
  margin-top: .5em;
  border-bottom: none;
}

.main > h2 span {color: #999;}

.main article {padding: 3em 0;}

.main article:after {
	content: '';
	display: block;
	clear: both;
	background: url(/_/img/graphics/garlic.jpg) center no-repeat;
	width: 120px;
	height: 60px;
	margin: 3em auto 0;
}

.ie7 .main article {
  padding-bottom: 80px;
	background: url(/_/img/graphics/garlic.jpg) center bottom no-repeat;
}

.main article:last-child:after {display: none;}
#about .main article:last-child:after {display: block;}

article > div {
	padding: 0 6%;
}

article .top {text-transform: uppercase;}

article .top h1 {
	margin-bottom: .75em;
	text-align: center;
}

article .top h1 a {
  color: #000;
}

article .top h1 a:hover,
article .top h1:focus {
  color: #e61739;
}

article .top ul {
	list-style: disc;
	margin: 0 1.5em 1.5em;
}

article .top li {
	margin-bottom: .25em;
	font-size: 1.4em;
}

article .top li span {color: #e61739;}

article .top img {
	width: 98%;
	height: auto !important;
	border: 3px solid #1a1a1a;
	margin-bottom: 1em;
}

article .description p {
	margin-bottom: 1em;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size: 1.6em;
	font-style: italic;
}

article .description p em,
article .description p i {
  font-style: normal;
}

article .description blockquote {
	display: block;
	float: right;
	width: 40%;
	margin: 0 0 .75em .75em;
	padding: .5em .75em .6em;
	background-color: #e61739;
	color: #fff;
	font-size: 1.6em;
	line-height: 1.2;
	text-align: center;
}

article .description blockquote p {
	margin: 0;
	font-size: 1em;
	font-family: 'Dejavu-Sans', Helmet, Freesans, sans-serif;
	font-style: normal;
}

article .ingredients {
	margin: 3em 0;
	padding-top: 1em;
	padding-bottom: 1em;
	background-color: #fffdf2;
	border-top: 1px solid #cccac2;
	border-bottom: 1px solid #cccac2;
}

article .ingredients em,
article .ingredients i,
article .ingredients strong {
  color: #666;
  font-weight: normal;
  font-style: italic;
}

article .ingredients h3 {
	padding: 1em 0;
	color: #e61739;
	text-transform: uppercase;
}

article .ingredients ul {
  margin-left: 1.7em;
  list-style-type: square;
}

article .ingredients li {
  margin-bottom: 0.25em;
}

article .ingredients h3 span {color: #1a1a1a; text-transform: none; font-size: 0.9em;}

article .directions p,
article .directions li {
	margin-bottom: .5em;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}

article .directions ol {
  margin-left: 1.7em;
}

article .tags {
	margin: 1em 6% 0;
	padding: 1em 0;
	border-top: 1px solid #e61739;
	text-transform: uppercase;
}

article .tags a {
	text-transform: none;
}

.pagination {
	overflow: hidden;
	background-color: #e61739;
	border: 1px solid #990f26;
}

.pagination > img {display: none;}

.pagination a {
	display: block;
	float: left;
	width: 49.5%;
	padding: 1em 0;
	background-color: #e61739;
	color: #fff;
	font-size: 1.6em;
	text-align: center;
}

.pagination a:hover {
  color: #f4f392;
}

.pagination a.prev {border-right: 1px solid #990f26;}


/*-----  ARCHIVES  --------------------------------------------------*/

#archives .main p,
#tags .main p {
  margin: 0 6% .5em;
}

#archives .main > h1,
#tags .main > h1 {
  margin: 0;
  padding: 0;
  border: none;
}

#archives .main h2,
#tags .main h2 {
  margin: 1em 6% .5em;
  padding: .5em 0;
  border-top: 1px solid #1a1a1a;
  border-bottom: 1px solid #eee;
  text-align: left;
}

/*-----  BOOKS  --------------------------------------------------*/

#books .main article {
  padding: 3em 6%;
}

#books .main article:first-child {
  padding-top: 0;
  border: none;
}

#books .main article > div {
  padding: 0;
}

#books .main article h1 {
  margin-bottom: .5em;
  text-align: center;
}

#books .main small {
  display: block;
  margin-bottom: 1.5em;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size: 1.6em;
	font-style: italic;
  text-align: center;
  text-transform: none;
}

#books .main img {
  display: block;
  width: auto;
  margin: 0 auto 2em;
  border: 2px solid #e61739;
}

#books .main h2 {
  padding: .5em 0;
}

#books .main p {
  margin-bottom: .5em;
}

#books .main ul {
  list-style: disc;
  padding: 0 0 0 2em;
}

#books .main li {
  padding: 0 0 .5em;
}


/*-----  EVENTS  --------------------------------------------------*/

#events .main article > div {padding: 0;}

.event-date {
  float: right;
  width: 25%;
  margin: 0 0 1em 1em;
  background-color: #fff;
  border: 2px solid #e61739;
}

.event-date h4 {
  padding: .5em 0;
  background-color: #e61739;
  color: #fff;
	font-family: 'DejaVu-Serif', Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  font-size: 1.8em;
  text-align: center;
  text-transform: uppercase;
}

.event-date h3 {
  padding: .5em 0;
  color: #1a1a1a;
	font-family: 'DejaVu-Serif', Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  font-size: 3em;
  text-align: center;
}

#events article h1 {
  width: 70%;
  margin-bottom: .5em;
  padding-bottom: .5em;
  border-bottom: 1px solid #eee;
}

.event-info {
  margin-bottom: 2em;
}

#events .event-info p {
  margin-bottom: .25em;
}

#events a.more {
  display: block;
  float: left;
  margin: 1em 0 0;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size: 1.8em;
	font-style: italic;
}


/*-----  RECOMMENDED  --------------------------------------------------*/

#recommended .main h1 {
  border: none;
}

.recommended-list {
  margin-left: -10%;
  overflow: hidden;
}

#recommended .main h2 {
  clear: both;
  margin: 0 0 2em 10%;
  padding: .5em 0;
  border-top: 1px solid #e61739;
  border-bottom: 1px solid #e61739;
}

#recommended .recommended-list > a {
  float: left;
  width: 40%;
  margin-bottom: 3em;
  margin-left: 10%;
}

#recommended .main img {
  height: auto;
}
#recommended .main a:hover img,
#recommended .main a:focus img {
  opacity: .25;
}

#recommended .main figure {
  position: relative;
  background-color: #e61739;
  border: 2px solid #e61739;
}

#recommended .main figcaption {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  padding: .5em;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.4;
}
#recommended .main a:hover figcaption,
#recommended .main a:focus figcaption {
  opacity: 1;
}

#recommended .main a {
  color: #fff;
}


/*-----  ABOUT  --------------------------------------------------*/

section.error article,
#about .main article {
  padding: 2em 0 3em;
}

#about .main h2 {
  margin: 2em 0 1em;
  padding: .5em 0;
  border-top: 1px solid #e61739;
  border-bottom: 1px solid #e61739;
}

/*-----  CONTACT  --------------------------------------------------*/

#contact .main form {
  padding: 2em 0;
}

#contact .main legend {
  display: none;
}

#contact .main label {
  text-transform: uppercase;
}

#contact .main select,
#contact .main input[type="text"],
#contact .main textarea {
  margin: .5em 0 1.5em;
  border: 1px solid #ccc;
}

#contact .main select,
#contact .main input[type="text"] {
  width: 100%;
  height: 2.5em;
  padding: 0 .5em;
}

#contact .main textarea {
  height: 10em;
  padding: .5em;
}

#contact .main input[type="submit"],
.e-list input[type="submit"] {
	width: 100%;
	margin-top: .5em;
	padding: .25em 0;
	background: #1a1a1a;
	border: none;
	border-radius: 0;
	color: #fff;
	font-family: 'DejaVu-Serif', Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: none;
	box-shadow: 0;
}

#contact .main input[type="submit"]:hover,
#contact .main input[type="submit"]:focus,
.e-list input[type="submit"]:hover,
.e-list input[type="submit"]:focus {
	background: #e61739;
}


/*-----  SIDE BAR  --------------------------------------------------*/

aside {
	padding: 4em 10px;
	background-color: #f2f2f2;
}

aside img {
	display: block;
	margin: 0 auto;
}

aside.side-bar > img {display: none;}

/*-----  Social  -----------------*/

.social {
  position: absolute;
  top: 20px;
  right: 35px;
}

.social li {
  display: inline-block;
  margin: 0 4px 0 0;
}

.ltie9 .social li {
  display: inline;
}

/*-----  Search / Sort  ----------*/

.search-sort {
	padding: 1.5em 6%;
	background-color: #e61739;
	border-top: 1px solid #990f26;
	border-bottom: 1px solid #990f26;
}

.search-sort input,
.search-sort select {
	height: 2.4em;
	width: 100%;
	padding: .5em;
	border: 1px solid #990f26;
}

.search {margin-bottom: 1em;}

.search input {
	color: #666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

.ie7 .search input {
  height: 18px;
}

.search-sort select {
	font-family: 'Dejavu-Sans', Helmet, Freesans, sans-serif
}

.search-sort option {
	padding: .25em .5em;
}

.search-sort menu {display: none;}

/*-----  Book  ----------*/

.book { margin-bottom: 0; }
.book a { margin-bottom: 20px; display: block; }

.book a img {border: 3px solid #e61739;}

.book a:hover img,
.book a:focus img {
	border-color: #1a1a1a;
}

.book img {max-width: 95%;}

/*-----  AD SPACE  ----------*/

.ad-space {
  margin: 3em auto;
  padding: 0 !important;
  display: block;
  width: 300px;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
  -ms-box-shadow: 0 0 5px rgba(0,0,0,0.5);
  -o-box-shadow: 0 0 5px rgba(0,0,0,0.5);
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.ad-space iframe {
  display: block;
}

#sidebar-ad,
#sidebar-ad iframe {
}


/*-----  E-List Sign Up  ----------*/


.e-list {padding: 4em 0;}

.e-list h2 {margin-bottom: 1em; font-size: 1.8em;}

.e-list label {
	display: block;
	float: left;
	clear: right;
	width: 20%;
	padding-top: .3em;
	color: #e61739;
	font-size: 1.4em;
	text-align: right;
	text-transform: uppercase;
}

.e-list input[type="text"],
.e-list fieldset {
	width: 78%;
	float: right;
	text-align: left;
}

.e-list input[type="text"] {
	margin-bottom: .5em;
	border: 1px solid #ccc;
}

.e-list fieldset {padding-top: .4em;}

.e-list fieldset input {
	margin: 0 .5em 0 1em;
}

.e-list fieldset input:first-child {margin-left: 0;}

.e-list input[type="submit"] {
	font-size: 2.4em;
}

/*-----  Blogroll  ----------*/

.blogroll h2 {font-size: 3em;}

.blogroll ul {padding: 1.5em 0;}

.blogroll li {margin-bottom: .5em; font-size: 1.2em;}



/*-----  FOOTER  --------------------------------------------------*/

footer {
	padding: 2em 6%;
	background-color: #1a1a1a;
	font-weight: bold;
	text-align: center;
}

footer.group {
  max-width: 100%;
}

footer a {color: #fff;}
footer a:hover,
footer a:focus {color: #e55c73;}

.ie7 footer nav a {
  padding: 0 0.5em;
}

footer ul {
	width: 270px;
	margin: 1em auto;
}

footer li {
	display: inline;
	font-size: 1.2em;
	line-height: 1.6;
	text-transform: uppercase;
}

footer nav li a:before {
	content: '\2022';
	padding: 0 .5em;
	color: #e61739;
}

footer nav li:nth-child(3n+1) a:before {
	content: '';
	padding: 0;
}

footer p {
  font-family: 'Helvetica Neue', Helmet, Freesans, sans-serif;
  color: #fff;
  font-size: 1em;
  font-weight: 500;
  padding-bottom: 65px;
  background: url(../img/graphics/garlic-bottom.png) 50% bottom no-repeat;
}

footer p a {
  color: #aaa;
}

/*-----  COMMENTS  --------------------------------------------------*/

#if_wrap {
  height: 0;
  width: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#comments {
  padding: 0 6% 6%;
}

#comments input[type="submit"] {
  margin-top: 1em;
}

#comments input[type="text"] {
  width: 75%;
}

#comments textarea {
  margin-bottom: 1em;
}

#comments label {
	padding-top: .3em;
	color: #e61739;
	font-size: 1.4em;
	text-align: left;
	text-transform: uppercase;
	display: block;
	margin: 1em 0 .5em;
}

#comments form {
  margin-bottom: 4em;
}

#cprev_head {
  margin-top: 1em;
}

.comment_contain {
  padding: 2em 0 0;
  margin-top: 2em;
  border-top: 1px solid #000;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

#cpreview .comment_contain {
  padding: 2em 0;
  margin: 2em 0;
  border-bottom: 1px solid #000;
}

.comment_meta {
  margin-bottom: 0.5em;
  color: #999 !important;
}

.smartmoney {
  text-align: center;
  margin-top: 1em;
  display: block;
}



/* MEDIA QUERIES
-------------------------------------------------------------------------------*/

@media screen and (min-width: 480px) {

	h3 {font-size: 1.6em;}

	p, article li {font-size: 1.4em;}

	header nav ul {width: 460px;}

	header nav li:nth-child(odd) a:before {
		content: '\2022';
		padding: 0 .5em;
		color: #e61739;
	}

	header nav li:nth-child(3n+1) a:before {
		content: '';
		padding: 0;
	}

	article .description p {font-size: 1.8em;}

	article .description blockquote {
		width: 50%;
		margin: 0 0 1em 1em;
		padding: .5em .5em .6em;
		font-size: 1.8em;
	}

	article .ingredients p {margin-bottom: .25em;}

	.pagination a {
		font-size: 1.8em;
	}

  aside {
  	padding: 4em 8%;
  }

	#events .main article h1,
	#events .main article .inner {
  	width: 70%;
	}

  .recommended-list {
    width: 106%;
    margin-left: -6%;
    overflow: hidden;
  }

  #recommended .main h2 {
    margin: 0 0 2em 6%;
  }

  #recommended .recommended-list > a {
    width: 27%;
    margin-left: 6%;
  }

}/*/mediaquery*/

@media screen and (min-width: 660px) {

	#events .main article h1	 {
  	width: 80%;
	}

	.event-date {
  	width: 15%;
	}

	footer ul {width: auto;}

	footer nav li:nth-child(3n+1) a:before {
		content: '\2022';
		padding: 0 .5em;
		color: #e61739;
	}

	footer nav li:first-child a:before {
		content: '';
		padding: 0;
	}

}/*/mediaquery*/

@media screen and (min-width: 768px) {

  body {
    border-right: 8px solid #000;
  }

  .container {
    border-right: 8px solid #e61739;
  }

	header {
		padding: 2em 0 4em;
	}

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

	header a.linear {display: none;}

	header a.stacked {
		display: block;
		float: left;
		width: 35%;
		margin-top: 1.5em;
		margin-left: -20px;
		padding-left: 5%;
		text-align: center;
	}

	header nav {
		float: right;
		width: 56%;
		padding: 7em 2%;
	}

	header nav ul {
		width: auto;
		max-width: 600px;
	}

	header nav li a {text-shadow: 0 0 3px #fff;}

	section.error,
	.main,
	#events .main,
	#recommended .main,
	#about .main,
	#contact .main {
		float: right;
		width: 50%;
		padding: 0 5% 0 0;
	}

	#articles .main > h2,
	#archives .main h2,
	#archives .main p,
	#tags .main > h2,
	#tags .main h2,
	#tags .main p {
  	margin-right: 0;
  	margin-left: 0;
	}

	#archives .main h2,
	#tags .main h2 {
  	margin-top: 1.6em;
	}

	.main > h1,
	#articles .main > h2 {
    margin-bottom: 0;
    border-bottom: none;
  }

	.main article:after {
		margin: 3em auto 6em;
	}

	.main article > div {padding: 0;}

	.main article {
		margin-top: 0;
		padding: 0;
		border-top: 1px solid #e61739;
	}

	article .top {
		margin-bottom: 2em;
		text-align: center;
	}

	article .top h1 {
		margin-bottom: .4em;
		padding: .75em .25em .25em;
		background-color: #fff;
	}

	.ie7 article .top h1 {
	 display: inline;
	 margin-top: 20px;
	}

	article .top ul {
		list-style: none;
		margin-bottom: .75em;
	}

	article .top li {
		display: inline-block;
		padding: 0 .5em;
		line-height: 1.4;
	}

	.main article .ingredients {
		border: 1px solid #cccac2;
		padding: 1em 3em;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}

	.main article .directions {}

	.main article .tags {
		margin: 4em 0 0;
		padding: 1em 0;
	}

	#books .main article {
  	padding: 3em 0;
	}

	#events article {
  	padding: 3em 0 0;
	}

	#events .main article h1 {
  	width: 70%;
	}

	#events .main article .inner {
  	width: 100%;
	}

	.event-date {
  	width: 25%;
	}

	.pagination {
		padding: 4em 0;
		background: #fff url(/_/img/graphics/dots.gif) center 5em no-repeat;
		border: none;
	}

	.pagination > img {
		display: block;
		padding: 3em 0;
		margin: 0 auto;
		clear: both;
	}

	.pagination a {
		width: auto;
		padding: 0;
		background: transparent;
		border: none !important;
		color: #e61739;
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size: 2.4em;
		font-style: italic;
	}
	.pagination a:hover,
	.pagination a:focus {
		color: #1a1a1a;
	}

	#recommended .main h1 {
  	margin-bottom: .25em;
	}

	.recommended-list {
    width: 110%;
    margin-left: -10%;
    overflow: hidden;
  }

  #recommended .main h2 {
    margin: 0 0 2em 10%;
  }

  #recommended .recommended-list > a {
    width: 40%;
    margin-left: 10%;
  }

	.pagination .next {float: right;}

	#contact .main form {
  	margin-top: 1em;
  	border-top: 1px solid #e61739;
	}

	aside, .search-sort {
		float: left;
		clear: left;
		width: 30%;
		padding: 0 0 1em 5%;
		background-color: #fff;
		border: none;
	}

	.search-sort input,
	.search-sort select {
		border-color: #ccc;
	}

	.side-bar {text-align: right;}

	.side-bar > div {padding: 3em 0;}

	#sidebar-ad {margin-top: 0; float: right; margin-right: -30px;}
	.ie7 #sidebar-ad { margin-top: 3em;}

	aside.side-bar > img {
		display: block;
		padding: 3em 0;
	}

	.blogroll {
		border-top: 3px double #ccc;
		border-bottom: 3px double #ccc;
	}

	.blogroll ul {padding: 2em 1em 0 0;}

	footer {
		clear: both;
		text-align: left;
	}

  footer h2 {
    text-align: left;
  }

  #comments {
    padding: 0 0 6%;
  }

}/*/mediaquery*/

@media screen and (min-width: 940px) {

	h1 {font-size: 3em;}

	.group {
		max-width: 1200px;
		margin: 0 auto;
	}

	header a.stacked {
		width: 28%;
		margin-top: 1.25em;
		padding-left: 8%;
	}

	header nav {
		margin-right: 5%;
		padding: 6em 0;
	}

	header nav li {line-height: 1.6;}

	header nav li a {font-size: 2.4em;}

	section.error,
	.main,
	#events .main,
	#recommended .main,
	#about .main,
	#contact .main {padding: 0 8% 0 0;}

	aside, .search-sort {
		width: 25%;
		padding: 0 0 1em 8%;
	}

	#sidebar-ad { margin-right: 0;}

	#archives .main h1,
	#tags .main h1 {
  	margin-bottom: 1em;
	}

	#books .main .top {
  	overflow: hidden;
	}

	#books .main article h1,
	#books .main small {
  	float: right;
  	width: 65%;
  	padding: 0;
  	text-align: left;
	}

	#books .main img {
	 float: left;
	 max-width: 30%;
	 margin-bottom: 0;
	}

	#books .main a.button {
  	float: right;
  	width: 65%;
  	padding: .25em 0;
	}

	#events .main article h1,
	#events .main article .inner {
  	width: 75%;
	}

	.event-date {
  	width: 20%;
	}

  .recommended-list {
    width: 106%;
    margin-left: -6%;
    overflow: hidden;
  }

  #recommended .main h2 {
    margin: 0 0 2em 6%;
  }

  #recommended .recommended-list > a {
    width: 27%;
    margin-left: 6%;
  }

}/*/mediaquery*/

@media screen and (max-width: 767px) {

  .social {
    position: absolute;
    top: 5px;
    right: 5px;
  }

  .social img {
    width: 16px;
    height: 16px;
  }

}/*/mediaquery*/




/*- IE Patches
----------------------------------------------------------------------*/

.ie6 {}
.ie7 {}
.ie8 {}
.ie9 {}



/* PRINT STYLES!
-------------------------------------------------------------------------------*/
@media print {

}