@import url('https://fonts.googleapis.com/css?family=Exo|Raleway');

body {
	font-family: 'Raleway', sans-serif;
	font-size: 1rem;
	line-height: 175%;
	background-color: #fff;
	background-image: url('papyrus.png');
	color:#30343F;
}

a, a:hover, a:visited { 
	color: #30343F;
	padding-bottom: 3px;
	text-decoration: none;
	border-bottom: 1px solid;
}

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

b { font-weight: bold; }

div#outer {
	display: table;
	position: absolute;
	height: 100%;
	width: 100%;
}

div#middle {
	display: table-cell;
	vertical-align: middle;
	padding: 4rem 3rem;
}

div.inner {
	margin: 2rem auto;
	width: 80%;
	min-width: 900px;
	max-width: 1200px;
	text-align: left;
	display: table;
}

div.book1, div.book2, div.book3, div.book4, div.book5, div.description {
	display: table-cell;
}

div.book1, div.book2, div.book3, div.book4, div.book5 {
	width:300px;
	background: url('book.png') no-repeat center top;
	height: 392px;
}

div.book2 {
	background-image: url('book2.png');
}

div.book3 {
	background-image: url('book3.png');
}

div.book4 {
    background-image: url('book4.png');
}

div.book5 {
    background-image: url('book5.png');
}

div.description {
	padding: 0 0 0 2rem;
}

div.details {
	border-top: .15rem solid #ddd;
	margin-top: 1.5rem;
	padding-top: 1.5rem;
}

div#nb {
	background-color: #D72638;
	padding: .25rem 1rem;
	font-size: 1.2rem;
	color: #fff;
	font-weight: bold;
	border-radius: .75rem;
	-moz-border-radius: .75rem;
	-webkit-border-radius: .75rem;
	margin-bottom: 2rem;
	display: inline-block
}

h1, h2, h3, h4 {
	font-family: 'Exo', sans-serif;
	font-size: 2.5rem;
	line-height: 135%;
	color: #3581B8;
	margin: 0;
}

h2 {
	font-size: 1.5rem;
}

h3 {
	font-size: 1.2rem;
}

h4 {
	font-size: 1rem;
}

div#details h3 {
	font-weight: bold;
}

p {
	margin: 1rem 0;
}

q {
  quotes: "“" "”" "‘" "’";
}
q:before {
    content: open-quote;
}
q:after {
    content: close-quote;
}
span.new {
background-color: gold;
color: #3581B8;
border-radius: .5rem;
padding: .4rem .5rem;
font-size: .75rem;
line-height: .75rem;
font-weight:bold;
position:relative;
top:-1rem;
left:.5rem;
}
