/*
Title: CSS Styles for Design Feast
Author: Megan Coleman Design | www.megancoleman.com
*/

/* @group Reset */

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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background-repeat: no-repeat;
}

/* remember to define focus styles! */
:focus, :active {outline: 0;}
/* @end */

/* @group General */

body {
	background: #f1f1f1;
	text-align: center;
	font-family: 'Arimo', Helvetica, Arial, sans-serif;
	color: #000;
}

#aux, #nav, #subnav, #head, #head-inner, #feat, #content, #fritter, #serving, #search, #footer {
	width: 980px;
	margin: 0 auto;
	text-align: left;
}
	body.links #subnav {
		width: auto;
	}

.col-a, .col-ab, .col-b, .col-c, .col-d, .col-e, .col-f, .col-g {
	float: left;
}


.col-a {
	width: 280px;
	margin: 0 20px;
}

.col-b {
	width: 340px;
	margin-right: 20px;
}
	#keepintouch .col-b {
		margin-bottom: 10px;
	}

.col-ab {
	width: 640px;
	margin: 0 20px 10px 20px;
}
	.col-ab img {
		max-width: 640px;
	}
	body.support #content .col-ab {
		margin-top: 4px;
	}

.col-c {
	width: 280px;
	margin-right: 20px;
}
	body.product .col-c {
		margin-right: 0;
	}
	#head .col-b, #head .col-c {margin-top: 60px;}
/*	#content .col-c {margin-top: 2px;}*/
	body.links #content .col-c {margin-top: 4px;}
	body.general #content .col-c {margin-top: 5px;}
	body.roles #content .col-c,
	body.interviews #content .col-c,
	body.sideprojects #content .col-c,
	body.events #content .col-c {margin-top: 2px;}
			
.col-d {
	width: 160px;
	margin-right: 20px;
}

.col-e {
	width: 580px;
	margin: 0;
}

.col-f {
	width: 220px;
	margin-right: 20px;
}

.col-g {
	width: 460px;
	margin-right: 20px;
}

a {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #000;
	text-decoration: none;
}

h2, h3 {
	font-family: 'EB Garamond', Georgia, Times, serif;
	margin: 0 0 20px 0;
}
	body.inner.quest .col-ab h3,
	body.inner.books .col-ab h3 {
		font-family: 'Arimo', Helvetica, Arial, sans-serif;
		font-weight: 700;
	}
	body.inner.books #content .col-ab h3 {
		margin-bottom: 5px;
		margin-top: -5px;
		}

h2 {
	font-size: 20px;
	line-height: 26px;
	font-weight: normal;
}

h3 {
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
}
	body.product #content .col-c h3 {
		margin-top: -7px;
	}

#content ul, #content ol {
	margin: 0 0 15px 25px;
}

#content li {
	padding: 0 0 8px 0;
}

.hide {
	display: none;
}

/* @end */

/* @group AUX Navigation */

#aux {
	margin: 12px auto;
}

#aux .col-a {
	width: 340px;
	margin-right: 20px;
}

#aux .col-b {
	width: 280px;
	margin: 3px 0 0 0;
}

#aux .col-c {
	margin-left: 20px;
}

input.searchbox {
	margin: 0 10px 0 0;
	padding: 2px 4px;
	width: 140px;
	height: 20px;
	border: 1px solid #c9c9c9;
}

div#aux input.searchbox, div#search input.searchbox {
	border: 1px #fff solid;
}

#aux p {
	font-size: 11px;
	line-height: 17px;
	margin: 8px 0 0 0;
}

/* @end */

/* @group Navigation */

#nav {background: #000;}

#nav ul {
	padding: 0 20px;
}

#nav li {
	float: left;
	list-style: none;
	padding: 15px 15px 15px 0;
}

#nav a {
	color: #fff;
	border-left: 1px solid #666;
	padding-left: 15px;
}

#nav li:first-child a {
	border: none;
	padding-left: 0;
}

