/*******************************************************************************



    CSS on Sails Framework

    Title: TheAntigonePoems

    Author: XHTMLized.com

    Date: July 2013



********************************************************************************



    1. BASE
        1.1 Reset
        1.2 Accessibility Navigation & Hide
        1.3 Clearfix
        1.4 Fonts
        1.5 Normalized Styles
        1.6 Image Replacement


    2. COMMON
        2.1 Container
        2.2 Header
        2.3 Navigation
        2.4 Content
        2.5 Sidebar
        2.6 Footer


    3. PAGES
        3.1 Home
        3.2 Book info
        3.3 Reviews
        3.4 Purchase
        3.5 Contact
        3.6 More reviews

    4. RESPONSIVE

    5. PRINT



*******************************************************************************/
/* 1. BASE

--------------------------------------------------------------------------------

==============================================================================*/
/* 1.1 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,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;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
  display: block;
}

ol,ul {
  list-style: none;
}

blockquote,q {
  quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a[href],label[for],select,input[type=checkbox],input[type=radio] {
  cursor: pointer;
}

button,input[type=button],input[type=image],input[type=reset],input[type=submit] {
  padding: 0;
  overflow: visible;
  cursor: pointer;
}

button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=image]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner {
  border: 0;
}

/* 1.2 Accessibility Navigation & Hide

------------------------------------------------------------------------------*/
#accessibility-nav {
  position: absolute;
  top: 0;
  left: -9999em;
  z-index: 1000;
}

#accessibility-nav a {
  position: absolute;
  top: 0;
  white-space: nowrap;
}

#accessibility-nav a:active,#accessibility-nav a:focus {
  left: 9999em;
}

.hide {
  position: absolute!important;
  left: -9999em!important;
}

/* 1.3 Clearfix

------------------------------------------------------------------------------*/
.review-bottom:after,.pull-left:after,.pull-right:after,.comments-options:after,.publication-info:after,.shop-box:after,.bio-box:after,.distributed-by:after,.more-review-footer:after,.reviews-list:after,.clearfix:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
}

/* 1.4 Fonts

------------------------------------------------------------------------------*/
@font-face {
  font-family: 'AlternateGothicCom-No3';
  src:  url('../fonts/alternategothiccomno3.woff2') format('woff2'),
        url('../fonts/alternategothiccomno3.woff') format('woff');
  font-weight:400;
  font-style:normal;
}

