/*
Theme Name: Heather B Moore
Theme URI: http://www.hbmoore.com/
Description: The design for author Heather Moore's website.
Version: 2.0
Author: Monger
Author URI: http://www.mongermethod.com/

	HBMoore v2.0
	 http://www.hbmoore.com/

	This theme was designed and built by Monger

*/

body {
    background: #20032b;
         color: black;
        margin: 0;
        height: 100%;
}
body.bg01 { background: #20032b url(images/bg-internal01.gif) repeat-x }
body.bg02 { background: #20032b url(images/bg-internal02.gif) repeat-x }
body.bg03 { background: #20032b url(images/bg-internal03.gif) repeat-x }

body, p, td { font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif }

h1, h2, h3, h4, h5 { margin: 0 0 8px 20px }
h3 { color: #8f6d5d; }

form { margin: 0; padding: 0 }

img { border: none; }

/* ─[ PARAGRAPH DEFINITIONS ]─────────────────────────────────────────────────── */
p, p.noIndent, p.nextLine {
	     color: black;
     font-size: 11px;
   line-height: 22px;
        margin: 3px 20px 26px 20px;
   text-indent: 20px;
}
p.pastEvent { color: #998156 }
p.pastEvent a:link, p.pastEvent a:visited { color: #a18f6d; text-decoration: none }
p.pastEvent a:hover, p.pastEvent a:active { color: #d49354; text-decoration: underline }

p.noIndent { text-indent: 0 }
p.nextLine, p.credit { margin-top: -26px }
p.credit { text-align: right; font-style: italic }
p.credit cite { font-style: normal }

span.fauxIndent { text-indent: 20px; width: 80px }

ol, ul, ul.subContent {
     font-size: 11px;
   line-height: 22px;
}
ul { margin: 0 20px 0 40px }
ul.subContent {
          margin: 0 0 26px -20px;
 list-style-type: none;
     text-indent: 20px;
}

ol { margin-top: 0 }

a:link, a:visited { color: #43484c; text-decoration: none }
a:hover, a:active { color: #aa4f1a; text-decoration: underline }

input.text, input.errorField {
          color: black;
         border: solid 1px #56206a;
          width: 150px;
      font-size: 11px;
        padding: 2px;
}

input.text { background: #ffffff }
input.errorField { background: #f7bfbf }
em.highlight { color: #430759 }
em.highlight cite { font-style: normal }
hr { width: 601px; left: 10px }

/* ─[ PAGE STYLES ]───────────────────────────────────────────────────────── */
#mainWrapper { width: 780px }

#rightBorder {
     background: #fec763;
          width: 2px;
       position: absolute;
           left: 778px;
}

#head01 {
     background: url(images/internal-01.gif) no-repeat;
        display: inline;
         height: 72px;
}

#head02 {
     background: url(images/internal-02.gif) no-repeat;
        display: inline;
         height: 72px;
}

#head03 {
     background: url(images/internal-03.jpg) no-repeat;
        display: inline;
         height: 72px;
}

#title {
          width: 778px;
         height: 45px;
}

#errorMsg, #successMsg {
    font:          11px/22px Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin-bottom: 20px;
}

#errorMsg { color: #e00000 }
#successMsg { color: black }

#mailingListTitle {
    font:          bold 11px/22px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color:         #56206a;
}

div.mailingListCopy {
    margin-bottom: 20px;
    font:          11px/22px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color:         #000000;
}

table.events { font: 11px/22px Verdana, Geneva, Arial, Helvetica, sans-serif }
table.events caption { white-space: nowrap }
table.events, table.events caption { margin-left: 20px }
table.events td { padding-right: 16px }

/* ?[ PAGE TITLES ]????????????????????????????????????????????????????????? */
.titleAuthor  { background: #c56b23 url(images/title-author.gif) no-repeat  }
.titleSeries  { background: #3b4044 url(images/title-series.gif) no-repeat  }
.titleEvents  { background: #717504 url(images/title-events.gif) no-repeat  }
.titleReviews { background: #c56b23 url(images/title-reviews.gif) no-repeat }
.titleWriting { background: #3b4044 url(images/title-writing.gif) no-repeat }
.titleWorks   { background: #717504 url(images/title-works.gif) no-repeat   }
.titleContact { background: #c56b23 url(images/title-contact.gif) no-repeat }
.titleLinks   { background: #3b4044 url(images/title-links.gif) no-repeat   }

#tablesAreEvil { width: 778px; padding: 0; margin: 0; border: none }

td.menuCell { width: 155px; background: #20032b url(images/bg-internal-menu.gif) no-repeat }
td.borderCell { width: 2px;	background: #fec763 }
td.ContentCell { 
            width: 621px; 
       background: #ffd78f url(images/bg-content01.gif) repeat-x;
      padding-top: 20px;
   vertical-align: top;
}

#menuContainer { width: 155px }
#contentContainer {  width: 621px }

/* -[ FORM STYLES ]---------------------------------------------------------- */
#maillistSignup {
      margin-left: auto;
     margin-right: auto;
            width: 400px;
           border: 2px solid #c76e26;
       background: #ffefd2;
          padding: 20px 20px 10px 20px;
    margin-bottom: 20px;
}

div.inputLine {
            color: black;
        font-size: 11px;
           height: 20px;
    margin-bottom: 10px;
            width: 330px;
      margin-left: auto;
     margin-right: auto;
}

div.inputLabel {
            float: left;
            width: 130px;
       margin-top: 2px;
}

div.inputField {
            float: left;
            width: 200px;
        font-size: 11px;
}

/* ?[ GAPS ]????????????????????????????????????????????????????????????? */
#gap01, #gap02, #gap03, #gap04, #gap05, #gap06, #gap07, #gap08, #gap09 {
	width:  155px;
	height: 1px;
}

#gap01 { background: url(images/gap-01.gif) no-repeat }
#gap02 { background: url(images/gap-02.gif) no-repeat }
#gap03 { background: url(images/gap-03.gif) no-repeat }
#gap04 { background: url(images/gap-04.gif) no-repeat }
#gap05 { background: url(images/gap-05.gif) no-repeat }
#gap06 { background: url(images/gap-06.gif) no-repeat }
#gap07 { background: url(images/gap-07.gif) no-repeat }
#gap08 { background: url(images/gap-08.gif) no-repeat }
#gap09 { background: url(images/gap-09.gif) no-repeat }

/* -[ BUTTONS ]-------------------------------------------------------------- */
#btnHome, #btnHome a {
            width: 155px;
           height: 31px;
}

#btnAuthor, #btnSeries, #btnEvents, #btnReviews, #btnBlog, #btnWriting, #btnWorks, #btnContact, #btnLinks,
#btnAuthor a, #btnSeries a, #btnEvents a, #btnReviews a, #btnBlog a, #btnWriting a, #btnWorks a, #btnContact a, #btnLinks a {
      width: 155px;
     height: 29px;
}
/*#btnAuthor, #btnSeries, #btnEvents, #btnReviews, #btnWriting, #btnWorks, #btnContact, #btnLinks { cursor: pointer }*/
#btnHome a, #btnAuthor a, #btnSeries a, #btnEvents a, #btnReviews a, #btnBlog a, #btnWriting a, #btnWorks a, #btnContact a, #btnLinks a { display:  block }

.btnHomeOver { background: url(images/btn-home-o.gif) no-repeat }
.btnHomeOut { background: url(images/btn-home-n.gif) no-repeat }
.btnAuthorOver { background: url(images/btn-author-o.gif) no-repeat }
.btnAuthorOut { background: url(images/btn-author-n.gif) no-repeat }
.btnAuthorActive { background: url(images/btn-author-a.gif) no-repeat; cursor: default }
.btnSeriesOver { background: url(images/btn-series-o.gif) no-repeat }
.btnSeriesOut { background: url(images/btn-series-n.gif) no-repeat }
.btnSeriesActive { background: url(images/btn-series-a.gif) no-repeat; cursor: default }
.btnEventsOver { background: url(images/btn-events-o.gif) no-repeat }
.btnEventsOut { background: url(images/btn-events-n.gif) no-repeat }
.btnEventsActive { background: url(images/btn-events-a.gif) no-repeat; cursor: default }
.btnReviewsOver { background: url(images/btn-reviews-o.gif) no-repeat }
.btnReviewsOut { background: url(images/btn-reviews-n.gif) no-repeat }
.btnReviewsActive { background: url(images/btn-reviews-a.gif) no-repeat; cursor: default }
.btnBlogOver { background: url(images/btn-blog-o.gif) no-repeat }
.btnBlogOut { background: url(images/btn-blog-n.gif) no-repeat }
.btnBlogActive { background: url(images/btn-blog-a.gif) no-repeat; cursor: default }
.btnWritingOver { background: url(images/btn-writing-o.gif) no-repeat }
.btnWritingOut { background: url(images/btn-writing-n.gif) no-repeat }
.btnWritingActive { background: url(images/btn-writing-a.gif) no-repeat; cursor: default }
.btnWorksOver { background: url(images/btn-works-o.gif) no-repeat }
.btnWorksOut { background: url(images/btn-works-n.gif) no-repeat }
.btnWorksActive { background: url(images/btn-works-a.gif) no-repeat; cursor: default }
.btnContactOver { background: url(images/btn-contact-o.gif) no-repeat }
.btnContactOut { background: url(images/btn-contact-n.gif) no-repeat }
.btnContactActive { background: url(images/btn-contact-a.gif) no-repeat; cursor: default }
.btnLinksOver { background: url(images/btn-links-o.gif) no-repeat }
.btnLinksOut { background: url(images/btn-links-n.gif) no-repeat }
.btnLinksActive { background: url(images/btn-links-a.gif) no-repeat; cursor: default }

#bottomBorder {
           height: 2px;
            width: 780px;
       background: #fec763;
}

/* ─[ HOME PAGE ]──────────────────────────────────────────────────────────────────────────────────────────────────── */
#mainContainer {
	position:    absolute;
	top:         50%;
	left:        50%;
	width:       980px;
	height:      620px;
	margin-left: -490px;
	margin-top:  -310px;
}

#topSection {
	background: url(images/main-sec01.jpg) no-repeat;
	width:      980px;
	height:     81px;
	position:   absolute;
}

#leftSection {
	background: url(images/main-sec02.jpg) no-repeat;
	width:      654px;
	height:     265px;
	top:        81px;
	float:      left;
	position:   absolute;
}

#rightSection {
	background:  url(images/main-sec03.jpg) no-repeat;
	width:       326px;
	height:      265px;
	top:         81px;
	margin-left: 654px;
	position:    absolute;
}

#bottomSection {
	background: url(images/main-sec04.jpg) no-repeat;
	width:      980px;
	height:     274px;
	top:        346px;
	position:   absolute;
}
 /* ─[ INDEX BOOKS ]───────────────────────────────────────────────────────────────────────────────────────────────── */
#featuredBook {
    background: url(images/featured-book.png) no-repeat;
         width: 144px;
        height: 205px;
      position: absolute;
	        top: 116px;
          left: 740px;
}

#featuredBookTxt {
    background: url(images/featured-book-text.png) no-repeat;
         width: 144px;
        height: 137px;
      position: absolute;
           top: 116px;
          left: 816px;
}

/* ► OUT OF JERUSALEM SERIES TITLE── */
#outOfJerusalemTitle {
    background: url(images/book-sprites.png) -715px -150px no-repeat;
         width: 195px;
        height: 89px;
      position: absolute;
          left: 728px;
           top: 508px;
}

/* ► OUT OF JERUSALEM 1 ────── */
#outOfJerusalem1 {
	background: url(images/book-sprites.png) 0px -136px no-repeat;
	     width: 83px;
        height: 121px;
      position: absolute;
           top: 494px;
          left: 52px;
}

#outOfJerusalem1Txt {
    background: url(images/out-of-jerusalem-1-text.png) no-repeat;
         width: 215px;
        height: 93px;
      position: absolute;
           top: 358px;
          left: 95px;
}