body.home li.nav-headlines a,
body.questindex li.nav-series a,
body.quest li.nav-series a,
body.blogquest li.nav-series a,
body.interviews li.nav-series a,
body.books li.nav-books a,
body.sideprojects li.nav-series a,
body.events li.nav-events a,
body.roles li.nav-series a,
body.thoughts li.nav-quotes a,
body.links li.nav-links a,
body.store li.nav-shop a,
body.support li.nav-support a,
li.active a,
a.active {
	text-decoration: none;
}

#subnav {
	background: #fff;
	padding: 15px 0 0 0;	
}
	body.links #subnav {
		padding-top: 0;
		margin-bottom: 5px;
	}

#subnav p {
	padding-bottom: 15px;
	margin: 0 20px;
	font-size: 18px;
	border-bottom: 1px solid #cfcfcf;
	font-family: 'EB Garamond', Georgia, Times, serif;
}
	body.links #subnav p {
		font-family: 'Arimo', Helvetica, Arial, sans-serif;
		font-size: 12px;
		line-height: 18px;
		margin: 0;
		border-bottom: none;
	}

#subnav ul {
	padding-bottom: 15px;
	margin: 0 20px;
	border-bottom: 1px solid #cfcfcf;
}

#subnav li {
	float: left;
	list-style: none;
	padding: 0 0 0 10px;
	font-size: 14px;
	border-left: 1px solid #cfcfcf;
	margin-right: 10px;
}

#subnav li:first-child {
	padding-left: 0;
	border: 0;
}


/* @end */

/* @group Header */

#head {
	padding: 10px 0 20px 0;
	background: #fff;
}

#head p {
	padding-left: 20px;
	font-family: 'EB Garamond', Georgia, Times, serif;
	font-weight: normal;
}

#head h1 {font-size: 42px;}

#head h1 a {text-decoration: none;}

#head h1 span {color: #aaa; display: none;}

#head p {
	font-size: 18px;
}


#head h1 {
	background: url(https://designfeast.com/images/interface/design-feast-logo_@2x.png) no-repeat; 
	background-size: 103px 51px;
	text-indent:-10000px;
	margin: 5px 0 5px 20px;
}

#head h1 a {
	width: 103px;
	display:block; 
	height:51px; 
	outline:none;
	border: none;
}

/* @end */

/* @group Homepage Features */

body.home #content .feat-title {
	width: 160px;
	float: left;
}

body.home #content h2 {
	margin: -5px 20px 10px 0;
	font-size: 20px;
	line-height: 24px;
}

.feat-title p {
	font-size: 12px;
}

.series {
	border-bottom: 1px solid #cfcfcf;
	margin-bottom: 20px;
}

.series-detail {
	float: right;
	width: 462px;
	margin-bottom: 20px;
}

.series-detail p {
	font-size: 13px;
	line-height: 17px;
}

.series-detail img {
	border: 1px solid #000;
	margin-bottom: 10px;
}

.col-ab .series:last-child {
	border-bottom: none;
}


/* @end */

/* @group Content */

#content {
	background: #fff;
	padding: 20px 0 0 0;
}

p#linkquote {
	font-family: 'EB Garamond', Georgia, Times, serif;
	font-size: 18px;
	margin: 0 0 20px 0;
}

.linkcat {
	border-top: 1px solid #cfcfcf;
	padding-top: 20px;
}
	.col-ab .linkcat:first-child {
		border-top: none;
		padding-top: 0;
	}

#content .linkcat h3 {
	width: 160px;
	margin: 0 20px 0 0;
	float: left;
	font-size: 20px;
	line-height: 24px;
}
	body.artslife #content .linkcat h3 {
		font-size: 11px;
		line-height: 17px;
		font-family: 'Arimo', Helvetica, Arial, sans-serif;
	}

div.links {
	float: right;
	width: 460px;
	margin-bottom: 20px;
	font-size: 13px;
	line-height: 17px;	
}

div.links p, 
div.links ul, 
div.links blockquote {
	font-family: 'Arimo', Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 17px;
	margin: 0 0 5px 0;
}

	body.artslife.detail div.links p, 
	body.artslife.detail div.links ul, 
	body.artslife.detail div.links blockquote,
	body.artslife.detail div.links p.date {
		font-size: 17px;
		line-height: 22px;
	}

