/* CSS Document */

html>body { font-size: 12px; }

body {
	font: .8em 'Lucida Grande' Arial, Helvetica, Geneva, sans-serif;
	background-color: #9c9284; 
	margin:20px 0; 
	padding:0;
	text-align:center; }
	
h1,h2,h3,h4 { margin: .1em 0 }
p { color: #333; margin: 0.6em 0; line-height: 1.3em; }
ol { color: #333; margin: 0 3em; padding:0;}
ol li {	line-height:120%; margin:0; padding-bottom:.4em;}
	
cite {font-weight: bold; font-style: normal;}
cite a:link, cite a:visited  { color: #36a; text-decoration: none; }

/* helps with floating columns */
.clear-space, #left-nav .clear-space, #right-nav .clear-space, #left-nav .merch-widget .clear-space, .archive-nav .clear-space, .about-author .clear-space, .rss-2col .clear-space, .two-col .clear-space {clear:both;}

/* ******************************************************************* 
the outer box surrounding the header, footer and middle section  
********************************************************************** */
#container {
	width: 770px; 
	margin: 0 auto; 
	padding:0; 
	text-align: left; 	
	background: url(/images/main2-bg.gif) repeat-y left top;}	

/* ******************************************************************* 
															header  
********************************************************************** */
#header {
	height: 131px; 
	background-image: url(/images/corner-header.gif);
	background-repeat: no-repeat;
	background-position: center top;  width: auto; overflow: hidden; margin:0; padding:0; }
	
#header .logo {
	width: 70%;
	float: left;
	height: 104px;
	display: block;
	background-image: url(/images/cuppajoad.gif);
	background-repeat: no-repeat;
	background-position: left top; }

#header .ali-logo {
	width: 18%;
	float: right;
	text-align:center;
	height: 64px;
	margin-top:20px;
	padding:4px; }

#header .ali-logo p {  
	font: .8em 'Lucida Grande' Verdana, Arial, Helvetica, Geneva, sans-serif; 
	margin:0; 
	padding:0; }

#header h1 {
	color: #69c;
	margin-left: -1200px;
	padding:0; }

#header h2 {
	font-size: 1.4em;
	text-align: left;
	color: #36a;
	margin-left: -1200px;
	padding:0; }

/* nav stylestyle for addition of Alibris search box */
#header .nav { 
	font-family: Verdana, Helvetica, sans-serif;
	font-size: .8em;
	display: block; 
	width: auto; 
	margin:0; padding:0;  }
	
#header .nav ul {
	padding: 0;
	margin: 0;
	background-color: #736155;
	color: #fffff2;
	float: left; width: 100%; }

#header .nav ul li {	
	height: 33px; 
	display: inline; 
	margin: 0; 
	padding: 0; }
	
#header .nav ul li a {
	padding: .8em 1em;
	color: #fffff2;
	text-decoration: none;
	float: left;
	border-right: 1px solid #9c9284; }

#header .nav ul li a:hover { 
	background-color: #69c; 
	color: #fff; }
	
#header .nav  ul li.search  {
	font-size: 1.1em;color: #fffff2;
	text-decoration: none;
	float: right;
	padding: .3em .9em .5em .9em; }

#header .nav ul li.search a:hover { 
	color: #fff; 
	background-color: #736155; }

#header .nav ul li input.sm-box { 
	background-color:#fffff2; 
	height: 17px; 
	margin:0; 
	padding:0;
	border: 1px solid #fffff2; }

#header .nav ul li input.btn { 
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: .9em; 
	font-weight: bolder; 
	color: #fff; 
	background-color: #f90; 
	width: auto; 
	margin: 0; 
	padding:0; 
	border-top:2px solid #fc7; 
	border-right: 2px solid #c60; 
	border-bottom: 2px solid #c60; 
	border-left:2px solid #fc7;}

/* ******************************************************************* 
								       middle section - content 
********************************************************************** */

#main1 { /* for 3 column pages - has right + left nav bg - wraps around both navs and middle content */
	width: auto;
	margin:0;
	padding:0; }

