/* Reader Site CSS File */
/* We work our way down the page */


a {
text-decoration: none;
}

#xg{padding-bottom:0px;}

/* The All-Important Form Elements */

input, textarea, select, option {
  border:1px solid #ccc;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  padding:3px;
  margin:0px;
  background-color:white;
  background-image:url(im/gradient_dark.png);
  background-repeat:repeat-x;
  font-family:Lucida Grande, Arial;
}

textarea {
  width:300px;
}

input:hover, textarea:hover {
  background-color:#f5f5f5;
}

.b {
  font-family:Lucida Grande, Arial;
  color:#555;
  font-size:11px;
  border:1px solid #ccc;
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  margin-right:4px;
  margin-bottom:4px;
  cursor:pointer;
  padding:3px 10px;
  text-decoration: none;
  background-color:white;
  background-image:url(im/gradient_dark.png);
  background-repeat:repeat-x;
}

.b:hover {
  background-color:#eee;
}



/* Header Area */

#header {
  background-color:black; 
  padding:5px; 
  color:white; 
  font-family:Lucida Grande, Arial; 
  font-size:10px;
}

#header a {
  color:white;
}

#header a:hover {
  text-shadow:0px 0px 3px #fff;
}

#hmen {
  float:right;
  margin-top:-2px;
}

#hmen a, .utb, #meta a {
  font-family:Calibri,Arial;
  font-size:11px;
  background-color:rgba(200,200,200,.15);
  display:block;
  float:left;
  padding:2px 10px;
  color:#ddd;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  margin-left:5px;
  text-align:center;
  margin-bottom:3px;
}

#hmen a:hover, .utb:hover, #meta a:hover {
  background-color:rgba(200,200,200,.25);
}



/* Body Area */

.siteframe,.siteframepad {
  //background-color:white;
}

.siteframepad {
  padding:20px 50px;
}




#cr {
  clear:both;
}

#crx {
  clear:both;
  height:20px;
}



/* Home Page */

.col1, .col2, .col3 {
  padding:0px;
}

.col3 {
  float:left;
  width:29%;
  padding-left:50px;
}

.col1 {
  clear:both;
}

/*#grayfade{
  background-color:#ccc;
  background-image:url(im/white_fade_bottom.png);
  background-repeat:no-repeat;
  background-position:bottom;
  height:100px;
  margin-bottom:-100px
}*/


/* About Page */

#bookspotlight{
  float:right;
  margin-left:50px;
  margin-top:35px;
  width:225px;
}

#booklinks {
  position:relative;
}

.bpcover{
  width:250px;
  margin-left:0px;
  margin-bottom:40px;
  position:absolute;
  left:20px;
  top:70px;
}

.cover {margin-bottom:-30px;}

.readbutton {
  width:130px; 
  background-color:#00bf0d;
  background-image:url(im/gradient_dark.png); 
  background-repeat:repeat-x; 
  position:absolute; 
  top:90px; 
  left:800px;
  margin-bottom:-60px; 
  text-align:center; 
  border:1px solid #00990b; 
  padding:5px;
  font-family:Calibri,Arial; 
  font-size:13px;
  -webkit-border-radius:23px; 
  -moz-border-radius:23px;
  line-height:100%; 
  cursor:pointer; 
  color:#fff; 
  text-shadow:0px 0px 2px rgba(0,0,0,.9); 
  -webkit-box-shadow:2px 1px 5px rgba(0,0,0,.5);
  -moz-box-shadow:2px 1px 5px rgba(0,0,0,.5);
}

.readbutton:nth-of-type(2) {
  margin-top:60px;
  background-color:#0070bf;
  border-color:#003299;
}

.buttonim {
  width:35px;
  float:right;
}

.readbuttonbigtext{
  font-size:27px; 
  margin:3px; 
  letter-spacing:1px;
}

#bookquote{
  font-family:Calibri, Arial;
  font-size: 14pt;
  font-weight:bold;
  color: #d3681d;
  text-shadow:0px 0px 3px #fff; 
  letter-spacing:-1px;
}

#bookquotewho{
  font-size:11pt;
  font-family:Arial;
  text-align:right;
  font-weight:bold
}

