@charset "utf-8";
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: 'Kreon', serif;
	font-size:14px;
	letter-spacing:1px;
	line-height:21px;
}
a {
	color:#366;
	text-decoration:none;
}
a:link, a:visited,a:active {
	color:#366;
}
a:hover {
	color:#000;
}

#maincontainer {
	width:800px;
	margin:0 auto;
	background-color:#FFF;
	padding:0;
	text-align:center;
}
#allCategories {
	display:block;	
}

#maincontainerinner {
	width:800px;
	margin:0 auto;
	background-color:#FFF;
	text-align:center;
	clear:left;
	padding-top:30px;
}
#etcmaincontainerinner {
	width:689px;
	margin:0 auto;
	background-color:#FFF;
	text-align:center;
	clear:left;
	padding-top:30px;
}
#homemaincontainerinner, #reviewsmaincontainerinner {
	width:760px;
	margin:0 auto;
	background-color:#FFF;
	text-align:center;
	clear:left;
	padding-top:30px;
}
#etcCategoryContainer {
	width:800px;
	padding: 0 37px;
	background-color:#333;
}
#topBar {
	display:block;
	background-color:#FFF;
	width:800px;
	margin:0 auto 10px auto;
	padding-bottom:25px;
	padding-top:30px;
}

#photoNavBox {
	padding:5px 15px 0 0;
	margin:0;
	/*background-color:#F30;*/
	float:right;
}
.photoNavLink {
	font-family: "Courier New", Courier, monospace;
	text-decoration:none;
	font-size:14px;
	letter-spacing:2px;
	padding: 0 3px 5px 3px;
	margin:0;
	text-align:right;
}
a.photoNavLink, a.photoNavLink:link,a.photoNavLink:visited , a.photoNavLink:active {
	color:#000;
}
a.photoNavLink:hover{
	color:#366;
}
#photoSignature {
	width:238px;
	margin:0 0 0 20px;
	display:block;
	/*background-color:#303;*/
}

.photoContainer {
	margin-bottom:50px;
	text-align:center;
}
.photoContainer img{
	padding:10px;
	border:solid #CCC 1px;
}
.photoDescription {
	margin: 0 auto;
	padding: 10px 15px 0 15px;
	text-align:center;
	color:#333;
	width:400px;
	font-weight: 400;
}
.repTitle,.repDescription,.repAttribution{
	clear:both;
	text-align:center;
	margin: 0 auto;
	padding:0;
}
.repTitle{
	font-weight: 700;
	color:#333;	
}
.repDescription{
	font-weight: 400;
	color:#999;
}
.repAttribution{
	font-style:italic;
	color:#333;
}
#footer {
	margin:30px auto 10px auto;	
}

