/* CSS Document */

/* to reset browser-specific settings */
* {
  margin: 0;
  padding: 0;
  border: 0 solid;
}

/* basic elements */
body {
  color: #000;
  background: #FFFBF3;
  font: 90% Verdana, Arial, Helvetica, sans-serif;
  text-align: center; /* this is asking IE to center the container ;) */
}
a {
  text-decoration: none;
}
strong, b {
  font-weight: bold;
}

/* basic divs centering the layout */
#container { 						
  width: 50em; 
  margin: 10px auto; 
  color: #000;
 
}
#main {							
  position: relative;	
  width: 100%;
  text-align: left; /* to revoke the body-definition pleasing the IE */
  color: #000;
  
}

/* the site structure */
#content {	
  width: 40em;
  color: #000;
 padding-left:70px; /*these pads stop quotes from cropping*/
  padding-right:70px;
  
}
#header {						
  height: 140px;
  text-align: left;
  margin-bottom: 5px;
  color: #000;
}
#text {
  color: #000;
  padding: 0 10px ;
  }
ul {
margin-left:30px;
}
  
#content p.footer {
  padding: 10px 10px 10px 20px;
  border-top: 1px dotted #FF0066;
  font-size:80%;
  text-align:right;
  clear: both;
  color: #000;
}
#cover {	
  float: right;
  width: 204px;
 /* margin: 0 0.2em 0 0.8em;
 */ color: #000; 
  background: #FFFBF3;
  text-align: center;
}
#cover img{
border:1px solid #ccc;
}
#links{
margin:10px;
}
#title{

}
#bookDetails{
font-size:70%;
line-height:.25em;
border-bottom: 1px dotted #FF0066;
padding-bottom:5px;
}
#left {					
  position: absolute;
  top: 0;
  left: 0;
  width: 11em;
  color: #fff;
  padding-top: 200px;
}
code {
  font-family: monospace;
}
p {
  font-size: 100%;
  text-align: left;
  margin: 10px 0;
  padding: 0 10px;
}
.authors {
font-size: 80%;
font-style:italic;
color:#999999;
margin:10px;
padding-bottom:5px;
border-bottom: 1px dotted #FF0066;
}
.logo {
float:right;
margin: 5px;
}
.small {
	font-size:80%;
	font-style: italic;
}
h1, h2, h3, h4, h5, h6  {
font-family: Verdana, Arial, sans-serif; 
font-weight: bold; 
color: #111;
/*padding-left: 5px;}*/
}
h1  
{font-size: 17px;}
h2  
{font-size: 15px; 
margin-top: 30px;}
h3 
{font-size:12px;}

#title h1 {
margin-left: 10px;
}



/* links */

a	{font-weight: bold; 
	color: #003f8d; 
	text-decoration: none;}
a:link	{font-weight: 
	bold; color: #003f8d; 
	text-decoration: none;}
a:visited	{font-weight: bold; 
	color: #003f8d; 
	text-decoration: none;}
a:hover 	{font-weight: bold; 
	color: #FF0066; 
	text-decoration: underline;}
a:active	{font-weight: bold; 
	color: #003f8d; 
text-decoration: none;}

/*pullQuotes*/
.quote	{
			width: 200px;
			float: left;
			margin: 10px 10px 5px -70px;
			font:  bold 120% Arial, sans-serif; 
			text-align: left;
			padding: 10px;
			border-top: 8px solid #ff0066;
			border-bottom: 8px solid #ff0066;
		}
.quoteRight	{
			width: 200px;
			float: right;
			margin: 10px -70px 5px 10px;
			font:  bold 120% Arial, sans-serif; 
			text-align: left;
			padding: 10px;
			border-top: 8px solid #ff0066;
			border-bottom: 8px solid #ff0066;
		}
		
		#mainBody {
  color: #000;
  padding: 10px 10px 15px 10px;
  
  }
/*css for pages other than index.html*/

#codeList {
  color: #000;
  padding: 0px 10px 15px 10px;
  border-bottom:1px solid #ccc;
  }

#codeEntry{
border-bottom:1px solid #ccc;
padding: 5px 0px 10px 10px;
}
.codeEntry{
border-bottom:1px solid #ccc;
padding: 5px 0px 10px 10px;
}
.zip {
float:right;
margin-right:5px;
}
.stuffit {
float:right;
margin-right:10px;
}
.pageNumber{
float:left;
margin-right:20px;
font-weight: bold;

color:#FF0066;
}
h2.author
{ margin-left:10px;
color:#FF0066;
}
#authorBio {
color: #000;
  margin: 0px 10px 10px 10px;
  padding: 5px;
  
 }
 img { /*change this so only link images lose border?*/
 border:0px;
 }
.floatedImageLeft	{
				margin: 10px 10px 5px -70px;
				border: solid 1px #111;
				float: left;
				}
.floatedImageRight	{
				margin: 2px 1px 5px 20px;
				border: solid 1px #111;
				float: right;
				}
/*the following is added to format the updatED news page*/				
#blogEntry{
 border-bottom: 1px solid #ccc;
 margin-bottom:5px;
}
#blogBody {
font-size:70%;
color: #000;
  margin: 0px 0px 0px 10px;
  padding: 0px;
  }
 h2.blogTitle {
 margin-top: 0px;
 color:#FF0066;
 font-size:80%;

}
p.blogEntry
{
padding: 0px;
margin: 0px;

}
#postedBy{
color: #999999;
text-align:right;
font-size:60%;
}
/*form styling*/
#formArea{
margin-left:50px;
}
#formArea p {
    font-size: 80%;
	text-align: left;
	padding-left: 20px;
}

.formField {
	border: 1px solid #ff0066;
	margin-top:2px;
	padding: 2px;
	width: 300px;	
}
.radio{
margin-left:50px;
margin-top:5px;
}

.formFieldSumbit {
	border: 2px solid #929194;
	padding: 3px 7px;
	width: 80px;	
}
/*catalog pages*/
#catNav {
text-align:center;
border-bottom: 1px solid #ff0066;
padding-bottom:10px;
margin-bottom:10px;
}
#catList{
font-size:80%;
}
#catList a { 
	color: #003f8d;
	font-weight: normal;  
	text-decoration: none;}
#catList a:link	{ color: #003f8d; 
	text-decoration: none;}
#catList a:visited	{ 
	color: #003f8d; 
	font-weight: normal;  
	text-decoration: none;}
#catList a:hover 	{ 
	color: #FF0066; 
	font-weight: normal;  
	text-decoration: underline;}
#catList a:active	{ 
	color: #003f8d; 
	font-weight: normal;  
text-decoration: none;}
#catList .siteName {
float:left;
margin-right:20px;
}

#search{
margin:10px 5px;
}
.extFeed {
float:right;
width:200px;
font-size:80%;
margin: 10px -40px 5px 10px;
padding: 10px;
border-top: 4px solid #ff0066;
border-bottom: 4px solid #ff0066;
}
.extFeed ul{
list-style:none;
margin-left:0;
}
.extFeed li{
list-style:none;
margin-left:0;
margin-bottom:4px;
}
.extFeed p {
margin-left:0;
}
.formField {
	border: 1px solid #929194;
	padding: 2px;
	width: 180px;	
}