@charset "UTF-8";
/* resume styles */

#bio .artcaption {
	font-size:11px;
	margin-bottom:10px;
	line-height:16px!important;
	text-align:center;}

#bio #side img{
	margin-bottom:6px;}

/* = = = = = = = = = =  Top Section = = = = = = */

.title{
	display:block;
	width: 500px;
	float:right;
	padding-top:13px;
	font-size:15px;
	font-weight:300;
	text-align:right;
	margin-right:42px;
	text-transform:uppercase;
	letter-spacing:5px;
	color:#bbb;} 
	
#toparea img {
	float:left;}


/* = = = = = = = = = =  Art Page = = = = = = */

#art #main{
	width:910px;}

#art #content{
	width:710px;
	margin-right:0;
	float:left;}
	
#art #content img{
	
	margin-right:20px;
	margin-bottom:12px;}

#res #content{
	width:690px;
	margin-right:0;}
	
#res #content strong{
	font-weight:700;}
	
.artcaption{
	font-size:12px;
	line-height: 16px;
	text-align:right;}

/* = = = = = = = = = =  Home = = = = = = */
/*   
each row is slightly different because of various book sizes and how much info is displayed below it

Books are 183px across and the height follows EXCEPT when the book is really tall...then the width may be a bit smaller to accommodate.*/
.row1 .h{
	display:block;
	height:276px;}
.row1 .book{
	height:362px;}
	
.row2 .h{
	display:block;
	height:276px;}
.row2 .book{
	height:363px;}
	
.row3 .h{
	display:block;
	height:277px;}
.row3 .book{
	display:block;
	height:362px;}
	
.row4 .h{
	display:block;
	height:276px;}
.row4 .book{
	height:370px;}
	
.row5 .h{
	display:block;
	height:276px;}
.row5 .book{
	height:368px;}

.row6 .h{
	display:block;
	height:271px;}
.row6 .book{
	height:354px;}
	
.row7 .h{
	display:block;
	height:259px;}
.row7 .book{
	height:358px;}
	
#home #main{
	width: 890px;
	margin:50px 0 0px 40px;}
	
#feature {
	width:780px;
	padding: 32px 48px 36px 48px;
	background-color:#eaeaea;
	margin-bottom:20px;}
	
#bottom{
	width:900px;}
	
.homequote{
	font-size:14px!important;
	line-height:24px!important;
	font-style:italic;}
.homequoteauthor{
	text-align:right;
	font-size:14px!important;}	
	
.book{
	width:183px;
	padding:12px;
	background-color:#eaeaea;
	text-align:center;
	float:left;
	margin-right:17px;
	margin-bottom:17px;}

.featureimg{
	float:left;
	display:block;
	margin-right:0px!important;}
	
#feature p {
	font-size:12px;
	line-height:20px;
	margin:0;}

.book h1, #feature h1, #side h1{
	font-size: 15px;
	margin: 0 0 0px 0;}
	
.book p, #side p {
	font-size:12px;
	line-height:16px;
	margin:0;}
#side p{
	line-height:18px;}

.book a, #feature a, #side a, #footer a, #content a{
	text-decoration:none;
	color:#cf0a0a}

.book a.buy, #feature a.buy, #side a.buy{
	font-weight:700;
	text-transform:uppercase;
	font-size:9.5px;
	letter-spacing:.3em;}

/* = = = = = = = = = =  Sidebar  = = = = = = */

#side img{
	margin-bottom:20px;}

#side{text-align:center;}

#side img, #bottom img, #feature img{
	box-shadow: 3px 3px 5px #aaa;}
	
/* = = = = = = = = = =  You Are Here  = = = = = = */

body#celi a#nav-com, body#home a#nav-pub, body#art a#nav-art, body#bio a#nav-bio, body#res a#nav-res, body#links a#nav-links, body#uab a#nav-uab {
	/* this is the 'you are here' indicator -- for any page, mark top nav in black*/
	/* body#celi is the first commentary -- elixir -- it will change */	
	color:black;}
	