div.links p.date, 
div.links .curatorcode p,
body.artslife.detail div.links .curatorcode p {
	font-size: 11px;
	margin: 0 0 0 0;
}	

body.artslife.detail div.links .curatorcode p {margin: 0 0 8px 0;}
body.artslife.detail div.links p.via, 
body.artslife.detail div.links p.hattip {line-height: 17px; margin-left: 6px;}
body.artslife.detail p.via {text-indent: -11px;}
body.artslife.detail p.hattip {text-indent: -12px;}
p.via span, 
p.hattip span {margin-left: 2px;}
body.artslife.detail p.date {margin-top: 22px}


div.links blockquote {
	margin: 0 0 5px 30px;
	text-indent: 0;
	padding: 0;
	font-weight: normal;
}

p.featdesc {
	margin: 0 0 15px 0;
}

div.curatorcode {
	margin: 0 0 5px 7px;
}

.curatorcode a.cc {
	text-decoration: none;
}

div.links img {
	margin: 0 0 15px 0;
	max-width:100%;
}

.ad {
	background: #f1f1f1;
	margin: 0 0 20px 0;
}

.ad.highlight {
	background: #eaf1e9;
}

#content .ad.highlight form {
	margin-top: -3px;
}

.ad.highlight form input[type="image"] {
	margin-top: -5px;
}

#content .ad h3 {
	font-size: 16px;
	line-height: 18px;
	margin: 0 15px 15px 15px;
	padding-top: 15px;
}

#content .ad p, #content .ad form {
	font-size: 12px;
	line-height: 18px;
	margin: 0 15px 0px 15px;
	padding-bottom: 15px;
}

#content .ad select {
	margin-bottom: 15px;
	margin-left: 0;
}

p#title, div#title p {
	margin: 0 0 20px 0;
}

body.questindex p#title,
body.blogquest p#title,
body.roles div#title p,
body.interviews div#title p,
body.sideprojects div#title p,
body.events div#title p  {
	font-family: 'EB Garamond', Georgia, Times, serif;
	font-size: 18px;	
}

body.quest p#title,
body.books div#author p {
	font-size: 13px;
	line-height: 17px;
	font-family: 'Arimo', Helvetica, Arial, sans-serif;
}
	body.books div#author p {
		margin-bottom: 20px;
	}

body.books p#title {
	font-size: 16px;
	font-weight: bold;
	font-family: 'Arimo', Helvetica, Arial, sans-serif;	
	margin-bottom: 5px;
}

div.designer {
	width: 280px;
	float: left;
	margin: 0 0 35px 0;
}

div.designer p, #content div.designer h3 {
	font-size: 13px;
	line-height: 16px;
	font-family: 'Arimo', Helvetica, Arial, sans-serif;
}

#content div.designer h3 {
	font-weight: bold;
	margin: 0 0 5px 0;
}

body.roles #content div.designer h3,
body.interviews #content div.designer h3,
body.books #content div.designer p,
body.sideprojects #content div.designer h3,
body.events #content div.designer h3 {
	margin: 10px 0 5px 0;
}

div.odd {
	margin: 0 50px 35px 0;
}

div.designer img {
	float: left;
	margin: 3px 20px 0 0;
	border: 1px solid #000;
}
	body.books div.designer img {
	margin-top: 0;
	}

body.roles #content div.designer img,
body.interviews #content div.designer img,
body.books #content div.designer img,
body.sideprojects #content div.designer img,
body.events #content div.designer img {
	float: none;
}

blockquote {
	font-size: 21px;
	line-height: 24px;
	font-family: 'EB Garamond', Georgia, Times, serif;
	text-indent: -9px;
	padding: 0 0 0 9px;
	margin: 0 0 10px 0;
}

	body.sideprojects .col-c blockquote {
		text-indent: -4px;
	}

#content .col-c p.quotelink {
	font-size: 13px;
	margin: 0 0 20px 0;
	text-align: right;
}

img.questimg {
	border: 1px solid #000;
	margin: 5px 0 20px 0;
}

