/* Keith Brooke, 12 August 2013 */

/* set up the framework of the page */
BODY {margin-top: 20px; margin-bottom: 20px ; padding: 0; 
width:810px;margin-left:auto;
margin-right:auto;
}

.wrapper { border: 0px solid yellow; margin-left:auto;
margin-right:auto; width: 690px;
}


/* default colours, fonts, etc */
BODY { color: #222222; font-family: 'Goudy Bookletter 1911', serif; }
BODY { background-image: linear-gradient(right bottom, rgb(160,214,250) 4%, rgb(198,225,242) 63%, rgb(230,245,250) 82%);
background-image: -o-linear-gradient(right bottom, rgb(160,214,250) 4%, rgb(198,225,242) 63%, rgb(230,245,250) 82%);
background-image: -moz-linear-gradient(right bottom, rgb(160,214,250) 4%, rgb(198,225,242) 63%, rgb(230,245,250) 82%);
background-image: -webkit-linear-gradient(right bottom, rgb(160,214,250) 4%, rgb(198,225,242) 63%, rgb(230,245,250) 82%);
background-image: -ms-linear-gradient(right bottom, rgb(160,214,250) 4%, rgb(198,225,242) 63%, rgb(230,245,250) 82%);

background-image: -webkit-gradient(
	linear,
	right bottom,
	left top,
	color-stop(0.04, rgb(160,214,250)),
	color-stop(0.63, rgb(198,225,242)),
	color-stop(0.82, rgb(230,245,250))
);}




.header { border: 0px solid green;display: block;
			 position: relative;
	top:0px;
	right:0px;
			 z-index: -2;}
.header img {z-index: -2;position: absolute	;
	top:0px;
	border: 1px solid #a6bdcb;
	left:-60px; width: 810px;
	opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}


/* set the main font sizes, spacing, styles and weights */
HTML, TABLE { font-size: 100%; } /* IE fix */
BODY { font-size: 1em; } /* default font size and weight */ 
H1 { font-size: 1.8em; color: white; letter-spacing: 0.05em; font-family: 'Istok Web', sans-serif;; text-align: right; padding-bottom: 2em; padding-top: 10px; position: relative; z-index: 3;}
H2 { font-size: 1.3em; color: #606d75; word-spacing: 0.1em; font-family: Oxygen, sans-serif; text-decoration: overline; }
H3 { font-size: 1.1em; color: #556168; font-family: Oxygen, sans-serif; margin-bottom: 0pt; padding-bottom: 0pt}
H4 { font-size: 1em; color: #556168; font-style: italic; font-family: Oxygen, sans-serif; }
H5 { font-size: 0.8em; letter-spacing: 0.05em; text-transform: uppercase; font-family: Oxygen, sans-serif; }
H6 { font-size: 0.7em; text-transform: uppercase; font-family: Oxygen, sans-serif; }
p { margin-top: 0pt; }

.header H1 {text-shadow:20px 20px 3px #cccccc;}
H2 {text-shadow:1px 1px 8px #fff;}


.random_titles H3, .alsoby H3, .displayblock H3 	{border: 1px solid #aaa;
		padding: 3px;
		background-color: #c6e1f2;
		font-weight: 400; font-size: 1em; margin-bottom: 6px; margin-top: 24px; }
		
/* links - standard */
A:link { color: #000066; text-decoration:none; border-bottom: 1px dotted;}
A:visited { color: #000033; text-decoration:none; border-bottom: 1px dotted; }
A:active { color: #000033; text-decoration:underline; border-bottom: none; }
A:hover { color: #0000CC; text-decoration:underline; border-bottom: none; }

A.image {text-decoration:none; border-bottom: none; }

/* IE fix */
A img { border: 0; }

/* new bits */
.body { clear: both; border: 0px solid black;
		position:relative;}
.footer { width:100%; text-align: center; font-size: 0.9em; 
	font-family: Gudea, sans-serif; padding-top: 12px; }
.dummyright {clear: both; border: 0px solid black; }
.displayblock { border: 0px solid yellow; 
		margin-left:auto;
		margin-right:auto;
		width:690px;}
.alsoblock { border: 0px solid yellow; 
		margin-left:auto;
		margin-right:auto;
		width:600px;
		text-align: center; font-size: 0.9em; 
		font-family: Gudea, sans-serif; padding-top: 12px;}
.cover { margin-right: 9px; margin-bottom: 1px; padding: 1px;
	-webkit-box-shadow:  2px 2px 6px 2px rgba(99, 99, 99, 0.3);
        box-shadow:  2px 2px 6px 2px rgba(99, 99, 99, 0.3);}
.cover_thumb { margin-right: 9px; margin-bottom: 12px; padding: 1px;
	float: left;
	-webkit-box-shadow:  2px 2px 6px 2px rgba(99, 99, 99, 0.3);
        box-shadow:  2px 2px 6px 2px rgba(99, 99, 99, 0.3);}
.fullcover { margin-right: 2px; margin-bottom: 1px; padding: 1px;
	-webkit-box-shadow:  2px 2px 2px 2px rgba(99, 99, 99, 0.3);
        box-shadow:  2px 2px 2px 2px rgba(99, 99, 99, 0.3);}
.authorprofile {}
.random_titles { text-align: center; width: 102%; }
.alsoby {text-align: center;
	padding-top: 10px;}
.popdesc, .moreblockbuy { margin-top: 0px; padding-top: 6px;}
.poptitle, .title { margin-bottom: 0px; padding-bottom: 0px; padding-top: 6px;}
.entry {font-size: 0.9em; 
	font-family: Gudea, sans-serif;
	margin-bottom: 12px; 
	}
.entry_shortdesc { padding-bottom: 6px; }
.titleentry {font-size: 1em; font-family: Oxygen, sans-serif; margin-bottom: 6px; }
.reviews { margin: 16px 24px 16px 24px;
		font-size: 0.9em; }
.publishdate, .ipsinglesno { text-align: right;
		font-size: 0.9em; }
.bestseller { text-align: right;
		font-variant:small-caps;
		color: #000; 
		background-color: #eee}
.tweetme { text-align: center; }
.buylinks, .authorlinks { border: 1px solid #aaa;
		padding: 6px;
		background-color: #c6e1f2;}

/*style for large cover hover*/
.coverbox 		{position: relative;
			 border: 0px solid #000;
			 margin: 4px;
			 width: 164px;
			 padding: 0px;
			 float: left; 
			 text-align: center;
			 font-size: 0.84em; font-family: Gudea, sans-serif;
			 }
.coverbox img 		{position: relative;
			z-index: 1;}
.coverbox .more		{display: none;}
.coverbox:hover .more    {display: block;
			 position: absolute;
			 z-index: 2;
			 left: -2px;;
			 top: -72px;
			 width: 202px;
			 padding: 3px 3px 3px 3px;
			 border: 1px solid #cccccc;
			 background-color: #c6e1f2;
			 font-size: 0.9em; font-family: Gudea, sans-serif;
			 }
			 
			 
/*style for smaller cover hover*/
.coverboxsm 		{position: relative;
			 border: 0px solid #000;
			 margin: 4px;
			 width: 128px;
			 padding: 0px 0px 9px 0px ;
			 float: left; 
			 text-align: center;
			 font-size: 0.9em; font-family: Gudea, sans-serif;}
.coverboxsm img 	{position: relative;
			z-index: 1;}
.coverboxsm .more	{display: none;}
.coverboxsm:hover .more  {display: block;
			 position: absolute;
			 z-index: 2;
			 left: -2px;;
			 top: -72px;
			 width: 206px;
			 padding: 3px 3px 3px 3px;
			 border: 1px solid #cccccc;
			 background-color: #c6e1f2;
			 font-size: 0.8em; font-family: Gudea, sans-serif;}



/*style for book page cover hover*/
.insetcover 		{position: relative;
			 border: 0px solid #000;
			 margin: 4px;
			 background-color: #eeeeee;
			 /*width: 164px;*/
			 padding: 0px;
			 float: right;
			 text-align: center;
			 font-size: 0.9em; font-family: Gudea, sans-serif;}
.insetcover img 		{position: relative;
			z-index: 1;}
.insetcover .popupcover		{display: none;}
.insetcover:hover .popupcover    {display: block;
			 position: absolute;
			 z-index: 2;
			 right: -2px;;
			 top: -92px;
			 width: 404px;
			 padding: 3px 3px 3px 3px;
			 border: 1px solid #cccccc;
			 background-color: #FFEFEF;
			 font-size: 0.8em; font-family: Gudea, sans-serif;}


/* block on book.php containing author info and buy links */
.buyblock, .buyblock_shortdesc { font-size: 0.9em; width: 90%; 
	font-family: Gudea, sans-serif; 
	border-top: 10px; padding: 10px; margin: 0px 10px 0px 10px; 
	background-color: #EEEEEE; 
	background-image: linear-gradient(right bottom, rgb(160,214,250) 4%, rgb(198,225,242) 63%, rgb(230,245,250) 82%);
	background-image: -o-linear-gradient(right bottom, rgb(160,214,250) 4%, rgb(198,225,242) 63%, rgb(230,245,250) 82%);
	background-image: -moz-linear-gradient(right bottom, rgb(160,214,250) 4%, rgb(198,225,242) 63%, rgb(230,245,250) 82%);
	background-image: -webkit-linear-gradient(right bottom, rgb(160,214,250) 4%, rgb(198,225,242) 63%, rgb(230,245,250) 82%);
	background-image: -ms-linear-gradient(right bottom, rgb(160,214,250) 4%, rgb(198,225,242) 63%, rgb(230,245,250) 82%);

	background-image: -webkit-gradient(
	linear,
	right bottom,
	left top,
	color-stop(0.04, rgb(160,214,250)),
	color-stop(0.63, rgb(198,225,242)),
	color-stop(0.82, rgb(230,245,250))
	);
	border: 1px solid #aaa;}

TD { vertical-align: top; }

.iprightbar {
	position:fixed;
	top:60px;
	width: 132px;
	right:0px;
	border: 1px solid;
	z-index: 3;
	background-color: #CCFFFF;
	border-color:#a6bdcb;
	text-shadow:1px 1px 8px #999;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	}
.iprightbar p, .iprightbar_news p {
		padding: 6px; text-align: center;
		font-family: Gudea, sans-serif;
		font-size: 0.8em;
		text-shadow:1px 1px 4px #fff;
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}

.iprightbar_news {
	position:fixed;
	top:360px;
	width: 182px;
	right:0px;
	border: 1px solid;
	z-index: 3;
	background-color: #CCFFFF;
	border-color:#a6bdcb;
	text-shadow:1px 1px 8px #999;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	}