#main2 { /* for 2 column pages - has NO left nav bg - wraps around right nav and middle content */
	width: auto; 
	margin:0; 
	padding:0; }

.content {
	text-align: left;
	margin:0 170px 0 206px; padding:.8em 0; }

.content2 { /* for 2 column pages main content */
	text-align: left; margin:0 170px 0 0; padding: 1em; }
	
.content p, .content2 p {
	margin:0; padding-bottom: .9em; }	
	
#main1 .content ul, #main2 .content2 ul { 
	list-style-type: none;  
	margin: 0 0 2px 1.1em; 
	padding:0;  }
	
#main1 .content ul li, #main2 .content2 ul li {  
	background-image: url(/images/bitmap_arrow.gif); 
	background-repeat: no-repeat; 
	background-position: 0 4px; 
	margin: 0; 
	padding: 0 0 3px 10px; }		

.content h1, .content2 h1  {
	font-size: 1.3em;
	color: #f90;
	line-height: 110%;
	text-align: left;	
	margin-bottom: .2em;
	padding:0; }	
	
.content a:link, .content a:visited, .content2 a:link, .content2 a:visited  {
	color: #36a;
	text-decoration: none; }

.content a:hover, .content a:active, cite a:hover, cite a:active, .content2 a:hover, .content2 a:active {
	color: #f90;
	text-decoration: none;
	border-bottom: 1px dotted #f90; }	
	
.content h1 a:link, .content h1 a:visited, .content2 h1 a:link, .content2 h1 a:visited {	
	color: #f90; 
	text-decoration: none; }
	
.content h1 a:hover, .content2 h1 a:hover {	
	text-decoration: none; 
	border-bottom: 1px dotted #f90; }
	
.content h2 {
	font-size: 1.1em;
	color: #555;
	line-height: 100%;
	text-align: left;	
	margin-bottom: .2em;
	padding:0; }	
	
.content2 h2  {
	font-size: 1em;
	color: #555;
	line-height: 100%;
	text-align: left;	
	margin-bottom: .2em;
	padding:0; }		

/* ******************************************************************* 
								middle section - left & right navs  
********************************************************************** */
#left-nav {
	background-color: #eec;
	height: auto;
	margin: 1em .9em 1em 0;
	padding:0;
	float:left;
	width:195px;
	border-top: 1px dotted #9c9284;
	border-right: 1px dotted #9c9284;
	border-bottom: 1px dotted #9c9284;}

#right-nav {
	float:right;
	width:160px;
	height: 100%;
	margin:0; padding:0; }
	
#left-nav .nav-content, #right-nav .nav-content {
	color:#555; 
	font-size: .9em; 
	margin:0; 
	padding:.5em; }	
	
#left-nav .nav-content p, #right-nav .nav-content p {
	color:#555; }		
	
#left-nav h3, #right-nav h3, #left-nav caption {
	font-size: 1em;
	font-weight: bolder;
	color: #555;
	text-align: left; }
	
#left-nav h4, #right-nav h4 {
	font-size: 1em;
	color: #36a;
	text-align: center; }	

#left-nav ul, #right-nav ul {
	list-style-type: none;
	margin: .1em 0 .6em 0;
	padding:0; }
	
#left-nav li, #right-nav li {
	background-image: url(/images/arrow.gif); 
	background-repeat: no-repeat; 
	background-position: 0 3px; 
	margin: 0; 
	padding-left: 9px; 
	line-height: 130% }	

#left-nav a:link, #right-nav a:link, #left-nav a:visited, #right-nav a:visited {
	color: #555;
	text-decoration: none; }

#left-nav a:hover, #right-nav a:hover {
	color: #555;
	text-decoration: none;
	border-bottom: 1px dotted #555;	}	
	
/* ******************************************************************* 
								    for left-nav merch widget  
********************************************************************** */
#left-nav .merch-widget { 
	display: block; 
	margin: 10px 5px; 
	padding: 8px; 
	border:1px solid #fffff2; }
	
#left-nav .merch-widget h1 { 
	font-size: 1em; 
	text-align:left; 
	color:#555; 
	margin: 0; 
	padding:0; }
	