@font-face {
  font-family:Cinzel-Regular;
  src:url(../fonts/Cinzel-Regular.eot);
  src:url(../fonts/Cinzel-Regular.eot?#iefix) format(embedded-opentype), url(../fonts/Cinzel-Regular.woff) format(woff), url(../fonts/Cinzel-Regular.ttf) format(truetype), url(../fonts/Cinzel-Regular.svg#Cinzel-Regular) format(svg);
  font-weight:400;
  font-style:normal;
}

/* 1.5 Normalized Styles

------------------------------------------------------------------------------*/
body {
  font: 75%/1.25 Arial, sans-serif;
  color: #605643;
  background: #000;
}

hr {
  display: none;
}

strong {
  font-weight: 700;
}

em {
  font-style: italic;
}

del {
  text-decoration: line-through;
}

th,td {
  vertical-align: top;
}

th {
  font-weight: 400;
  text-align: left;
}

address,cite,dfn {
  font-style: normal;
}

abbr,acronym {
  border-bottom: 1px dotted #999;
  cursor: help;
}

sub,sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

input,textarea,select {
  font-family: Arial, Helvetica, sans-serif;
}

textarea {
  overflow: auto;
}

a,a:visited {
  text-decoration: none;
  color: #00f;
}

a:hover,a:active,a:focus {
  text-decoration: underline;
  color: #847a62;
}

/* Content area */
.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6 {
  margin: 15px 0 6px;
  font-weight: 700;
}

.entry-content h2 {
  font-size: 2em;
}

.entry-content h3 {
  font-size: 1.67em;
}

.entry-content h4 {
  font-size: 1.5em;
}

.entry-content h5 {
  font-size: 1.25em;
}

.entry-content p {
  margin-bottom: 1em;
}

.entry-content ul,.entry-content ol {
  margin: 0 0 15px;
  padding-left: 25px;
  list-style: disc;
}

.entry-content ul ul {
  margin-top: 5px;
  list-style: circle;
}

.entry-content ul ul ul {
  list-style: square;
}

.entry-content ol {
  list-style: decimal;
}

.entry-content li {
  margin-bottom: 5px;
}

.entry-content dl {
  margin-bottom: 15px;
}

.entry-content dt {
  font-weight: 700;
}

.entry-content dd {
  margin-bottom: 10px;
}

.entry-content blockquote {
  margin: 0 15px 15px;
  font-size: 15px;
  font-style: italic;
  line-height: 1.5;
}

.entry-content th,.entry-content td {
  padding: 5px 10px 5px 0;
}

.entry-content th {
  font-weight: 700;
}

/* 1.6 Image replacement

------------------------------------------------------------------------------*/
.ir {
  display: block;
  position: relative;
  overflow: hidden;
}

.ir span {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

/* 2. COMMON

--------------------------------------------------------------------------------

==============================================================================*/
/* 2.1 Container

------------------------------------------------------------------------------*/
.container {
  position: relative;
  min-width: 920px;
}

.main-box {
  -webkit-box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.75);
  box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.75);
  border-top: 4px solid #a59b81;
  position: relative;
  width: 811px;
  min-height: 611px;
  margin: 0 auto;
  padding: 30px 60px 15px 52px;
  background: url(../images/common/bg_contentbox.png);
}

.main-box img {
  max-width: 100%;
  height: auto;
}

.main-box h1 {
  text-align: center;
  margin: 0 0 27px 14px;
}

/* 2.2 Header

------------------------------------------------------------------------------*/
header {
  padding: 0 5px;
}

.mobile-title {
  display: none;
}

/* 2.3 Navigation

------------------------------------------------------------------------------*/
#navigation {
  position: relative;
  width: 920px;
  margin: 0 auto;
  padding: 6px 0;
  text-align: center;
}

#navigation li {
  float: left;
  font-family: 'AlternateGothicCom-No3', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
}

#navigation a {
  text-decoration: none;
  color: #b2a793;
}

#navigation a:hover {
  color: #dbc9ae;
}

#navigation li span {
  margin: 0 15px;
  color: #9a8c73;
}

#navigation .navline {
  position: absolute;
  bottom: -1px;
  left: -60px;
  width: 100%;
  height: 1px;
  background: url(../images/common/misc_navline.png) left center no-repeat;
}

/* 2.4 Content

------------------------------------------------------------------------------*/
#content,#page-content {
  margin: 0 auto;
}

#content {
  min-height: 770px;
  background: url(../images/home/bg_home.jpg) top center no-repeat;
}

#page-content {
  min-height: 693px;
  padding: 61px 0 16px;
  font-family: "Times New Roman", Times, serif;
  color: #847a62;
  background: url(../images/common/bg_pages.jpg) top center no-repeat;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

/* 2.6 Footer

------------------------------------------------------------------------------*/
#footer {
  font-family: 'AlternateGothicCom-No3', "Helvetica Neue", Helvetica, Arial, sans-serif;
  bottom: 0;
  width: 100%;
  padding: 6px 0;
  margin-bottom: 15px;
  font-size: 14px;
  text-align: center;
}

#footer a {
  color: #605643;
}

#footer .vcard div {
  display: inline;
  padding: 0 5px;
}

/* 3. PAGES

--------------------------------------------------------------------------------

==============================================================================*/
/* 3.1 Home

------------------------------------------------------------------------------*/
.covers {
  position: relative;
  width: 920px;
  margin: 0 auto;
  padding: 7px 0 0;
  text-align: center;
}

.covers img {
  max-width: 100%;
  height: auto;
}

