/* 
gpbstyles.css
Styles for Garlandpicturebooks.com
1/24/05
*/



body {
	  background: #CEB6E4; /*url(images/bck_tile2.jpg) top center repeat-y*/
	  text-align: center;
	  margin: 0;
	  padding: 0;
		
	 }

#wrap {
	  position: relative;
	  margin-top: 10px;
	  margin-right: auto;
	  margin-bottom: 10px;
	  margin-left: auto;
	  padding: 0;
	  text-align: left;
	  width: 700px;
	  border: 1px solid black;
	  background: #ffffff;
	 }

#header {
		 background: url(images/header3.jpg) no-repeat;
		 position: relative;
    	 height: 168px;
    	 width: 700px;
    	 line-height: normal;
    	  }

#nav {
	width: 680px;
	position: absolute;
	bottom: 0;
     }


#nav ul {
    	margin:0;
    	padding:10px 10px 0;
   		list-style:none;
    }

#nav li {
    	float:left;
    	background: url(images/left.gif) no-repeat left top;
    	margin:0;
		padding:0 0 0 9px;
    	}

#nav a {
	font-size: 9px;
	text-decoration: none;
	font-family: verdana, arial;
	font-weight: bold;
	float: left;
	color: white;
	display: block;
	background:url(images/right.gif) no-repeat right top;
	padding:5px 10px 7px 0px;
       }

#nav #current { background-image:url(images/left_on.gif); }

#nav #current a {
    background-image:url(images/right_on.gif);
	color: #330066;
    }

  /* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  #header a {float:none;}
  /* End IE5-Mac hack */

   
#main-content {
	margin: 0 0 25px 0;
	padding: 1em;
	background: #ffffff;
	position: relative;
			  }

#main-content img {
				   display: block;
				   float: left;
				   padding: 0;
				   margin: 0 0px 10px 0;
				   border: 0;
				  }

img {
	 border: 0;
	}


img#bio {
	padding: 0 15px 10px 0;
	position: relative;
				 }
img#feature {
	padding: 0 15px 10px 0;
	height: 405px;
	position: relative;
				 }
				 
img#feature2 {
	padding: 0 15px 10px 0;
	height: 405px;
	position: relative;
	margin-left:130px;
	margin-top:20px;
	

				 }
				 
#topNav {
	width:100%;
	text-align:right;
	padding-right:10px;
	margin-top:-10px;
	
}

.topNav_c {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	text-decoration:none;


}
p {
	margin: 1em .5em 1em;
	padding: 0;
	font-family: verdana, arial, sans-serif;
    color:#353535;
	font-size: 80%;
	}

h1 {
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 150%;
	font-weight: bold;
	padding: 0;
	margin: 0 0 1em 0;
	color: #330066;
	text-align: center;
	}

table#covers { 
			  border: 0;
			  }

table#covers td {
				 vertical-align: top;
				 padding-bottom: 8px;
		  		}
table#bip {
		   border: 0;
		   width: 600px;
		  }

table#bip td {
			  vertical-align: top;
			  padding: 0;
			 }

table#bip ul, table#bip li {
			  	  			list-style: none;
				  			font-size: 12px;
				  			font-family: verdana, arial, sans-serif;
				 			margin: 0;
				 			padding: 0 .5em;
				 			line-height: 16px;
			      			}
table#bip li {
			  
			 }

table#bip ul {
			  margin-bottom: .75em;
			   }

.publisher 	{
			font-style: italic;
			font-weight: bold;
			color:#2b2448;
			line-height: normal;
			 }

.title {
		font-weight: bold;
		color:#c82222;
		}

/*---- Specific Styles for Gallery Page ---*/

#cover {
		margin: 20px auto;
		padding: 0;
        text-align: center;
		width: 500px;
		}


table#gallery { 
				margin-bottom: 0;}

table#gallery td.image {
						padding-bottom: 25px;
					   }


table#gallery td.specs {
						vertical-align: top;
						horizontal-align: left;
					   }


	    
h2 {
	margin: -1.25em 0 1em 0;
	padding: 0;
	font-size: 100%;
	text-align: center;
	font-family: Trebuchet MS, verdana, arial;
	font-weight: bold;
	color:#c80202;
	}

p.enlarge {
			font-weight: bold;
			text-align: center;
			margin-top: 0;
			margin-bottom: 2em;
			padding: 0;
		  }

p.back {
		text-align: center;
		}

p.back a {
		  font-weight: bold;
		  font-size: 120%;
		  text-decoration: none;
		  }

p.back a:hover {
		  		color: #800040;
		  		}

#footer {
		 clear: both;
		 padding: .25em;
         background: #330066;
		 margin:  1em;
		 border: 1px solid #b96fbf;
        }

#footer p {
		   color: #ffffff;
		   font-size: 65%;
		   text-align: center;
		   margin: .25em;
		   padding: 0;
		  }