#left-nav .merch-widget p { 
	color: #333; 
	margin: 0; 
	padding-bottom:3px; }
	
#left-nav .merch-widget img {
	display:block; 
	width:48px; 
	float:left; 
	margin: 1px 5px 4px 0;  }
	
#left-nav .merch-widget .right { 
	float:right; 
	width: 62%; 
	margin:0; 
	padding:0; }
	
#left-nav .merch-widget .left { 
	float:left;  
	margin:0; 
	padding:0; }

#left-nav .merch-widget em { 
	color: #900;
	font-style: normal; }

#left-nav .merch-widget a:link, .merch-widget a:visited { 
	color: #336696; 
	text-decoration: none; 
	border-bottom: 1px dotted #336696; }
		
#left-nav .merch-widget a:hover { 
	color: #f90; 
	text-decoration: none; 
	border-bottom: 1px dotted #f90; }
	
#left-nav .merch-widget h1 a:link, #left-nav .merch-widget h1 a:visited { 
	color: #555; 
	text-decoration: none; 
	border-bottom: 1px dotted #eec;}
		
#left-nav .merch-widget h1 a:hover { 
	color: #555; 
	text-decoration: none; 
	border-bottom: 1px dotted #555; }
	
/* ******************************************************************* 
								    for right-nav search field  
********************************************************************** */		
.searchform  { 	
	font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif; 
	font-size: .8em; 
	color: #444;
	text-align: left; 
	margin:0 0 .7em 0; 
	padding:0; }
	
.searchform .box {
	width: 8em; 
	margin:0; 
	padding:1px; 
	border: 1px solid #bfcfdf; }
		
.searchform .btn { 
	font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif; 
	font-weight: bolder; 
	color: #fff;
	font-size: 10px; 
	background-color: #bfcfdf; 
	width: auto; 
	margin: 0; 
	padding:1px; 
	border-top:1px solid #ecf1f6; 
	border-right: 1px solid #9fb4cb; 
	border-bottom: 1px solid #9fb4cb ; 
	border-left:1px solid #ecf1f6; }

/* ******************************************************************* 
								               footer  
********************************************************************** */		
#footer {
	text-align:center;
	width: auto;
	margin: 0;
	padding:10px;
	border-top: 1px solid #887961;
	background-image: url(/images/corner-footer.gif);
	background-repeat: no-repeat;
	background-position: center bottom; } 

#footer p {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: .8em;
	color: #333;
	text-align: center;
	margin: .3em; }
	
#footer a:link, #footer a:hover, #footer a:visited {
	color: #555;
	text-decoration: none; }		

/* ******************************************************************* 
								           for archives  
********************************************************************** */

blockquote {
	margin:0 15px 2px 0;
	padding: 2px 0 0 38px;
	background: url(quote.gif) left top no-repeat; }

blockquote p {
	margin: 0;
	padding:0;
	line-height: 120%; }

.more {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	text-align: right;
	margin: 0 15px 5px 40%;
	padding-bottom: 1em; }	

.posted {
	position: relative;
	background-color: #eed;
	display: block;
	border-top: 1px solid #887961;
	margin: 4px 0; 
	padding: 3px; }

.posted p {	
	color: #333;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: .8em;
	margin:0; padding:0; }
		
.archive-nav {
	text-align:center;
	display: block; 
	margin: 10px 0; 
	padding:0; }	
	
.archive-nav p {
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: .8em; 
	color: #f90; }	
	
.archive-nav	.prev {
	float: left;
	text-align: right;
	width: 49%;
	margin:0;
	padding-right: 7px;
	border-right: 1px solid #887961; }
	
.archive-nav .next {
	float: right;
	text-align: left;
	width: 48%; }	
	
#about-author {
	background-color: #fff;
	background-image: url(/images/orangebook_100.gif);
	overflow: hidden;
	margin: .2em 0 .5em 0;
	padding: 5px;
	border: 1px dotted #887961;
	background-repeat: no-repeat;
	background-position: 325px 5px; }	
	
#about-category	{
	background-color: #fff;
	margin: .2em 0 .5em 0;
	padding: 5px;
	border: 1px dotted #887961; }
	
#about-author p, #about-category p { 
	margin:0; 
	padding-bottom:2px;}
	
