body {
  background-color: #ffd5ed;
  background-image: url(hk.jpg);
  background-attachment: fixed;
  background-position: bottom right; 
  background-repeat: no-repeat; 

/*  color: #951f38;*/
  color: #700620;
  text-align: left;

  font-size: 12pt;
  font-family: Georgia, Verdana, Times, Serif;
}

body#boy {
  background-color: #d5deff;
  background-image: url(hkb.jpg);
  background-attachment: fixed;
  background-position: bottom right; 
  background-repeat: no-repeat; 

  color: #1f1f66;
}


h1, h2, h3, h4 {
  font-family: 'Kristen ITC', 'Comic Sans MS', Sans-Serif;
}

pre {
  font-size: 8pt;
}

hr {
  border: 0.5pt solid #d07090;
  width: 60%;
  margin-top: 1.75em;
  margin-bottom: 1.75em;
}
#boy hr {
  border: 0.5pt solid #1f1f66;
}

a:link {
  color: #951f38;
  text-decoration: none;
}

a:hover {
  color: #ff9933;
  background-color: #ffffff;
}



/**************************************/
/* Main - layout */

#main {
  width: 80%;
  min-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
}

/**************************************/
/* Header - layout and styling */

#header { 
  height: 100px;
  text-align: center;
  padding: 0;
  margin: 0 0 15px 0;

  border: 2px solid #a52f48;
  border-radius: 10px; -moz-border-radius: 10px;

  background-image: url(kitty-pink.png);
  background-align: left;
  background-repeat: no-repeat;
}

#boy #header { 
  border: 2px solid #1f1f66;
  border-radius: 10px; -moz-border-radius: 10px;

  background-image: url(kitty-blue.png);
  background-align: left;
  background-repeat: no-repeat;
}

#header h1 {
  margin:5px 5px 0;
  font-size: 24pt;
}

#header h2 {
  margin: 0;
  font-size: 18pt;
}

#header h3 {
  margin: -2em 5px 0 0;
  text-align: right;
  font-size: 12pt;
  letter-spacing: -0.05em;
}

#header #idx {
  text-align: right;
  margin: 5px 5px -1.7em 0;
  font-family: 'Kristen ITC', 'Comic Sans MS', Sans-Serif;
}
#header #idx.a {
  text-decoration: none;
}

/*****************************/
/* Styling */

.note {
  border: 1px solid #c04060;
  border-radius: 15px; -moz-border-radius: 15px;
  padding: 5px 2em;
  margin: 10px 0;
  font-style: italic;
  color: #c04060;
}

#boy .note {
  border: 1px solid #6070a0;
  color: #6070a0;
}

.post {
  border: 2px solid #a52f48;
  border-radius: 15px; -moz-border-radius: 15px;
  padding: 1em 2.5em;
  margin: 10px 0;
  text-align: justify;
}

#boy .post {
  border: 1px solid #1f1f66;
}

.post p {
  margin: 0.7em 0;
}

.post p a {
  text-decoration: underline;
  font-weight: bold;
}

strong {
  font-size: 110%;
  font-weight:bold;
  font-variant: small-caps;
}

/* Standard Headings */
.post h1 {
  text-align: center;
  font-size: 18pt;
  font-weight: bold;
  margin: 0 0 0.5em 0;
}

.post h2 {
  float: left;
  margin: 0 1em 0 0;
  padding: 0;
  font-size: 14pt;
}

.post h3 {
  margin: 0 0 1.5em 0;
  letter-spacing:.2em;
  font-size: 10pt;
  text-align: right;
}

.post h4 {
  margin: 0 0 0.2em 0;
}

a.more {
  margin: 0 0 0 0.7em;
  font-variant: small-caps;
}

.toc {
  font-family: 'Kristen ITC', 'Comic Sans MS', Sans-Serif;
  border: 2px solid #a52f48;
  border-radius: 15px; -moz-border-radius: 15px;
  padding: 0 2em;
  margin: 10px 0;
  font-size: 120%;
  line-height: 160%;
}

/* Two-column divs */
div.col2 {
  border: 0 !important;
  opacity: 1 !important;
  background-color: transparent !important;
  overflow: hidden;
}
/* Right column */
div.col2 div.cr {
  border: 2px solid #a52f48;
  border-radius: 15px; -moz-border-radius: 15px;
  background:#000000;
  opacity:0.7;
  padding: 0px 10px;
  margin: 0;
  width: 46%;
  float: right;
}
/* Left column */
div.col2 div.cl {
  border: 2px solid #a52f48;
  border-radius: 15px; -moz-border-radius: 15px;
  background:#ffffff;
  opacity:0.6;
  padding: 0px 10px;
  margin: 0;
  width: 46%;
  float: left;
}