#photoCat {
	width:240px;
	margin: 0 10px 10px 10px;
	float:left;
	text-align:center;
}
.photoCatDescription{
	padding-top:15px;
	text-align:center;
	color:#333;
	text-decoration:none;
	font-weight: 400;
}
.socialButton {
	padding:0 10px;	
}
#socialButtons {
	padding-top:50px;
	clear:both;
}
.italicise {
	font-style:italic;
}
#albumTitle {
	font-family: 'Kreon', serif;
	font-size:22px;
	letter-spacing:1px;
	line-height:21px;
	text-align:center;
	color:#000;
	text-decoration:none;
	clear:both;
	font-weight: 700;
}
#albumDescription {
	text-align:center;
	color:#333;
	text-decoration:none;
	font-style:italic;
	clear:both;
	font-weight: 400;
	padding-bottom:30px;
}
.etcContainer {
	width:270px;
	margin:0 auto;
	padding:0 37px;
	float:left;
}
.etcContainer div {
	text-align:justify;
	color:#333;
	font-weight: 400;	
	padding:15px 10px 50px 10px;
}
.etcContainer a {
	color:#333;
	text-decoration:none;
	font-weight: 600;
}
#introtext {
	width:342px;
	text-align:justify;
	float:right;
	text-align:justify;
	color:#333;
	font-weight: 400;	
	margin:0 0 0 35px;
}
#jcphoto {
	margin:0 35px 0 0;
	float:left;
}
.subtitleformat {
	font-size:14px;
	font-weight: 400;
	letter-spacing:0.5em;
	color:#000;	
}
.subtitles {
	clear:both;
	float:left;
	margin:70px 0 10px 0;
}
.twocolumns {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	-webkit-column-gap: 70px; /* Chrome, Safari, Opera */
    -moz-column-gap: 70px; /* Firefox */
    column-gap: 70px;
	clear:both;
	float:left;
	text-align:justify;
	color:#333;
	font-weight: 400;	
	orphans:2;
	-webkit-orphans:2; /* Chrome, Safari, Opera */
    -moz-orphans:2; /* Firefox */
	widows:2;
	-webkit-widows:2; /* Chrome, Safari, Opera */
    -moz-widows:2; /* Firefox */
	border-top:dotted 1px #999;
	padding-top:15px;
	width:100%;
}
.onecolumn, .reviewscolumn {
	text-align:justify;
	color:#333;
	font-weight: 400;	
	orphans:2;
	-webkit-orphans:2; /* Chrome, Safari, Opera */
    -moz-orphans:2; /* Firefox */
	widows:2;
	-webkit-widows:2; /* Chrome, Safari, Opera */
    -moz-widows:2; /* Firefox */
	border-top:dotted 1px #999;
	padding-top:15px;
	width:100%;
	clear:both;
	float:left;
}
#bookleftcolumn {
	width:342px;
	float:left;
	color:#333;
}
#bookrightcolumn {
	width:342px;
	float:right;
	text-align:justify;
	color:#333;
}
#amazonstars {
	width:260px;
	margin:30px auto;
	font-size:13px;
	color:#000;
}
#amazonstars a {
	color:#000;
}
.booksubtitle {
	margin:30px 0 10px 0;
	text-align:center;
}
.bookglobal {
	width:342px;
	float:right;
	padding:20px 0 20px 0;
	border-top:dotted 1px #999999;
	text-align:center;
}
.bookcountry {
	width:342px;
	float:right;
	padding:20px 0 20px 0;
	text-align:center;
}
.countrylist {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
	-webkit-column-gap: 10px; /* Chrome, Safari, Opera */
    -moz-column-gap: 10px; /* Firefox */
    column-gap: 10px;
	text-align:left;
	padding-left:40px;
	
}
.countrylist a {
	text-decoration:none;
}
.colorsubtitles {
	color:#993;
}
.outreachphoto {
	width:100px;
	height:100px;
	margin-bottom:20px;
	border:solid 1px #999999;
	vertical-align:middle;
	clear:both;
}

.outreachtext {
	width:600px;
	margin-right:25px;
	float:right;
}
.reviewstitle {
	width:100%;
	margin:20px auto 8px auto;
	border-bottom:dotted 1px #999999;
	text-align:center;
}
.reviews {
	margin:15px auto;
	width:90%;
	text-align:center;
}
.reviewDivider {
	display:block;
	margin: 25px auto 25px auto;	
}
.reviewLinks {
	color:#000;
	text-decoration:none;	
}
.fullReviewLinks {
	color:#000;
	text-decoration:underline;	
}
/****************PAGE NUMBERS******************/
.pageLabel, .pageNumber {
	font-family: 'Open Sans',sans-serif;
	font-size:0.8em;
}
.pageLabel {
	border:solid 1px #CCCCCC;
	padding:0px 7px;
	margin:0;
	display:inline-block;
}
.pageNumber {
	padding:3px 7px;
	margin:0;
	text-decoration:none;
	border-top:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
}


/****************PAGE NUMBERS END******************/

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

