/*  Main Styletsheet for billiebierer.com   */
/*		copyright, Billie Bierer.  All rights reserved  */

/*  #################################  */
/*		GOBAL element styling			*/
/*  #################################  */	
body {
	font-family: arial, sans-serif;
	font-size: 100%;
	color: #5E6061;
	background-color: #9F692D;
	}

* { margin: 0;  padding: 0;}

a { color: #955A20; }

	/* START ALsett Clearing Method  */
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
	
	.clearfix {display: inline-block;}		
	
	/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block; }	
	/* End hide from IE-mac */
	
	/* END Alsett Clearing Method  */
			
/*  #################################  */
/*		END :: GOBAL element styling			*/
/*  #################################  */	

/*  #################################  */
/*		Masthead styling			*/
/*  #################################  */	
#masthead { 	height: 177px; text-align: center; background: url(../images/masthead-bg.gif) top left repeat-x;  }
/*  #################################  */
/*		END :: Masthead styling			*/
/*  #################################  */	


/*  #################################  */
/*		Content styling			*/
/*  #################################  */
div#top-right { float: right; border: 1px solid #9A662C; background-color: #D8CAB5; margin: 0 20px 5px 0; padding: 5px; }
	#top-right ul { list-style: none; width: 120px; margin-left: 70px; }			
	#top-right ul a { font-size: 11px; }
	
	#top-right h3 { font-size: 12px; color: #A23122; }

	
#center_master { 
	background-color: #BD904F; 
	margin: 0 0 0 0; padding: 0; 
	/* Hides from IE-mac \*/
		margin: 0;  padding: 0;  				/* resets the width for everyone else */
	/* End hide from IE-mac */	
	text-align: center; 							/* necessary for Mac IE - otherwise this div and all contents are shifted to the left and not centered  */
	}

#content-contain {
	text-align: left;								/*  counter effects the centering of center_master above - mainly a Mac IE hack  */
	background-color: #F8F7F2;
	width: 764px;
	margin: 0 0 0 4px;							/* Mac IE is shifted left 4px for some reason - this corrects  */
	/* Hides from IE-mac \*/
			margin: 0 auto 0 auto;  			/* resets the centering for everyone else */
	/* End hide from IE-mac */	
	padding: 20px 0 0 0;  
	}
	
div#content {
	background-color: #F8F7F0;    
	float: right;
	width: 544px;			/* adjusts width for MAC IE */
	/* Hides from IE-mac \*/
		width: 584px;  	/* resets the width for everyone else */
	/* End hide from IE-mac */
		margin: 0;  padding: 0;
	}

div#content p { padding: 10px; }
div#content img { padding: 10px; }
div#content h1 { color: #A23122; margin-bottom: 20px; }		
	
/*  BOOK Display styling  */
fieldset.book-detail {
	margin: 20px;  padding: 10px;
	border: 1px solid #CBC9BC;
	}

fieldset.book-detail h2 {
	color: #A23122;
	font-size: 100%;
	text-align: center;
	margin: 15px 0 15px 0;
	}	

fieldset.book-detail p { font-size: 14px; margin-bottom: 10px; 	}
fieldset.book-detail img { padding: 10px; 	}
fieldset.book-detail ul ul { list-style: none; }

