/* CSS Document */

/*
-----------------------------------------------
MASTER STYLE SHEET (universal.css)

Site: KeithRaffel.com
Company:  AuthorsOnTheWeb.com
Author:   Sunil Kumar (sunil@bookreporter.com)
Version:  August 26, 2009
File Path: ../css/universal.css
----------------------------------------------- */




/* = GLOBAL DETAILS
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------*/

body { 
	margin: 0;
	padding: 0;
	background-color: #D8CF98;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #333333;
	}

img {
	border: 0;
	}

img.photo {
	border: 3px solid #ffffff;
	}		
		




/* =Text
------------------------------------------*/


/* h1 in Header section */

h2 {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 25px;
	font-weight: bold;
	color: #333333;
	}
/* IE fix for h2 */
*:first-child+html h2 { padding-top: 0; } 
* html h2 { padding-top: 0; }
/* end IE fix */	


h3 {
	margin: 0 0 20px 0;
	paddng: 0;
	font-size: 22px;
	font-weight: bold;
	color: #333333;
	}	

/* h4 and h5 in home page section below */

h6 {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	}


/* =Links (global) 
------------------------------------------*/

a:link { color: #4E0E09; font-weight: bold; text-decoration: none; }

a:visited { color: #4E0E09; font-weight: bold; text-decoration: none; }

a:hover { color: #000000; font-weight: bold; text-decoration: underline;  }







/* =Lists  
------------------------------------------*/


ul {	
	list-style: none;
	margin: 0px 0px 20px 0px;
	padding-left: 0;
	line-height: 14px;
	}

ul li {
	list-style: none;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 7px;
	}
	
ul.elsewhere li, ul.buy li {
	height: 19px;
	padding: 5px 0 0 0;
	margin: 0 0 5px 0;
	}
	
ul.elsewhere li.facebook {
background-image: url("../images/page/elsewhere_facebook.png");
background-position: center left;
background-repeat: no-repeat;
}

ul.elsewhere li.twitter {
background-image: url("../images/page/elsewhere_twitter.png");
background-position: center left;
background-repeat: no-repeat;
}

ul.elsewhere li.youtube {
background-image: url("../images/page/elsewhere_youtube.png");
background-position: center left;
background-repeat: no-repeat;
}

ul.elsewhere li.goodreads {
background-image: url("../images/page/elsewhere_goodreads.png");
background-position: center left;
background-repeat: no-repeat;
}

ul.elsewhere li.midnightink, ul.buy li.midnightink {
background-image: url("../images/page/elsewhere_midnight_ink.png");
background-position: center left;
background-repeat: no-repeat;
}

ul.elsewhere li.booktour {
background-image: url("../images/page/elsewhere_booktour.png");
background-position: center left;
background-repeat: no-repeat;
}

ul.elsewhere li.subscribe {
background-image: url("../images/page/elsewhere_rss.png");
background-position: center left;
background-repeat: no-repeat;
}

ul.buy li.amazon {
background-image: url("../images/page/buy_amazon.png");
background-position: center left;
background-repeat: no-repeat;
}


ul.buy li.bn {
background-image: url("../images/page/buy_bn.png");
background-position: center left;
background-repeat: no-repeat;
}


ul.buy li.booksamillion {
background-image: url("../images/page/buy_booksamillion.png");
background-position: center left;
background-repeat: no-repeat;
}

ul.buy li.borders {
background-image: url("../images/page/buy_borders.png");
background-position: center left;
background-repeat: no-repeat;
}

ul.buy li.indiebound {
background-image: url("../images/page/buy_indiebound.png");
background-position: center left;
background-repeat: no-repeat;
}

ul.elsewhere li a, ul.buy li a {
	margin: 0 0 0 30px;
	}




/* = GLOBAL STRUCTURE
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------*/



.content {
	width: 980px;
	min-height: 762px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/page/bg_text.jpg) no-repeat top center;
	}
/* IE fix for .content */
 * html .content {  height: 762px;  }
/* end IE fix */


/* =Header
------------------------------------------*/


.top {
	width: 100%;
	height: 68px;
	background: url(../images/page/bg_header.jpg) repeat-x;
	border-bottom: 1px solid #F5F2CD;
	}
		
			
.header {
	position: relative;
	width: 980px;
	height: 68px;
	margin: 0 auto;
	padding: 0;
	}	


*:first-child+html .header img{ position: absolute; top: 0; left: 0;} 
* html .header img{ position: absolute; top: 0; left: 0;}
	
	
h1 {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 0px;
	left: 0px;
	width: 274px;
	height: 68px;
	background-image: url("../images/page/keith_raffel.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	}
	
h1 a {
	display: block;	
	width: 274px; /* same as width of h1 */
	height: 68px; /* same as height of h1 */
	}

h1 a span {
	display: none;
	}			
	
	
	


/* =Footer
------------------------------------------*/

.bottom {
	width: 100%;
	height: 81px;
	padding: 0;
	border-top: 1px solid #8D886A;
	background-color: #303030;
	}

.footer {
	margin: 20px auto;
	padding: 0;
	width: 920px;
	font-family: verdana, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #FBFAEC;
	}

.footer a:link { color: #D8CF98; font-weight: bold; text-decoration: none; }

.footer a:visited { color: #D8CF98; font-weight: bold; text-decoration: none; }

.footer a:hover { color: #ffffff; font-weight: bold; text-decoration: underline;  }



/* = Nav
----------------------------------------*/




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.solidblockmenu{
margin: 0;
margin-right: 25px;
padding: 0;
float: right;
font: bold 14px Verdana;
width: 100%;
overflow: hidden;
margin-bottom: 1em;
background: none;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: right;
color: #FCFCF8;
padding: 35px 12px 15px 12px;
text-decoration: none;
border-right: 1px solid #1f1D1D; 
}

.solidblockmenu li a.first {
border-left: 1px solid #1f1D1D;
}


.solidblockmenu li a:visited{
color: #FCFCF8;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: #ffffff;
background: #333333;
}








/* = SubNav
----------------------------------------*/



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.aerobuttonmenu{ /*container that holds a row of aero buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: auto;
padding: 0;
margin-bottom: 20px;
}
* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 100%;
}

.aerobuttonmenu a.aero{ /*aero button CSS*/
background: #F5F2CD url('../images/page/subnav_left.jpg') no-repeat top left;
display: block;
float: left;
font: bold 12px Verdana, Trebuchet MS; /* Change 13px as desired */
line-height: 21px; /* This value + 8px should equal height of button background (default is 31px) */
height: 29px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 5px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}


.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color: #333333; /*button text color*/
}

.aerobuttonmenu a.aero span{
background: #F5F2CD url('../images/page/subnav_right.jpg') no-repeat top right;
display: block;
padding: 4px 10px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
}

.aerobuttonmenu a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */
color: #000000;
text-decoration: underline;
}








/* = Homepage layout 
----------------------------------------*/	


#home .leftcolumn {
	position: relative;
	float: left;
	width: 450px;
	height: 400px;
	margin: 40px 0px 20px 20px;
	}
/* IE6 fix for #home .leftcolumn */
 * html #home .leftcolumn { margin: 40px 0px 20px 0px; width: 430px; }
/* end IE6 fix */


#home .rightcolumn {
	float: left;
	width: 470px;
	margin: 40px 0px 20px 20px;
	}
/* IE6 fix for #home .leftcolumn */
 * html #home .rightcolumn { margin: 40px 0px 20px 0px; }
/* end IE6 fix */



#home .more { /* div goes outside of .content */
	width: 100%;
	margin: 0;
	padding: 10px 0px 15px 0px;
	background-color: #333333;
	font-size: 13px;
	}

#home .more .morecontent ul.elsewhere li a, #home .more .morecontent ul.articles li a  {
	color: #f5f2cd;
	}
	
	
#home .more .morecontent  div.feedburnerFeedBlock {
	font-size: 13px;
	line-height: 19px;
	font-weight: #f5f2cd;
	}

