/**************/
/* CSS STYLES - MAPPED TO STYLE GUIDE IN TEMPLATES */
/**************/

h1.mm-guide {
	font-size:0.8em; 
	font-weight:normal;
	color: grey;
	border-bottom: 1px dotted grey;
	font-family:sans-serif;
	margin:4em 0 2em 0;
}
pre {
	padding:5px;
	background-color: #f1f1f1;
	display:inline-block;
	/*display:none;*/
}



/**************/
/* SOME BASICS */
/**************/

/*resets */

input {
padding:0;
}

html,body,div {
	padding:0;
	margin:0;
}
body {
	font-family: 'Adobe Garamond', Garamond, georgia, serif;
	font-size:1em;
	line-height:1.6;
	background: url('http://signature-editions.com/images/site_design/bg_top.gif') top repeat-x;
}
div#wrapper {
margin: 0 1em;
}
div#content {
margin:1em 0;
}
div#logo {
z-index:10;
}
div#logo h1 {
margin:0;
padding:0;
}
div#search {

}

div#search table {
}
div#search table td {
padding-right: 8px;
}
div#search input[type="text"] {
padding:3px;
font-size:1em;
}
div#search input.submit {
font-size:0.9em;
padding: 0.25em 0.5em;
-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#606060;
}




/**************/
/* GRID */
/**************/
/* note: using nth-of-type because of ios8 bug with nth-child. Can change in future. */

.clearfix {
clear:both;
}

/* This is the container div for the grid divs.  */
div.grid {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow:auto;
}

/* divs within .grid */
/* will resize 1 for small, 2 for med, 3 for large screens. */
div.col-1-3 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

@media all and ( min-width: 700px ) {
  
	  .col-1-3 {
			float: left;
			width: 50%;
	  }
  
	 /* clear the first div in every row (every second div, offset 1) to ensure uneven heights don't break grid */
	  div.col-1-3:nth-of-type(2n+1) {
			clear: both;
	  }
  
}

@media all and ( min-width: 1100px ) {
  
	  .col-1-3 {
			width: 33.33333%;
	  }
  
	  /* first, remove the clear from every second div (offset 1) */
	  div.col-1-3:nth-of-type(2n+1) {
			clear:none;
	  }
  
	  /* add the clear on every third dov (offset 1) so that uneven heights don't break grid */
	  div.col-1-3:nth-of-type(3n+1) {
			clear: both;
	  }
  
}




/**************/
/* ATOMIC */
/**************/



p {
	margin-top:0;
	margin-bottom:1em;
}
a:link {
color:#000; /* black */
text-decoration:none;
}
a:visited {
color:#000; /* black */
text-decoration:none;
}
a:hover {
#053c66; /* darkest blue */
text-decoration:underline;
}
a:active {
color:#126eb2; /* med blue */
text-decoration:underline;
}
p.small-info {
	font-size:0.8em;
	font-style:italic;
	color: #606060; /* dark grey  Note: replaces #737373; */
}
p.important-info {
font-family: "ff-meta-sc-web-pro-1","ff-meta-sc-web-pro-2", arial, sans-serif;
font-weight:400;
text-transform:lowercase;
padding: 5px 5px 5px 30px;
background: url('http://signature-editions.com/images/site_design/star2-grey.gif') center left no-repeat;
}
p.contextual-navigation-links {
font-size: 0.9em;
font-family: "ff-meta-sc-web-pro-1","ff-meta-sc-web-pro-2", arial, sans-serif;
text-transform:lowercase;
font-weight:400;
}
p.contextual-navigation-links a {
text-decoration:underline;
color:#000;
}

p.caption {
padding:5px;
color: #606060;
}
ul {
	padding:0.5em 1em;
	margin-left:1em;
	font-size:1em;
	list-style-type:square;
	line-height:1.6;
}
.meta {
font-size:0.8em; 
color: #a4a4a4;
}
.meta a {
color: #606060;
}


/**************/
/* ATOMS - EVENTS, NEWS */
/**************/

