body {
   background-color: #969666;
}
/* Main text styles */
p {
   font-family: Verdana, Helvetica, "Trebuchet MS", sans-serif;
   size: 16px;
   color: #bbb8ac;
}
h1{
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 37px;
   font-weight: 200;
   color: #bbb8ac;
}
h3{
   color: #bbb8ac;
   font-size: 18px;
}
/* Main structural elements */
#wrapper {
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 20px;
   margin-top: 20px;
   width: 1100px;
   height: 1371px;
   -moz-box-shadow: 0px 0px 3px 3px #000;
   -webkit-box-shadow: 0px 0px 3px 3px #000;
   box-shadow: 0px 0px 3px 3px #000;
}
#headerWrapper{
   width: 1100px;
   height: 271px;
   margin: 0px;
   padding: 0px;
   border: 0px;
}
#header {
   width: 1100px;
   height: 231px;
   background-image: url(../images/header.jpg);
   position: relative;
}

#headerText{
   position: relative;
   left: 20px;
   top: 60px;
}
#navigationBar{
   height: 40px;
   width: 1100px;
   background-color: #000;
   border: 0px;
   margin: 0px;
   padding: 0px;
}
#navigation {
   position: relative;
   left: 20px;
   top: 10px;
}

#navigation ul li{
   display: inline;
   font-family: Verdana, Helvetica, "Trebuchet MS", sans-serif;
   font-size: 16px;
   color: #bbb8ac;
}
.separator{
   width: 1100px;
   height: 20px;
}
#mainBody{
   position: absolute;
   width: 1100px;
   height: 1100px;
   background-image: url(../images/newbg.jpg);
   background-repeat: no-repeat;
}
#mainPanelContent{
   position: absolute;
   left: 35px;
   top: 65px;
   width: 650px;
   height: 430px;
   border: 0px;
}
#mainPanelContent:hover{
   position: absolute;
   left: 35px;
   top: 65px;
   width: 650px;
   height: 430px;
   border: 0px;
   background-image: url(../images/overlay2.png);
   background-repeat: no-repeat;
}
.mainPanelRotate{
   width: 650px;
   height: 430px;
   border: 0px;
   background: none;
}

.mainPanelPicture{
   float: left;
   width: 210px;
   margin-left: 10px;
   margin-right: 30px;
   height: 380px;
   margin-top: 0px;
   background: none;
}
.mainPanelPicture img{
   width: 200px;
   margin-left: 0px;
   margin-right: 0px;
   height: 310px;
   margin-top: 0px;
   -moz-box-shadow: 3px 3px 3px 3px #000;
   -webkit-box-shadow: 3px 3px 3px 3px #000;
   box-shadow: 3px 3px 3px 3px #000;
}

/* Main panel text styles */
p.mainContent{
   font-family: Arial, sans-serif;
   font-size: 14px;
   color: #3e0909;
   margin-bottom: 15px;
   line-height: 115%;
}
p.mainContent em{
   font-family: Arial, sans-serif;
   font-size: 12px;
   color: #3e0909;
   margin-bottom: 15px;
   font-style: italic;
}
p.mainContentTitle{
   font-family: Arial, sans-serif;
   font-size: 18px;
   color: #3e0909;
   font-weight: 900;
   margin-bottom: 20px;
   text-align: center;
}
.mainContent a:link{
   color: #3e0909;
}
.mainContent a:visited{
   color: #3e0909;
}
.mainContent a:hover{
   color: #ea5e0a;
}
.mainContent a:active{
   color: #3e0909;
}
.mainContentTitle a:link{
   color: #7c2900;
}
.mainContentTitle a:visited{
   color: #7c2900;
}
.mainContentTitle a:hover{
   color: #eab600;
}
.mainContentTitle a:active{
   color: #7c2900;
}
p.mainContentTitle em{
   font-style: italic;
   font-weight: 900;
   font-size: 22px;
}

/* These are the absolutely positioned divs used to
   form the links on the site */