#home .more .morecontent  div.feedburnerFeedBlock .headline {
	color: #841B21
	}

#home .more .morecontent  div.feedburnerFeedBlock .date {
	margin: 0;
	padding: 0;
	color: #d8cf98;
	}

#home .more .morecontent  div.feedburnerFeedBlock  ul {
	list-style: none;
	margin-top: 0;
	margin-left: 0;
	padding-left: 0;
	}

#home .more .morecontent  div.feedburnerFeedBlock ul li {
	list-style: none;
	margin-left: 0;
	margin-bottom: 20px;
	padding-left: 0;
	}	
	

#home .more .morecontent div.feedburnerFeedBlock a:link { color: #f5f2cd; text-decoration:}

#home .more .morecontent div.feedburnerFeedBlock a:visited { color: #f5f2cd; text-decoration: none;}

#home .more .morecontent div.feedburnerFeedBlock a:hover { color: #f5f2cd; text-decoration: underline;}


#creditfooter {
	display: none;
	}



	
#home .more .morecontent {
	width: 960px;
	margin: 0 auto;
	}

#home .morecontent .column1 {
	float: left;
	width: 220px;
	margin: 0px 0px 20px 20px;
	}	
/* IE6 fix for #home .morecontent .column1 */
 * html #home .morecontent .column1 { margin: 0px 0px 20px 10px; }