p.event-city {
color: #053c66;
text-transform: uppercase;
font-size: 1.025em;
margin-bottom:0.15em;
}
p.event-series {
color: #053c66;
margin-bottom:0.15em;
}
p.event-optional-title {
color: #053c66;
margin-bottom:0.15em;
}
p.event-establishment {
color: #053c66;
font-style: italic;
margin-bottom:0.15em;
}
div.event-details-wrapper {
	padding-top:1em;
	overflow:auto;
padding-bottom:1em;
}
div.event-details-wrapper img {
	float:left;
	margin-right:0.5em;
}
p.event-details {

}
p.event-author-details {
color: #a4a4a4;
font-size: 80%;
clear: left;
font-style:italic;
padding-top:1em;
padding-bottom:2em;
}
p.event-author-details a {
color: #737373;
}
img.event-photo {
border: 1px solid #dadada;
padding: 5px;
}
p.post-date {
	color: #053C66;
font-size: 0.8em;

}
p.pagination-links {
font-size: 1.2em;
color: #737373;
font-style: italic;
}

/**************/
/* ATOMS - HEADINGS */
/**************/
/* use px for heading padding with borders instead of em to avoid render issues */

/* default h html element styles */
h1, h2, h3, h4, h5, h6 {
font-family:'ff-meta-web-pro-1', 'ff-meta-web-pro-2', Arial, sans-serif;
font-weight:700;
line-height:1.2;
}
/* set default sizes */
h1 {
font-size: 1.4em;
}
h2 {
font-size: 1.3em;
}
h3 {
font-size: 1.2em;
}
h4 {
font-size: 1.1em;
}
h5 {
font-size: 1em;
}
h6 {
font-size: 0.95em;
}

h1.heading-page
{
text-transform: uppercase;
padding-top:8px;
font-size: 2em;
font-family: "ff-meta-web-pro-condensed-1","ff-meta-web-pro-condensed-2", arial, sans-serif;
font-weight:500;
}

h1.heading-section-primary 
{
color: #053c66; /* darkest blue */
text-transform: uppercase;
font-size: 1.6em;
padding: 8px 0 4px 0;
border-top: 2px dotted #c8c8c8; /* light grey */
border-bottom: 2px dotted #c8c8c8; /* light grey */
font-family: "ff-meta-web-pro-condensed-1","ff-meta-web-pro-condensed-2", arial, sans-serif;
font-weight:500;
margin-top:1em;
}

h1.heading-section-secondary 
{
color: #053c66; /* darkest blue */
font-size: 1.1em;
padding-top:12px;
line-height:1.4;
text-transform:uppercase;
font-family: "ff-meta-sc-web-pro-1","ff-meta-sc-web-pro-2", arial, sans-serif;
font-weight:400;
border-top: 2px dotted #c8c8c8; /* light grey */
}
span.heading-info {
text-transform: lowercase;
font-style: italic;
font-size: 0.7em;
font-family: Garamond, georgia, serif;
}

h1.heading-large {
font-size:1.4em;
}

h1.heading-small {
font-size:0.95em;
}

h1.book-page-title {
font-size: 1.8em;
font-family: Georgia, serif;
margin-bottom:0;
}


/**************/
/* MOLECULE - MAIN NAVIGATION */
/**************/

div.menu-toggle-button-wrapper {
	background: url("http://signature-editions.com/images/site_design/menu_med_cross.gif") repeat scroll 0 0 transparent;
	border: 1px solid #d5d5d5;
	padding: 0 0.5em;
}
a#menu-toggle-button {
	background: url("http://signature-editions.com/images/site_design/icon-list.gif") no-repeat scroll center right transparent;
	display:block;
	font-size: 0.9em;
	padding: 0.5em 0;
	color: #053c66;
	text-transform: uppercase;
	margin: 0 0;
	font-family: "ff-meta-sc-web-pro-1","ff-meta-sc-web-pro-2", arial, sans-serif;
}
a#menu-toggle-button:hover {
text-decoration:none;
}
div#nav ul, div#nav ul li {
	padding:0.15em 0;
	margin:0;
	list-style-type:none;
}
div#nav ul li a {
	display:block;
}
div#nav ul li a:hover {
text-decoration:none;
color:#000;
}
div#nav a {
color: #8b9eab;
font-family: "ff-meta-sc-web-pro-1","ff-meta-sc-web-pro-2", arial, sans-serif;
font-size:0.8em;
}
div#nav p {
font-size: 0.9em;
color: #053c66;
text-transform:none;
margin: 0 0;
padding: 0.25em 0;
font-family: "ff-meta-sc-web-pro-1","ff-meta-sc-web-pro-2", arial, sans-serif;
}
div#nav div {
padding:0.5em;
}
div#nav div.browse {
	background: url("http://signature-editions.com/images/site_design/menu_light_cross.gif") repeat scroll 0 0 transparent;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	border-bottom: 2px dotted #a4a4a4;
}
div#nav div.find {
	background: url("http://signature-editions.com/images/site_design/menu_light_cross.gif") repeat scroll 0 0 transparent;
	border-bottom: 1px solid #d5d5d5;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
}