#bookquotecredit{
  font-size:8pt;
  font-family:Arial;
  text-align:right;
  color:#444;
}

#credit {
  font-family:Calibri, Arial;
  font-size:20px; 
  font-weight:bold;
}

#info {
  font-family:Calibri, Arial;
  color:#888;
  font-size:12px;
}

.widespot {
  clear:both;
}

#sam{
  font-size:170%;
  font-weight:bold;
  color:#c04601;
  margin-top:20px;
  letter-spacing:-1px;
  font-family:Calibri,Arial;
  margin-bottom:10px;
}

#sam i {
  font-family:Calibri, Arial;
  font-weight:normal;
  color:#aaa;
}

#dropdown {
  padding-top:10px; 
  margin-top:15px;
  padding-left:50px; 
  border:1px solid #ddd; 
  padding:10px; 
  -webkit-border-radius:5px; 
  -moz-border-radius:5px;
  background-color:#f5f5f5; 
  width:auto;
}

#dropdown .nib {
  width:25px; 
  height:13px; 
  background-image:url(im/nib.png);
  margin-top:-23px; 
  margin-bottom:10px; 
  margin-left:8px;
}

.prod {
  float:left; 
  margin-right:15px;
  width:60px; 
  height:60px; 
  -webkit-border-radius:3px; 
  font-family:Calibri, Arial;
  text-align:center;
  -webkit-box-shadow:0px 0px 10px #000; 
  overflow:hidden;
  font-size:15px;
}

.prod a {
  padding:5px;
  padding-top:7px;
  border-top:25px solid rgb(255,0,0); 
  background-image:url(im/gradient_dark.png); 
  background-repeat:repeat-x; 
  display:block;
  color:#555;
  opacity:.7;
}

.prod a:hover {
  opacity:1;
}



/* Reading Pages */

#meta {
  width:185px;
  background-color:rgba(0,0,0,.8);
  padding:20px;
  padding-left:5px;
  position:fixed;
  -webkit-box-shadow:0px 0px 50px #000; 
  -moz-box-shadow:0px 0px 50px #000;
  -webkit-border-top-right-radius:15px;
  -webkit-border-bottom-right-radius:15px;
  -moz-border-radius-topright:15px;
  -moz-border-radius-bottomright:15px;
  z-index:30;
  margin-top: 15px;
  left:0px;
}

#meta p {
  font-family:Calibri, Arial;
  color:#aaa;
  font-size:10px;
  margin-bottom:10px;
}

#meta b {
  font-family:Calibri,Arial;
  font-weight:bold;
}

#meta h2 {
  font-family:Calibri, Arial;
  color:#aaa;
  font-size:12px;
  margin:0px;
  padding:0px;
  font-weight:bold;
  text-align:center;
  margin-bottom:15px;
}

#meta a {
  color:#aaa;
}

#coverthumb {
  margin-left:18px;
  width:150px;
  -webkit-box-shadow:0px 0px 10px #000;
  -moz-box-shadow:0px 0px 10px #000;
  margin-bottom:15px;
}

#chaplist {
  max-height:120px;
  overflow:hidden;
}

#chaplist a {
  width:150px;
}

#chaplist .on {
  background-color:rgba(200,200,200,.3);
}

#chaplistup, #chaplistdown {
  background-color:rgba(200,200,200,.18);
  border:1px solid #444; 
  width:8px; 
  height:8px; 
  -webkit-border-radius:7px;
  -moz-border-radius:7px; 
  margin:5px;
  margin-left:auto; 
  margin-right:auto; 
  cursor: pointer;
}

#chaplistup:hover, #chaplistdown:hover {
  background-color:rgba(200,200,200,.45);
  border-color: #aaa;
}

#spotinfo, #spotexp, #spotopt, #spotnav {
  /*display:none;*/
  font-weight:normal;
  line-height:100%;
  clear:both;
}

#spotexp div {
  width:15px; 
  height:15px; 
  -webkit-border-radius:2px; 
  -moz-border-radius:2px; 
  padding:2px; 
  line-height:100%;
  margin-left:5px;
}

