/*  BASE DATA  */


body {
   font             : 11px/20px Georgia, "Times New Roman", Times,serif;
   color            : #666666;
   background       : #00496C;
   margin           : 0px;
   padding          : 0px;
}


/*  BOOK PARTS  */


#divBookBack {
   background       : url(img/BookEdges.png) repeat-y;
   left             : 50%;
   position         : absolute;
   width            : 770px;
   margin           : 10px 0px 20px -385px;
   padding-bottom   : 0px;
}
#divBookTop {
   background       : url(img/BookTop.png) no-repeat top left;
   width            : 770px;
   height           : 45px;
}
#divBookBottom {
   background       : url(img/BookBottom.png) no-repeat bottom left;
   width            : 770px;
   height           : 65px;
   clear            : both;
}
#divBookMark {
   position         : absolute;
   top              : 41px;
   left             : 30px;
   padding          : 0px 0px 0px 380px;
}
#divBookMark .p1 {
   margin           : 10px 110px 0px 0px;
   font-size        : 1.2em;
}
#divBookMark .p2 {
   margin           : 0px;
   background       : url(img/Bookmark.jpg) no-repeat;
   position         : absolute;
   top              : -25px;
   left             : 620px;
   width            : 81px;
   height           : 131px;
}
#divBookMark .p2 span {
   color            : #FFFFFF;
   font             : 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
   display          : block;
   padding          : 20px 10px;
}
#divBookMark .p2 a {
   color            : #FFFFFF;
}
#divBookMark .p2 a:hover {
   color            : #CCCCCC;
   text-decoration  : none;
}
#divPageHeader {
   margin-left      : 55px;
}
#divPageHeader h1 {
   background       : url(img/SiteName.png) no-repeat top left;
   width            : 268px;
   height           : 71px;
}
#divPageHeader h1 span {
   display          : none;
}
#divPageHeader h2 {
   background       : url(img/AdventuresOnTheRoad.png) no-repeat;
   height           : 20px;
   width            : 299px;
}
#divPageHeader h2 span {
   display          : none;
}
#pPageNumber {
   color            : #999999;
   font-size        : .8em;
}


/*  PAGES 1 & 2  */


.Pages {
   margin           : 30px 50px 0px 50px;
   font-style       : italic;
   font-size        : 1.1em;
   clear            : both;
}
.Pages p {
   line-height      : 24px;
}
.tDate {
   color            : #111111;
   font-family      : "Bookman Old Style", "Book Antiqua";
   font-weight      : bold;
}
.tDate span {
   font-size        : 1.5em;
   font-family      : "Book Antiqua", "Bookman Old Style";
   font-weight      : bold;
}
.PageLeft {
   width            : 300px;
   padding-right    : 55px;
   float            : left;
}
.PageRight {
   width            : 300px;
   float            : left;
}

.ulPageNext {
   text-align       : right;
}
.ulPageBack a, .ulPageNext a {
   color            : #AAAAAA;
   font-size        : .9em;
   text-decoration  : none;
}
.ulPageBack li, .ulPageNext li {
   list-style-type  : none;
   text-indent      : -40px;
}


/*  BOOK COVER  */


#divBookCoverBack {
   background       : url(img/BookCoverEdges.png) repeat-y;
   left             : 50%;
   position         : absolute;
   width            : 770px;
   margin           : 10px 0px 20px -385px;
   padding-bottom   : 0px;
}
#divBookCoverTop {
   background       : url(img/BookCoverTop.png) no-repeat top left;
   width            : 770px;
   height           : 30px;
}
#divBookCoverBottom {
   background       : url(img/BookCoverBottom.png) no-repeat bottom left;
   width            : 770px;
   height           : 65px;
   clear            : both;
}
#divCoverHeader h1 span, #divCoverHeader h2 span {
   display          : none;
}
#divCoverHeader {
   margin-left      : 430px;
   width            : 268px;
   height           : 71px;
}
#divCoverHeader h1 {
   background       : url(img/BookCoverSiteName.png) no-repeat top left;
   width            : 268px;
   height           : 71px;
}
#divCoverHeader h2 {
   background       : url(img/PersonalJournal.png) no-repeat;
   height           : 20px;
   width            : 299px;
}
#divBookCoverBack .Pages p {
   color            : white;
}
#divBookCoverBack .Pages a {
   color            : white;
   font-weight      : bold;
}
#divBookCoverBack .Pages a:hover {
   color            : #999999;
}