div#nav div.extras {
	background: url("http://signature-editions.com/images/site_design/menu_med_cross.gif") repeat scroll 0 0 transparent;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	padding:
}
div#nav div.info {
border: 1px solid #d5d5d5;
}

/**************/
/* MOLECULE - ALPHA NAV */
/**************/
div.alpha-nav {
width:100%;
text-align:center;
font-size:1.1em;
}
div.alpha-nav a {
padding:0.5em;
}
div.alpha-nav a.current {
text-decoration:underline;
color:#126eb2;
}

/**************/
/* ATOMS - BOOK ELEMENTS */
/**************/

img.author-photo {
border:3px solid #c8c8c8;
margin-bottom:0.5em;
float:left;
margin-right:1em;
}
img.staff-photo {
border:3px solid #c8c8c8;
}

img.book-cover {
border: 1px solid #d1d1d1;
}
p.new {
	color: #943030; 
	font-family:'ff-meta-web-pro-1', 'ff-meta-web-pro-2', Arial, sans-serif;
	font-size:0.9em;
}
.book-title {
font-weight:bold;
font-size:1.1em;
line-height:1.4;
}
p.book-title {
margin-bottom:0.15em;
}
p.book-byline {
margin-bottom:0.25em;
font-weight:bold;
color:#165382; /* dark blue */
}
p.book-byline span {
	font-weight:normal;
	font-style:italic;
	color: #606060;
	font-size:0.9em;
}
p.book-byline a {
color:#165382; /* dark blue */
}

p.book-byline-optional {
margin-bottom:0.25em;
font-weight:bold;
}
p.book-byline-optional span {
	font-weight:normal;
	font-style:italic;
	color: #606060;
	font-size:0.9em;
}
p.book-byline-optional a {
color:#165382; /* dark blue */
}

p.genre {
color:#89A35D; /* med green */
text-transform:uppercase;
font-size: 0.7em;
background: url('http://signature-editions.com/images/site_design/green_box.gif')  center left no-repeat;
padding-left: 10px;
}
ul.awards-list {
list-style-type: none;
font-size: 85%;
padding:0 0 0.25em 0; /* reset from default ul style */ 
margin:0; /* reset from default ul style */
}
ul.awards-list li {
background: url('http://signature-editions.com/images/site_design/star-transparent.gif')  top left no-repeat;
padding-left: 20px;
margin-bottom: 4px;
}
div#accordion ul.awards-list {
padding:0.5em 0;
}
a.read-more-arrows {
color:#a4a4a4; /* med grey */
font-size:0.9em;
padding:4px;
}
p.read-more-standalone {
text-align:right;
font-weight:bold;
font-size:0.9em;
}
p.read-more-standalone a {
color:#89A35D; /* med green */
}
p.read-more-standalone a:hover {
color:#b0cc80; /* light green */
}
p.trailer-link-standalone a {
color:#126eb2; /* med blue */
text-transform:uppercase;
font-size: 0.7em;
}

p.isbn {
font-size: 0.8em;
}
p.page-count {
font-size: 0.8em;
}
p.price {
font-weight: bold;
}	
p.on-sale {
font-family: "ff-meta-web-pro-condensed-1","ff-meta-web-pro-condensed-2", arial, sans-serif;
color:#943030;
}


/**************/
/* GROUPINGS */
/**************/

/*first we have styles for the smallest of screens */
div.book-listing-group {
	padding-top:1em;
	padding-bottom:1em; /* add top and bottom padding to each div */
	overflow:auto; /* prevent diagonal stacking if there's no grid layout */
}
.book-listing-group-single-title {
padding-top:1em;
	padding-bottom:1em; /* add top and bottom padding to each div */
	overflow:auto; /* prevent diagonal stacking if there's no grid layout */
	font-size:1.4em;
}
/* for format choice toggling on single_title */
button.toggle, button.toggle2 {
padding: 5px 10px;
font-size: 0.8em;
margin-left: 10px;
border-radius: 10px;
border: 1px solid #ccc;
background-color: white;
}

