
/* DESIGN ELEMENTS */

/*
   color: #e9ccad; // tan
   color: #784f57; // dark red
   color: #133b2f; // dark green
   color: #fff0e0;  // light tan
*/

@media screen and (max-width: 750px) {
   #coverpic {
      margin-top:10px;
      width :245px;
      height:350px;
      }
   }

@media screen and (min-width: 750px) and (max-width: 980px) {
   #coverpic {
      margin-top:10px;
      width :147px;
      height:210px;
      }
   }

@media screen and (min-width: 980px) {
   #coverpic {
      margin-top:10px;
      width :196px;
      height:280px;
      }
   }
   
@media screen and (max-width: 750px) {
   #hatspic {
      display: block;
      margin-left:auto;
      margin-right:auto;
      margin-top:10px;
      width :200px;
      height:192px;
      }
   }

@media screen and (min-width: 750px) and (max-width: 980px) {
   #hatspic {
      float: right ;
      margin-top:10px;
      width :200px;
      height:192px;
      }
   }

@media screen and (min-width: 980px) {
   #hatspic {
      float: right ;
      margin-top:10px;
      width :300px;
      height:288px;
      }
   }
   
@media screen and (max-width: 750px) {
   #hatcover {
      display: block;
      margin-left:auto;
      margin-right:auto;
      margin-top:10px;
      width :200px;
      height:263px;
      }
   }

@media screen and (min-width: 750px) and (max-width: 980px) {
   #hatcover {
      float: right ;
      margin-top:10px;
      width :200px;
      height:263px;
      }
   }

@media screen and (min-width: 980px) {
   #hatcover {
      float: right ;
      margin-top:10px;
      width :300px;
      height:394px;
      }
   }
   
#parthat {
   float: left ;
   position: absolute ;
   left:0px ;
   top: 30px ;
   }
body {
   background-image: url('../images/back.jpg') ;
   background-repeat: repeat ;
   background-attachment: scroll ;
   background-position: left top ;
   background-color: #e9ccad;
   color: #133b2f; /* dark green */
   font-size: medium;
   font-family: 'Palatino Linotype', Geneva, Georgia, serif;
   }

#titlearea {
   background-image: url('../images/hat_srs.png') ;
   background-repeat: no-repeat ;
   background-attachment: scroll ;
   background-position: left top ;
   background-clip: border-box ;
   background-origin: border-box ;
   height: 85px ;
   }
   
#titlearea {
	text-align: center;
	color: #e9ccad; /* tan */
	padding: 15px 0;
	line-height: 1.2;
   }
   
.title {
	margin: 5px 5px 5px 90px ;
	padding: 0;
	text-decoration: none;
   text-align: left ;
}

.title {
	font-family: 'Papyrus', 'Palatino Linotype', Geneva, Georgia, serif;
	font-size: 42px;
	font-style: normal;
	font-weight: normal;
   //text-shadow: 2px 2px 2px #784f57; /* dark red */
}

#subtitlearea {
	text-align: center;
	padding: 15px 0;
   background-color: #fff0e0; /* light tan */
   border: 1px solid #784f57; /* dark red */
   }

.testimonials {
 	font-family: 'Palatino Linotype', Geneva, Georgia, serif;
	font-style: italic;
	font-weight: normal;
   font-size: 16px;
	text-align: left;
	color: #133b2f; /* dark green */  
   }
   
.testimonials li {
   padding-top: 10px ;
   }
   
#testimonialtitle {
	font-style: normal;
	font-weight: bold;
   font-size: 20px;
   }
   
.subtitle1, .subtitle2 {
	font-family: 'Palatino Linotype', Geneva, Georgia, serif;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	color: #133b2f; /* dark green */
	padding: 15px 0;
	line-height: 1.2;
   text-shadow: 1px 1px 1px gray;
}
.subtitle1 {
	font-size: 32px;
   text-decoration:underline ;
   }
   
.subtitle2 {
	font-size: 26px;
   }
   
.author  {
	font-family: 'Times New Roman', Helvetica, serif;
	font-size: 22px;
	font-style: italic;
	font-weight: normal;
   color: #784f57; /* dark red */
	text-align: center;
	padding: 0 0;
	line-height: 1.2;
   text-shadow: 1px 1px 1px white;
}
.reference {
   font-style:italic;
   font-size: smaller;
   text-align:center;
   padding: 0 ;
   margin: 0 ;
   }
 
#comingsoon {
   font-size: 32px ;
   text-align: center ;
   }
   
.bookdesc {
   font-size: 18px ;
   background-color: #fff0e0; /* light tan */
   padding: 10px ;
   margin-top: 10px ;
   }

.bookdescfontsize {
   font-size: 18px ;
   }
   
.bookdesclargefontsize {
   font-size: 32px ;
   }

#bookdesclarge {
   font-size: 32px ;
   text-align: left ;
   background-color: #fff0e0; /* light tan */
   padding: 10px ;
   margin-top: 10px ;
   }

#navigation {
	border-right: 2px solid #784f57; /* dark red */
   }

#content {
   }

a:link, a:hover, a:visited, a:active {
	color: #784f57;
}

.whatsnewdetail {
   font-size: 18px ;
   margin-left: 2em ;
   color:  #784f57;
   }

.whatsnewlist {
   font-size: 24px ;
   }

.whatsnewlist a {
   color: #133b2f; /* dark green */ 
   }   

#whatsnew {
   font-size: 32px ;
   text-align: left ;
   background-color: #fff0e0; /* light tan */
   padding: 10px ;
   margin-top: 10px ;
   }

.container {
	background-color: transparent ;
}

.silkbutton {
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 1.0em;
	margin: 0.5em 0em;
	padding: 0.2em;
	-moz-box-shadow: 2px 2px 6px 0px #161b18;
	-webkit-box-shadow: 2px 2px 6px 0px #161b18;
	box-shadow: 2px 2px 6px 0px #161b18;
	border: 1px solid #1f2623;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.silkbutton,
a.silkbutton:link,
a.silkbutton:visited {
	color: #e9ccad; /* tan */
	text-decoration: none;
   background-color: #133b2f; /* dark green */
   }

.silktan,
a.silktan:link,
a.silktan:visited{
	color: #784f57; /* dark red */
	text-decoration: none;
   background-color: #fff0e0; /* light tan */
   }
   
.silkbutton:hover,
a.silkbutton:hover {
	color: #e9ccad; /* tan */
	text-decoration: underline;
   background-color: #784f57; /* dark red */
   }

.silkbutton:active,
a.silkbutton:active {
	color: #e9ccad; /* tan */
	text-decoration: underline;
   background-color: #634147; /* darker red */
   }

.nopress:hover,
.nopress:active {
	color: #e9ccad; /* tan */
	text-decoration: none;
   background-color: #133b2f; /* dark green */
   }
   
.nopresstan:hover,
.nopresstan:active  {
	color: #784f57; /* dark red */
	text-decoration: none;
   background-color: #fff0e0; /* light tan */
   }
   
.container .navigation {
	text-align:left;
}

.container .copyright {
	text-align:center;
   color: #133b2f; /* dark green */
	font-size: 0.8em;
}

#footer {
	border-top: 1px solid #133b2f; /* dark green */
	text-align: center;
	margin: 1em 0;
	font-size: 1em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
#footer div {
	margin: 1em;
}
