@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

body {
	font: 100%/1.4 'Montserrat', sans-serif;
	background-color: #cbcfce;
	background-image: url(imgs/hachetteaudio-bg.jpg);
	margin: 0;
	padding: 0;
	color: #000;
}


/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px;
}
a img { 
	border: none;
}
.headlinered {
	font-size: 22px; 
	font-weight: normal; 
	line-height: 28px; 
	margin: 0 0 20px 0; 
	padding: 0; 
	text-transform: uppercase; 
	text-shadow: 0px 1px 1px #333; 
	color: #f7051c;
}


/* ~~ Styling for site's links ~~ */
a:link {
	color: #42413C;
	text-decoration: none; 
}
a:visited {
	color: #6E6C64;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	color: #e23f2f;
	text-decoration: none;
}

.booktitle {
	font-size: 30px;
}
.bookauthor {
	font-size: 18px;
}
.bookheader {
	font-size: 14px;
	padding-bottom: 10px;
}
.bookdescript {
	font-size: 12px;
}
.bookdescriptlink a:link {
	color: #e23f2f;
	text-decoration: none;
}
.bookdescriptlink a:visited {
	color: #e23f2f;
	text-decoration: none;
}
.bookdescriptlink a:hover, a:active, a:focus { 
	color: #FFF;
	text-decoration: none;
}

.minicovers {
	padding: 2%;
	height: 102px;
}

.abouttitle {
	font-size: 30px;
}


/* ~~ this fixed width container surrounds all other elements ~~ */
.container {
	max-width: 960px;
	background-color: #e2e2e2;
	margin: 0 auto; 
}


/* ~~ This is the layout information. ~~ */
.content {
	padding: 0;
	margin: 0 auto;
}

.toptitle {
	/*text-align: center;*/
	padding: 2% 3%;
	background-image:url(imgs/diag-lines-bg.jpg);
	background-attachment:fixed;
	background-position:top;
}
.toptitle img {
	max-width: 100%;
}
.toptitlebar {
	padding: 10px 15px;
	text-align: center;
}
.toptitlebarL {
	float: left;
}
.toptitlebarR {
	float: right;
}


.topnav {
	background-color: #666;
	text-align: center;
	margin: 0 0 20px 0; 
	padding: 0.5% 1%; 
	/* nav font below */
	font-size: 18px; 
	font-weight: normal; 
	line-height: 28px; 
	text-transform: uppercase;
	color: #CCC;
}
.topnav a:link {
	color: #CCC;
	text-decoration: none; 
}
.topnav a:visited {
	color: #CCC;
	text-decoration: none;
}
.topnav a:hover, a:active, a:focus { 
	color: #FFF;
	text-decoration: none;
}
.topnavcontent {
	display: inline;
}
.topnavcontentLESS {
	display: none;
}


.centercontent {
	padding: 0 1%;
	display: block;
	text-align: center;
}
.centercontentL {
	float: left;
}
.centercontentM {
	float: left;
	max-width: 55%; /*327px*/
	padding: 0 10px 0 10px;
	text-align: left;
}


.navSELECT {
	color: #fff; !important
	font-size: 12px;
	text-decoration: none;
}
.R945nav {
	background-color: #d1853d;
}

.centercontentABOUT {
	float: left; 
	max-width: 100%;
	padding: 0 10px 0 10px;
	text-align: left;
}

.centerAUDIO {
	max-width: 100%;
	text-align: center;
	padding: 0 32.9%;
}

.purchaseit {
	margin: auto;
	padding: 10px 0;
	max-width:400px;
}

.TCAframe {
	width:400px; 
	height:420px; /*360px*/
}


.othertitles {
	width: 100%;
}

.homebookcovers {
	/*float: left;
	height: 300px; 276px*/
	width: 218px; /*250*/
	text-align: center;
	padding: 0.5%;
}

.aboutlink {
	background-color: #c1c1c1;
	color: #6f6f6f;
	padding: 10px 0;
	text-align: center;
	font-size: 30px;
	margin-top: 20px;
}
.aboutlink a {
	color: #6f6f6f;
	text-decoration: none;
}
.aboutlink a:hover {
	color: #fff;
	text-decoration: none;
}

.footy {
	display: block;
	background-color: #e23f2f;
	padding: 10px 0;
	color: #fff;
	text-align: center;
	font-size: 12px;
}
.footy a {
	color: #fff;
	text-decoration: none;
}
.footy a:hover {
	color: #ccc;
	text-decoration: none;
}
.footy img {
	vertical-align:middle;
}

.footy600 {
	display: none;
	background-color: #e23f2f;
	padding: 10px 0;
	color: #fff;
	text-align: center;
	font-size: 12px;
}
.footy600 a {
	color: #fff;
	text-decoration: none;
}
.footy600 a:hover {
	color: #ccc;
	text-decoration: none;
}
.footy600 img {
	vertical-align:middle;
}

.abouthachette {
	font-size:1.5em;
	width: 100%;
	float:left;
}

/* ~~ mini menu ~~ */
a.minimenu {
	background-color: #c1c1c1;
	padding: 15px 10px;
	color: #000;
	font-size: 12px;
	text-decoration: none;
	display: block;
}
a.minimenu:hover {
	background-color: #d1853d;
	padding: 15px 10px;
	color: #000;
	font-size: 12px;
	text-decoration: none;
	display: block;
}

a.minimenuSELECT {
	background-color: #d1853d;
	padding: 15px 10px;
	color: #000;
	font-size: 12px;
	text-decoration: none;
	display: block;
}


/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


/* ~~ RESPONSIVE ~~ */
@media screen and (max-width: 950px) {

.centercontentL {
	float: left;
	padding: 10px 0 0 0;
}
.centercontentM {
	float: right;
	max-width: 327px;
	padding: 10px 10px 0 10px;
}

.centercontentABOUT {
	float: none;
	max-width: 100%;
	padding: 0 10px 0 10px;
}


}

@media screen and (max-width: 800px) {

.toptitlebarL {
	float: none;
	text-align: center;
}
.toptitlebarR {
	float: none;
	text-align: center;
}
.abouthachette {
	float:none;
	text-align: center;
}

.centercontentL {
	float: none;
	text-align: center;
	padding: 10px 0 0 0;
}
.centercontentM {
	float: none;
	max-width: 100%;
	padding: 0 10px 0 10px;
}

.centercontent {
	padding: 0 4%;
}
.homebookcovers {
	padding: 1%;
}


.othertitles {
	width: 100%;
	text-align: center;
}

}
@media screen and (max-width: 750px) {
.centercontent {
	padding: 0 4%;
}

}

@media screen and (max-width: 600px) {

.footy {
	display: none;
}
.footy600 {
	display: block;
}


}

@media screen and (max-width: 480px) {
.toptitle {
	text-align: center;
	padding: 3%;
}
.footy {
	display: none;
}
.footy600 {
	display: block;
}

.topnavcontent {
	display: none;
}
.topnavcontentLESS {
	display: inline;
}

.TCAframe {
	width:300px; 
	height:300px; /*270px*/
}
.aboutlink {
	font-size: 20px;
}
.abouttitle {
	font-size: 20px;
}
}

@media screen and (max-width: 320px) {

.footy {
	display: none;
}
.footy600 {
	display: block;
}

.aboutlink {
	font-size: 20px;
}
.abouttitle {
	font-size: 20px;
}
}