#spotexp .small {
  font-family:Georgia,Serif; 
  font-size:10px; 
  line-height:20px;
}

#spotexp .large {
  font-family:Georgia,Serif; 
  font-size:15px;
}

#spotexp .serif {
  font-family:Georgia,Serif; 
  font-size:15px;
}

#spotexp .sanserif {
  font-family:Arial,Sans-serif; 
  font-size:15px;
}

#spotexp .bw {
  background-color:#333; 
  color:#eee; 
  font-family:Georgia,Serif; 
  font-size:15px;
}

#spotexp .wb {
  background-color:#eee; 
  color:#333; 
  font-family:Georgia,Serif; 
  font-size:15px;
}

#meta i {
  height:19px; 
  width:1px; 
  margin-left:10px; 
  margin-right:2px; 
  border-left:1px solid #999; 
  float:left;
}

#content {
  position: absolute;
  width:500px;
  -webkit-box-shadow:0px 0px 50px #000; 
  -moz-box-shadow:0px 0px 50px #000;
  z-index:15;
  background-color:#fff;
  padding-bottom:30px;
  top:50px;
  left:250px;
  overflow: visible;
}

#content p {
  margin:0px 50px;
  line-height:150%;
  text-indent: 15px;
  text-align: justify;
}

#content h1 {
  text-align: center;
  padding-top:30px;
  padding-bottom:90px;
}

#aboutbook p, #aboutbook h2 {
  font-family:Arial;
  line-height: 5px;
  letter-spacing: 0px;
}

#np,#pp {
  width:14px;
  background-color:#aaa;
  border-left:1px solid #555;
  height:500px;
  display: none;
  cursor: pointer;
  position: absolute;
  z-index:10;
}

#pp {
  border-left:0px;
  border-right:1px solid #555;
  float:left;
}

#np {
}

#np:hover,#pp:hover {
  background-color:#bbb;
}

.ic {
  width:14px;
  height:19px;
  margin-top:120px;
  background-image:url(im/next_arrow.png);
  background-repeat:no-repeat;
  margin-left:auto;
  margin-right:auto
}

#pp .ic {
  background-image:url(im/prev_arrow.png);
}

.full {
  position:relative;
  top:-15px;
  margin-bottom:-30px;
  width:500px;
  z-index:0;
}

.top {
  position:relative;
  top:-15px;
  margin-bottom:5px;
  width:500px;
}

.bottom {
  position:relative;
  bottom:-15px;
  margin-top:20px;
  width:500px;
}


/* Admin Pages */

#tabs {
  width:100%; 
}

#tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5, #tabs-6, #tabs-7 {
  background-color:transparent; margin:0px; padding-left:50px; padding-right:50px;overflow: hidden;
}

.admin table {
  width:100%;
}

.admin td {
  padding:4px 3px;
}

.at td {
  border-top:1px solid #ddd;
}

#smlayout {
  width:300px;
}

#smlayout .siteframe {
  background-color:none;
  width:350px;
}

#smlayout .col1, #smlayout .col2, #smlayout .col3 {
  border:1px solid #bbb;
  padding:3px;
  margin:3px;
}

#r3,#r4,#r5 {
  position: absolute;
  top:300px;
  left:0px;
}

#r4 {
  left:300px;
}

#r5 {
  left:600px;
}

.adminsave {
  margin-left:15px; 
  color:white; 
  background-color:#5555ff
}

.at {
  background-color:#f5f5f5;
}


.tabh b {
  border-bottom:1px solid #ddd;
  font-weight:bold;
  color:#aaa;
  font-size:12px;
  margin-bottom:10px;
  margin-top:10px;
  display:block;
}


#bwfb{background-color:#ccc;background-image:url(http://1889.ca/ui/white_fade_bottom.png);background-repeat:no-repeat;background-position:bottom;height:100px;margin-bottom:-100px}



#h {
  height:100px;
  padding:10px 50px;
  background-image:url(images/top_shadow.png);
  background-repeat:repeat-x;
  color:white;
  text-shadow:0px 0px 3px #000;
  position: absolute;
  width:100%;
  z-index:10;
}



.booktim {
  -webkit-box-shadow:0px 0px 5px #000;
  border:0px;
}