.covers h1 {
  position: relative;
  z-index: 2;
  width: 850px;
}

.infos {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
}

.available {
  position: absolute;
  top: 12px;
  right: 43px;
  width: 112px;
  padding: 0 0 7px;
  font-family: 'AlternateGothicCom-No3', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  text-align: center;
  color: #9a8c73;
  background: url(../images/home/misc_availableline.png) bottom center no-repeat;
}

.available p {
  padding: 5px 0 0;
  background: url(../images/home/misc_availableline.png) top center no-repeat;
}

.available span,.authors span {
  color: #cebda0;
}

.authors {
  position: absolute;
  bottom: 174px;
  left: -27px;
  width: 150px;
  font-family: 'AlternateGothicCom-No3', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  text-align: right;
  color: #9a8c73;
}

.authors p {
  margin: 6px 0 2px;
  padding: 7px 0 2px;
  background: url(../images/home/misc_authorsline.png) top right no-repeat;
}

.authors p:first-child {
  background: none;
}

.home-quote {
  position: absolute;
  top: 300px;
  right: 0;
  width: 187px;
  color: #c4b49b;
  text-align: left;
  font-style: italic;
  font-size: 17px;
  line-height: 20px;
  font-family: 'Times New Roman', Times, serif;
}

.home-quote .author {
  margin: 15px 33px 0 0;
  color: #988a75;
  text-align: right;
  font-size: 15px;
}

/* 3.2 Book info

------------------------------------------------------------------------------*/
.short-desc {
  margin: 0 0 60px 0;
  font-size: 18px;
  text-align: center;
  color: #847a62;
}

.short-desc a {
  color: #847a62;
}

.short-desc span {
  color: #3a341f;
}

.short-desc em {
  font-weight: 700;
  font-style: italic;
  color: #655d43;
}

#bookinfo .pull-left {
  position: relative;
  width: 575px;
}

#bookinfo .pull-right {
  width: 200px;
  margin: -27px 4px 0 0;
}

.quotation {
  background: url(../images/common/misc_pagelines.png) top center no-repeat;
}

.quotation p {
  padding: 13px 0 17px;
  font-family: "Times New Roman", Times, serif;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  text-indent: -26px;
  color: #847a62;
  background: url(../images/common/misc_pagelines.png) bottom center no-repeat;
}

.short-info {
  margin: 0 0 10px;
  font-family: 'AlternateGothicCom-No3', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  color: #847a62;
}

.short-info span {
  color: #3a341f;
}

.order-btn {
  width: 122px;
  margin: 0 auto;
  text-align: center;
  background: url(../images/common/misc_pagelines.png) top center no-repeat;
}

.order-btn a {
  display: block;
  width: 122px;
  margin: 0 auto;
  padding: 8px 0;
  font-family: 'AlternateGothicCom-No3', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #847a62;
  background: url(../images/common/misc_pagelines.png) bottom center no-repeat;
}

.order-btn a span {
  display: block;
  width: 90px;
  padding: 0 24px 0 5px;
  background: url(../images/common/btn_arrow.png) right center no-repeat;
}

.publishing-info {
  margin: 16px 0 0;
  font-family: 'AlternateGothicCom-No3', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  text-align: center;
  color: #847a62;
}

.publishing-info a {
  color: #847a62;
}

.publishing-info span {
  text-transform: uppercase;
}

.bio-photo {
  float: left;
  width: 134px;
  margin: 0 35px 0 0;
  font-family: 'AlternateGothicCom-No3', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-align: center;
  color: #847a62;
}

.bio-content {
  float: left;
  width: 400px;
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #847a62;
}

.bio-content p a {
  font-weight: 700;
  color: #706950;
}

.bio-content p {
  margin: 0 0 0 4px;
}

.bio-content em a {
  font-weight: 700;
  color: #3a341f;
}

.bio-content .collapsed {
  display: none;
}

.bio-content .collapsed span {
  color: #3a341f;
}

.bio-content .italic {
  color: #847a62;
  font-style: italic;
}