/* ► OUT OF JERUSALEM 2 ────── */
#outOfJerusalem2 {
    background: url(images/book-sprites.png) -88px -136px no-repeat;
         width: 83px;
        height: 121px;
      position: absolute;
           top: 494px;
          left: 208px;
}

#outOfJerusalem2Txt {
    background: url(images/out-of-jerusalem-2-text.png) no-repeat;
         width: 216px;
        height: 105px;
      position: absolute;
           top: 494px;
          left: 95px;
}

/* ► OUT OF JERUSALEM 3 ────── */
#outOfJerusalem3 {
    background: url(images/book-sprites.png) -176px -136px no-repeat;
         width: 83px;
        height: 121px;
      position: absolute;
           top: 494px;
          left: 372px;
}

#outOfJerusalem3Txt {
    background: url(images/out-of-jerusalem-3-text.png) no-repeat;
         width: 224px;
        height: 121px;
      position: absolute;
           top: 358px;
          left: 419px;
}

/* ► OUT OF JERUSALEM 4 ────── */
#outOfJerusalem4 {
    background: url(images/book-sprites.png) -266px -136px no-repeat;
         width: 83px;
        height: 121px;
      position: absolute;
           top: 494px;
          left: 532px;
}

#outOfJerusalem4Txt {
    background: url(images/out-of-jerusalem-4-text.png) no-repeat;
         width: 199px;
        height: 68px;
      position: absolute;
           top: 494px;
          left: 420px;
}

