/* CSS Document */

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

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




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

body { 
	margin: 0;
	padding: 0;
	background: #000 url(../images/page/bg.jpg) no-repeat fixed top center;
	font-family: Verdana, sans-serif;
	font-size: 14px;
	line-height: 19px;
	color: #17100a;
	text-align: center;
	}

img {
	display: block;
	border: none;
	}	



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


/* h1 in Header section */

h2 {
	font-family: Georgia, serif;
	font-size: 40px;
	font-weight: normal;
	margin: 0px 0px 25px 0px;
	padding: 0;	
	}

/* IE6 fix for h2 */
 * html h2 { padding: 8px 0px 2px 0px; }
/* end IE6 fix */
/* IE7 fix for h2 */
*:first-child+html h2 { padding: 8px 0px 2px 0px; }
/* end IE7 fix */	


h3, h4, h5 {
	font-weight: normal;
	padding: 0;
	}
	
h3 {
	font-size: 23px;
	margin: 0px 0px 15px 0px;
	}
	
#blog h3 {
	margin-bottom: 0;
	}
		
	
h4 {
	font-size: 16px;
	margin: 0px 0px 5px 0px;
	text-align: center;
	}	
		
h5 {
	font-size: 16px;
	color: #5B481A ;
	margin: 3px 0px 15px 0px;
	}


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

a:link { color: #bd2700; text-decoration: underline; }

a:visited { color: #bd2700; text-decoration: underline; }

a:hover { color: #bd2700; text-decoration: none;  }







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

#blog ul {	
	margin: 10px 0px 20px 0px;
	}

		
	
	
	

/* =Left column  
------------------------------------------*/




.photo, .cover {
	margin: 0;
	margin-bottom: 15px;
	}

.rollover {
	font-family: arial, sans-serif;
	font-size: 11px;
	text-align: right;
	}	

#book .rollover {
	float: right;
	clear: right;
	margin-bottom: 5px;
	}	

.thumb {
	float: left;
	margin: 0px 3px 0px 0px;
	
	font-family: arial, sans-serif;
	font-size: 11px;
	text-align: center;
	}
	
.thumb2 {
	float: left;
	margin: 3px 3px 0px 0px;
	
	font-family: arial, sans-serif;
	font-size: 11px;
	text-align: center;
	}


.last {
	margin-right: 0;
	}				

.coverthumb {
	float: left;
	clear: left;
	}








/* = GLOBAL STRUCTURE
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------*/
#blog-wrappter {
	width: 100%;
	}



.page {
	width: 900px; 
	min-height: 900px;  
	margin-top: 0; 
	margin-right:  auto;
	margin-bottom: 0; 
	margin-left:  auto;
	padding: 0;
	border: none; 
	background: #C3B374 url(../images/page/bg_page.jpg) no-repeat top center;
	position: relative;
	text-align: left;
	}




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

			
.header {
	position: relative;
	width: 900px;
	height: 198px;
	margin: 0;
	padding: 0; 
	}	
	
	
h1 {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 10px;
	left: 30px;
	width: 360px;
	height: 160px;
	}
	
h1 a {
	display: block;	
	width: 360px; /* same as width of h1 */
	height: 160px; /* same as height of h1 */
	}

h1 a span {
	display: none;
	}			
	




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

#blog .footer {
	width: 900px;
	}

.footer {
	width: 860px; 
	height: 32px;  
	margin: 0 auto; 
	padding: 15px 20px 0 20px;
	border: none; 
	background: url(../images/page/bg_footer.jpg) repeat-x;
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #FFE9B3;
	}

.footer a:link { color: #FFE9B3; font-weight: normal; text-decoration: underline; }

.footer a:visited { color: #FFE9B3; font-weight: normal; text-decoration: underline; }

.footer a:hover { color: #fff; font-weight: normal; text-decoration: none;  }
	


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


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

#pointermenu2{
position: relative;
margin: 0;
padding: 0;
height: 45px;
background: none;
}

#pointermenu2 ul{
position: absolute;
top: 0;
left: 0;
z-index: 100;
height: 45px;
margin: 0;
margin-left: 0; /*menu offset from left edge of window*/
float: left;
padding-left: 0;
font: normal 17px Georgia;
background: none;
}
/* IE6 fix for #pointermenu2 ul */
 * html #pointermenu2 ul { background: none; }
/* end IE6 fix */	


* html #pointermenu2 ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
margin-bottom: 1em;
margin: 0; /*menu offset from left edge of window in IE*/
padding-left: 0;
}

#pointermenu2 ul li{
display: inline;
}


#pointermenu2 ul li a{ 
height: 18px;
float: left;
color: #ffe88d;
font-weight: normal;
padding: 14px 12px 14px 12px;
text-decoration: none;
border-right: 1px solid black;
}


#pointermenu2 ul li.last a{ 
padding: 14px 12px 14px 11px;
}

#pointermenu2 ul li a:visited{
color: #ffe88d;
}

