/* AB-ITEMS.CSS IN ROOT
     UNTIL TODAY (OCTOBER 1, 2009) THIS WAS OLDER THAN THE ONE IN /PIECES
     BUT IT'S ACTUALLY THE ONE THAT WORKS AND IS IN PUBLIC_HTML
     TODAY I ADDED THESE NEXT SECTIONS IS ALL 

AND ON 1/2/11 I ADDED THE MENU STUFF AND MADE ADJUSTMENTS TO BODY

*/

i.verse {
font-weight: bold;
color: brown;
font-style: normal;
}

#greyfeet { 
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 10px;
  color: #999999;       /* grey */
  text-align: center;
  margin: auto;
/* border: 1px dotted blue; */
}

#greyfeet a {
  color: #999;
  text-decoration: none;
}


/* FINISH 10/1/09 ADDITIONS */

/* H1 added 10/28/11 */

.category-title {
  font-family: verdana,arial,sans-serif;
  color: #3399ff;
  text-align: center;
}

body {
  background: #fafbff;             /* CHANGED ON 1-2-11 FROM ffffff */
  margin-top:31px;                    /* CHANGED ON 1-2-11 FROM 10px all around */
/*  text-align: center;             REMOVED ON 1-2-11 */
}

input.btn{
 color: #050;
 font-family: arial, helvetica, "sans serif";
 font-size: 8pt;
/* padding: 2px 1px; */
}

a:link.font-red {
  color: #ff0000;
}

a:link.font-green {
  color: #339933;
}

a:visited.font-red {
  color: #ff0000;
}

a:visited.font-green {
  color: #339933;
}

#pseudobody {
  text-align: left;
  margin: 0 auto;
  max-width: 1024px;
  width:expression(document.body.clientWidth > 1024? "1024px": "auto" );
}

#container { 
  width: 100%;
  background: #ffffff;   /* white */
  text-align: left; 
  margin: 0 auto 25px auto;
  padding-top: 0px; 
  padding-bottom: 0px;
}

#title-author { 
  background: #ffff00;  /* yellow */
  width: 100%;
  padding-bottom: 5px;
  line-height: 40px;
  margin-bottom: 25px;
}

#title-author h1 {
  font-family: times new roman, serif;
  color: #993300;          /* brown */
  font-size: 30px;
  font-weight: bold;
  font-style: italic;
  text-align: left;
  padding-left: 10px;
  margin: 0;
  float: left;
}

#title-author h2 {
  font-family: times new roman, serif;
  color: #339933;          /* green */
  font-size: 20px;
  font-weight: bold;
  text-align: right;
  padding-right: 10px;
  margin: 0;
/*  vertical-align: middle; */
}

#left-column { 
  float: left;
  color: #000000;        /* white */
  width: 250px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  border: none;
/*  position: fixed;   Would be neat but for the occasional "More" box */
}

/* img.shadowed { filter: shadow( color=gray, direction=135 ); }  */

/*
#left-column img {
  filter: shadow( color=gray, direction=135 );
}
*/

#more-by-author {
  width: 95%;
  border: 3px solid #66cc66;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
}
               
#more-by-author h2 {
  font-size: 1em;
  width: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0;
  margin: 0; 
  /*  border: 3px solid #a8b9da;  */
  /*  border-color: #cde #89a #789 #bccdef;  */
  background: #66cc66;
}

#more-titles {
  padding: 5px 0 5px 5px;
  background: #99ff99;
  text-align: left;
  line-height: 1.5em;
}

#more-titles a:hover {
  background: red;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

#more-titles li {
  list-style-image: url(/graphics/greenbal.gif);
  text-indent: 5px;
  display: list-item;
  margin-top: 5px;
/*  vertical-align: middle; */
}

#middle-column { 
  text-align: left;
  margin: 0 190px 0 260px;
  background: #cccccc;                   /* is now light grey; was #dfdad1 */
  padding: 10px;
  border: 1px solid #000000;
  font-family: Arial, Verdana, Sans-Serif;
  line-height: 1.4em;
}

#middle-column p.link { 
  color: #999999;
  text-align: center;
  margin: 0 auto;
  padding: 10px;
  font-size: 85%;
  line-height: 1.2em;
}

#details-box {
  margin: 1em 0 0 20px;
  text-align: left;
  font-family: "times new roman", serif;