.bio-content.open .collapsed {
  display: inline;
}

.bio-content.open {
  display: block;
  position: absolute;
  top: -10px;
  right: -25px;
  z-index: 999;
  width: 410px;
  min-height: 347px;
  padding: 35px 15px 15px;
  border: 1px solid #bcb092;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #eee5d3;
  opacity: 1;
  behavior: url(_ui/js/PIE.htc);
}

.bio-content .collapsed .italic {
  color: #847a62;
  font-style: italic;
}

.bio-content .collapsed .italic span {
  color: #3a341f;
}

.bio-content.open em {
  font-style: normal;
}

.bio-content.open p {
  margin: 0;
}

.bio-content.open a.back-btn {
  display: block;
  position: absolute;
  right: 25px;
  bottom: 20px;
  text-align: right;
}

.bio-content .back-btn {
  color: #3a341f;
}

.bio-content h2 {
  margin: -3px 0 15px;
  font-family: 'AlternateGothicCom-No3', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  color: #3a341f;
}

.bio-content h2 a {
  color: #3a341f;
}

.bio-box {
  min-height: 170px;
}

.bio-box:first-child h2 {
  margin: -6px 0 17px;
}

.bio-sep {
  width: 100%;
  max-width: 517px;
  height: 1px;
  margin: 14px 0 37px;
  background-color: #aca294;
}

.side-links {
  margin: 25px 0 10px;
  text-align: center;
  background: url(../images/common/misc_pagelines.png) bottom left repeat-x;
}

.side-links a {
  display: inline-block;
  color: #3a341f;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 10px;
}

/* 3.3 Reviews

------------------------------------------------------------------------------*/
.review-quote {
  float: left;
  position: relative;
  width: 305px;
  height: 117px;
  margin: 10px 0 25px 34px;
  padding: 22px 10px 20px 20px;
  border: 1px solid #bcb092;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-family: "Times New Roman", Times, serif;
  font-size: 14px;
  font-style: italic;
  color: #3a341f;
  background-color: #eee5d3;
  behavior: url(_ui/js/PIE.htc);
}

.review-quote.wide {
  float: none;
  margin-bottom: 25px;
  padding-top: 19px;
  width: 715px;
  height: 49px;
  text-align: center;
}

.review-quote a {
  color: #3a341f;
}

.second-quote {
  margin: 10px 0 25px 73px;
}

.review-quote p {
  margin: 0 0 13px;
  min-height: 85px;
}

.review-quote.wide p {
  min-height: 22px;
  font-size: 16px;
}

.review-quote:after {
  display: block;
  position: absolute;
  bottom: -22px;
  left: 50px;
  width: 27px;
  height: 23px;
  content: "";
  background: url(../images/reviews/misc_reviewarrow.png) no-repeat;
}

a.arrow-btn {
  padding: 0 2px 0 0;
  color: #847a62;
  background: url(../images/common/btn_arrow.png) right center no-repeat;
  padding-right: 33px;
}

.advance-review {
  float: left;
  clear: both;
  width: 600px;
  margin: 0 0 0 41px;
  padding: 10px 0 0;
  letter-spacing: normal;
}

.advance-review li {
  padding: 0 0 0 18px;
  font-size: 14px;
  background: url(../images/reviews/bg_dot.png) left center no-repeat;
}

.advance-review li strong {
  color: #3a341f;
}

.review-bottom {
  clear: both;
  width: 745px;
  margin: 15px auto 0;
  padding: 15px 0 0;
  border-top: 1px solid #aea48e;
  font-size: 14px;
}

.review-bottom a {
  color: #847a62;
}

.review-bottom strong {
  color: #3a341f;
}

.review-bottom .pull-left {
  width: 300px;
}

.review-bottom .pull-right {
  padding-top: 10px;
  width: 425px;
}

.review-bottom .order-btn {
  float: left;
}

.review-bottom .publishing {
  font-family: 'AlternateGothicCom-No3', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #847a62;
  text-transform: uppercase;
  float: right;
}

