/*-----  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 {

}