a#whitney-award-link, a#whitney-award-link img {
         width: 73px;
        height: 82px;
}

a#whitney-award-link {
       background: url(images/book-sprites.png) -356px -158px no-repeat;
          display: block;
         position: absolute;
              top: 533px;
             left: 604px;
}

/* ► ABINADI ───────────────── */
#abinadi {
    background: url(images/book-sprites.png) no-repeat;
         width: 83px;
        height: 121px;
      position: absolute;
           top: 358px;
          left: 12px;
}

#abinadiTxt {
    background: url(images/book-sprites.png) -85px 0 no-repeat;
         width: 225px;
        height: 124px;
      position: absolute;
           top: 358px;
          left: 95px;
}

a#abinadiWhitneyAward, a#abinadiWhitneyAward img {
         width: 66px;
        height: 74px;
}

a#abinadiWhitneyAward{
    background: url(images/book-sprites.png) -439px -163px no-repeat;
       display: block;
      position: absolute;
           top: 405px;
          left: 184px;
}

a#abinadiBetsOfState, a#abinadiBetsOfState img {
         width: 71px;
        height: 71px;
}

a#abinadiBetsOfState {
    background: url(images/book-sprites.png) -516px -164px no-repeat;
       display: block;
      position: absolute;
           top: 405px;
          left: 250px;
}

