/* Cat Grant website stylesheet
maintained by mec@datagnostics.com  
red: */


/* -------- Define HTML elements ------------ */

body {
	background: black url(../images/bg.jpg);
	color: white;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align:center;	
}
#all {width: 800px;
	margin: 0 auto;
	text-align:left;
	background: #333333 url(../images/BGslice.jpg) repeat-y;
	font-size: 1em;
	position: relative;
}

p {font-size: 1em;
}

blockquote {
}

h1 {
	font-size: 1em;
}

h2 {
	font-size: 2em;
	text-align:center;
}

h3 {
	font-size: 1.3em;
	text-align:center;
}

h4 {
	font-size: 1.2em;
}

h5 {
	font-size: 1em;
}
a,a:visited {	color: #AC3028;
font-weight:bold;
	text-decoration: none;}

a:hover, a: active {color: #D3D2B4;
	text-decoration: underline;}	
a img {border: 2px solid #AC3028;}
a:hover img {border-color: white;}
/* -------- utilities ------ */
.centeritem {text-align:center;}
.clear {clear:both; display:none;}
.clearvis {clear:both;}
.fleft {float: left;}
.fright {float: right;}
.alert {color: red;}
hr, hr.redoval {background: url(../images/redoval200.png);
width: 200px;
height: 8px;
text-align:center;
margin: 0 auto;
color: transparent; border: none;}
/* -------- image replacement ------ */
#header {
position:relative;
width: 800px;
}
.replace { /* use for every image replacement */
	position: relative; 
	margin: 0;
	border: 0;
	padding: 0;
	overflow: hidden;
} 
.replace span, .replace a { 
	display: block; 
	position: absolute; 
	z-index:1; /* for Opera 5 and 6 */ 
}
h1.replace, h1.replace span, h1.replace a { /* dimension match image, also location within replace */
	width: 800px; 
	height: 370px;
	top:0px; left:0px; 
}
#logo, #logo span {
	background: transparent url(../images/newheader.jpg) no-repeat; /*specific image */
z-index: 1;}
/* -------- main elements ------ */
	.container {
	    position:relative;		/* This fixes the IE7 overflow hidden bug */
	    clear:both;
	    float:left;
        width:800px;			/* width of whole page */
	background: #333333 url(../images/BGslice.jpg) repeat-y;
	}

	/* common column settings */
	.colmid,
	.colleft {
		float:left;
		width:800px;				/* width of page */
		position:relative;
	}
	#maintext, #sidebar
	{
		float:left;
		position:relative;
		padding:0;}

	.twocol .colmid {
		right:0;				/* width of the right column */
		background:;		/* center column background colour */
	}
	.twocol .colleft {
		right:550px;				/* width of the middle column */
	}
	.twocol #maintext {
		width:450px;				/* width of center column content (column width minus padding on either side) */
		left:825px;				/* 100% plus left padding of center column */
	}
	.twocol #sidebar {
		width:140px;				/* Width of left column content (column width minus padding on either side) */
		left:140px;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	top: -50px;
	z-index:10;	
	}

#footer {
	background: #333333 url(../images/footer.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 80px;
	width: 800px;
	text-align:center;
        clear:both;
        float:left;
    }
#sidebar .navlist a {
	color: #FFFFFF;
}
#sidebar .navlist a:visited {
	color: #CCCCCC;
}
#sidebar .navlist a:hover, #sidebar .navlist a:active {  #AC3028;}
/* -------- navigation ------ */
ul.navlist {
list-style:none;
margin:0;padding: 0;
text-align:center;
font-weight:bold;
font-size: 1.3em;
line-height:2em;
}
#sidebar .navlist {font-family:"Lucida Calligraphy", "Lucida Handwriting", Arial, sans-serif;}
#footer ul.navlist {
margin-left: 200px;
}
#footer ul.navlist li { display: inline; 
/*float: left;*/
height: 1em;
margin: 0 5px;
	border-left: 1px solid black;
	padding-left: 12px;
	padding-right: 0;