#content h3 {
	font-size: 24px;
	line-height: 28px;
	margin: 0 0 15px 0;
}
	#content .series-detail h3 {
		font-size: 13px;
		line-height: 16px;
		font-family: 'Arimo', Helvetica, Arial, sans-serif;
		font-weight: bold;
		margin: 0 0 5px 0;
	}

h4 {
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
	margin: 0 0 15px 0;
}

body.quest #content div.meta p, 
body.quest #content p.questnav, 
body.quest #content p.questreturn,
body.books #content p.questreturn,
body.books #content .bookindex p {
	font-size: 11px;
	line-height: 15px;
	font-family: 'Arimo', Helvetica, Arial, sans-serif;
	margin-bottom: 15px;
}

div.meta {
	border-bottom: 1px solid #cfcfcf;
	padding: 0 0 0 0;
	margin: 0 0 15px 0;
}

p.questreturn, body.books #content .bookindex {
	float: right;
	clear: both;
}
	body.books #content .bookindex {
		border-top: 1px solid #cfcfcf;
		padding-top: 20px;
		margin-top: 0;
		float: left;
		width: 100%;
	}

body.quest .col-ab img {
	border: 1px solid #000;
}

body.quest .col-ab img {
	margin: 0 0 15px 0;
}

body.general #content .col-ab p,
body.books .col-ab p {
	font-size: 13px;
	line-height: 18px;
	margin: 0 0 20px 0;
}

body.quest .col-ab p, 
body.general #content .col-ab p.serif,
body.books .col-ab p.serif {
	font-family: 'EB Garamond', Georgia, Times, serif;
	font-size: 20px;
	line-height: 24px;
	margin: 0 0 20px 0;
}

body.thoughts div.links p {
	padding-left: 7px;
	text-indent: -7px;
}

body.thoughts div.links p.date {
	padding-left: 7px;
	text-indent: 0;
	margin-bottom: 10px;	
}

body.newsletter input.email {
	width: 350px;
	margin-bottom: 10px;
}

body.newsletter .col-ab form {
	margin-bottom: 50px;
}

/*body.roles #content .col-c,
body.interviews #content .col-c {
	margin-top: 7px;
}*/

div.book-section {
	border-top: 1px solid #cfcfcf;
	padding-top: 15px;
	clear: both;
}

div.book-section h4 {
	margin-bottom: 25px;
}

body.books .col-ab img.bookphoto {
	float: left;
	margin: 5px 0 20px 0;
	clear: right;
	border: 1px solid #000;
}

.quotetext {
	margin: 0 0 30px 0;
}
	.quotetext.float {
		float: right;
		width: 460px;
	}
	.quotetext:last-child {
		margin: 0 0 20px 0;
	}

body.books .quotetext.author p,
div.book-section div.quotetext p {
	margin-left: 9px;
	font-family: 'Arimo', Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
}
	div.book-section div.quotetext p {
		margin-left: 0;
	}
	div.book-section div.quotetext:last-child p:last-child {
		margin-bottom: 0;
	}

.quotetext blockquote {
	text-indent: -7px;
	margin-bottom: 20px;
}

div.purchase {
	background: #eaf1e9;
}

div.esellers a {
	margin: 0 auto 15px auto;
	display: block;
}
	div.esellers a:last-child {
		margin-bottom: 0;
	}


/* @end */

/* @group Comments */

#comments {
	border-top: 1px solid #cfcfcf;
	padding-top: 20px;
}

body.preview #comments {
	border: none;
}

#comments h4 {
	font-size: 22px;
	font-family: 'EB Garamond', Georgia, Times, serif;
	margin-bottom: 20px;
	margin-top: 15px;
	font-weight: normal;
}

input.textbox {
	border: 1px solid #c9c9c9;
	padding: 3px 4px;
	margin: 0 15px 5px 0;
}

textarea {
	border: 1px solid #c9c9c9;
	padding: 3px 4px;
}

body.quest .col-ab #comments p {
	font-family: 'Arimo', Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 17px;
	margin: 0 0 10px 0;
}

.comment-entry, #comments div.odd {
	background: #F1F1F1;
	padding: 15px 15px 10px 15px;	
	margin: 0 0 20px 0;
}

#comments div.nate {
	background: #fff;
	border: #F1F1F1 1px solid;
}

