@font-face {
	font-family: 'John Doe';
	src: url('fonts/johndoe-webfont.eot');
	src: local('☺'), url('fonts/johndoe-webfont.woff') format('woff'), url('fonts/johndoe-webfont.ttf') format('truetype'), url('fonts/johndoe-webfont.svg#webfontTsgcC4yZ') format('svg');
	font-weight: normal;
	font-style: normal;
}

BODY {
  margin:  0px;
  padding: 0px;
}

BODY, TD, A {
  font-family: Verdana, Helvetica, Arial, Sans-serif;
  font-size:   11pt;
}

A {
  text-decoration: none;
  color:           #025D8A;  /* deep blue */
}

  A:hover {
    text-decoration: underline;
    color:           #000000;
  }

DIV.flyleaf {
  position: absolute;
  top:      0px;
  left:     0px;
  right:    0px;
  bottom:   0px;
  background-color:    #FFFFFF;
  background-position: bottom left;
  background-repeat:   no-repeat;
  background-image:    url('images/cold_blooded_bg.jpg');
}

DIV.political_conspiracy {
  position: absolute;
  left:     0px;
  right:    0px;
  bottom:   0px;
  height:   111px;
  background-color: #000000;
}

DIV.suspense_thrillers {
  position: absolute;
  top:      0px;
  left:     0px;
  right:    0px;
  height:   100px;
  background-repeat: repeat-x;
  background-image:  url('images/suspense_thrillers_s.gif');
}

DIV.whodunit {
  position: absolute;
  top:      0px;
  right:    40px;
  width:    700px;
  height:   100px;
}

A.menuitem {
  display:     block;
  float:       right;
  width:       90px;
  height:      90px;
  padding:     10px 5px 0px 5px;
  font-size:   12px;
  font-weight: bold;
  text-align:  center;
}

  A.menuitem:hover {
    text-decoration:   none;
    background-repeat: no-repeat;
    background-image:  url('images/suspense_thrillers_a.gif');
  }

DIV.murder {
  position: absolute;
  top:  25px;
  left: 40px;
}

DIV.intrigue {
  position: absolute;
  top:      77px;
  left:     0px;
  right:    0px;
  bottom:   111px;
  overflow: auto;
  padding:  20px;
}

DIV.published_author {
  float:          left;
  margin-right:   20px;
  width:          300px;
  height:         375px;
}

DIV.page_turner {
  float:          right;
  margin-left:    20px;
  padding-top:    145px;
  width:          40px;
  height:         230px;
}

DIV.bottom_menu {
  position:    absolute;
  width:       100%;
  min-width:   866px;
  padding:     0px 40px 8px 40px;
  border-top:  2px solid #22a1d9;
  color:       #FFFFFE;
  font-weight: bold;
}

DIV.ebooks_hardbacks_paperbacks {
  float:       left;
  width:       160px;
  font-size:   12px;
  line-height: 1.5em;
}

  DIV.ebooks_hardbacks_paperbacks UL {
    margin: 0px;  padding: 0px;
    margin-left: 14px;
  }

  DIV.ebooks_hardbacks_paperbacks A {
    font-size: 11px;
    color: #A6DBF1;  /* baby blue */
  }

    DIV.ebooks_hardbacks_paperbacks A:hover {
      color:           #FFFFFE;
      text-decoration: none;
    }

DIV#curiously_compelling {
  position: absolute;
  top:      0px;
  left:     0px;
  width:    8px;
  height:   8px;
  overflow: auto;
}

DIV.copy_protection {
  position:    absolute;
  bottom:     -13px;
  left:        40px;
  right:       40px;
  font-size:   10px;
  font-weight: normal;
  color:       #4477AA;
  text-align:  center;
}

  DIV.copy_protection A {
    font-size: 10px;
    color:     #4477AA;
  }

    DIV.copy_protection A:hover {
      color:           #55AACC;
      text-decoration: none;
    }

DIV.screen {
  display:  none;
  position: absolute;
  z-index:  2;
  top:      6px;
  left:     6px;
  right:    6px;
  bottom:   6px;
  background-image: url('images/cloak_and_dagger.gif');
}

DIV.subform {
  position:     relative;
  margin-top:   150px;
  width:        600px;
  margin-left:  auto;
  margin-right: auto;
  background-color:    #47ADC3;
  background-image: url('images/espionage.gif');
  background-position: top;
  background-repeat:   repeat-x;
  border:       3px solid #125F70;
  border-top:   2px solid #D2F4FC;  /* sky blue */
  border-left:  2px solid #D2F4FC;  /* sky blue */
}

DIV.richtext_editor {
  margin-top:    40px;
  width:        850px;
}

DIV.wider {
  width: 185px;
}

DIV.right {
  float: right;
  margin-right: 40px;
}

DIV.coord {
  position: relative;
  display:  inline;
}

DIV.edit {
  position: absolute;
  z-index:  1;
  top:      -1px;
  left:    -19px;
  cursor:   hand;
}

DIV.add {
  position: absolute;
  z-index:  1;
  top:      16px;
  left:    -19px;
  cursor:   hand;
}

  DIV.edit IMG, DIV.add IMG {
    border:   1px dotted #025D8A;  /* deep blue */
    cursor:   hand;
  }

DIV.review_div { 
  width:      95%;
  border:     2px dotted #0099cc;
  background: #EEEEEE;
  padding:    15px;
  text-align: left;
}

H1 {
  margin:         0px;
  padding:        0px;
  font-family:    'John Doe', 'Courier New', serif;
  font-size:      35px;
  line-height:    50px;
  text-transform: uppercase;
}

H1.big {
  font-size:      50px;
}

H2 {  /* for emphasis on key terms -- appears as normal text */
  display:        inline;
  margin:         0px;
  padding:        0px;
  font-size:      11pt;
  font-weight:    normal;
}

H3 {
  margin:         0px;
  padding:        0px;
  font-family:    'John Doe', 'Courier New', serif;
  font-size:      20px;
  line-height:    30px;
}

H4 {
  margin:         0px;
  padding:        0px;
  font-family:    'John Doe', 'Courier New', serif;
  font-size:      15px;
  line-height:    18px;
}

.black {
  color: #000000;
}

.white {
  color: #FFFFFE;
}

.yellow {
  color: #FFF666;
}

A.no_underline:hover {
  text-decoration: none;
}