/*on all but the smallest screens, put our floats in place   */
@media screen and (min-width: 420px) {


div.book-listing-group img {
	float:left;
}
div.book-listing-text-140 {
	padding: 0 1em; /* padding on this div adds padding between book cover and text, as well as horizontally between .book-listing-group divs */
	margin-left: 140px; /* keep text to the right of the book, even if it extends down below book. ****** MUST EQUAL WIDTH OF BOOK COVER */
}
div.book-listing-text-125 {
	padding: 0 1em; /* padding on this div adds padding between book cover and text, as well as horizontally between .book-listing-group divs */
	margin-left: 125px; /* keep text to the right of the book, even if it extends down below book. ****** MUST EQUAL WIDTH OF BOOK COVER */
}

div.book-listing-text-90 {
	padding: 0 1em; /* padding on this div adds padding between book cover and text, as well as horizontally between .book-listing-group divs */
	margin-left: 90px; /* keep text to the right of the book, even if it extends down below book. ****** MUST EQUAL WIDTH OF BOOK COVER */
}
div.book-listing-text-75 {
	padding: 0 1em; /* padding on this div adds padding between book cover and text, as well as horizontally between .book-listing-group divs */
	margin-left: 75px; /* keep text to the right of the book, even if it extends down below book. ****** MUST EQUAL WIDTH OF BOOK COVER */
}
div.book-listing-text-65 {
	padding: 0 1em; /* padding on this div adds padding between book cover and text, as well as horizontally between .book-listing-group divs */
	margin-left: 65px; /* keep text to the right of the book, even if it extends down below book. ****** MUST EQUAL WIDTH OF BOOK COVER */
}
div.book-listing-text-55 {
	padding: 0 1em; /* padding on this div adds padding between book cover and text, as well as horizontally between .book-listing-group divs */
	margin-left: 55px; /* keep text to the right of the book, even if it extends down below book. ****** MUST EQUAL WIDTH OF BOOK COVER */
}
}