color: black;}
#footer ul.navlist li a:hover {color: white;}
#footer ul.navlist li.homelink {border-left: none;}
/* -------- sidebar ------ */
.sideinfo {text-align: center; width: 175px;
margin-left: -15px;
margin-top: 20px;
}
.sideinfo p { text-align:left;}
.sideinfo img {height: 130px; width: 130px;}
.buynow {margin: 10px auto 25px auto;}
.sideinfo h3 {margin: 5px auto;}
.sideinfo .buttonoid {width: 160px;	padding: 5px 0px;
}
/* -------- book title descriptions ------ */
.onebook img {float:left;
margin-right:20px;
margin-bottom: 20px;
}
.onebook .centeritem img {float: none;
}
.onebook .midspan img {margin: 0 5px;}

ul.textlist li {font-size: small;
line-height:1.5em;}

ul.circle {
list-style-image:url(../images/reddot5.png);
font-size: 1.2em;
line-height: 1.5em;
margin-left: 30px;
margin-right: -10px;}
.excerptlist li {margin-left: 20%;}
.buylist li {
list-style-position:inside;
}
ul.faq li {list-style-image:url(../images/reddot5.png);
margin-top: 1em;
}
.banner {margin-top: 10px;}
li .banner, ul.circle .banner, .fullleft {margin-left: -35px;
margin-top:10px;}
ul.circle .banner {margin-left: -70px;}
ul.circle ul {margin-left:100px;
}

ol li {/*ordered list for reading order */
margin-left: 60px;
}

/* -------- special buttons ------ */
.buttonoid {/*makes a link look like a button */
	text-align: center;
	border: 2px outset #AC3028; 
	width: 200px;
	margin: 5px auto;
	padding: 5px;
}
.onhome {/*buttonoid with image on home page */
position: relative; margin-left: 230px;
}
.lyrical, .lyrical a {/*button mod for Lyrical Press */
background: #756A68;
color: black;
font-family:Georgia, "Times New Roman", serif;
font-variant:small-caps;
}
.lyrical a:hover {color: #E1DFE0;}
.amazon, .mobi, .powells {overflow:hidden;}
.amazon, .amazon a {/*button mod for amazon kindle */
background: white; color: #F6B302; height: 26px;
}
.mobi, .mobi a {/*button mod for mobipocket */
background: white; color: black; height: 26px;
}
.powells, .powells a {/*button mod for powells */
background: white; color: #4C290D; height: 26px;
}
img.kindle, img.pocket, img.print {	
	border:none; float:none; margin-left:20px;
}
.onhome img.print {
position:absolute; left: 20px;
}
.onceupon {/* button mod for "once upon a bookstore"*/
background: black;
color: #CCCCCC;
	font-family: "lucida sans unicode", verdana, arial, helvetica, sans-serif;
}
.onceupon a, .onceupon a:visited {color: #CCCCCC;
}
.onceupon a:hover {color: #AC3028;
}
.allromance {/* button mod for "all romance e-books"*/
background: #e38718;
color: #CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.allromance a:hover {color: black;}
.fictionwise, .fictionwise a {/* button mod for "fictionwise"*/
background: #010086;
color: #F2FFAC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.amber, .amber a {/* Amber Quill */
background: #9D3C05;
color:#FF9012;
font-family: "palatino Linotype", Georgia, "Times New Roman", Times, serif, Flexure;
font-style:italic;
font-size: 20px;
}
.amber a:hover {color:#FFBF12;}
.fictionwise a:hover {color: white;}
.sony {height: 1.2em;}
.sony, .sony a {background:#8B85B3; color: white;
font-family: 'helvetica neue', helvetica, arial, sans-serif;
font-weight:normal;}
.sony a:hover {font-weight:bold;}
/*.bn, .bn a {color: #47614A; background:white;}*/
.bn {height: 22px; color: #47614A; background:white;}
body#warning .credit a {color:white;}

.award /*award + image side-by-side */{
vertical-align:middle; margin: 10px auto;}