/*********************MEDIA QUERIES**************************/
/*@media (max-width: 480px) and (orientation: portrait) {*/
@media (max-width: 800px) {
	#maincontainer {
		width:100%;
	}
	#maincontainerinner {
		width:660px;
	}
	#topBar {
		width:100%;
	}
	
	#photoCat {
		width:210px;
		margin: 0 5px 10px 5px;
		float:left;
	}
	#photoCat img {
		max-width:210px;
		max-height:140px;
		
	}
	#etcmaincontainerinner,#reviewsmaincontainerinner {
		width:660px;
	}
	.etcContainer {
		padding:0 25px;
	}
	#homemaincontainerinner {
		width:660px;
	}
	#jcphoto {
		float:none;
		margin:0;
	}
	#introtext {
		float:none;	
		margin:20px auto;
	}
	.twocolumns {
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
		float:none;
		width:342px;
		margin:20px auto;
	}
	.onecolumn {
		width:342px;
		margin:20px auto;
	}
	.reviewscolumn {
		width:100%;
	}
	.subtitles {
		clear:both;
		float:none;
		text-align:center;
	}
	#bookrightcolumn {
		float:none;
		margin:0 auto;
	}
	#bookleftcolumn {
		float:none;
		margin:0 auto;
	}
	
}
@media (max-width: 650px) {
	#maincontainer {
		width:100%;
	}
	#maincontainerinner {
		width:440px;
	}
	#topBar {
		width:100%;
	}
	
	#photoCat {
		width:210px;
		margin: 0 5px 10px 5px;
		float:left;
	}
	#photoCat img {
		max-width:210px;
		max-height:140px;
	}
	
	#photoSignature {
		width:238px;
		margin:0 auto;
		float:none;
	}
	#photoNavBox {
		margin:0 auto;
		padding:5px 0 0 0;
		text-align:center;
		float:none;
	}
	.photoContainer img{
		max-width:440px;
		height:auto;
	}
	#etcmaincontainerinner, #homemaincontainerinner, #reviewsmaincontainerinner {
		width:100%;
	}
	.etcContainer {
		float:none;
	}	
	.reviewscolumn {
		width:100%;
	}	
}


@media (max-width: 450px) {
	#maincontainer {
		width:100%;
	}
	#maincontainerinner {
		width:260px;
	}
	#topBar {
		width:100%;
	}
	
	#photoCat {
		width:240px;
		margin: 0 10px 10px 10px;
		float:left;
	}
	#photoCat img {
		max-width:240px;
		max-height:160px;
		
	}
	#photoSignature img{
		max-width:238px;
		max-height:42px;
	}
	#photoSignature {
		width:238px;
		margin:0 auto;
		float:none;
	}
	#photoNavBox {
		margin:0 auto;
		padding:5px 0 0 0;
		text-align:center;
		float:none;
	}
	.photoContainer img{
		max-width:95%;
		height:auto;
		padding:5px;
		border:solid #CCC 1px;
	}
	.photoDescription {
		width:85%;
	}
	#etcContainer1, #etcContainer2,#etcContainer3, #etcContainer4 {
		padding:0;
	}
	#homemaincontainerinner, #reviewsmaincontainerinner {
		width:100%;
	}
	#jcphoto {
		width:300px;
		height:300px;
	}
	#introtext {
		width:260px;
	}
	.twocolumns {
		width:260px;
	}
	.onecolumn {
		width:260px;
	}
	#bookrightcolumn {
		width:280px;
	}
	#bookleftcolumn {
		width:280px;
	}
	.storelogos {
		max-width:50%;
		max-height:none;
	}
	.bookglobal {
		width:280px;
	}
	.bookcountry {
		width:280px;
	}
	.countrylist {
		padding-left:0;
	}
	.reviewscolumn {
		width:100%;
	}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
		#maincontainer {
		width:100%;
	}
	#maincontainerinner {
		width:260px;
	}
	#topBar {
		width:100%;
	}
	
	#photoCat {
		width:240px;
		margin: 0 10px 10px 10px;
		float:left;
	}
	#photoCat img {
		max-width:240px;
		max-height:160px;
		
	}
	#photoSignature img{
		max-width:238px;
		max-height:42px;
	}
	#photoSignature {
		width:238px;
		margin:0 auto;
		float:none;
	}
	#photoNavBox {
		margin:0 auto;
		padding:5px 0 0 0;
		text-align:center;
		float:none;
	}
	.photoContainer img{
		max-width:95%;
		height:auto;
	}
	.photoDescription {
		width:85%;
	}
	#jcphoto {
		width:300px;
		height:300px;
	}
	#introtext {
		width:260px;
	}
	.twocolumns {
		width:260px;
	}
	.onecolumn {
		width:260px;
	}
	.storelogos {
		max-width:50%;
		max-height:none;
	}
	.bookglobal {
		width:280px;
	}
	.bookcountry {
		width:280px;
	}
	.countrylist {
		padding-left:0;
	}
}