.in-a-box {
	background-color: #f2f2f2;
	padding:1em;
	-webkit-box-sizing: border-box;
	margin: 1em 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* images in boxes should have some extra margin on the bottom */
.in-a-box img {
margin-bottom:1em;
}

/* MEDIA EMBED */
.media-embed {/* expects an iframe from youtube or vimeo inside */
	padding-bottom:1em; /* so it doesn't run into floated content below */
}
@media all and ( min-width: 750px ) {
  
	.media-embed { /* on larger screens, float video to right */
		width:60%;
		float:right;
		padding-bottom:0;
	}
  
}





/**************/
/* REVIEWS */
/**************/

p.review-summary {margin-bottom:0;color:#606060; /* dark grey */}
p.review-summary a:link, p.review-summary a:visited {color:#606060; /* dark grey */}
p.review-link {background: url('http://signature-editions.com/images/site_design/grey_box.gif')  0px 5px no-repeat; padding-left: 10px; margin-bottom: 8px;}
p.review-link a {color:#000;}
p.review-author {color: #737373; text-align: right; margin-left: 15px; font-size: 0.8em; margin-bottom: 1em;}
span.review-publication {color: #737373; font-style: italic; font-weight:bold;}
span.quotation-mark {color: #737373; font-weight: normal;}


/**************/
/* COMMENTS */
/**************/

div.comment-wrapper {
	overflow:auto;
}


div.comment {
	clear: both;
	border-bottom: 1px solid #c7c7c7;
	padding: 1em 0;
	overflow:auto;
}

div.comment-info {
	width: 25%;
	float: left;
	font-size: 80%;
}

div.comment-body {
	float: right;
	width: 70%;
}

p.comment-name {
	margin: 0;
	color: #165382;
	font-weight: bold;
}

p.comment-name a {
	color: #165382;
}

p.comment-name span {
	color: #606060;
}

p.comment-date {
	margin: 0;
	color: #a1a1a1;
	
}


/**************/
/* BUTTONS */
/**************/

a.button-default {
	display:inline-block;
	padding:0.5em 1em;
	font-family: "ff-meta-web-pro-condensed-1","ff-meta-web-pro-condensed-2", arial, sans-serif;
	font-size:1.1em;
	border: 1px solid black;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-bottom:0.5em;
}
a.button-download {
	display:inline-block;
	color: #fff;
	padding:0.5em 1em 0.5em 3em;
	font-family: "ff-meta-web-pro-condensed-1","ff-meta-web-pro-condensed-2", arial, sans-serif;
	font-size:1.1em;
	border: #165382; /* dark blue */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #165382 url("http://signature-editions.com/images/site_design/arrow-download-white.gif") no-repeat 0.75em center;
}
a.button-primary {
	display:inline-block;
	color: #fff;
	padding:10px 20px;
	font-family: "ff-meta-web-pro-condensed-1","ff-meta-web-pro-condensed-2", arial, sans-serif;
	font-size:1.1em;
	border: #165382; /* dark blue */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #165382; /* dark blue */
}
.book-listing-group-single-title a.button-primary {
/* on single title pages at the top, make it smaller */
font-size:0.9em;
}

a.ebook-question img {
margin:0;
}

/**************/
/* FORMS AND TABLES */
/**************/

div.form-styles {
	background: url("http://signature-editions.com/images/site_design/menu_light_cross.gif") repeat scroll 0 0 transparent;
	padding:1em;
	border: 1px solid #c8c8c8; /* light grey */
	margin-bottom: 1em;
}
label {
	font-family: "ff-meta-sc-web-pro-1","ff-meta-sc-web-pro-2", arial, sans-serif;
	font-weight:400;
	text-transform:lowercase;
}
input,textarea {
margin-bottom:1em;
}
table input {
margin-bottom:0;
}
input, textarea {
font-size:1.1em;
}
input[type="text"] {
padding:5px;
}
textarea {
padding:5px;
}
input.submit {
	color: #fff;
	padding:12px 20px;
	font-family: "ff-meta-web-pro-condensed-1","ff-meta-web-pro-condensed-2", arial, sans-serif;
	border: #165382; /* dark blue */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #165382; /* dark blue */
	cursor: pointer;
}
input.submit-secondary {
	color: #fff;
	padding:12px 20px;
	font-family: "ff-meta-web-pro-condensed-1","ff-meta-web-pro-condensed-2", arial, sans-serif;
	font-size:1em;
	border: #165382; /* dark blue */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #606060; /* dark blue */
	cursor: pointer;
}
input.submit:hover {
text-decoration:underline;
}
input.submit-secondary:hover {
text-decoration:underline;
}
h1.form-heading {
text-align: center;
font-weight:400;
background: url('http://www.signature-editions.com/images/site_design/menu_dark_cross.gif') repeat;
padding: 5px;
border-top: 1px solid #c8c8c8; /* light grey */
border-left: 1px solid #c8c8c8; /* light grey */
border-right: 1px solid #c8c8c8; /* light grey */
font-size:1em;
font-family: "ff-meta-sc-web-pro-1","ff-meta-sc-web-pro-2", arial, sans-serif;
text-transform:lowercase;
margin: 1em 0 0 0;
}
table.table-styles {
background: url("http://signature-editions.com/images/site_design/menu_light_cross.gif") repeat scroll 0 0 transparent;
border: 1px solid #c8c8c8; /* light grey */
width:100%;
border-collapse:collapse;
font-family: "ff-meta-sc-web-pro-1","ff-meta-sc-web-pro-2", arial, sans-serif;
text-transform:lowercase;
font-weight:400;
font-size:1em;
text-align:left;
}
table.table-styles th {
background: url('http://www.signature-editions.com/images/site_design/menu_dark_cross.gif') repeat;
padding: 5px;
border: 1px solid #c8c8c8; /* light grey */
font-weight:400;
}
table.table-styles tr {
border: 1px solid #c8c8c8; /* light grey */
}
/* search results alternating rows */
table.table-styles tr.resultRowOne {
background: url("http://signature-editions.com/images/site_design/menu_light_cross.gif") repeat;
}
table.table-styles tr.resultRowTwo {
background: url('http://www.signature-editions.com/images/site_design/menu_med_cross.gif') repeat;
}
/* end alternating rows */
table.table-styles td {
padding: 5px;
}
tr.update {
background:#fff;
border: 0;
}
tr.update td {
border-bottom: 1px dotted #d9d9d9;
}
tr.checkout {
background:#fff;
border: 0;
}
tr.checkout td {
text-align: right;
padding: 20px 10px;
border-bottom: none;
font-size: 0.9em;
text-transform: lowercase;
}
table.table-styles tr.last_row td {
font-weight: normal;
text-transform: lowercase;
background: url('http://www.signature-editions.com/images/site_design/menu_med_cross.gif') repeat;
padding: 2px 8px;
font-size: 1.1em;
}

table.table-text tr td {
font-family: 'Adobe Garamond', Garamond, georgia, serif;
text-transform:none;
padding:10px;
}

div.text-container {
    margin: 0 auto;
    width: 75%;    
}

.hideContent {
    overflow: hidden;
    line-height: 1em;
    height: 2em;
}


/**************/
/* THE GRID */
/**************/

/* note: using nth-of-type because of ios8 bug with nth-child. Can change in future. */

/* put an empty div with class clearfix at the end of a list of grid itmes. Put it after the wrapping .grid div */
.clearfix {
clear:both;
}

/* This is the container div for the grid divs.  */
div.grid {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


/* divs within .grid */

/* 1 TO 2 COLUMNS */
/* -------------- */

/* will resize to 1 col for small, 2 col for med and large screens. */
div.col-1-2 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

@media all and ( min-width: 700px ) {
  
	  .col-1-2 {
			float: left;
			width: 50%;
	  }
  
	 /* clear the first div in every row (every second div, offset 1) to ensure uneven heights don't break grid */
	  div.col-1-2:nth-of-type(2n+1) {
			clear: both;
	  }
  
}



/* 1 TO 4 COLUMNS */
/* ------- */

/* will resize to 1 col for small, 2 col for med, 4 col for large screens. */
div.col-1-4 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

@media all and ( min-width: 500px ) {
  
	  .col-1-4 {
			float: left;
			width: 50%;
	  }
  
	 /* clear the first div in every row (every second div, offset 1) to ensure uneven heights don't break grid */
	  div.col-1-4:nth-of-type(2n+1) {
			clear: both;
	  }
  
}

@media all and ( min-width: 900px ) {
  
	  .col-1-4 {
			width: 25%;
	  }
  
	  /* first, remove the clear from every second div (offset 1) */
	  div.col-1-4:nth-of-type(2n+1) {
			clear:none;
	  }
  
	  /* add the clear on every fourth div (offset 1) so that uneven heights don't break grid */
	  div.col-1-4:nth-of-type(4n+1) {
			clear: both;
	  }
  
}


/**************/
/* LAYOUT */
/**************/
div#footer {
padding: 1em;
margin-top:3em;
background: #f2f2f2 url('http://signature-editions.com/images/site_design/bg_bottom.gif') bottom repeat-x;
border-top: 3px solid #c8c8c8;
clear:both;
}
div.social {
padding:1em;
background-color:#000;
text-align:center;
}
div.social a {
display:block;
color:#c8c8c8;
font-size:0.95em;
}
a.back-to-top-link {
display:block;
color:#c8c8c8;
font-size:0.95em;
}
div#accordion {
margin-top:2em;
}

/* for very small screens */
div#search {
font-size:0.9em;
margin:0 1em 0.5em 1em;
background: url("http://signature-editions.com/images/site_design/menu_med_cross.gif") repeat scroll 0 0 transparent;
border: 1px solid #d5d5d5;
padding: 0 0.25em;
}

/*if screen is larger than the smallest screens, put the logo and search side by side */
@media screen and (min-width: 420px) {

	div#logo {
	float:left;
	position:relative;
	}
	div#search {
	float:right;
	width: 213px;
	height: 49px;
	background: url('http://signature-editions.com/images/site_design/bg_search.gif') top left no-repeat;
	padding: 2px 0px 0px 10px;
	border:none;
	margin:0;
	font-size:1em;
	}
	div.social a {
	display:inline;
	}
}


/*if screen is larger than, display title next to cover on single book pages*/
@media screen and (min-width: 580px) {
.book-listing-group-single-title img {
float:left;
}
.book-listing-text-single-title {
margin-left:240px;
padding: 0 1em;
}

}


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


/*float menu to side*/
div#menu-wrapper {
width: 20%;
float: left;
clear:left;
position: relative;
top: -15px;
}
div#content {
width:77%;
margin-left:2%;
max-width:1050px;
float: left;
margin-top:0;
}




}

/*if screen is larger than, float .sidebar and .main-with-sidebar */

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

div.main-with-sidebar {
width:71%;
float:left;
margin-right:2%;
}

div.sidebar {
width:27%;
float:right;
}

/*if we're floating the sidebar, then don't display the quick link for purchase options */
.book-listing-group-single-title a.button-primary {
display:none;
}
/*also we don't need the back to top link in the footer*/
div.social a.back-to-top-link {
display:none;
}

}


@media screen and (min-width: 980px)  and (max-width: 1160px){
/*on homepage, when sidebar comes up, any grids within main-with-sidebar will be too small to handle cols. 
prevent it for a bit */
div.main-with-sidebar #home-new-titles .col-1-2 {
width:100%;
float:none;
}
}