#macmillanLink{
   position: absolute;
   left: 875px;
   top: 930px;
   width: 190px;
   height: 100px;
   border: 0px;
}
.macmillanLinkImage{
   width: 200px;
   height: 100px;
}
#andrewmannLink{
   position: absolute;
   left: 848px;
   top: 1034px;
   width: 195px;
   height: 50px;
   border: 0px;
}
.andrewmannLinkImage{
   width: 200px;
   height: 50px;
}
#blackcrowLink{
   position: absolute;
   left: 15px;
   bottom: 10px;
   width: 200px;
   height: 25px;
   border: 0px;
}

.blackcrowLinkImage{
   width: 200px;
   height: 25px;
}
#biogLink{
   position: absolute;
   left: 910px;
   top: 430px;
   width: 80px;
   height: 35px;
   border: 0px;
}
.biogLinkImage{
   width: 80px;
   height: 35px;
}
#kindleLink{
   position: absolute;
   left: 898px;
   top: 570px;
   width: 150px;
   height: 195px;
   border: 0px;
   overflow: hidden;
}
.kindleContent{
   position: relative;
   width: 150px;
   height: 193px;
   margin: 0px;
   padding: 0px;
}
.kindleContent p{
   font-family:  Verdana, Helvetica, "Trebuchet MS", sans-serif;
   font-size: 9px;
   color: #2b2928;
   margin-top: 3px;
   margin-bottom: 8px;
   margin-left: 2px;
}
#pebbleLink{
   position: absolute;
   left: 154px;
   bottom: 126px;
   width: 10px;
   height: 10px;
   margin: 0px;
   padding: 0px;
}
.pebble{
   width: 10px;
   height: 10px;
   margin: 0px; 
   padding: 0px;
}
#foreignLink{
   position: absolute;
   left: 590px;
   bottom: 155px;
   width: 130px;
   height: 50px;
   margin: 0px;
   padding: 0px;

}
.foreign{
   width: 100px;
   height: 50px;
   margin: 0px; 
   padding: 0px;
}
#splashLink{
   position: absolute;
   left: 783px;
   top: 42px;
   width: 250px;
   height: 170px;
   margin: 0px;
   padding: 0px;
   border: 0px solid #000;
}
.splash{
   width: 265px;
   height: 155px;
   margin: 0px; 
   padding: 0px;
   border: 0px;
}
.splash p{
   font-family: Arial, sans-serif;
   font-size: 10px;
   color: #333;
   margin-bottom: 10px;
}

.splashElement p:first-child{
   font-family: Arial, sans-serif;
   font-size: 12px;
   color: #333;
   margin-bottom: 15px;
   text-align: center;
   font-weight: 800;
}
.splashLinks{
   position: absolute;
   left: 0px;
   top: 150px;
   width: 265px;
   text-align: center;
}
.splashLinks p{
   position: relative;
   bottom: 0;
   font-family: Arial, sans-serif;
   font-size: 12px;
   color: #333;
   margin-bottom: 15px;
   font-weight: 800;
}
.splashElement p:last-child{
   font-family: Arial, sans-serif;
   font-size: 12px;
   color: #333;
   margin-bottom: 15px;
   text-align: center;
   font-weight: 800;
}
.splash p:first-child{
   font-family: Arial, sans-serif;
   font-size: 12px;
   color: #333;
   margin-bottom: 15px;
   text-align: center;
   font-weight: 800;
}
.splash p:last-child{
   font-family: Arial, sans-serif;
   font-size: 12px;
   color: #333;
   margin-bottom: 15px;
   text-align: center;
   font-weight: 800;
}
.splash a:link{
   font-family: Arial, sans-serif;
   font-size: 10px;
   color: #333;
   margin-bottom: 15px;
   font-weight: 800;
}
.splash a:visited{
   font-family: Arial, sans-serif;
   font-size: 10px;
   color: #333;
   margin-bottom: 15px;
   font-weight: 800;
}
.splash a:hover{
   font-family: Arial, sans-serif;
   font-size: 10px;
   color: #7c2900;
   margin-bottom: 15px;
   font-weight: 800;
}
.splash a:active{
   font-family: Arial, sans-serif;
   font-size: 10px;
   color: #333;
   margin-bottom: 15px;
   font-weight: 800;
}
#teaFloat{
   position: absolute;
   left:67px;
   top: 582px;
   width: 180px;
   height: 180px;
   padding: 0px;
   margin: 0px;
   overflow: hidden;
}
#teaFloatTop{
   position: absolute;
   left:50px;
   top: 560px;
   width: 220px;
   height: 220px;
   padding: 0px;
   margin: 0px;
   overflow: hidden;
}

