body{
  background: #2E3748 url(santabg.jpg) center top no-repeat; 
  text-align: center; 
  margin: 0;
  font: 14px arial;
  color: #C5CDD6;
}

hr{
  clear: both;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  border-bottom: #AABBE5 1px solid;
  border-top: #000 1px solid;
}

a {
  color: #FFFFFF;
}

img{
  border: 0;
}

#container{
  width: 780px; 
  text-align: left; 
  margin: 0 auto;
}

#header{
  width: 780px;
  height: 193px;
  text-align: right;
  color: #910634;
  font-size: 12px;
}

.topbox{
  background: url(topbox.png) no-repeat right top;
  height: 30px;
  width: 220px;
  float: right;
  padding-right: 5px;
  padding-top: 1px;
}

.topbox a{
  color: #910634;
}

form{
  display:inline;
  font-size:14px;
  padding: 0;
  vertical-align: middle;
}

input.search{
  vertical-align: top;
}

input.input{
  width: 80px;
  background: none;
  border: 1px #910634 dashed;
  color: #910634;
}

input.placeholder{
  color: #8F6976;
}

#subheader{
  width: 780px; 
  height: 30px; 
  line-height:30px; 
  color:white; 
  font-family:arial; 
  font-size:17px; 
  font-weight: bold; 
  text-align: center;
}

#subheader a{
  color:white; 
  text-decoration: none;
  margin: 0 10px;
}

#subheader a:hover{
  text-decoration: underline;
}

#containercontent{
  overflow: hidden; 
  width: 780px; 
  background: #353C49 url(bg_content.jpg) no-repeat top left;
  padding-top: 5px;
  margin-bottom: 10px;
}

#left{
  width: 150px; 
  float: left;
  padding-left: 3px;
  font: 14px arial;
  color: #C5CDD6;
}

.leftitem {
  width: 120px;
  height: 20px;
  background: url(dividerleft.png) bottom repeat-x;
  margin-left: 8px;
}

.leftitem a{
  color: #FFF;
  text-decoration: none;
}

.leftitem a:hover{
  color: #C5CDD6;;
  font-weight: bold
}


#content{
  width:615px; 
  float: right; 
  text-align:left;
  padding-left: 5px;
  padding-right: 5px;
  min-height: 488px;
  height:auto !important;
  height:488px;
}

.spotlight{
  color: #C3CBD7;
  font-size: 13px;
}

#footer{
  padding-top: 5px;
  width: 780px; 
  clear: both; 
  height: 30px; 
  line-height: 30px; 
  text-align: center; 
  background: #353C49 url(footer.jpg) bottom no-repeat;
  color: white;
  font-size: 10px;
  font-family: arial;
}
/* ========== FRONT PAGE ============ */

.latestrelease{
  float: left;
  margin-bottom: 20px;
}

.lastbooktitle{
  font-size: 25px;
  font-weight: bold;
}

.latestrelease img{
  float: left;
  margin-right: 10px;
}

.previouslyrel {
  float: left;
  text-align: left;
}

.previouslyrel ul{
  list-style: none;
  float: left;
  width: 150px;
}

.welcome{
  width: 519px;
  line-height: 17px;
  clear:both;
  text-align: justify;
  margin-bottom: 20px;
  border: 1px solid #aaa;
  background: #303050;
  padding: 5px;
  font-size: 13px;
  margin-left: 37px;
}

.fptitle{
  font-variant: small-caps;
  font-size: 22px;
  font-weight: 600;
  display:block;
  margin-top: 20px;
}

/* ========== BOOK PAGES ============ */

.title{
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  color: #EEEEEE;
}

.blurb{
  margin-bottom: 25px;
}

.blurb img{
  float: right;
  padding: 8px;
}

.author {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #EEE;
}

.series {
  text-align: center;
  font-size: 16px;
}

.buy{
  font-size: 18px;
  margin-bottom: 20px;
  position: relative;
  float: left;
}

.bio{
  margin: 25px 0;
  float:left;
}

.bio .name{
  font-weight: bold;
}

.bio img{
  float: right;
  vertical-align: middle;
  padding: 8px;
}

.reviews{  /* Also used for excerpt! */
  margin: 25px 0;
}

.reviewstitle{
  font-style: italic; 
  font-size: 17px;
}

.excerpttitle{
  font-style: italic; 
  font-size: 17px;
}

table.checkout{
  border: 1px solid #aaa;
  background: url(bookbg.png);
  margin-top: 5px;
  text-align: center;
  font-size: 13px;
}

.edition, .price{
  padding-right: 10px;
}

input.addtocart{
  text-align: right;
  float:right;
  position: relative;
}

/* ========== BOOK LISTINGS ============ */

.book{
  width: 578px;
  margin-left: 37px;
  }

.book ul{
  list-style: none;
  float: left;
  width: 150px;
  padding: 10px;
  margin: 5px 10px 5px 0px;
  background: url(bookbg.png);
  font-size: 11px;
  min-height: 430px;
  text-align: center;
}

.book ul:hover {
  background: gray;
}

.book ul .listedtitle{
  font-size: 14px;
}

.book ul .shortblurb{
  margin-top: 5px;
}

.book ul .listedauthor, .book ul .listedtitle, .book ul .shortblurb{
  text-align: left;
}

.genretitle{
  font-weight: bold;
  font-size: 30px;
  color: #EEEEEE;
}

.pagesbottom{
  clear: both; 
  text-align:center;
  margin: 5px;
  width: 600px;
}

.pagesbottom *{
  border: 1px solid #555;
  background: url(bookbg.png);
  padding: 3px;
  }

/* ===============CALENDAR==================== */

/* caption determines the style of
   the month/year banner above the calendar. */

caption 
     {
     font-size:25px; 
     color: white;
     font-weight: bold;
	 text-align: center;
     }

/* .calendar determines the overall formatting style of the calendar,  
   acting as the default unless later overruled. */

.calendar 
     {
	 background: #E0E0E0;
     font-family:arial,helvetica; 
     font-size:11px; 
     color: #FFF;
     border-color: #FFF;
     border-style: solid;
     border-width: 1px;
	 margin-left: 15px;
     }

/* .header determines the formatting of the weekday headers at the top
   of the calendar. */

.header 
     {
     background: #303050;
     border-color: #000000;
     border-style: solid;
     border-width: 1px;
     }


.day 
     {
     background-color: #808080;
     border-color: #000000;
     border-style: solid;
     border-width: 1px;
     width: 69px;
	 height: 69px;
	 vertical-align: top;
	 padding: 3px;
     }

.filledday 
     {
     background-color: #8080ff;
     border-color: #000000;
     border-style: solid;
     border-width: 1px;
	 vertical-align: top;
	 padding: 3px;
     }
	 
.calcontent{
	display: none;
	}
	
.filledday:hover .calcontent {
	display: inline;
	z-index: 2;
	position: absolute;
	background: #303050;
	border: 1px solid #000;
	padding: 2px;
	max-width: 150px;
	}

/* =================================== */

.catalogletters{
  text-align: center;
}

img.about{ vertical-align: top; float: left}

/* =========== COMING SOON =================== */

.csbook{
  width: 578px;
  margin-left: 37px;
  }

.csbook ul{
  list-style: none;
  float: left;
  width: 450px;
  padding: 10px;
  margin: 5px 10px 5px 0px;
  background: url(bookbg.png);
}

.csbook ul img{
  float: left;
  margin-right: 5px;
}

.csbook ul:hover {
  background: gray;
}

.csbook ul .shortblurb{
  margin-top: 5px;
}

.more{
  float: right;
}