#pointermenu2 ul li a.last {
border-right: none;
padding-right: 9px;       /* ########## test to fix FF Mac issue ############# */
}


#pointermenu2 ul li a:hover { /*hover and selected link*/
color: #ffe88d;
background-color: #3F2516;
/*
background: url(../images/page/bg_nav_on.jpg) repeat-x ;
*/
}


#home #navhome, #author #navauthor, #books #navbooks, #book #navbooks, #foreign #navforeign, 
#blog #navblog, #clubs #navclubs, #contact #navcontact, #buy #navbuy { /*on page link*/
color: #ffe88d;
background-color: #3F2516;
/*
background: url(../images/page/bg_nav_on.jpg) repeat-x ;
*/
}








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



.subnav {
	padding: 5px 10px 5px 10px;
	margin: 0;
	margin-bottom: 20px;
	background-color: #D4C690;
	border-bottom: 1px solid #5B481A;
	text-align: right;
	}

.subnav a:link { color: #bd2700; text-decoration: underline; }

.subnav a:visited { color: #bd2700; text-decoration: underline; }

.subnav a:hover { color: #bd2700; text-decoration: none;  }

	



	


/* = 1 Column layout
----------------------------------------*/

	

#onecol .maincolumn {
	float: left;
	width: 857px;
	margin: 40px 0px 30px 24px;
	}
/* IE fix for #twocol .maincolumn */
 * html #twocol .maincolumn { margin: 40px 0px 30px 5px; }
/* end IE fix */
	

#onecol .leftcol {
	float: left;
	width: 540px;
	margin: 0;
	}
	
#onecol .rightcol {
	float: left;
	width: 263px;
	margin: 0px 0px 0px 52px;
	}	


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


#twocol .leftcolumn {
	float: left;
	width: 300px;
	margin: 40px 0px 30px 24px;
	}
/* IE6 fix for #twocol .leftcolumn */
 * html #twocol .leftcolumn { margin: 40px 0px 30px 12px; }
/* end IE6 fix */
	

#twocol .maincolumn {
	float: left;
	width: 533px;
	margin: 40px 0px 30px 24px;
	}
/* IE6 fix for #twocol .maincolumn */
 * html #twocol .maincolumn { margin: 40px 0px 30px 24px; }
/* end IE6 fix */
	




/* = 3 Column layout
----------------------------------------*/


#threecol .leftcolumn {
	float: left;
	width: 186px;
	margin: 40px 0px 30px 24px;
	}
/* IE6 fix for #threecol .leftcolumn */
 * html #threecol .leftcolumn { margin: 40px 0px 30px 12px; }
/* end IE6 fix */
	

#threecol .maincolumn {
	float: left;
	width: 413px;
	margin: 40px 0px 30px 24px;
	}
/* IE6 fix for #threecol .maincolumn */
 * html #threecol .maincolumn { margin: 40px 0px 30px 24px; }
/* end IE6 fix */
	

#threecol .rightcolumn {
	float: left;
	width: 206px;
	margin: 40px 0px 30px 24px;
	}
/* IE6 fix for #threecol .rightcolumn */
 * html #threecol .rightcolumn { margin: 40px 0px 30px 24px; }
/* end IE6 fix */








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



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


.quote {
	position: relative;
	padding: 15px;
	margin: 0;
	margin-bottom: 25px;
	background-color: #D4C690;
	border-bottom: 1px solid #5B481A;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	line-height: 1.3em;
	color: #150F02;
	height: 140px;
	}

.quote span {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.2em;
	}
	
.quote .link {
	position: absolute;
	right: 5px;
	bottom: 1px;
	font-size: 10px;
	font-family: arial, sans-serif;
	}		

.box {
	padding: 10px 3px 10px 5px;
	margin: 0;
	margin-bottom: 20px;
	background-color: #D4C690;
	border-bottom: 1px solid #5B481A;
	}

.box ul {	
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding-left: 0;
	}

.box ul li {
	list-style: none;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 7px;
	}	

.buy {
	color: #5B481A;
	text-align: left;
	}	

.blog {
	text-align: left;
	}	
		



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






/* = Book
----------------------------------------*/




/* = Books and Buy and Clubs
----------------------------------------*/



.item {
	margin-bottom: 40px;
	min-height: 282px;
	}
/* IE6 fix for .item */
* html .item { height: 282px;}
/* end IE6 fix */	
	
.item img {
	display: block;
	float: left;
	margin: 0px;
	margin-bottom: 5px;
	}

.item .desc {
	margin: 0px 0px 0px 193px;
	}	








/* = FOREIGN
----------------------------------------*/
				

#foreign .cover {
	float: left;
	margin: 0px 20px 40px 0px;
	
	font-family: arial, sans-serif;
	font-size: 13px;
	text-align: center;
	}		
	
	
	
	
	
/* = FAQ
----------------------------------------*/
				
		
	
	
	
	

/* = CONTACT
----------------------------------------*/
				
		






/* = BLOG
----------------------------------------*/