/*-----------------------------*/
/*      TEMPLATE STYLING       */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, #header, fieldset {
	margin: 0;
	padding: 0;
	font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
}

/* Neutralize styling: 
   Elements with a vertical margin:        */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}
.orangetext {
	color: #AC5019;
	font-size: .75em;
}

.blue {
	font-weight: bold;
	color: #0F3EAA;
}

/* Apply left margin:
   Only to the few elements that need it:  */
li, dd, blockquote {
	margin-left: 1em;
}

/* Miscellaneous conveniences:             */
form label {
	cursor: pointer;
}
fieldset {
	border: none;
}
 
/* Form field text-scaling                 */
input, select, textarea {
	font-size: 100%;
}

h2 {
	font-size: 1.2em;
	color: #000000;
}

body {
	background-image: url(images/bgnew.jpg);
	/*background-color:#44301A;*/
	/*color: #742F24;*/
	/*background-image: url(images/pattern_102.gif);*/
	
}

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

a:active {
	color:#0F3EAA;
	text-decoration: none;
}

a:visited {
	color:#2F2518;
	text-decoration: none;
}

a:hover{
	color:#0F3EAA;
	text-decoration: underline overline ;
}

.quote {
	text-align: center;
	border-top-width: thin;
	border-bottom-width: medium;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFCC;
	border-bottom-color: #FFFFCC;
	padding: 5px;
}
.quote p {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: large;
	font-style: italic;
	color: #200;
	line-height: 1.2;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

.quote .smallsig {
	font-size: small;
	font-weight: bold;
	font-style: normal;
	letter-spacing: normal;
}


/*-----------------------------*/
/*         MENU                */

.menu {display:none;}

#noniemenu {
	padding:2px 0 2px 0;
	/*position:absolute;*/
	letter-spacing: 0.15em;
	font-size:0.7em;
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-weight: bold;
}

#noniemenu a.active {
	color:#FFFFFF;
	width:130px;
	height:18px;
	line-height:20px;
	display:block;
	text-align:center;
	float:left;
	text-decoration:none;
	background-color: #624237;
	padding-top: 0px;
	font-weight: bolder;
}


#noniemenu .holder {
	color:#000000;
	width:128px;
	height:18px;
	display:block;
	overflow:hidden;
	float:left;
	border-right:2px solid #fff;
	margin-right:1px;  
  }
#noniemenu .holder:hover {
  height:auto; 
  }
#noniemenu a.outer, #noniemenu a.outer:visited {
	color:#FFFFFF;
	width:130px;
	height:16px;
	line-height:18px;
	display:block;
	text-align:center;
	float:left;
	text-decoration:none;
	background-color:#0F3EAA;
	padding-top: 0px;
   }
#noniemenu a.outer:hover {
	overflow:visible;
	background-color: #624237;
  }
#noniemenu a.inner, #noniemenu a.inner:visited {
	clear:left;
	display:block;
	width:120px;
	height:18px;
	line-height:18px;
	border-bottom:1px solid #000;
	text-decoration:none;
	color:#000;
	background:#eee;
	text-align:center;
	padding-top: 0px;
  }
#noniemenu a.inner:hover {
  background:#ccc;
  }

.superscript {
	font-variant: small-caps;
	vertical-align: top;
	display: inline;
}


/*-----------------------------*/
/*          DIVS               */
#mapMain{
	text-align:center;
}

#map {
	margin-left:90px;
}

#divAmazonCom {
 position:relative;
 top:20px;
 left:-40px;
}

#divAmazonCa {
 position:relative;
 top:20px;
 left:-40px;
}

#divContainer {
	clear: both;
	padding: 0px;
	width: 920px;
	margin: 1em auto;
	border:thin solid #000;	
	/*background-color: #624237*/
	height: auto;
}
#divbooklistContainer {
	clear: both;
	padding: 0px;
	width: 700px;
	margin: 1em auto;
	
	height: auto;
}

#tempBanner {

	color: #3C2819;
	font-family:Helvetica, Arial, Helvetica, sans-serif;
	background-image:url(images/coffeeheart.jpg);
	background-color:transparent;
	font-size: 0.9em !important;
	letter-spacing: 0.2em;
	text-align:center;
	padding: 5px 5px 5px 15px;
	
}

#divMenu {
	width: 100%;
	background-color: #624237;
	height: 20px;
	z-index: 9;
}

#tempMenu {

	color: #FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: .9em!important;
	letter-spacing: 0.2em;
	text-align:center;
	padding: 5px 5px 5px 15px;
	
}

#header {
	height: auto;
	/*background-color: #fff;*/
	background-image: url(images/beanheaderbg.jpg);
	padding: 0px 0px 2px 0px;
	color:#000000;
	text-align:right;
	font-size: 0.7em;
	letter-spacing: 0.1em;
	/*border-top:thin solid #000000;*/
}

