body {
  background:#5C0B5D;
  margin:0;
  padding:0;
  font-size:100%;
  height:100%;
  font-family:serif;
  }

#header {
  height:201px;
  text-align:center;
  color:#E5B4E6;
  }

h1, h2, h3 {
  margin:0;
  padding:0;
  }

h1 {
  font-family:ComicMS;
  font-size:380%;
  }

h2 {
  font-size:160%;
  }

h3 {
  font-size:130%;
  margin:10px 0;
  }

h4 {
  font-size:80%;
  text-align:right;
  margin:0 75px 0 0;
  padding:0;
  }

img {
  border:0;
  margine:0;
  padding:0;
  top:0;
  }

img.ff {
  float:right;
  }

img.name {
  position:absolute;
  align:center;
  }
img.head {
  position:absolute;
  align:right;
  right:0;
  }
img.excerpt {
  float:left;
  margin:0 20px;
  }

#access {
  display:none;
  }

#h-band {
  position:relative;
  background-color:#EB618E;
  background-image:url("img/flower-border-h.png");
  background-repeat:x-repeat;
  height: 50px;
  border-top:1px solid #E5B4E6;
  border-bottom:1px solid #E5B4E6;
  }

#leftbox {
  position: absolute;
  width: 135px;
  height:100%;
  border:0;
  margin:5px;
  }

#content {
  margin:5px 100px 0 150px;
  padding:20px 0;
  background-color:#E5B4E6;
  min-height:250px;
  }
/* for Internet Explorer */
/*\*/
* html #content {
  height:250px;
  }
/**/

#content h3 {
  margin:0 5px;
  color:#5C0B5D;
  }

p {margin: 0; padding:5px; }

.poem {
  margin-left:20px;
  }

#menu {
  display:block;
  margin:0 auto;
  width:110px;
  border:0;
  }

a {
   text-decoration:underline;
   padding:0;
  }

.post {
  margin:15px;
  border:solid 1px #5C0B5D;
  z-index:1;
  }

.post h3 {
  border-bottom:dotted 1px white;
  padding:0 0 0 50px;
  }

iframe.amazon {
  width:120px;
  height:240px;
  scrolling=no;
  }

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.pop{
  position: relative;
  z-index: 0;
  text-decoration: none;
  }

.pop:hover{
  background-color: transparent;
  z-index: 50;
  }

.pop span{ /*CSS for enlarged image*/
  position: absolute;
  background-color: lightyellow;
  padding: 5px;
  left: -1000px;
  border: 1px dashed gray;
  visibility: hidden;
  color: black;
  text-decoration: none; 
  }

.pop span img{ /*CSS for enlarged image*/
  border-width: 0;
  padding: 2px;
  }

.pop:hover span{ /*CSS for enlarged image on hover*/
  visibility: visible;
  top: 0;
  left: 60px; /*position where enlarged image should offset horizontally */
  }
/*end Dynamic Drive CSS */

div.minimenu {
  float:right;
  margin:-15px 15px 0 0;
  font-size:.7em;
  }

div.popup a:hover {
  background-color:#AAAAAA;
  }
div.minimenu:hover div:first-child { border-bottom: none; }
div.minimenu div.popup { display: none; }
div.minimenu:hover div.popup { 
  display: block; 
  background-color:#5C0B5D; 
  }

div.minimenu div {
  width:90px;
  background-color:#BBBBBB;
  padding-right:2px;
  text-align:right;
  border:solid .5px #000000;
  }

div.popup div, div.popup a { display:block; text-decoration: none; margin: 2px 2px 2px 5px; }

div.content {
    position: absolute;
    left: 20px;
    top: 195px;
    border: 1px dashed gray;
}




#header a:link {color:#E5B4E6; text-decoration:none;}
#header a:visited {color:#E5B4E6; text-decoration:none;}
#header a:hover {color:#EB618E; text-decoration:none;}
#header a:hover img { 
  -moz-opacity:0.75;  
  opacity:0.75;
  }
#content a:link {color:#EB618E;}
#content a:visited {color:#EB618E;}
#content a:hover {color:#5C0B5D;}
#menu a:hover img { 
  -moz-opacity:0.75;  
  opacity:0.75;
  }
#bottom a:link, #bottom a:visited {color: #881464; text-decoration:none;}
#bottom a:hover {color: #EB618E; text-decoration:none;}

#bottom {
  position: absolute;
  text-align:right;
  right: 0;
  margin-right: 0;
  width:100%;
  font-size:70%;
  border-top:1px solid #000000;
  }