/* heart.css
/* created by c.westney
/* last updated: 29 june 2006 
 */

/* *********************************************  Global styles  *** */

*{
padding:0;
margin:0;
}

body{
background:#FFFFFF;
text-align: center;
font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
font-size:1em;
}

#top{
height:auto;
}


p{
margin-bottom:1em;
}

a{
color:#CC0000;
font-weight:bold;
}

#wrapper{
width:780px;
border-left:#000000 10px solid;
border-right:#000000 10px solid;
border-bottom:#000000 10px solid;
margin-left:auto;
margin-right:auto;
text-align:left;
font-size:80%;
background-color:#000;
}
.clear{
clear:both;
width:100%;
}

#heart{
float:left;
}
#john{
float:right;
}

#about-the-book{
width:450px;
float:left;
padding-top:30px;
padding-right:20px;
background-color:#FFFFFF;
margin-bottom:10px;
}


.quote{
margin-left:20px;
background-color:#cc0000;
color:#fff;
padding:15px 15px 15px 0px;
margin-bottom:20px;
}
 
#about-the-book li{
margin-left:20px;
list-style-type:none;
background:url(imgs/bg_bullet.gif) no-repeat left top;
}



#about-the-book ul{
margin-bottom:20px;

}
 
 #menu{
 width:100%;
 height:auto;
 border-bottom:#000 solid 10px;
 background-color:#fff;
 }


#menu li{
list-style-type: none;
display:inline;
}

#menu img{
border:0;
margin:10px 19px;
}

#bookcover{
width:300px;
float:right;
border-left:10px #000 solid;
background-color:#000;
height:100%;

}

#about-the-book p, #about-the-book h2{
margin-left:20px;
}

#buy{
clear:both;
background-color:#fff;
padding:20px;
width:740px;
}

#buy li{
list-style-type:none;
background:url(imgs/bg_bullet.gif) no-repeat left;
padding-left:20px;
line-height:23px;
display:inline;
margin-right:20px;
}

#about-john{
width:450px;
float:right;

padding-top:30px;
padding-left:20px;
margin-top:10px;
background-color:#fff;
}

#johnpic{
margin-top:10px;
width:auto;
float:left;
clear:left;
border-right:10px #000 solid;

}

#about-john p, #about-john h2{
margin-right:20px;
}

#extras, .link, .linklast, #corrections{
background-color:#fff;
padding-top:30px;
}

#extras p, #corrections p{
margin-left:20px;
padding-right:20px;
}

#corrections{
padding-bottom:20px;
margin-top:10px;
}

#extras li, .link li , .linklast li{
list-style-type:none;
margin-left:20px;
}

.link img, .link p, .linklast img, .linklast p{
margin-left:20px;
}

.link, .linklast{
padding-bottom:10px;
}

.link{
margin-bottom:10px;
}

#extras ul, #link ul{
border-bottom:#000 solid 10px;
}


a.pdf{
background:url(imgs/bg_pdf.gif) no-repeat left;
padding-left:40px;
line-height:60px;
display:block;
width:auto;
}

a.connotea{
background:url(imgs/connotea.gif) no-repeat left;
padding-left:90px;
line-height:60px;
display:block;
width:auto;
}

a.library{
background:url(imgs/librarything.gif) no-repeat left;
padding-left:90px;
line-height:60px;
display:block;
width:auto;
}

.amazon{
background:url(imgs/amazon.gif) no-repeat left;
padding-left:90px;
}

.nature{
background:url(imgs/nature.gif) no-repeat left;
padding-left:90px;
}

#link li{
line-height:30px;
}

.left{
float:left;
}

.right{
float:right;
}

#cloudforest{
background-color:#000000;
float:left;
}

#identify{
margin-top:10px;
}

#caption{
background-color:#fff;
color:#000;
clear:both;
width:260px;
height:237px;
padding:20px;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
}

#processing{
float:right;
border-top:#000 10px solid;
}

#johnmetabolic{
clear:both;
float:left;
margin-bottom:10px;
}

#metabolic{
background-color:#fff;
color:#000;
float:right;
width:430px;
height:196px;
padding:20px;
margin-left:10px;
margin-bottom:10px;
}
#cloud{
float:right;
clear:both;
}


#forest{

float:left;
background-color:#fff;
color:#000;
padding:20px;
padding-top:50px;
margin-right:10px;
width:430px;
text-align:right;
height:330px;
}


.anevent, .acomment{
border-bottom:#cc0000 1px solid;
padding:10px;
margin-bottom:10px;
}

.aquote{
font-size:120%;
}


.credit{
text-align:center;
color:#FFFFFF;
font-size:80%;
margin-top:5px;
display:block;
}

.credit a{
color:#fff;
font-weight:normal;
}