body.quest .col-ab #comments p.meta {
	font-size: 11px;
	line-height: 15px;
}

body.quest .col-ab #comments p.paginate,
body.questindex p.paginate,
body.blogquest p.paginate,
body.roles p.paginate,
body.interviews p.paginate,
body.books p.paginate,
body.sideprojects p.paginate,
body.events p.paginate,
body.thoughts p.paginate {
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-size: 12px;
	clear: both;
}

body.questindex p.paginate a, 
body.questindex p.paginate strong,
body.blogquest p.paginate a,
body.blogquest p.paginate strong,
body.roles p.paginate a,
body.roles p.paginate strong,
body.interviews p.paginate a,
body.interviews p.paginate strong,
body.books p.paginate a,
body.books p.paginate strong,
body.sideprojects p.paginate a,
body.sideprojects p.paginate strong,
body.events p.paginate a,
body.events p.paginate strong,
body.thoughts p.paginate a,
body.thoughts p.paginate strong {
	margin-right: 5px;
}

p.paginate strong {
	font-weight: normal;
}

body.quest .col-ab p.captcha img {
	margin-top: 10px;
}

/* @end */

/* @group Search Results */

.searchresult {
	clear: both;
	margin: 15px 0 15px 0;
	padding: 15px 0 0 0;
	border-top: 1px solid #cfcfcf;
}

body.search #content p {
	font-size: 13px;
	line-height: 17px;
}

body.search #content .searchresult p.date {
	font-size: 11px;
	margin: 5px 0 0 0;
}

body.search div.designer {
	width: auto;
	float: none;
	clear: both;
	border-top: 1px solid #cfcfcf;
	padding-top: 15px;
	margin: 15px 0;
}

body.search div.designer img {
	margin: 0 20px 20px 0;
}

body.search p.paginate {
	clear: both;
}

/* @end */

/* @group Buttons */

input.btn, a.btn {
	vertical-align: bottom;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}


