/* -----------------------------------------------------
 * Layout settings
 * ----------------------------------------------------- */
/* -----------------------------------------------------
 * App-wide specs: colors, dimensions, etc.
 * Controller- and page-specific variables should be declared in
 * the controller-specific SASS stylesheet.
 * ----------------------------------------------------- */
/*
 * Utopia-specific SASS variables and mixins.
 */
/* Page layouts
 */
/* -----------------------------------------------------
 * Grids
 *
 * Programmatically generate the widths of elements that
 * belong in the grid.
 *
 * Usage:
 *
 * .container
 *   @include row
 *   .primary
 *     @include col(8)
 *     @include internal-margin
 *   .secondary
 *     @include col(4)
 *     @include last
 * .container
 *   @include row
 *   .tertiary
 *     @prepend(4)
 *     @include(4)
 *     @append(4)
 *
 * Inspired by:
 *   http://bjorkoy.com/2010/05/css-grids-with-sass/
 * ----------------------------------------------------- */
/* math magic */
/* create row div */
/* create a column div */
/* make an element span n columns */
/* the first and last columns in a row needs these */
/* prepend n blank columns */
/* append n blank columns */
/*
 * Book display styles.
 */
.search-nav {
  font-size: 10px;
  padding-bottom: 5px;
}

.search-totalhits {
  float: left;
  height: 15px;
}

.search-results {
  margin: 20px 0px;
}

ul.book-results {
  padding: 10px 0px;
}

.search-results ul .result-heading a {
  color: #535154;
  font-size: 16px;
  text-decoration: underline;
}
.search-results ul .result-heading a:hover {
  color: #fd7820;
  font-size: 16px;
  text-decoration: underline;
}
.search-results div {
  float: left;
}

span.match {
  font-weight: bold;
}

div#search-bottom-nav {
  padding-top: 5px;
  font-size: 10px;
}
div#searchPaginator {
  float: right;
}
div#searchPaginator .separator {
  color: #a29c83;
  padding: 0px 3px;
}
div#searchPaginator .previous {
  padding-left: 10px;
}
div#searchPaginator .next {
  padding-right: 10px;
}
div.search-content {
  width: 530px;
}

/* ie6 */
.ie6 div.search-content {
  width: auto !important;
}

div.search-bookImage {
  float: left;
  margin-right: 30px;
  text-align: right;
  width: 140px;
}
div.search-bookImage div {
  float: right;
}
div.search-bookImage .bookImage {
  position: relative;
  margin-bottom: 5px;
}
div.search-bookImage .bookImage .hinge-ornament {
  position: absolute;
  background: url("/images/book_detail/orn-book-hinge-thumb.png") repeat-y;
  top: 0;
  left: 0;
  height: 100%;
  width: 10px;
}
div.search-bookImage .bookImage a {
  display: block;
  line-height: 0;
}
div.search-bookImage .bookImage img {
  box-shadow: 0 4px 4px #999999;
  border: none;
}
div.search-bookImage .book-image img {
  width: 133px;
}
div.search-bookImage.ebook img {
  box-shadow: 0px 4px 4px #999999;
  width: 133px;
}

.ie6 div.search-bookImage {
  text-align: right;
}

div.search-book-showcase {
  float: left;
  width: 150px;
  margin-right: 20px;
}
div.book-showcase {
  margin-top: 20px;
  border-bottom: 1px dotted #a29c83;
}
div#search-more {
  float: right;
  font-size: 10px;
  margin-top: 10px;
}

p#search-bookstore a {
  color: #535154;
  font-size: 16px;
  text-decoration: underline;
}
p#search-bookstore a:hover {
  color: #fd7820;
  font-size: 16px;
  text-decoration: underline;
}
p#no-search-results {
  margin-top: 20px;
  font-size: 16px;
}

div.search-suggestions {
  color: #a29c83;
  font-size: 10px;
  line-height: 16px;
}
div.search-suggestions ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
div.search-suggestions ul li {
  margin: 0;
  padding: 0;
}

.advanced-search {
  margin-top: 5px;
  width: 470px;
}

a#advanced-link {
  font-size: 10px;
}

div.advanced-filters {
  margin-top: 5px;
  width: 470px;
  height: 30px;
  background-color: #f9f4e4;
  float: left;
}
div.advanced-filters ul {
  margin-top: 7px;
  list-style: none;
}
div.advanced-filters ul li {
  float: left;
  font-size: 10px;
}
div.advanced-filters ul li.filter-spacer {
  margin-right: 40px;
}
div.search-tip {
  background: url(/images/site_search/search_arrow.gif) left no-repeat;
  padding-left: 8px;
  margin-right: 28px;
}
div.about_author_image_container {
  position: relative;
  float: left;
  background: url(/images/profile/loneAvatar.gif) top left no-repeat;
  width: 130px;
  text-align: right;
  height: 96px;
  margin: 0px 0px 0px 0px;
  /* IE6 needs this margin setting */
}
div.about_author_image_container img.staff_badge {
  top: 61px !important;
}

/*******************************************************************
 * "About the Author" section styles (bookstore, book detail)
 ******************************************************************* */
html > body div.about_author_image_container {
  margin: 0px 0px 0px -2px;
  /* browsers that use the box model correctly need this margin */
}

div.about_author_image_container img {
  position: absolute;
  top: 8px;
  left: 13px;
}

.ie6 .about_author_image_container {
  width: 165px;
  margin-left: -5px;
}

/*=========================================================================
 * Full Site Search
 *========================================================================= */
.search-field {
  width: 260px;
}
.search-field input.textfield {
  font-family: proxima-nova, Arial, sans-serif;
  width: 254px;
  font-size: 13px;
  height: 16px;
  margin: 0;
  background-color: #f3f4f5;
  border-radius: 3px;
  border: 1px solid #d7d8d9;
}
.search-field input.textfield:focus {
  border: 1px solid #d4ecf5;
}

#bookstore-search.searchbar #search-form .button.primary {
  padding: 2px 14px 4px;
}

input.select, select {
  width: 100px;
  border: 1px solid #a29c83;
  margin-top: 0px;
  margin-bottom: 3px;
  padding: 3px 3px 3px 9px;
  font: normal 12px proxima-nova, Arial, Helvetica, sans-serif;
  color: #535143;
  background-image: none;
  height: 24px;
}

#filter option {
  padding: 3px 3px 3px 9px;
  background-color: white;
}

.ie7 #filter {
  margin-top: 3px;
  margin-left: 3px;
}

.ie6 #filter {
  margin-top: 3px;
  margin-left: 3px;
}
.ie6 .filter {
  position: relative;
  left: 20px;
  width: 103px;
}
.ie6 #filter {
  position: absolute;
  z-index: 0 !important;
}

#filter #selected {
  background-color: #cbf1ff;
}

.search-input {
  margin-bottom: 10px;
}
.search-input ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.search-input ul li {
  float: left;
  padding-right: 10px;
}

.ie7 .search-input .slickbutton {
  width: 100px;
}

div.searchbar {
  position: relative;
  background: white;
  border-size: 0px;
  overflow: hidden;
  margin-bottom: 10px;
  margin-top: 10px;
}