/* Set overall style, colors, margins and font */
BODY { 
      background: #fff;
      margin:  2.5em;
      font-family: Helvetica, sans-serif;
      color: #003366;
      padding: 2em;
      }

/* Style for Headers alignment, color, margins above and below, whether or not to wrap */
H1 { text-align: center; color: maroon; margin-top : 0em; margin-bottom: 0.25em; clear : both ; }
H1.title { text-align: right; color: maroon; margin-top : 0em; margin-bottom: 0.5em; }
H2 { text-align: center; color: maroon; margin-top : 0.25em; margin-bottom: 0.25em; clear : both ;}
H3 { text-align: center; color: maroon; margin-top : 0.25em; margin-bottom: 0.25em; clear : both ;}
H4 { text-align: center; color: maroon; margin-top : 0.3em; margin-bottom: 0.5em; clear : both ;}
h3.header {color: maroon; margin-top : 15px; margin-bottom: 15px; font-size: 1.0em;}

/* general and special paragraph styles, text indent */
P  { text-indent: 2em }
P.date { text-align: center; text-indent: 0em; font-family: Helvetica, sans-serif; background-color: teal; padding: 1em ; color: yellow }
p.center {text-align: center;}

/* define display for citations, emphasized and strong */
/* note the font specification when italics are used! */
strong { font-size: 110%;   font-weight: bold; color: #006600 }
strong.bookrec { font-size: 110% ; color: white}
strong.req { font-size: 110% ; color: red} 
cite { color:maroon;  font-family: Helvetica, sans-serif; }
EM { color: olive ; font-family: Helvetica, sans-serif; }
B { font-size: 1em ; font-weight: bold ; }

/*  image styles - note: Netscape doesn't support all this yet */
img { border-style: none ; margin: 0em ; }
img.portrait { border-style: none ; float : right ; padding-left: 2em ; padding-bottom: 2em; }
img.icon { border-style: none ; margin : 0em ; padding : 0em ; display : inline ; float : none; }
img.logo {  border-style: none ; margin : auto ; padding : 0em ; } 
img.banner { display: block ; margin-right: auto ; margin-left: auto ; }

/* establish desired margins for lists and blockquote */
BLOCKQUOTE { margin-right: 3em; margin-left: 3em; color: #000 }
UL {list-style-type: square}
OL   { margin-right: 10%; margin-left: 5% }
DL   { margin-right: 5%; margin-left: 3% }
dt { text-indent: 1em ;  font-size: 0.8em;}
dd {text-indent: 2.5em ; font-size: 0.8em;}

/* define a couple of address styles */
/* to use: <address class=addr1> */
.addr1 { margin-right: 2em; 
                 margin-left: 3em; 
                 font-style: normal ; 
                 font-family: Helvetica, sans-serif; 
                 color: navy ;
                 background-color: white; 
                 padding: 6px;
         text-indent: 1em; 
         }
.addr2 {    font-style: normal ; 
                 font-family: Helvetica, sans-serif; 
                 color: navy ;
                 background-color: white; 
                 padding: 6px  }

/* set link colors and styles */
A:link    { color:#663300; text-decoration: underline }
A:visited { color:#006666; text-decoration: underline }
A:hover   { color:#666600; text-decoration: underline }
A:active  { color:#00FF00}

/* set margins for HR */
HR { margin-top : 1em; margin-bottom : 1em; }

/* define text indent for BR (just to make sure) */
BR    { text-indent: 0em }

/* define a couple of special classes so that I can have paragraphs that */
/* don't indent and some special text if I desire */ 
.noin { text-indent: 0em }
.special { background-color:olive; color:white; padding: 1em ; margin-right: 3em; }

.motd{
  position: relative ;
  background-color: #FF0000 ;
  width: 80% ;
  min-width: 450px;
  margin: 20px 20px 20px 20px ;
  border: 2px solid maroon ;
  background-color: white ;
  padding: 20px ;
  z-index: 6;
}

.news{
  position: absolute ;
  background-color: maroon ;
  width: 60% ;
  min-width: 200px;
  margin-right: 40% ;
  border-right: 2px solid maroon ;
  background-color: white ;
  padding: 10px ;
  z-index: 4;
}

.book{
  position: absolute;
  background-color: green ;
  width: 39% ;
  min-width: 100px;
  margin-left: 60% ;
  border-left: 2px solid maroon ;
  background-color: white ;
  padding: 10px ;
  z-index: 5;
}

div#bkbox {
	display: block;
	width: 75%;
   	border-color: maroon;
   	border-width: 9px;
   	border-style: ridge;
   	padding-top: 0px;
   	margin: auto;
   		}
div#bkhd {
	background-color: maroon;
   		}
div#bkbox1 {
	padding: 1.5em ;  
	}
#amazon {
	position: relative;
	margin-left: 20% ; 
	display: inline ;
   		}

div#bkbox2 {
	padding-left: 2.0em ;  
	padding-right: 2.0em ;  
	padding-top: 0.5em;
	padding-bottom: 0.5em;
   	border-color: maroon;
   	border-top-width: 2px;
   	border-left-width: 0px;
   	border-right-width: 0px;
   	border-bottom-width: 0px;
   	border-style: solid;
   		}
dl.bk {
    margin-left: 1.5em;
    }
dd.bk {
    margin-left: 2.0em;
    }
img.bkcover {
	display: block;
	float: right;
	padding: 10px;
		}
		
img.iTunes{
	display: block;
	float: left;
	padding: 10px;
		}
strong.bkhead {
	color: white;
	background-color: maroon;
	font-weight: bolder ;
	padding-left: 1.0em;
	padding-right: 1.5em;
		}

#floatframe {
		float: right;
		border-width: 3 ;
		border-style: solid ;
		border-color: maroon ;
		}	
		
.posterframe {
		float: right;
		}	
/* Code Author: Patrick Crampton */
/* http://www.sgtsearch.com/ */
/* in cooperation with http://www.thiefware.com */
span {font-size:12px} 
background {color:red}