.review-bottom .presskit-btn {
  padding-top: 10px;
  float: right;
  font-size: 16px;
}

a.morerev-btn {
  display: block;
  float: left;
  color: #3a341f;
  font-size: 16px;
}

/* 3.4 Purchase

------------------------------------------------------------------------------*/
.distributed-by {
  margin: 0 0 20px;
}

.distributed-by h3 {
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 14px;
  color: #847a62;
  margin: 0 0 20px;
}

.distributor.first {
  width: 215px;
  margin: 0 87px 0 0;
}

.distributor {
  font-family: 'AlternateGothicCom-No3', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  float: left;
  color: #847a62;
  width: 140px;
}

.distributor h4 {
  font-family: 'AlternateGothicCom-No3', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  margin: 0 0 15px;
  text-transform: uppercase;
}

.distributor h4 a {
  color: #3a341f;
}

.distributor .phone {
  margin: 15px 0 0;
}

.publication-info,.available-at {
  width: 450px;
  clear: both;
  padding: 21px 0 7px;
  font-size: 14px;
  background: url(../images/common/misc_pagelines.png) bottom left repeat-x;
  position: relative;
}

.available-at {
  padding: 0 0 5px;
}

.available-info {
  float: left;
  padding: 0 0 11px;
}

.publication-info span {
  color: #3a341f;
}

.available-headline {
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 14px;
/* color: #847a62; */
  color: #3a341f;
  margin: 0 0 10px;
}

.available-headline .title {
  font-family: Cinzel-Regular, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  color: #3a341f;
}

.publishing,.publication-info input[type="submit"] {
  border: 0;
  background: none;
  margin: 0 0 4px;
  color: #3a341f;
  padding: 0;
  font-family: 'AlternateGothicCom-No3', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
}

.publication-info input[type="submit"] {
  margin-bottom: 6px;
}

.publication-info input[type="submit"]:hover {
  text-decoration: underline;
}

.publishing a {
  color: #3a341f;
}

.paypal-logo {
  display: block;
  margin-top: -13px;
  float: right;
  width: 57px;
  height: 17px;
  background: url(../images/purchase/ico_paypal.png) no-repeat;
}

.shop-box {
  width: 450px;
  padding: 14px 0;
  font-family: 'AlternateGothicCom-No3', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #847a62;
  background: url(../images/common/misc_pagelines.png) bottom left repeat-x;
}

.shop-box a {
  color: #3a341f;
  text-transform: uppercase;
}

.shop-box .pull-right {
  padding: 5px 0 0;
  font-size: 16px;
}

#purchase > .clearfix > .pull-right {
  position: relative;
  margin: 9px -43px 0 0;
  font-family: 'AlternateGothicCom-No3', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  text-align: right;
}

#purchase > .clearfix > .pull-right img {
  display: block;
  position: relative;
  margin: 40px 0 0;
}

.purchase-footer {
  margin: 70px 87px 0 0;
}

.purchase-footer a {
  color: #847a62;
}

.purchase-footer span {
  text-transform: uppercase;
}

.payment-info {
  font-size: 16px;
  line-height: 21px;
  width: 510px;
}

.payment-info a {
  color: #3a341f;
}

.payment-info p:first-child {
  font-weight: 700;
  margin-bottom: 20px;
}

.payment-button {
  position: absolute;
  right: 0;
  top: 21px;
}

/* 3.5 Contact

------------------------------------------------------------------------------*/
#contact.main-box h1 {
  margin: 0 0 25px 14px;
}

#contact .pull-left {
  width: 315px;
  margin: 0 0 0 18px;
  font-size: 14px;
  text-align: center;
}

#contact .pull-right {
  margin: -5px 19px 0 0;
}

#contact .pull-left a {
  color: #847a62;
}

#contact .vcard {
  font-family: 'AlternateGothicCom-No3', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}

#contact .vcard .tel {
  font-size: 16px;
}