input.searchbtn {
	background: url(https://designfeast.com/images/interface/btn-search.png) no-repeat;
	height: 27px; width: 145px;}

input.subscribebtn {
	background: url(https://designfeast.com/images/interface/btn-subscribe.png) no-repeat;
	height: 29px; width: 103px;}

input.subscribe-monthly-btn {
	background: url(https://designfeast.com/images/interface/btn-subscribe-monthly.png) no-repeat;
	height: 29px; width: 135px;}

input.donatebtn {
	background: url(https://designfeast.com/images/interface/btn-donate.png) no-repeat;
	height: 29px; width: 68px;}

input.submitbtn {
	background: url(https://designfeast.com/images/interface/btn-submit.png) no-repeat;
	height: 27px; width: 71px;}

input.previewbtn {
	background: url(https://designfeast.com/images/interface/btn-preview.png) no-repeat 0 -27px;
	height: 27px; width: 71px;}

input.searchbtn:hover {background: url(https://designfeast.com/images/interface/btn-search.png) no-repeat 0 -27px;}
input.subscribebtn:hover {background: url(https://designfeast.com/images/interface/btn-subscribe.png) no-repeat 0 -29px;}
input.subscribe-monthly-btn:hover {background: url(https://designfeast.com/images/interface/btn-subscribe-monthly.png) no-repeat 0 -29px;}
input.donatebtn:hover {background: url(https://designfeast.com/images/interface/btn-donate.png) no-repeat 0 -29px;}
input.submitbtn:hover {background: url(https://designfeast.com/images/interface/btn-submit.png) no-repeat 0 -27px;}
input.previewbtn:hover {background: url(https://designfeast.com/images/interface/btn-preview.png) no-repeat 0 0;}

a.store-btn-buy, a.store-btn-get, a.store-btn-download, a.store-btn-buynow {
	height: 31px;
	width: 212px;
	display: block;
	margin-bottom: 5px;
}

a.store-btn-download, a.store-btn-buynow {float: right; width: 122px;}

a.store-btn-buy {background: url(https://designfeast.com/images/interface/btn-store-buy.png) no-repeat;}
a.store-btn-buy:hover {background: url(https://designfeast.com/images/interface/btn-store-buy.png) no-repeat 0 -31px;}
a.store-btn-get {background: url(https://designfeast.com/images/interface/btn-store-get.png) no-repeat;}
a.store-btn-get:hover {background: url(https://designfeast.com/images/interface/btn-store-get.png) no-repeat 0 -31px;}
a.store-btn-download {background: url(https://designfeast.com/images/interface/btn-downloadnow.png) no-repeat;}
a.store-btn-download:hover {background: url(https://designfeast.com/images/interface/btn-downloadnow.png) no-repeat 0 -31px;}
a.store-btn-buynow {background: url(https://designfeast.com/images/interface/btn-buynow.png) no-repeat;}
a.store-btn-buynow:hover {background: url(https://designfeast.com/images/interface/btn-buynow.png) no-repeat 0 -31px;}

/* @end */

/* @group Store */

.product-entry {
	border-top: 1px solid #cfcfcf;
	margin: 0 0 0 20px;
	padding: 20px 0;
	width: 642px;
	float: left;
}
	body.product .product-entry {
		width: auto;
	}
	.product-entry.prod1 {
		border-top: none;
	}

body.product-index #content .col-c {float: right;}

body.store .product-entry .col-a {
	margin: -6px 20px 0 0;
}

body.store .product-entry .col-e {
	margin-top: -3px;
}

body.store .product-entry .col-d h2 {
	margin-top: -5px;
}

body.product-index .product-entry .col-g {margin-right: 0;}

#content .product-entry h3 {
	font-size: 16px;
	font-weight: bold;
	font-family: 'Arimo', Helvetica, Arial, sans-serif;
}

#content .product-entry p {
	font-size: 13px;
	line-height: 17px;
	margin-bottom: 20px;
}

#content .product-entry .col-d p {
	font-size: 11px;
	line-height: 15px;
}

.col-d img, .col-g img {
	border: 1px solid #000;
	margin-bottom: 5px;
}

body.store ul#nav_categories {
	list-style-type: none;
	margin: 0 20px 0 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #cfcfcf;
}

body.store ul#nav_categories li {
	float: left;
	font-size: 13px;
	padding: 0 10px 0 0;
	margin-right: 10px;
	border-right: 1px solid #000;
}

body.store ul#nav_categories li:last-child {
	border-right: none;
}

ul#nav_categories a.active {
	text-decoration: none;
}

p.cat-list {
	font-size: 13px;
	margin: 0 0 20px 20px;
}

.size {
	border-top: 1px solid #cfcfcf;
	clear: both;
	padding: 15px 0 0 0;
}

.dimensions {
	width: 220px;
	margin-right: 20px;
	margin-top: -3px;
	float: left;
}

.price {
	width: 40px;
	margin: -4px 20px 0 0;
	float: left;
}
	body.product .price {
		float: none;
		clear: both;
	}

#content .price p {
	font-size: 16px;
	font-weight: bold;
	margin-top: 3px;
}

.store-btn {
	width: 280px;
	float: left;
	margin-top: -1px;
}
	body.product .store-btn {
		width: auto;
		margin-bottom: 20px;
	}

.category-desc {
	margin: 0 20px 10px 20px;
	border-top: 1px solid #cfcfcf;
	padding-top: 15px;
}
	.category-desc .col-ab {margin-left: 0;}
	body.store .col-c .category-desc {border-top: 0; margin: 0 0 10px 0;}

#content .category-desc h3 {
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	font-family: 'Arimo', Helvetica, Arial, sans-serif;
	margin-bottom: 10px;
}

.category-desc p, .category-desc ul {
	font-family: 'EB Garamond', Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 15px;
}

#content .category-desc .col-c h3 {
	font-weight: bold;
	font-family: 'Arimo', Helvetica, Arial, sans-serif;
	font-size: 13px;
	margin-bottom: 10px;
}

#content .category-desc h4 {
	font-family: 'EB Garamond', Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	margin-bottom: 10px;
	
}

#content .category-desc ul {
	margin-bottom: 0;
}

#content .category-desc .col-c p, #content .category-desc .col-c li {
	font-size: 13px;
	margin-bottom: 10px;
}

.purchase {
	margin-bottom: 20px;
}

.book-type {
	font-size: 13px;
	padding: 15px 0 15px 0;
	margin: 0 15px 0 15px;
	border-bottom: 1px solid #cfcfcf;	
}
	.book-type:last-child {
		border: none;
	}
	
p.format {
	font-weight: bold;
	margin-bottom: 5px;
}	

.book-details p {
	font-size: 12px;
	margin-top: 5px;
}

div.esellers {
	padding: 15px 0;
	text-align: center;
}

div.esellers p {
	padding: 0 15px;
}

/* @end */

/* @group Footer */

.border-btn {
	border-bottom: 1px solid #cfcfcf;	
	margin: 0 20px;
	padding-bottom: 20px;
}

#fritter, #serving {
	background: #fff;
	padding: 20px 0;
}

#fritter {
	padding-bottom: 0;
}

#fritter .col-a {
	margin-left: 0;
}

#fritter .col-c {
	margin-right: 0;
}

#fritter .col-a p, #serving .col-a p {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 5px 0;
}

#fritter .col-b p, #serving .col-b p {
	font-size: 13px;
	line-height: 16px;
}

input.email {
	margin: 0 10px 0 0;
	padding: 2px 4px;
	width: 140px;
	height: 20px;
	border: 1px solid #c9c9c9;
}

#search {
	background: #fff;
	padding: 0;
}

#search .col-a {
	padding: 0 20px;
	border-bottom: 1px solid #000;
	width: 900px;
}

#footer {
	background: #fff;
	padding: 20px 0;
}

#footer p {
	font-size: 11px;
	line-height: 16px;
	margin: 0 0 15px 0;
}

#footer h3 {
	margin-bottom: 15px;
}

#footer h4 {
	font-size: 11px;
	margin: 0;
}

#footer h4 a {text-decoration: none;}
#footer h4 a:hover {text-decoration: underline;}

#footer h4#facebook, #footer h4#twitter {
	margin-top: 31px;
}

#keepintouch .col-c img {
	border: 1px solid #000;
	margin: 3px 0 2px 0;
}

#keepintouch .col-c ul {
	list-style: none;
}

#keepintouch .col-c li {
	display: none;
}

#quote, #copy {
	width: 943px;
	margin: 0 20px;
}

#quote {
	border-top: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	margin: 10px 20px 20px 20px;
	padding: 20px 0 10px 0;
	text-align: center;
}

#quote p {
	font-family: 'EB Garamond', Georgia, Times, serif;
	font-size: 22px;
}

#quote p cite {
	font-family: 'Arimo', Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
}

/* @end */


/* @group Clear Fix */

.clearfix:after, .nav_categories:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* @end */


/* ------------------- under 960px ------------------*/
@media all and (max-width: 60em) {
	#aux, #nav, #subnav, #head, #head-inner, #feat, #fritter, #serving, #search, #footer, #quote, #copy, .col-ab, .col-c, body.home #content .feat-title, .series-detail, #search .col-a, .col-a, .col-b, .col-c {
		width: 100%;
		float: none;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
	#content, #footer {
		padding: 20px 20px 1px 20px;
		width: auto;
	}
	body.home #content .feat-title {
		margin-bottom: 20px;
	}
	#quote p {
		line-height: 27px;
	}
	textarea {
		max-width: 100%;
	}
	div.links, #content .linkcat h3 {
		width: 100%;
		float: none;
	}
	#content .linkcat h3 {
		margin: 0 20px 10px 0px;
	}
	#subnav li, #subnav li:first-child {
		float: none;
		padding: 12px 0 0 13px;
		border: none;
	}
}		

/* ------------------- under 615px ------------------*/
@media all and (max-width: 38em) {
	#nav ul {
		padding: 15px 20px 15px 5px;
	}
	#nav li {
	    float: none;
	    list-style: none;
	    padding: 0;
	}
	#nav a, #nav li:first-child a {
		padding: 15px;
		display: block;
		border: none;
	}
	#nav a {
		border-top: 1px solid #333;
	}
	img {
		max-width: 100% !important;
	}
}