#about-author p + p, #about-category p + p { 
	margin:0; 
	padding:0;}
	
.read-more {
	color: #f90;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: .8em;
	text-align: right;
	margin-bottom: 15px;	
	padding: 0; }	
	
.feed-subscribe {
	color: #f90;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: .8em;
	text-align: right;
	margin: .3em 0;
	padding: 0;
}	
	
.feed-subscribe p {
	color: #f90; 
	margin:0;
	padding:0; }
	
#post-comment { 
	margin-top: 1em; 
	padding-top:.4em;
	border-top: 1px solid #d2d2b2; }
	
#post-comment h1 { 
	color: #444; 
	font-size:1em; 
	margin-bottom: 2px; 
	padding:0;}
	
#post-comment p { 
	margin:0; 
	padding:0; }
	
#commentform form { 
	margin:0; 
	padding:0; }
	
#commentform p { 
	margin-bottom:.6em; 
	padding:0; }	

#commentform input {
	color: #333;
	width: 200px; 
	margin:0; 
	padding: 2px; 
	border: 1px solid #887961; }
	
#commentform textarea {
	border: 1px solid #887961; }
	
#commentform input.btn { 
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: .8em; 
	font-weight: bolder; 
	color: #fff; 
	background-color: #f90; 
	float:left; 
	width: auto; 
	margin-bottom: 15px; 
	padding:3px; 
	border-top:2px solid #fc7; 
	border-right: 2px solid #c60; 
	border-bottom: 2px solid #c60 ; 
	border-left:2px solid #fc7; }	

.post-comment-list {
	display: block;
	margin-bottom: 1em; 
	padding:0; }
	
