@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700|Great+Vibes');

html { 
	font-family: 'Open Sans', sans-serif;
	height: 100%;
}

body {
	height: 100%;
	margin: 0px;
	min-height: 100%;
	text-align: center;
}

div.main_container {
	padding:0px 50px 0px 50px;
}

div.main {
	max-width:1200px;
  background:rgba(255,255,255,0.9);
	margin:0px auto 30px auto;
	padding:20px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

header {
	font-family: 'Great Vibes', cursive;
	font-size:83px;
	line-height:1;
	padding:65px;
	padding-bottom:45px;
	color:#ffffff;
	clear:both;
}

/* header { background-color:rgba(0,0,0,0.25); } */

header a {
	color:#ffffff;
	font-weight:normal;
}

div.reviews, div.illustrations {
	width:80%;
	margin:auto;
  padding:0px;
}

div.illustrations{
	padding:5px;
}

div.illustrations img {
	margin:20px auto !important;
	max-width:450px;
	width:95%;
	height:auto;
	border:5px solid #ffffff;
}

div.review_container {
  padding: 0px 20px 20px 20px;
}

div.quotation {
  color:rgba(0,0,0,0.75);
	font-size:48px;
	font-family: 'Great Vibes', cursive;
	padding:20px 0px;
}

div.quotation img {
	width:100%;
	max-width:200px;
	height:auto;
	margin:auto;
}

div.review_txt {
  color:rgba(0,0,0,0.85);
	font:italic 24px/1.5 Georgia,Times,Times New Roman,serif;
}

a {
	font-weight:bold;
	color:#b14374;
	text-decoration:none;
}

ul {
  text-align: center;
  list-style-type: none;
  margin:auto;
  padding:10px 0;
}

ul li {
	display:inline-block;
  list-style-type: none;
	max-width:200px;
	padding:20px;
	margin:10px;
	vertical-align:top;
}

.books img {
	width:100%;
	max-width:200px;
	height:auto;
}

.clear {
  clear:both;
}

div.title {
	font-family: 'Open Sans', serif;
	font-size:18px;
	font-weight:bold;
	margin:5px 0;
	text-align:center;
}

div.desc {
	font-size:13px;
	text-align:left;
}

.more, div.purchase, div.submit {
	display:block;
	width:40%;
	margin-top:10px;
	padding:5px;
	font-weight:bold;
	font-size:12px;
	color:#5c5c5c;
	text-align:center;
	text-transform: uppercase;
  background-color:rgba(255,255,255,0.75);
	border:1px solid rgba(0,0,0,0.1);
	cursor: pointer; /* cursor: hand; for IE5 */
}

div.more {
	float:left;
}

div.purchase {
	float:right;
}

div.more:hover, div.submit:hover {
  background-color:rgba(0,0,0,0.65);
  border-color:rgba(0,0,0,0.65);
	color:#ffffff;
}

div.purchase:hover {
  background-color:rgba(52,183,0,0.75);
  border-color:rgba(52,183,0,0.75);
	color:#ffffff;
}

div.description-featured div.more, div.description-featured div.purchase {
	float:none !important;
	white-space:nowrap !important;
	font-size:16px !important;
	width:100% !important;
}

div.about {
	max-width:800px;
	text-align:left;
	margin:auto;
	padding:50px;
}

hr {
	width:75%;
	border:none;
	border-top: 1px solid #BFBFBF;
}

img.portrait {
	width:100%;
	max-width:250px;
	height:auto;
	float:left;
	margin:0px 20px 15px 0px;
	border:1px solid grey;
}

div.ebook {
	padding-top:10px;
	text-align:center;
}

div.ebook img {
	max-width:100px;
	width:100%;
	height:auto;
}

div.mailinglist {
	max-width:450px;
	font-size:13px;
	margin:10px auto;
}

div.mailinglist input[type="text"], #specialCode {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #DDDDDD;
	padding:5px;
	width:200px;
	font-size:12px;
	color:#353535;
	margin-top:10px;
}

div.mailinglist input[type="submit"], .pw {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #511042;
	padding:5px 10px;
	font-size:12px;
	color:#353535;
	font-weight:bold;
	font-size:11px;
	color:#808080;
	text-align:center;
	text-transform: uppercase;
	background-color:#ebebeb;
	border:1px solid #ebebeb;
}