/* ► ALMA ──────────────────── */
#alma {
    background: url(images/alma.png) no-repeat;
         width: 82px;
        height: 124px;
      position: absolute;
           top: 358px;
          left: 336px;
}

#almaTxt {
    background: url(images/alma-text.png) no-repeat;
         width: 214px;
        height: 93px;
      position: absolute;
           top: 358px;
          left: 419px;
}

/* ► ALMA THE YOUNGER ──────── */
#alma-the-younger {
    background: url(images/book-sprites.png) -656px 0 no-repeat;
         width: 82px;
        height: 124px;
      position: absolute;
           top: 358px;
          left: 667px;
}

#alma-the-younger-txt {
    background: url(images/book-sprites.png) -741px 0 no-repeat;
         width: 214px;
        height: 93px;
      position: absolute;
           top: 358px;
          left: 751px;
}

#mainVLine {
	background: url(images/main-vLine.gif) no-repeat;
	width:      1px;
	height:     93px;
	position:   absolute;
	top:        201px;
	left:       227px;
}

#menuLeft {
	width:    126px;
	height:   93px;
	position: absolute;
	top:      200px;
	left:     98px;
}

#menuRight {
	width:    132px;
	height:   93px;
	position: absolute;
	top:      200px;
	left:     231px;
}

/* ─[ ABOUT THE AUTHOR ]───────────────────────────────────────────────────────────────────────────────────────────── */
#lnkAboutTheAuthor {
	position: absolute;
	top:      0;
	left:     1px;
	cursor:   pointer;
}

#lnkAboutTheAuthor, #lnkAboutTheAuthor a {
    display:  block;
    width:    125px;
	height:   16px;
}

.authorOut { background: url(images/main-lnkAuthor_n.png) no-repeat; }
.authorOver { background: url(images/main-lnkAuthor_o.png) no-repeat; }

/* ─[ ABOUT THE SERIES ]───────────────────────────────────────────────────────────────────────────────────────────── */
#lnkAboutTheSeries {
	position: absolute;
	top:      25px;
	left:     11px;
	cursor:   pointer;
}

#lnkAboutTheSeries, #lnkAboutTheSeries a {
    display:  block;
    width:    113px;
	height:   16px;
}

.seriesOut { background: url(images/main-lnkSeries_n.png) no-repeat; }
.seriesOver { background: url(images/main-lnkSeries_o.png) no-repeat; }

/* ─[ EVENTS ]─────────────────────────────────────────────────────────────────────────────────────────────────────── */
#lnkEvents {
	position: absolute;
	top:      50px;
	left:     73px;
	cursor:   pointer;
}