#contact .vcard .fn {
  margin: 15px 0 9px;
  font-size: 16px;
  text-transform: uppercase;
  color: #3a341f;
}

#contact form {
  margin: 0 0 0 15px;
}

#contact form > div,.comment-modal form > div {
  position: relative;
}

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

:-moz-placeholder {
  color: #a4997e;
}

:-ms-input-placeholder {
  color: #a4997e;
}

.placeholder {
  color: #a4997e;
}

#contact label.error,#contact .form-message,.comment-modal label.error,.comment-modal .form-message {
  font-family: 'AlternateGothicCom-No3', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #3a341f;
}

#contact label.error,.comment-modal label.error {
  position: absolute;
  top: -16px;
  left: 35px;
}

#contact .form-message {
  margin: 5px 0 0;
  text-align: center;
}

#contact form p {
  margin: 14px 0 16px;
}

#contact form input,#contact form textarea,.comment-modal form textarea,.comment-modal form input {
  padding: 5px 10px;
  border: 1px solid #a8a08d;
  font-family: 'AlternateGothicCom-No3', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  background-color: #eee5d3;
}

#contact form input,.comment-modal form input {
  width: 154px;
  margin: 0 0 18px;
}

#contact form textarea,.comment-modal form textarea {
  width: 100%;
  max-width: 207px;
  min-height: 117px;
  margin: 0 0 7px;
  resize: none;
}

#contact .vcard .adr {
  margin: 11px 0;
}

#contact .order-btn {
  float: right;
  position: relative;
  margin: 0 0 20px;
}

.placeholder {
  color: #a4997e;
}

#contact .submit-btn,.comment-modal .submit-btn {
  width: auto;
  margin: 0;
  padding: 4px 30px;
  border: 2px solid #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: 'AlternateGothicCom-No3', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #e7deca;
  background-color: #3a341f;
}

.pub-contact {
  margin: 5px 0 14px;
  font-family: 'AlternateGothicCom-No3', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}

.pub-contact span {
  font-size: 16px;
}

.contact-img {
  clear: both;
}

.contact-img img {
  margin: 29px 15px 0 0;
}

.design-by {
  font-family: 'AlternateGothicCom-No3', "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 14px -61px 0 0;
  text-align: right;
}

.design-by a {
  font-size: 12px;
  color: #847a62;
}

.design-by a span {
  font-size: 13px;
  color: #675e47;
}

/* 3.6 More reviews

------------------------------------------------------------------------------*/
#morereviews {
  min-height: 496px;
  padding: 30px 60px 10px 52px;
  font-size: 14px;
}

.reviews-info {
  margin: 0 0 0 19px;
  padding: 10px 0 20px;
  background: url(../images/common/misc_pagelines.png) bottom left repeat-x;
}

.reviews-info span,.more-review-item span {
  font-family: Cinzel-Regular, sans-serif;
  text-transform: uppercase;
  font-style: normal;
  font-size: 14px;
  color: #3a341f;
}

.more-review-item {
  position: relative;
  max-height: 1000px;
  margin: 0 0 0 19px;
  padding: 14px 10px 15px 0;
  font-style: italic;
  color: #3a341f;
  background: url(../images/common/misc_pagelines.png) bottom left repeat-x;
}

.more-review-item p {
  margin: 15px 0 0;
}

.more-review-item p:first-child {
  margin: 0;
}

#morereviews .from-who {
  margin: 15px 0 0;
  color: #847a62;
}

.comments-options {
  margin: 0 0 18px 6px;
  padding: 0 0 18px;
  border-bottom: 1px solid #aea48e;
  font-size: 14px;
}

.bottom-links {
  clear: both;
  line-height: 22px;
}

.bottom-links li {
  display: inline-block;
}

.bottom-links a {
  color: #847A62;
}