div.mailinglist input[type="submit"]:hover {
	background-color:#fafafa;
	border-color:#ebebeb;
	color:#5c5c5c;
	cursor: pointer; /* cursor: hand; for IE5 */
}

textarea:focus, input:focus{
    outline: none;
}

*:focus {
    outline: none;
}

footer {
  background:rgba(0,0,0,0.75);
	padding:65px;
  color:rgba(255,255,255,0.75);
}

footer img.social {
	margin:0px 10px;
	width:100%;
	max-width:50px;
	height:auto;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

footer img.social:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}

footer a {
  color:rgba(255,255,255,0.75);
	font-size:14px;
	text-decoration:none;
	white-space:nowrap;
}

footer a:hover {
	color:#ffffff;
}

/* featured */

div.cont-featured {
	display:inline-block;
	margin:auto;
}

div.book-featured {
	max-width:900px;
	padding:30px;
	margin:0px 30px 0px 30px;
	font-size:18px;
	line-height:1.5;
	text-align:left;
	border-top: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
}

img.cover-featured {
	width:40%;
	max-width:300px;
	height:auto;
	margin-right:20px;
	float:left;
}

div.description-featured {
	overflow: hidden;
}

span.featured {
	font: 2.5em 'Great Vibes', cursive;
}

div.read-featured {
	display:block;
	width:100%;
	margin-top:10px;
	padding:5px;
	font-weight:bold;
	font-size:16px;
	color:#5c5c5c;
	text-align:center;
	text-transform: uppercase;
  background-color:rgba(255,255,255,0.75);
	border:1px solid rgba(0,0,0,0.1);
	cursor: pointer; /* cursor: hand; for IE5 */
}

div.read-featured:hover {
  background-color:rgba(29,126,27,0.75);
  border-color:rgba(29,126,27,0.75);
	color:#ffffff;
}

/* media queries */

@media ( max-width : 800px) {
	div.main {
		margin:0px;
	}
	div.review_txt {
		font-size:21px;
	}
	header {
		font-size:70px;
	}
	div.book-featured {
		padding:30px 0px 30px 0px;
	}
	div.description-featured {
		font-size:15px;
	}
}

@media ( max-width : 600px) {
	div.main_container {
		padding:0px;
	}
	div.main {
		padding:10px;
		margin:0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	ul li {
		max-width:350px;
	}
	div.review_txt {
		font-size:18px;
	}
	div.desc {
		font-size:14px;
	}
	div.title {
		font-size:20px;
	}
	img.portrait {
		width:100%;
		max-width:150px;
		height:auto;
		float:left;
		margin:0px 20px 15px 0px;
		border:1px solid grey;
	}
	.books img {
		width:100%;
		max-width:150px;
		height:auto;
	}
	footer {
		padding:25px;
	}
	header {
		font-size:60px;
	}
	div.description-featured {
		overflow:visible;
	}
	div.read-featured {
		overflow:hidden;
	}
}

@media ( max-width : 425px) {
	div.reviews {
		display:none;
	}
	header {
		font-size:53px;
		padding:30px;
		padding-bottom:10px;
	}
	div.about {
		font-size:0.9em;
		padding:25px;
	}
	footer img.social {
		max-width:40px;
	}
	.more, div.purchase, div.submit {
		font-size:13px;
	}
	img.portrait {
		width:100%;
		max-width:none;
	}
	img.cover-featured {
		width:100%;
		max-width:300px;
		margin:auto;
		float:none;
	}
	div.cont-cover-featured {
		text-align:center;
	}
	div.book-featured {
		border:none;
		padding:0px 20px 30px 20px;
		margin:0px 10px 0px 10px;
	}
	span.featured {
		display:block;
		text-align:center;
		margin-top:10px;
	}
}

/* * {border:1px solid pink;} */

/* background image */

img.bg {
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
	z-index:-1000;
}

@media screen and (max-width: 1024px) {
  img.bg {
    left: 50%;
    margin-left: -512px;
  }
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix             { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }

@media \0screen {img { width: auto !important } }