#subContainer {
	background-image: url(images/newbg.jpg);
	/*background-color: #EAD0AD;*/
	/*background-color: #633D30;*/
	margin-top: 0px;
	height: auto;
}


#leftContent {
	/*height: auto;*/
	color: #000000;
	text-align:left;
	margin: 0px 0px 0px 0px;
	padding: 6px 15px 10px 245px;
	font-size: 0.8em;
	
}
.bioquote {
	text-align: left;
	border-top-width: thin;
	border-bottom-width: medium;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFCC;
	border-bottom-color: #FFFFCC;
	padding: 5px;
}
.biospan {
	text-align: right;
}

#rightContent{
	/*text-align:center;*/
	float: left;
	width: 230px;
	/*height: auto;*/
	margin-left: 0px;
	padding-left:0px;

	background-color: ;
	height: 100%;
	margin-top: 30px;
	padding-top: 10px;
}

#rightText {
	text-align:left !important;
	font-size: 0.7em;
	margin: 0px 5px 5px 5px;
	padding-top: 10px;
	width: 200px;
}

#divFooter {
	font-size: 0.7em;
	color: #2C231B;
	/*background-color:#DFB180;*/
	background-image:url(images/footernew.jpg);
	/*background-color:#633D30;*/
	text-align: center;
	margin-bottom: 0px;
	height: 80px;
}




/*-----------------------------*/
/*          CLASSES            */ 



.image {
	border: 1px solid #000;
	padding: 0px;
}

.clearer {
	font-size: 0px;
	line-height: 0px;
	border-bottom: 1px solid #AC5019;
	clear: both;
}

ul.beansList {
	list-style-type: none;
	margin-right: 0.2em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: .5em;
	padding-top: .2em;
}

ul.beansList li  {
	padding-left: 1.5em;
	padding-right: 1em;
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	background-image: url(images/list_bean.png);
	background-repeat: no-repeat;
	background-position: 0em top;
}




/*-----------------------------*/
/*          ROUNDED            */ 

.sidebar {
	font-size: 0.7em;
	padding-top: 10px;
	width: 210px;
	/*background-color: #DFB180;*/
	background-image: url(images/sidebarnew2.jpg);
	color: #2F2518;
	border:1px solid #fff;
	margin-top: 25px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;	/*border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-right-color: #065D8F;
	border-bottom-color: #065D8F;
	border-left-color: #065D8F;*/
}


.sidebar p {
	margin: 0 10px;
}

.roundtop { 
	background: url(images/trcopy.gif) no-repeat top right; 
}



.roundbottom {
	background: url(images/brcopy.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}

/* ABOUT BOOK GALLERY WITH 5 IMAGES               */

#galleryab {
  padding:0; 
  margin:0 auto 5em auto; 
  list-style-type:none; 
  overflow:hidden; 
  width:437px; 
  height:240px; 
  border:1px solid #888; 
  background:#fff url(images/RailingsBackimg.gif);
  }
#galleryab li {
  float:left;
  }
#galleryab li a {
  display:block; 
  height:240px;
  width:28px; 
  float:left; 
  text-decoration:none; 
  border-right:1px solid #fff; 
  cursor:default;
  }
#galleryab li a img {
  width:28px; 
  height:240px; 
  border:0;
  }
#galleryab li a:hover {
  background:#eee; 
  width:320px;
  }
#galleryab li a:hover img {
  width:320px;
  }

#gallerylink{
	position:relative;
	top:370px;
	left:400px;
	width: 150px;
	border:thin black solid;
	padding: 0.em;
	background-color: #DFB180;
	font-size: 0.9em;
	text-align: center;
	padding: 4px 0 5px 0;
	font-weight: bold;
	color: #000000;
}
/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
	margin-left: 25px;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 180px;
	height: 120px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 400px;
	height: 266px;
}
h3 {
	font-size: 1.1em;
	color: #000000;
	padding-left: 1em;
}
h4 {
	font-size: 0.8em;
	color: #000000;
	padding-left: 2em;
}

.share{
	background-image: url(css/images/share-love-hearts.png);
	background-repeat: no-repeat;
	background-position: 200px top;
	padding-top: 40px;
	padding-left: 230px;
	width: 400px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.likeus {
	float: right;
	width: 100px;
	height: 100px;
	position: relative;
	top: 20px;
	z-index: 99999;
	margin-left: -75px;
}

.p4 {
	font-size: 0.9em;
	color: #000000;
	padding-left: 3.5em;
}
#rightContent2 {
	/*text-align:center;*/
	float: right;
	width: 235px;
	/*height: auto;*/
	margin-left: 0px;
	padding-left:0px;
	background-color: ;
	height: 100%;
}
#leftContent2 {
	/*height: auto;*/
	color: #3C2819;
	text-align:justify;
	margin: 0px 0px 0px 0px;
	padding: 5px 235px 10px 15px;
	font-size: 0.9em;
}