/* end IE6 fix */
		
#home .morecontent .column2 {
	float: left;
	width: 210px;
	margin: 0px 0px 20px 20px;
	}
#home .morecontent .column3 {
	float: left;
	width: 470px;
	margin: 0px 0px 20px 20px;
	}		




/* = 2 Column layout
----------------------------------------*/


.leftcolumn {
	position: relative;
	float: left;
	width: 280px;
	margin: 40px 0px 20px 20px;
	font-size: 13px;
	}
/* IE6 fix for #home .leftcolumn */
 * html #home .leftcolumn { margin: 40px 0px 20px 20px; }
/* end IE6 fix */


.rightcolumn {
	float: left;
	width: 640px;
	margin: 40px 0px 20px 20px;
	}
/* IE6 fix for #home .leftcolumn */
 * html #home .rightcolumn { margin: 40px 0px 20px 20px; }
/* end IE6 fix */








/* = INDIVIDUAL PAGES
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------*/



/* = Home
----------------------------------------*/


#home .content { 
	min-height: 500px;
	}
/* IE fix for #home .content */
 * html #home .content {  height: 500px;  }
/* end IE fix */
	

#home .leftcolumn h4{
	font-size: 29px;
	font-weight: bold;
	padding: 3px 0;
	margin: 0;
	margin-bottom: 20px;
	}
	
#home .leftcolumn .firstcover {
 	position: absolute;
	left: 0;
	bottom: 0;
	width: 217px;
	}	
	
#home .leftcolumn .secondcover {
 	position: absolute;
	left: 237px;
	bottom: 0px;
	width: 160px;
	font-size: 13px;
	font-style: italic; 
	}

#home .leftcolumn .secondcover .text {
	margin: 3px;
	}
	
	
#home .quote {
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 135px;
	overflow: hidden;
	font-style: italic;
	font-size: 18px;
	line-height: 24px;
	}
#home .quote span {
	font-size: 16px;
	}
#home .quote .link {
  	font-size: 14px;
	font-style: normal;
	position: absolute;
	right: 0;
	bottom: 0;
	}		

#home .morecontent {
	color: #FCFCF8;
	}

#home .morecontent h5 {
	margin: 0 0 20px 0;
	paddng: 0;
	font-size: 20px;
	font-weight: bold;
	color: #FCFCF8;
	}	

#home .morecontent a:link { color: #FCFCF8; font-weight: bold; text-decoration: none; }

#home .morecontent a:visited { color: #FCFCF8; font-weight: bold; text-decoration: none; }

#home .morecontent a:hover { color: #ffffff; font-weight: bold; text-decoration: underline;  }


/* style for .elsewhere is listed above in the Lists section */				


/* = Author
----------------------------------------*/
				
	

/* = Books
----------------------------------------*/


#books .content {
	padding-top: 40px;
	}
	
.books-item {
	position: relative;
	min-height: 329px;
	padding-left: 241px;
	margin: 0px 20px 40px 20px;
	}
/* IE fix for .books-item */
 * html .books-item { height: 329px;  }
/* end IE fix */
	
	
.books-item img {
	position: absolute;
	top: 0;
	left: 0;
	}






/* = Clubs - Guides
----------------------------------------*/



.guide {
	position: relative;
	min-height: 147px;
	padding-left: 119px;
	margin-bottom: 40px;
	}
/* IE fix for .guide */
 * html .guide { height: 147px;  }
/* end IE fix */
	
	
.guide img {
	position: absolute;
	top: 0;
	left: 0;
	}




/* = Contact
----------------------------------------*/