.post-comment-list ol { color: #333; margin: 0; padding:0;}

.post-comment-list  li {	
	margin-bottom: .5em; 
	padding-bottom:.3em;
	border-bottom: 2px dotted #d2d2b2; }	

.post-comment-list p {	
	color: #333;
	margin-bottom:.5em; 
	padding:0; }
	
.post-comment-list p.postedby {	
	color: #555;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: .8em;
	margin:0; 
	padding:0; }	
	
.copy { 
	text-align:center; 
	font-size:.9em; }

.rss-2col {  
	color: #333;
	width: auto; 
	display: block; 
	background-color:transparent; 
	margin:1em 0; 
	padding: 0; }

.rss-2col p { 
	line-height: 140%; 
	display:block; 
	margin-bottom:.7em; 
	padding:.1em 0;}

.rss-2col	h3 {
	color:#555; 
	font-size: 1em; 
	margin:0; 
	padding:0;}

.rss-2col .right { 
	float:right; 
	display:block; 
	width: 37%; 
	margin:0; padding:0; }

.rss-2col .right p { 
	font-size: .8em; 
	font-family: Verdana, Helvetica, sans-serif; 
	line-height: 120% }

.rss-2col .left {
	background-color:#fff;  
	float: left; 
	display:block; 
	width: 58%; 
	margin-right: .5em; 
	padding:.6em; 
	border: 1px dotted #887961; }
	
.rss-2col ul { 
	display:block;
	list-style-type: none; 
	margin: 0 0 1em 0; 
	padding:0;}

.rss-2col ul li { 
	list-style-type: none; 
	margin-bottom:.1em; 
	padding:.1em 0; 
	line-height: 150%; 
	border-bottom: 1px solid #887961;}

.rss-2col form {
	margin:0; padding:0;}
	
.rss-2col .btn { 
	font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif; 
	font-size: .9em; 
	font-weight: bolder; 
	color: #fff; 
	background-color: #f90; 
	width: auto; 
	margin:0; 
	padding:2px; 
	border-top:2px solid #fc7; 
	border-right: 2px solid #c60; 
	border-bottom: 2px solid #c60; 
	border-left:2px solid #fc7; }
	
.two-col { 
	display: block; 
	margin: 10px 0; 
	padding:0; }

.two-col p {color: #f90;}	

.two-col	.left {
	float: left;
	width: 49%;
	margin:0;
	padding-right: 7px;
	border-right: 1px solid #887961; }
	
.two-col .right {
	float: right;
	width: 48%; }
	
.content-highlight { 
	background-color: #fff; 
	margin: .5em 0; 
	padding: .4em .4em .1em .4em; 
	border: 1px dotted #887961; }	
	
.content-highlight p { 
	margin:0; 
	padding-bottom: .2em; }

.content-highlight a:link, .content-highlight a:hover, .content-highlight a:visited { 
	color: #36a; 
	text-decoration: none; 
	border-bottom: 1px solid #36a; }

.content-highlight a:hover { 
	color: #f90; 
	text-decoration: none; 
	border-bottom: 1px dotted #f90; }

.content-highlight .btn { 
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: .8em; 
	font-weight: bolder; 
	color: #fff; 
	background-color: #f90; 
	float:left; 
	width: auto; 
	margin-bottom: 15px; 
	padding:3px; 
	border-top:2px solid #fc7; 
	border-right: 2px solid #c60; 
	border-bottom: 2px solid #c60 ; 
	border-left:2px solid #fc7; }	

/* ******************************************************************* 
								 admin related - not totally done as of 4/11 
********************************************************************** */

#message	{
	background-color: #fff;
	margin: 10em 15em;
	padding: 1.5em;
	border: 1px dotted #f90; }
	
#message p { 
	line-height: 140%; }
	

#login {
	text-align:left;
	width: 27em;
	margin: 5em auto;
	padding: 1.5em;
	border: 2px solid #887961;
	background: #fff url(190.gif) no-repeat top left; }

#login form { 
	margin:40px 0 50px 0; 
	padding:0;}
	
#login textarea {
	margin:0; 
	padding: 0; 
	border: 1px solid #887961; }
	
#login .btn { 
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: .8em; 
	font-weight: bolder; 
	color: #fff; 
	background-color: #f90; 
	display: block; 
	float:right; 
	width: auto; 
	margin: 0 0 15px 25px; 
	padding:3px; 
	border-top:2px solid #fc7; 
	border-right: 2px solid #c60; 
	border-bottom: 2px solid #c60; 
	border-left:2px solid #fc7; }

#login #login_error {
	background: #c00;
	border: 1px solid #900;
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
	padding: .5em;
	text-align: center; }

#login h1 {
	font-size: 1.6em;
	margin: 25px 0 3px 170px; }

#login h1 a:link, #login h1 a:visited {
	color: #69c;
	text-decoration: none; }

#login h2 {
	color: #36a;
	font-size: 1.1em;
	margin-left: 170px; }

#login a:link, #login a:visited {
	color: #36a;
	text-decoration: none; }

#login a:hover, #login a:active, #login h1 a:hover, #login h1 a:active {
	color: #f90;
	text-decoration: none;
	border-bottom: 1px dotted #f90; }

#login ul {
	list-style: none;
	margin: 0;
	padding: 0; }

#login ul li {
	display: inline;
	margin-left: 1.4em;
	text-align: center; }

#login #log {
	color: #444;
	font-size: 1.5em;
	width: 95%;
	padding: 3px; border: 1px solid #887961; }
	
/* ******************************************************************* 
								 commented out styles as of 4/11 
********************************************************************** */	
/*#header h1 a:link, #header h1 a:visited { color: #69c; text-decoration:none; }

#header h1 a:hover {
	text-decoration:none;
	border-bottom: 1px dotted #69c;
}*/

/* old nav with no search box
#header .nav { 	font-family: Verdana, Helvetica, sans-serif; font-size: .8em;margin:0; padding:0;  }
#header .nav ul { padding: 0; margin: 0; background-color: #736155; color: #fffff2; float: left; width: 100%; }
#header .nav ul li {	height: 21px; display: inline; margin: 0; padding: 0; }
#header .nav ul li a { padding: .4em .8em; color: #fffff2; text-decoration: none; float: left; border-right: 1px solid #9c9284; }
#header .nav ul li a:hover { background-color: #69c; color: #fff; } */