.teacup{
   position: absolute;
   left: -200px;
   top: 10px;
   height: 494px;
   width: 907px;
   margin: 0px;
}
.buttons{
   position: absolute;
   bottom: 0px;
   right: 10px;
   background: none;
   border: 0px;
}

a:link {
   text-decoration: none;
   color: #bbb8ac;
   outline: none;
}
a:visited{
   text-decoration: none;
   color: #bbb8ac;
   outline: none;
}
a:hover{
   text-decoration: none;
   color: #ea5e0a;
   outline: none;
}
a:active{
   text-decoration: none;
   color: #bf4815;
   outline: none;
}
a.kindle:link {
   text-decoration: none;
   font-size: 9px;
   color: #2b2928;
   outline: none;
}

a.kindle:visited{
   text-decoration: none;
   font-size: 9px;
   color: #2b2928;
   outline: none;
}
a.kindle:hover{
   text-decoration: none;
   font-size: 9px;
   color: #ea5e0a;
   outline: none;
}
a.kindle:active{
   text-decoration: none;
   font-size: 9px;
   color: #ea5e0a;
   outline: none;
}
a.amazon:link {
   font-size: 15px;
   text-decoration: none;
   color: #7c2900;
   outline: none;
}
a.amazon:visited{
   font-size: 15px;
   text-decoration: none;
   color: #7c2900;
   outline: none;
}
a.amazon:hover{
   font-size: 15px;
   text-decoration: underline;
   color: #ccc;
   outline: none;
}
a.amazon:active{
   font-size: 15px;
   text-decoration: none;
   color: #7c2900;
   outline: none;
}
#emailEntry{
   position: relative;
   left: 600px;
   top: 10px;
}
#emailEntry ul li{
   display: inline;
   font-family: Verdana, Helvetica, "Trebuchet MS", sans-serif;
   font-size: 16px;
   color: #bbb8ac;
}
#emailLabel{
   float: left;
   width: 200px;
}
#emailField{
   float: left;
   width: 210px;
}
#emailButton{
   float: left;
   width: 50px;
   margin-left: 5px;
}
input[type="text"]{
   font-family: Verdana, Helvetica, "Trebuchet MS", sans-serif;
   border: solid 1px #bbb8ac;
   background-color: #121316;
   width: 120px;
   color: #bbb8ac;
}
input[type="text"]:hover{
   font-family: Verdana, Helvetica, "Trebuchet MS", sans-serif;
   border: solid 1px #ea5e0a;
   background-color: #121316;
   color: #bbb8ac;
   width: 120px;
}
input[type="text"]:focus{
   font-family: Verdana, Helvetica, "Trebuchet MS", sans-serif;
   border: solid 1px #ea5e0a;
   background-color: #bbb8ac;
   color: #121316;
   width: 120px;
}
input[type="submit"]{
   font-family: Verdana, Helvetica, "Trebuchet MS", sans-serif;
   border: solid 0px #bbb8ac;
   background-color: #000;
   width: 24px;
   color: #bbb8ac;
   font-size: 12px;
}
input[type="submit"]:hover{
   font-family: Verdana, Helvetica, "Trebuchet MS", sans-serif;
   border: solid 0px #ea5e0a;
   background-color: #000;
   color: #ea5e0a;
   width: 24px;
   font-size: 12px;
   cursor: pointer;
}
#photoWrapper{
   width: 1100px;
   margin: 10px auto 20px;
   text-align: center;
   padding: 0px;
}

#emailOverlay{
   position: absolute;
   width: 35%;
   margin: 0px;
   /*height: 80px;*/
   bottom: 5px;
   right: 5px;
   background-color: #fff;
   z-index: 90;
   opacity:0.9;
   filter:alpha(opacity=90);
   -moz-box-shadow: 3px 3px 3px 3px #000;
   -webkit-box-shadow: 3px 3px 3px 3px #000;
   box-shadow: 3px 3px 3px 3px #000;
}

#emailOverlay p{
   font-size: 14px;
   margin: 0px;
   padding: 5px 20px 5px 20px;
   color: #000;
}