#lnkEvents, #lnkEvents a {
    display:  block;
    width:    49px;
	height:   16px;
}

.eventsOut { background: url(images/main-lnkEvents_n.png) no-repeat; }
.eventsOver { background: url(images/main-lnkEvents_o.png) no-repeat; }

/* ─[ REVIEWS ]────────────────────────────────────────────────────────────────────────────────────────────────────── */
#lnkReviews {
	position: absolute;
	top:      75px;
	left:     69px;
	cursor:   pointer;
}

#lnkReviews, #lnkReviews a {
    display:  block;
    width:    54px;
	height:   16px;
}

.reviewsOut { background: url(images/main-lnkReviews_n.png) no-repeat; }
.reviewsOver { background: url(images/main-lnkReviews_o.png) no-repeat; }

/* ─[ BEHIND THE WRITING ]─────────────────────────────────────────────────────────────────────────────────────────── */
#lnkWriting {
	position: absolute;
	top:      0;
	left:     7px;
	cursor:   pointer;
}

#lnkWriting, #lnkWriting a {
    display:  block;
    width:    123px;
	height:   16px;
}

.writingOut { background: url(images/main-lnkWriting_n.png) no-repeat; }
.writingOver { background: url(images/main-lnkWriting_o.png) no-repeat; }

/* ─[ WORKS IN PROGRESS ]──────────────────────────────────────────────────────────────────────────────────────────── */
#lnkWorks {
	position: absolute;
	top:      25px;
	left:     6px;
	cursor:   pointer;
}

#lnkWorks, #lnkWorks a {
    display:  block;
    width:    123px;
	height:   16px;
}

.progressOut { background: url(images/main-lnkProgress_n.png) no-repeat; }
.progressOver { background: url(images/main-lnkProgress_o.png) no-repeat; }

/* ─[ CONTACT ]────────────────────────────────────────────────────────────────────────────────────────────────────── */
#lnkContact {
	position: absolute;
	top:      50px;
	left:     6px;
	cursor:   pointer;
}

#lnkContact, #lnkContact a {
    display:  block;
    width:    58px;
	height:   16px;
}

.contactOut { background: url(images/main-lnkContact_n.png) no-repeat; }
.contactOver { background: url(images/main-lnkContact_o.png) no-repeat; }

/* ─[ LINKS ]──────────────────────────────────────────────────────────────────────────────────────────────────────── */
#lnkLinks {
	position: absolute;
	top:      75px;
	left:     7px;
	cursor:   pointer;
}

#lnkLinks, #lnkLinks a {
    display:  block;
    width:    36px;
	height:   16px;
}

.linksOut { background: url(images/main-lnkLinks_n.png) no-repeat; }
.linksOver { background: url(images/main-lnkLinks_o.png) no-repeat; }

/* ─[ MY BLOG ]────────────────────────────────────────────────────────────────────────────────────────────────────── */
#lnkBlog {
	position: absolute;
	top:      100px;
	left:     5px;
	cursor:   pointer;
}

#lnkBlog, #lnkBlog a {
    display:  block;
    width:    56px;
	height:   17px;
}

.blogOut { background: url(images/main-lnkBlog_n.png) no-repeat; }
.blogOver { background: url(images/main-lnkBlog_o.png) no-repeat; }

#copyright {
    color:          #c56b23;
    padding:        5px 0px 20px 0px;
    font:           10px Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align:     center;
    text-transform: uppercase;
    letter-spacing: 2px;
    width:          780px;
    left:           50%;
    margin-left:    -390px;
    top:            50%;
    margin-top:     315px;
    position:       absolute;
}

#sub-copyright {
    color:          #c56b23;
    width:          621px;
    margin-left:    159px;
    padding:        5px 0px 20px 0px;
    font:           10px Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align:     center;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* ─[ "Coda Popup Bubbles" ]───────────────────────────────────────────────────────────────────────────────────────── */
.bubbleInfo {  position: relative }
.trigger { height: 100% }
.popup {
          position: absolute;
           display: none;
  background-color: #fff4e0;
            border: 1px solid #f8e1b9;
         font-size: 80%;
           padding: 4px;
             width: 150px;
}

.popup p {
            margin: 0 0 1em 0;
         font-size: 100%;
       line-height: 1.3em;
       text-indent: 0;
}