/*  BASICS  */


h1, h2, h3 {
   margin           : 0px;
   padding          : 0px;
}
a {
   color            : #696969; /*#191970;*/
   text-decoration  : underline;
}
a:hover {
   color            : #B22222;
}
a:visited {
   color            : #696969;
}
a acronym {
   border           : none;
}
acronym {
   cursor           : help;
}
quote {
   font-style       : normal;
   font-family      : "arial narrow";
   font-size        : 1.2em;
   border-bottom    : #111111 dotted 1px;
}
em {
   color            : #111111;
}
udf {
   background-color : yellow;
}
small {
   font-style       : normal;
   font-family      : "arial narrow";
   font-size        : .9em;
}
table {
   font-size        : small;
   line-height      : 15px;
   font-weight      : normal;
   font-style       : normal;
}
td {
   vertical-align   : top;
}
thead {
   color            : #706D32;
   font-weight      : bold;
   font-style       : oblique;
   border           : 0px;
}
.NumberColumn {
   font-family      : "Courier New", serif;
   text-align       : right;
   padding-right    : 10px;
   white-space      : pre;
}


/*  PHOTOS  */


.divMovie {
   float            : left;
   padding          : 0px 10px 0px 0px;
   overflow         : hidden;
}
.divMovie img {
   border           : 0px;
   width            : 149px;
   height           : 111px;
}
.divPhotoBgHorizontal, .divPhotoBgSquare, .divPhotoBgVertical {
   float            : left;
   padding          : 0px 10px 0px 0px;
   overflow         : hidden;
}
.divPhotoBgHorizontal img, .divPhotoBgSquare img, .divPhotoBgVertical img {
   border           : 0px;
   position         : relative;
   left             : 10px;
   top              : 10px;
}
.divPhotoBgHorizontal {
   background       : url(img/PhotoBgHorizontal.jpg) no-repeat;
   width            : 150px;
   height           : 100px;
}
.divPhotoBgHorizontal img {
   width            : 130px;
   height           : 80px;
}
.divPhotoBgSquare {
   background       : url(img/PhotoBgSquare.jpg) no-repeat;
   width            : 150px;
   height           : 150px;
}
.divPhotoBgSquare img {
   width            : 130px;
   height           : 130px;
}
.divPhotoBgVertical {
   background       : url(img/PhotoBgVertical.jpg) no-repeat;
   width            : 100px;
   height           : 150px;
}
.divPhotoBgVertical img {
   width            : 80px;
   height           : 130px;
}


/*  OTHER CUTESIE STUFF  */


.SquigLine {
   background       : url(img/SquigLine.png) no-repeat;
   width            : 169px;
   height           : 28px;
   margin           : 4px 0px 40px 50px;
}
.RightPaperClip {
   width            : 720px;
   text-align       : right;
   margin           : 0px 0px 0px 0px;
}
.PostIt {
   background       : url(img/PostIt.jpg) top left no-repeat;
   width            : 232px;
   height           : 209px;
   padding          : 20px;
   color            : darkblue;
   line-height      : 24px;
   font-size        : 1.2em;
   font-family      : "comic sans ms";
   font-style       : normal;
   font-weight      : bold;
   overflow         : hidden;
}
.FoldedBill {
   background       : url(img/FoldedBill.jpg) top left no-repeat;
   width            : 73px; //146px;
   height           : 129px; //259px;
   position         : relative;
   left             : -19px;
}


/*  LISTS  */


ul {
   list-style       : circle;
   font-style       : normal;
   font-family      : "arial narrow";
   font-size        : .95em;
   line-height      : 15px;
   margin-top       : 0px;
}
.liCheck {
   list-style       : outside url(img/Check.png)
}


/*  FOOTER  */


#divFooter {
   position         : absolute;
   bottom           : 20px;
   left             : 30%;
   text-align       : center;
}
#divFooter ul {
   margin           : 0px;
}
#divFooter li {
   list-style-type  : none;
   display          : inline;
   margin-left      : 20px;
}
#divFooter a {
   color            : silver;
   text-decoration  : none;
}
#divFooter a:hover {
   color            : red;
}