body{
  margin: 0;
  font-family: verdana;
  background: #003556;
}

a{
  color: #354ba0;
}

#footer a{
  color: #fff;
}

h1{
  background: url(site_images/h1.png) no-repeat;
  padding: 20px 20px 5px 20px;
  font-weight: normal;
  margin: 0;
  color: #00395C;
  letter-spacing: 1px;
}

h1:first-letter{
  font-weight: bold;
  font-size: 30px;
}

#logo{
  position: absolute;
  width: 279px;
  height: 249px;
  background: url(site_images/logo.png) no-repeat;
  left: -500px;
  right: 0;
  top: 5px;
  margin: 0 auto;
}

#header{
  height: 35px;
  background: #0C0F11;
  border-bottom: 2px solid #F3C600;
  line-height: 35px;
  text-align: center;
}

#header span{
  width: 780px;
  text-align: right;
  display: block;
  color: #FFF;
  font-size: 12px;
  margin: 0 auto;
  font-family: arial;
}

#title{
  height: 205px;
  background: #0076B0 url(site_images/header.jpg) no-repeat 50%;
}

#content{
  background: #fff url(site_images/contentBG.jpg) repeat-x;
  text-align: center;
  clear: both;
  min-height: 400px;
  border-bottom: 2px solid #0C0F11;
}

#container{
  width: 780px;
  background: url(site_images/sidebar.jpg) repeat-y left;
  text-align: left;
  margin: 0 auto;
  overflow: visible;
  display: table;
}

#leftmenu{
  width: 150px;
  float: left;
  background: #1F2223 url(site_images/sidebar.jpg) repeat-y left;
  height: 100%;
  color: #FFF;
  padding: 10px;
  border-top: 1px solid #6B7378;
  font-size: 14px;
}

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

#leftmenu li{
  padding-bottom: 4px;
}

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

#topmenu{
  height: 44px;
  width: 610px;
  background: url(site_images/cornersidebar.jpg) left top no-repeat;
  float: left;
  padding-top: 10px;
  line-height: 44px;
}

#topmenu div{
  background: #99C6DB url(site_images/topmenu.jpg) repeat-x top;
  height: 42px;
  color: #004263;
  border-top: 1px solid #F3C600;
  border-bottom: 2px solid #C2D4D4;
  border-right: 2px solid #30596C;
}

#topmenu div span{
  padding: 0 10px;
  height: 42px;
  text-align: center;
  display: inline-block;
  font-weight: bold;
  border-left: solid 1px #648B9E;
  border-right: solid 1px #B3D2E1;
}

#topmenu div span.selected, #topmenu div span:hover {
  background: #00395C url(site_images/topselected.jpg) no-repeat top;
  color: #FFF;
}

#topmenu div span.selected, #topmenu div span:hover a{
  color: #FFF;
}

#topmenu a{
  text-decoration: none;
  color: #004263;
}

#topmenu .selected a{
  color: #fff;
}

#actualContent{
  padding: 15px;
  float: left;
  width: 580px;
  background: url(site_images/actualcontentBG.jpg) repeat-x top;
  font: 12px verdana, sans-serif;
  line-height: 19px;
  text-align: justify;
}

#footer{
  height: 100px;
  background: #003556 url(site_images/footer.jpg) repeat-x;
  clear: both;
  text-align: center;
  padding-top: 25px;
  color: #FFF;
}

#footer p{
  font-size: 12px;
  margin-top: 20px;
}
/* ===== HEADER ====== */
#header form{
  height: 35px;
  vertical-align: middle;
}

#header input.search{
  vertical-align: middle;
  border: 0;
}

#header input.bar{
  height: 15px;
  vertical-align: middle;
  background: #888;
  border: 0;
  font-size: 13px;
}



/*==== NAVIGATION ====*/

.genres{
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-position: outside;
}

.subgenres{
  margin-left: 0;
  padding-left: 10px;
  list-style-type: none;
  list-style-position: outside;
  font-size: 12px;
  margin-bottom: 5px;
}

/*==== LISTED BOOKS ====*/

.listedbooks{
  width: 580px;
  text-align: center;
}

.listedbook {
  width: 125px;
  min-height: 215px;
  vertical-align: top;
  background: #ddd;
  text-align: center;
  padding: 5px;
  margin: 2px;
  border: 1px solid #aaa;
  list-style-type: none;
  list-style-position: outside;
  display: inline-block;
  font-size: 11px;
  line-height: 11px;
}

.listedbook a{
  color: #003556;
  text-decoration: none;
  border: 0;
}

.listedbook a:hover{
  text-decoration: underline;
}

.genre{
  min-height: 365px;
}

.listedbook .shortblurb{
  padding-top: 5px;
}

.pagesbottom{
  text-align: center;
}


/*==== BOOK PAGES ====*/
.booktitle{
  text-align: left;
  margin-bottom: 4px;
}

.bookcover{
  float: right;
  padding: 5px;
  border: 1px solid #ddd;
  margin: 10px;
}

/*==== AUTHOR PAGE(S) ====*/
.catalogletters{
  text-align: center;
}

.authorbio{
  margin-bottom: 40px;
}

.series{
  margin-bottom: 20px;
}

.seriesname{
  font-size: 14px;
  font-weight: bold;
}


/*==== FRONT PAGE ====*/
.frontpage{
  margin-bottom: 15px;
}

.welcome{
  width: 538px;
  height: 140px;
  background: url(site_images/welcome.png);
  position: relative;
  margin-bottom: 10px;
  padding: 0px 18px 0 18px;
  color: #fff;
}

.welcome h1{
  background: none;
  padding: 15px 20px 10px 0px;
  font-weight: normal;
  margin: 0;
  color: #00395C;
  letter-spacing: 0.5px;
}

.welcome h1:first-letter{
  font-weight: normal;
  font-size: inherit;
}

.link{
  margin-top: 10px;
  display: block;
  color: #3d606f;
}