/*  width: auto; */
/*  border: 3px solid #66cc66; */
/*  margin-right: auto; */
/*  margin-top: 25px; */
/*  background: #99ff99; */
/*  text-indent: 10px; */
}

#right-column { 
  float: right;
  width: 180px;
  color: #000000;       /* white */
/*  margin-top: 10px; */
/*  border: 1px solid #000000; */
  text-align: center;
  margin-left: auto;
  margin-right: auto;
/*   NOT SURE WHAT THIS IS ABOUT        right: 10;             */
/*
  margin: 0 auto;
  position: fixed;
  top: 300; 
*/
}

/* this next line of code to be used with above position fixed line */
/* asteriskgoeshere html #right-column {position: absolute;} */   /* HERE FOR IE'S SAKE */

#comments-box {
  width: 100%;
/*  border: 3px solid #66cc66; */
/*  margin-left: auto;
  margin-right: auto; */
/*  margin-top: 25px; */
  background: #99ff99;
  text-align: left;
  text-indent: 10px;
}

#comments-box h6 {
  font-size: 1em;
/*  width: 100%; */
  text-align: center;
/*  margin-left: auto;
  margin-right: auto; */
  padding: 5px 0 3px;
  margin: 0 auto;
  border: 3px solid #a8b9da;
  border-color: #cde #89a #789 #bccdef;
  background: #66cc66;
  text-indent: 0px;
}

#comments-box a:hover {
  background: red;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

#buy-box { 
  margin-top: 50px;
  background: pink;
  border: 2px dashed red;
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 20px;
  font-weight: bold;
  color: #ff0000;       /* red */
  width: 70%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;

}




/* MENU STUFF */

ul.menu {
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 11px;
  list-style:none;
  margin:0 0 0 10px;
  padding:0;
}

ul.menu * {
  margin:0;
  padding:0;
  z-index:1;
}

ul.menu a {
  display:block;
  text-decoration:none;
}

ul.menu li {
  position:relative;
  float:left;
  margin-right:2px;
}

ul.menu ul {
  position:absolute;
  top:26px;
  left:0;
  background: #dbe8fc;
  display:none;
  opacity:0;
  list-style:none;
}

ul.menu ul li {
  position:relative;
  border:1px solid #aaa;
  border-top:none;
  width:136px;          /* MENULINK WIDTH + PADDING */
  margin:0;
}

ul.menu ul li a {
  display:block;
  padding:3px 7px 5px;
  background-color: #dbe8fc;
}

ul.menu ul li a:hover {
  background-color:#c9c0fa;
}

ul.menu ul ul {
  left:138px;           /* MENULINK WIDTH + PADDING */
  top:-1px;
}

ul.menu .menulink {
  border:1px solid #aaa;
  padding:5px 7px 7px;
  font-weight:bold;
  width:122px;          /* SEE TWO SAME COMMENTS ABOVE */
}

ul.menu .sub {
  background: #dbe8fc url(/graphics/arrow.gif) 124px 8px no-repeat;
                        /* big number above is two more than MENULINK width */
}

.topline {
  border-top:1px solid #aaa;
}

/* SOCIAL ICONS STUFF */

.social-icons {
  position:absolute;
  top:3px;
  right:185px;
  height:27px;
  width:130px;
  text-align: right;
  z-index: 9999;
}

.social-icons img {
  height: 27px;
  border: none;
  display: inline;
  padding-left: 2px;
}

/* SEARCH FORM STUFF */

.searchform {
     position: absolute;
     top: 3px;
     right: 10px;
     background: url(/graphics/searchform-ab.png) no-repeat;
     width: 170px;
     height: 27px;
     padding: 1px 0;
}

.s {
     background: transparent;
     border: none;
     font-size: 14px;
     font-family: Georgia, "Times New Roman", Times, serif;
     color: white;
     width: 135px;
     margin:2px 0 0 10px;
}

.s:focus {
     outline: none;
     box-shadow: none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
}

/* LOGO STUFF */

.logo-box {
  background: #fff url(/graphics/blue-to-white-100.jpg) repeat-x;
  height: 100px;
}

.logo-box p {
  margin: 0 0 0 12px;
  font-family: georgia,times new roman,serif;
  font-size: 16px;
  font-style: italic;
  color: #000080;
  width: 250px;
}