.more-review-item {
  border: 1px solid #bcb092;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #eee5d3;
  font-size: 14px;
  font-style: italic;
  color: #3a341f;
  font-family: "Times New Roman", Times, serif;
  margin: 0 0 15px;
  padding: 14px 16px 15px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.more-review-item.wide {
  clear: both;
}

.more-review-item.half {
  width: 49%;
  height: 120px;
  margin-bottom: 15px;
}

.more-review-item a {
  color: #847A62;
  font-weight: 400;
}

.pull-left.small {
  width: 100%;
}

.leave-comment-btn {
  float: left;
  width: auto;
  margin: 0;
  padding: 3px 33px;
  border: 2px solid #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-family: 'AlternateGothicCom-No3', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #e7deca;
  background-color: #3a341f;
}

.leave-comment-btn:hover,.leave-comment-btn:visited {
  color: #e7deca;
}

.more-comment-btn {
  float: right;
  padding: 5px 4px 0 0;
  font-family: 'AlternateGothicCom-No3', "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #3a341f;
}

.more-comment-btn:hover,.more-comment-btn:visited {
  color: #3a341f;
}

.more-review-footer {
  width: 811px;
  margin: 15px auto 0;
  padding: 15px 0 0;
  font-family: 'AlternateGothicCom-No3', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  text-align: right;
  border-top: 1px solid #aea48e;
}

.more-review-footer span {
  text-transform: uppercase;
}

.more-review-footer a {
  color: #847a62;
}

.more-review-footer a.leave-comment-btn {
  color: #e7deca;
}

.more-review-footer .pull-right {
  padding-top: 5px;
}

.comment-overall {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 500;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .50;
}

.comment-modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 501;
  width: 240px;
  margin: -155px 0 0 -200px;
  padding: 35px 80px 20px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: url(../images/common/bg_contentboxmiddle.png) -10px 0 repeat-y;
  opacity: 0;
}

.submit-box {
  width: 92px;
  margin: 0 auto 5px;
}

.submit-box input {
  display: block;
  width: 92px;
  margin: 0 auto;
}

.comment-modal form {
  text-align: left;
}

.comment-modal label.error {
  left: 0;
}

.comment-close {
  display: block;
  position: absolute;
  top: -10px;
  right: -10px;
  width: 22px;
  height: 22px;
  background: url(../images/morereviews/btn_modalclose.png) no-repeat;
}

.interview {
  font-size: 14px;
  line-height: 18px;
}

.interview h2 {
  font-size: 16px;
  font-weight: 600;
}

.interview-block {
  margin: 15px 0;
}


.top_date {
  font-family: 'AlternateGothicCom-No3',"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 16px;
  text-align: center;
}

.top_onebox {
  margin-bottom: -45px;
  background: none;
  padding-top: 8px;
}

.title2 {
/*font-family:'Trajan Pro'!important ;*/
  text-transform: capitalize!important;
  color: #3a341f!important;
  background: none;
  font-weight: 400!important;
  text-transform: capitalize;
  margin-bottom: -20px;
  font-size: 16px!important;
}

.title3 {
  line-height: 16px!important;
}

.title3 span {
  margin: 0;
  padding: 0;
}

#bottom_link ul li a {
  color: #847A62;
  text-decoration: none;
  line-height: 30px;
  font-style: italic;
  font-size: 14px;
}

#bottom_link ul li {
  text-align: right;
}

.newstyle {
  width: 550px!important;
  padding: 15px 0 0;
  font-family: 'AlternateGothicCom-No3',"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 16px;
  text-align: right;
  bottom: 20px;
  margin: 0 auto!important;
  left: 8%!important;
}

#bottom_link ul li a:hover {
  color: #3a341f;
}

.bottom_line1 {
  float: right;
  margin-right: -217px;
  margin-top: 15px;
}

.final_border {
  margin-top: -22px;
  border-bottom: 1px solid #AEA48E;
  width: 141%;
}

/* 4. RESPONSIVE
--------------------------------------------------------------------------------
==============================================================================*/

