/* 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;
}

h4.fleft, h4.fright {border: 1px solid #AC3028; 
margin-top: 5px;
padding: 10px;
}
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;}
.centeritem img {margin-top: 20px;margin-bottom:20px;}
.clear {clear:both; display:none;}
.clearvis {clear:both;}
.fleft {float: left;}
.fright {float: right;}
.warn {font-style:italic;}
.alert {color: red;}
/* out of print */
.oop {font-size:1.3em;}

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/fullheaderWithSubhead.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.series {
list-style-image:url(../images/red-diam.png);
font-size:;
line-height: 1.8em;
text-align:center;}
ul.series li {
font-size: 1.3em;
}
ul.circle {
list-style-image:url(../images/reddot5.png);
font-size: 1.2em;
line-height: 1.5em;
margin-left: 30px;
margin-right: -10px;}
ul.circle ul {margin-left: 20px;
list-style-image:url(../images/reddot_plainD.png);}
.excerptlist li {margin-left: 20%;}
.buylist li {
list-style-position:inside;
}
ul.faq li {list-style-image:url(../images/reddot5.png);
list-style-image:url(../wordpress/wp-content/themes/kittehgrant/pix/pawprint20.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;}


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

table.pair TD {/* book info next to cover image */
	vertical-align:middle;
	padding: 10px 4px;
}

/* -------- special buttons ------ */
.buttonoid {/*makes a link look like a button */
	text-align: center;
	border: 2px outset #AC3028; 
	width: 200px;
	margin: 5px auto;
	padding: 5px;
}
.buttonoid.clue {height: 48px;text-align:center;
}
.buttonoid.clue img {}
.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, .nook, .riptide {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, .nook img, .riptide img {	
	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: 24px;}
.sony, .sony a {background:#730E2F; color: #EAEAEA;
font-family: Garamond, 'Hoefler Text', 'Times New Roman', Times, serif;
 font-size: 24px;
font-weight:bold;
padding-top: 2px;}
.sony a:hover {color: white}
/*.bn, .bn a {color: #47614A; background:white;}*/
.bn {height: 22px; color: #47614A; background:white;}
body#warning .credit a {color:white;}
.elloras, .elloras a {/*button mod for Ellora's Cave */
height: 42px; padding: 0; border: none; margin-bottom: 10px;}
.elloras img {float:none;margin: 0;}
.elloras a:hover img {border-color: #D9A451;}
.award /*award + image side-by-side */{
vertical-align:middle; margin: 10px auto;}

.kobo, .kobo a {background: #DFF2F4;
color: #C21886;color:#555;
width: 150px;
font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
font-size:22px; font-weight:bold;
}
.kobo {padding-top:2px;
}
.kobo a:hover {color:#C21886;}
h4.nook, h4.nook a {background:white;
color: #5A7D56;padding:0; width: 150px; height: 30px;}
.nook img {margin-top:2px;}
.riptide {background: #2696C0; color: white;
height: 24px;}
.riptide img {margin: 0;}
h4.xinxii, h4.xinxii a {background:white;
color: #B2B2B1;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:24px; font-weight:bold;}
h4.xinxii span, h4.xinxii a span {color: #F8780A;}

/* -------- social networking links ------ */
#sidebar ul.social {font-family:Arial, Helvetica, sans-serif;
margin-bottom:20px;}
#sidebar ul.social li, #sidebar ul.social li a {background:white; color: black;}
#sidebar ul.social li.facebook, #sidebar ul.social li.facebook a {font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
color: white;
background: #0E385F;}
#sidebar ul.navlist li.twitter, #sidebar ul.navlist li.twitter a {font-family: Arial, sans-serif;
color: white; background: #5599BB;}
#sidebar ul.navlist li.goodreads, #sidebar ul.navlist li.goodreads a  {font-family:Geneva, Tahoma, Verdana, sans-serif; color: #382110;
background:#ECEBD9; font-weight:normal;}

/* -------- calendar ------ */

TABLE.calendar {width: ; margin: 1em auto;
font-weight: bold;}
.calendar TD {border: 1px solid #AC3028;}
.calendar-title {color: #AC3028;
font-size: 1.3em; font-weight: bold;}

.yay {display:block;
border: 2px solid #AC3028; margin: 2px; font-size: 110%;}
.yay a {display: block; border: 1px solid white;
margin: 2px;padding: 2px;
}