body#celi a#eli, body#cout a#out, body#cali a#ali , body#cone a#one, body#cins a#ins,  body#cpla a#pla, body#cang a#ang,  body#cmet a#met, body#cori a#ori, body#ccor a#cor, body#cdeb a#id, 
body#cted a#ted, body#cave a#ave, body#ctou a#tou, body#cagn a#agn {
	/* this is the 'you are here' indicator -- for specific commentary, mark with triangle on left*/
	background:url(pix/triangle.png) no-repeat 0 2px;}
	
body#cout a#nav-com, body#cone a#nav-com, body#cali a#nav-com, body#cins a#nav-com, body#cpla a#nav-com, body#cang a#nav-com, body#cmet a#nav-com, body#cori a#nav-com, body#ccor a#nav-com, body#cdeb a#nav-com, body#cted a#nav-com, body#cave a#nav-com, body#ctou a#nav-com, body#cagn a#nav-com{
	/* this is the 'you are here' indicator -- for any commentary page, mark the top nav in black as well as the triangle*/
	color:black;}
	
	
	
/* = = = = = = = = = =  Top Menu  = = = = = = */

#topmenu{}
#topmenu ul{
	float:right;
	width:960px;
	margin:18px 37px 60px 0;
	list-style:none;
	padding:0;}
	
#topmenu ul li{
	float:right;
	display:block;
	margin:0;
	display:inline;}
	
#topmenu ul li a{
	display:block;
	font-weight:bold;
	text-transform:uppercase;
	font-size:11.5px;
	letter-spacing:3px;
	color:#999;
	text-decoration:none;
	margin:0 5px 0 0;
	padding: 5px 3px 4px 7px;}
	
#topmenu ul li a:hover{
color:black;}	

/* = = = = = = = = = =  Left Menu  = = = = = = */	

#leftmenu{
	width:194px;
	float:left;
	margin-right:28px;
	margin-top:4px;}	
	
#leftmenu ul{
	margin:0 0 0 0;
	list-style:none;
	padding:0;}
	
#leftmenu ul li{
	display:block;
	margin:0;}
	
#leftmenu ul li a{
	letter-spacing:.02em;
	display:block;
	font-size:12px;
	font-weight:700;
	color:#777;
	text-decoration:none;
	margin:0 0px 0 0;
	padding: 0px 0px 10px 14px;}
	
#leftmenu ul li a:hover{
	color:black;}	
	
	
/* = = = = = = = = = =  General  = = = = = = */		
	
body,td,th {
	font-family: 'helvetica neue', Arial, Helvetica, sans-serif;
	font-weight:300;
	font-size: 14px;
	line-height:24px;
	color: #555;}
	
.firstwords{
	color:black;
	font-weight:700;}
	
#content, #side, #bottom, #feature, #footer{
	letter-spacing:.05em;
	}
	
p {margin: 0 0 8px 0;}
	
h1, h2, h3{
	font-weight:300;}

h1{
	margin:0 0 18px 0;
	font-size:26px;
	line-height:1.2;}
h2{
	margin:0 0 16px 0;
	font-size:18px;}
	
h3{
	margin:0 0 16px 0;
	font-size:16px;}

.author{
	text-align:right;
	margin-bottom:14px;
	margin-top:-6px;}
	
	
/* main structural  */
	
li{line-height:16px;}	

body {
	background:url(pix/blackstrip.png) repeat-x 0 0;
	background-color: #fff;
	margin: 0px;}
	
#wrapper{
	border-top:7px solid black;
	width:960px;
	background-color: #fff;
	padding-bottom:30px;
	margin: 0 auto;}
	
#leftmenu{
	width:180px;
	float:left;
	margin-right:20px;
	margin-top:4px;}	

#main{
	width:892px;
	margin: 50px 0 0px 28px;}	

#content{
	width:432px;
	float:left;
	margin-right:36px;}
#side{
	width:224px;
	float:left;}
	
#footer{
		text-align:center;
		font-size:11.5px;
		width:880px;
		margin-top:30px;
		margin-left: 40px;
		border-top: 3px solid black;
		padding-top:12px;}