@media screen and (max-width: 1024px) {
  #navigation {
    width: 100%;
    text-align: center;
  }

  #navigation li {
    display: inline-block;
    float: none;
  }

  #content {
    padding: 0 20px;
    min-height: 0;
  }

  .container {
    min-width: 0;
    width: 100%;
  }

  .page-content {
    min-height: 0;
  }

  .main-box,
  #morereviews {
    padding: 25px 20px;
    width: auto;
    min-height: 0;
  }

  .covers {
    width: 100%;
  }

  .covers h1 {
    width: 100%;
  }

  .infos {
    position: relative;
    top: auto;
    left: auto;
    margin-bottom: 15px;
  }

  .authors {
    position: relative;
    bottom: auto;
    left: auto;
    width: 100%;
    text-align: center;
    line-height: 14px;
    margin-bottom: 20px;
  }

  .authors p {
    display: block;
    background: none;
    margin: 0 auto;
  }

  .home-quote {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    text-align: center;
  }

  .home-quote .author {
    margin: 10px 0 0 0;
    text-align: center;
  }

  #footer {
    width: auto;
    padding: 6px 20px;
  }

  .pull-left,
  .pull-right {
    width: 100%;
    float: none;
  }

  #bookinfo .pull-left,
  #bookinfo .pull-right,
  .review-bottom .pull-left,
  .review-bottom .pull-right {
    width: 100%;
    margin: 0;
  }

  #bookinfo .pull-left {
    margin-bottom: 25px;
  }

  .bio-photo {
    width: 20%;
    margin: 0 3% 0 0;
  }

  .bio-content {
    width: 77%
  }

  .bio-content.open {
    width: auto;
    left: 0;
    right: auto;
  }

  .bio-content.open a.back-btn {
    position: relative;
    margin-top: 15px;
    right: auto;
    bottom: auto;
  }

  .review-quote,
  .review-quote.wide {
    clear: both;
    float: none;
    width: auto;
    height: auto;
    margin: 35px 0;
  }

  .review-quote p {
    min-height: 0;
  }

  .review-bottom {
    width: auto;
  }

  .review-bottom .order-btn {
    float: none;
  }

  .review-bottom .pull-right {
    text-align: center;
  }

  a.morerev-btn,
  .review-bottom .publishing {
    float: none;
    margin: 10px auto 0 auto;
  }

  .more-review-footer {
    width: auto;
  }

  .more-review-footer .pull-right {
    margin-top: 5px;
  }

  .shop-box,
  .publication-info, .available-at {
    width: auto;
  }

  .available-info {
    float: none;
  }

  #purchase > .clearfix > .pull-right img {
    display: inline;
    margin-top: 15px;
  }

  #purchase > .clearfix > .pull-right {
    text-align: center;
  }

  .purchase-footer {
    margin: 0;
  }

  .distributor {
    float: none;
    width: auto;
  }

  .distributor.first {
    width: auto;
    margin-bottom: 20px;
  }

  #contact .pull-left {
    width: auto;
    margin: 0;
  }

  #contact .pull-right {
    margin: 0;
  }

  #contact form {
    margin: 0;
  }

  .contact-img {
    text-align: center;
  }

  .design-by {
    margin: 0;
  }

  #contact .order-btn {
    margin: 15px auto;
    float: none;
  }

  .desktop-title {
    display: none;
  }

  .mobile-title {
    display: inline;
  }

  .main-box h1,
  #contact.main-box h1 {
    margin: 0 0 25px 0;
  }

  .review-quote {
    padding: 20px;
  }
}

@media screen and (max-width: 767px) {
  .payment-button {
    position: relative;
    width: auto;
    top: auto;
    right: auto;
  }
}

/* 5. PRINT

--------------------------------------------------------------------------------

==============================================================================*/
@media print {
  body {
    font: normal normal 12pt/1.5em "Times New Roman", Times, serif;
  }

  a[href]:after {
    content: " (" attr(href) ") ";
    font-size: 90%;
  }

  a[href^="/"]:after {
    content: " (http://domain.com" attr(href) ") ";
  }

  #accessibility-nav,.hide {
    display: none!important;
  };
}