fieldset.book-detail h6 { width: 98%; background-color: #BDAF9B; color: #955A20; padding: 5px; margin: 0; font-size: 14px;}
ul.review { width: 95%; margin: 0; padding: 10px; font-size: 12px; list-style: none; }
li.review_text { padding-bottom: 7px; }
li.review_text a { margin: 0 0 0 10px; font-style: italic; }
li.reviewer { margin-left: 20px; font-weight: bold; }
li.reviewer_credentials { margin-left: 20px; font-size: 10px; }
/*  END :: BOOK Display styling  */
	
/*  Side Bar Styling  */
fieldset.sidebar { width: 40%; margin: 10px 0 10px 15px; padding: 0; border: none; float: right; }
fieldset.sidebar legend { margin: 0; padding: 0; font-size: 14px; font-weight: bold; color: #8D704C; text-align: center; }
fieldset.sidebar div { background-color: #BDAF9B; }				 
fieldset.sidebar p { text-align: center; }
fieldset.sidebar ul { font-size: 12px; margin: 5px; padding-bottom: 10px; color: #F8F7F0}
fieldset.sidebar em { color: #A23122; }
/*  END :: Side Bar Styling */
/*  #################################  */
/*		END :: Content styling			*/
/*  #################################  */	


/*  #################################  */
/*		Navigation styling			*/
/*  #################################  */	
div#navigation {
	margin: 0;  padding: 70px 0 0 10px;  
	width: 170px;
	float: left;
	height: 1250px;
/*	background: #F8F7F2 url(../images/small-logo.gif) bottom center no-repeat;  */
	}

div#navigation ul { list-style: none; font-size: 12px; font-weight: bold; color: #9E692D; }
div#navigation li { padding-bottom: 10px;}
div#navigation a { text-decoration: none; padding: 6px 20px 6px 4px; }
div#navigation a:hover { background: #F1EFE2 url(../images/nav_bg.jpg) top right no-repeat; }

li.main_active a { color: #BDAF9B; }

p.associations { font-style: italic; font-size: 10px; font-weight: bold; text-align: center; } 


#bot_navigation { 
/*	text-align: center;   */
	width: 764px; 
	margin: 2px auto 0 auto; padding: 0; 
	/* Hides from IE-mac \*/
		margin: 0 auto 0 auto; padding: 0;  	/* resets the width for everyone else */
	/* End hide from IE-mac */	
	color: #9E692D;
	}
#bot_navigation ul { list-style: none;  background-color: #F8F7F2;  font-size: 11px; font-weight: bold; }
#bot_navigation li { display: inline; padding-right: 10px; }
#bot_navigation a { text-decoration: none; }
#bot_navigation a:hover { color: #F1EFE2; }
/*  #################################  */
/*		END :: Navigation styling			*/
/*  #################################  */	


/*  #################################  */
/*		Events styling			*/
/*  #################################  */	
div#events { border-top: 2px solid #A23122; margin: 10px 10px 20px 10px; padding: 10px 0 120px 0; background: #F8F7F2 url(../images/small-logo.gif) bottom center no-repeat; }
div#events p { font-weight: bold; color: #9E692D; font-size: 12px; }
div#events ul { color: #5E6061; font-weight: normal; font-size: 11px; list-style: none; }
div#events li { margin: 0; padding: 0; } 
div#events strong { display: block; padding-top: 10px; }
/* div#events ul li em { margin: 0; padding: 0;/* padding: 20px 0 0 0; /* display: block; */ /* font-weight: bold; font-size: 12px;}  */
/*  #################################  */
/*		Events styling			*/
/*  #################################  */	


/*  #################################  */
/*		Footer styling			*/
/*  #################################  */	
#footer { margin: 0 auto 0 auto; padding: 0; background: #BD904F url(../images/footer-bg.gif) bottom left repeat-x;  }
	
ul.copyright { width: 50%; margin: 0 10% 20px 0; padding: 0; border: none; color: #F8F7F2;  float: right;	list-style: none; font-size: 11px;}
ul.copyright li { text-align: right; }
ul.copyright a { font-weight: bold; color: #F8F7F2; font-size: 8px; }	
/*  #################################  */
/*		END :: Footer styling			*/
/*  #################################  */


/*  #################################  */
/*		Book Review Pages styling			*/
/*  #################################  */
div.full_review { font-size: 12px; margin: 12px 0 12px 0; width: 95%; }
.full_review fieldset { padding: 10px; margin: 10px; }
.full_review legend { border: 3px double #9F692D; padding: 3px 15px; font-weight: bold; margin: 0 0 8px 0; }

.full_review fieldset ul { list-style: none; margin: 0 0 10px 35px; font-size: 11px; font-style: italic; }
p.full-review-text { font-style: italic; line-height: 20px; }
/*  #################################  */
/*		END :: Book Review Pages styling			*/
/*  #################################  */