@charset "utf-8";
/* CSS Document */



html {
background-color:#fef0d0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
line-height:1.7em;
}

#container {
margin:auto;
margin-top:20px;
width:950px;
}

strong {
font-weight:bold;
}

em {
font-style:italic;
font-weight:inherit;
}

blockquote {
margin:1em 2em;
}

#content blockquote p {
margin-bottom:0;
}

#content blockquote p.source {
margin-top:0;
font-weight:bold;
}

p.important {
font-size:1.2em;
line-height:1.5em;
}

p.small {
font-size:0.8em;
}

a:link, a:hover, a:visited, a:active {
color:#0079c1;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}


/***********************
HEADER STUFF
************************/

#header {
}

#logo {
float:left;
position:relative;
z-index:1;
margin-bottom:-10px;
width:291px;
height:200px;
background-image:url("/images/header/logo claret.png"); /*Any changes here need to happen in cond.php as well*/
cursor:pointer;
cursor:hand;
}

#spines {
margin-left:50px;
float:left;
height:190px;
width:560px;
background-image:url("/images/header/spines/spines_new.png");
}

/***********************
NAVBAR AND FOOTERBAR
************************/

#navbar, #footerbar {
/*background-image:url("/images/header/navbar_bg.png");*/
background-color:#0079c1;
background-repeat:repeat-y;
height:40px;
clear:both;
}

#navbar a, #footerbar a {
color:#fef0d0;
text-decoration:none;
}

#navbar a:hover, #footerbar a:hover {
text-decoration:underline;
}

#navbar {
margin-bottom:20px;
padding-left:15px;
}

#footerbar {
margin-top:25px;
margin-bottom:40px;
}

#content {
clear:both;
}

#navbar ul {
float:left;
margin-left:0px;
color:#fef0d0;
line-height:40px;
font-size:16px;
}

#navbar li {
margin-right:15px;
display:inline;
}

#footerbar p {
color:#fef0d0;
line-height:40px;
}

#footerbar p.distributor {
float:right;
font-size:16px;
margin-right:15px;
}

#footerbar p.firstchild {
float:left;
font-size:11px;
margin-left:15px;
width:75%;
}

#navbar input {
display:inline;
}

#navbar .myform p {
line-height:40px;
}

#navbar .myform {
float:right;
margin-right:15px;
}

.searchbox {
padding-left: 16px;
background:url(/images/header/search.png) no-repeat white;
border:1px solid black;
width:120px;
}

.searchbutton:hover {
background:#888;
}

.searchbutton:active {
background:#aaa;
}

.searchbutton {
color:#fef0d0;
background:#007ac0;
border:1px solid black;
font-family:Georgia, "Times New Roman", Times, serif;
}


/***********************
MAIN CONTENT STYLES
************************/

#content .date {
margin-bottom:20px;
font-size:12px;
}

#content {
}

#content #left {
width:510px;

float:left;
margin-bottom:15px;

}

#content #right {
width:425px;
margin-bottom:25px;
float:right;
}

#content #left #text {
width:65%;
float:left;
margin-bottom:20px;
}

#content #left #bullets {
width:30%;
float:right;
margin-bottom:20px;
}

#content #left #bullets ul {
margin-left:1em;
}

#content #left #bullets li {
margin-left:0.5em;
padding-left:0.5em;
list-style:circle outside url("/images/content/bullet1.png");
}

#books {
clear:both;
}

#books.home div {
margin-top:-60px;
}

#books div {
float:left;
text-align:center;
margin-right:20px;
}

#books p {
margin-top:0.5em;
text-transform:uppercase;
line-height:1.4em;
font-size:0.8em;
letter-spacing:0.1em;
}

#books p .first-letter {
font-size:1.5em;
}


#content p {
margin-bottom:0.5em;
}

#content .nospace {
margin-bottom:0;
}

#content h1 {
font-size:3em;
color:#c11700;
margin-bottom:0.5em;
line-height:1.2em;
}

#content h1.booktitle {
margin-bottom:0;
}

#content h2 {
font-size:1.5em;
margin-top:0.5em;
margin-bottom:0.5em;
}

#content h2.subtitle {
color:#c11700;
margin-top:0;
}

#content .floaty {
float:right;
}



/***********************
BOOK LISTING STYLES
************************/

.searchbar {
margin:0 0 25px 0;
background-color:#ddd;
height:40px;
width:100%;
clear:both;
font-family:helvetica, arial, sans-serif;
font-size:12px;
}

.searchbar p {
line-height:40px;
float:left;
margin-left:15px;
}

#listings {
clear:both;
}

.listing {
width:100%;
clear:both;
margin-bottom:25px;
}

.listing {
font-family:helvetica, arial, sans-serif;
}

.listing img {
display:block;
float:left;
margin: 0 15px 15px 0;
}

.listing .title {
font-size:1.5em;
font-weight:bold;
}

.listing .subtitle {
font-size:1.2em;
font-weight:bold;
margin-top:-0.5em;
}

.listing .author {
font-weight:bold;
font-size:1.2em;
margin-top:-0.5em;
}

.listing .afterword {
font-family:georgia;
font-style:italic;
}

.listing .isbn {
font-family:georgia;
}



/*******************
BOOK PAGE
********************/

#bookimage {
float:left;
margin-bottom:25px;
}

#bookinfo {
margin-left:300px;
}





/*******************
JSDDM drop-down menu
********************/

#jsddm li
{ float: left;
  list-style: none;
  }
#jsddm li a
{  display: block;
  white-space: nowrap}

  #jsddm li ul
  { position: absolute;
    visibility: hidden;
    border-top: 2px solid #0065a1;
    }

  #jsddm li ul li
  {  float: none;
     font-size:0.8em;
     display: inline;
     line-height:2em;
  }

  #jsddm li ul li a
  {  width: auto;
     background-color:#0079c1;
     padding: 0 1em 0 1em;
  }